:root{color-scheme:dark;--deep:#082f3c;--white:#f2fbfb;--aqua:#65dfda;--muted:#b4cbd0;--line:rgba(222,250,251,.15)}
*{box-sizing:border-box}html{background:var(--deep);font-size:16px}body{margin:0;min-width:320px;color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.page{display:flex;flex-direction:column;min-height:100svh;max-width:1680px;margin:auto;padding:36px clamp(24px,6vw,100px) 28px}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;border-radius:8px}.brand-symbol{width:50px;height:42px}.brand-name{display:block;width:177px;height:auto}.header-caption{font-size:.875rem;color:var(--muted);letter-spacing:.02em}:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}
main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:50px;align-items:center;flex:1;padding:100px 0 110px;min-height:620px}.hero{animation:arrive .7s ease-out both}.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 30px;color:var(--aqua);font-size:.8rem;font-weight:600;letter-spacing:.17em}.eyebrow-line{height:1px;width:28px;background:var(--aqua)}h1{margin:0;font-family:"Arial Rounded MT Bold",ui-rounded,"Trebuchet MS",sans-serif;font-size:clamp(2.7rem,4.9vw,5.2rem);letter-spacing:-.045em;line-height:1.12;font-weight:700}h1 span{display:block}.accent{color:var(--aqua)}.description{max-width:385px;margin:28px 0 0;color:var(--muted);font-size:1.0625rem;line-height:1.8}.launch{margin-top:37px;display:flex;align-items:center;gap:16px}.launch-icon{color:var(--aqua);font-size:1.5rem}.launch strong{display:block;font-size:1rem;font-weight:600}.launch div>span{display:block;font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.5}.hero-mark{display:flex;align-items:center;justify-content:center}.hero-mark img{display:block;width:100%;max-width:380px;height:auto;opacity:.95}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.footer-note{font-size:.875rem;color:#d8e8eb}.footer-category{font-size:.75rem;letter-spacing:.13em}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){main{gap:28px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}h1{font-size:clamp(2.55rem,4.6vw,4.3rem)}}
@media(max-width:780px){.page{padding-top:28px}.header-caption{font-size:.8125rem}main{grid-template-columns:1fr;gap:55px;padding:76px 0 62px;min-height:0}.hero-mark{justify-content:flex-start}.hero-mark img{width:190px}h1{font-size:clamp(2.6rem,6.5vw,4.3rem)}.footer-category{display:none}}
@media(max-width:500px){.page{padding:25px 24px 22px}.brand-symbol{width:41px;height:36px}.brand-name{width:151px}.brand{gap:6px}.header-caption{display:none}main{padding:66px 0 52px;gap:45px}.eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:24px}h1{font-size:clamp(2.25rem,7.8vw,3.2rem);line-height:1.16}.description{font-size:1rem;max-width:310px;margin-top:24px}.launch{margin-top:30px}.hero-mark img{width:156px}footer{gap:16px;flex-wrap:wrap;font-size:.75rem}.footer-note{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}}