:root {
  color-scheme: dark;
  --accent: #9cb9ff;
  --accent-rgb: 156,185,255;
  --bg: #0b101b;
  --text: #f1f4fb;
  --muted: #8c98ac;
  --line: rgba(204,220,255,.105);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* {box-sizing: border-box}
html {min-height: 100%;background:var(--bg)}
body {margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(ellipse 80% 80% at 86% 47%, rgba(var(--accent-rgb),.08), transparent 58%), var(--bg);overflow-x:hidden}
a {color:inherit}
button {font:inherit}
.page-glow {position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 50% at 75% 48%, rgba(var(--accent-rgb),.08), transparent 100%);opacity:.9}
.texture {position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
.frame {min-height:100dvh;max-width:1600px;margin:0 auto;padding:0 clamp(22px,6.4vw,108px);display:flex;flex-direction:column;position:relative}
.topbar {height:114px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.wordmark {display:flex;align-items:center;gap:13px;text-decoration:none;font-size:16px;letter-spacing:-.055em;font-weight:650}
.brand-icon {width:37px;height:37px;display:block;color:var(--accent)}.brand-icon svg {width:100%;height:100%}
.brand-extension {color:var(--muted);font-weight:450}
.top-caption {font-size:10px;font-weight:700;letter-spacing:.22em;color:#9ba6b8;display:flex;align-items:center;gap:15px;white-space:nowrap}
.top-caption-line {height:1px;width:35px;background:rgba(var(--accent-rgb),.43)}
.hero {flex:1;min-height:620px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(350px,.87fr);align-items:center;position:relative;isolation:isolate}
.copy {padding:40px 0 54px;position:relative;z-index:3}
.eyebrow {display:flex;align-items:center;gap:16px;color:var(--accent);font-size:11px;letter-spacing:.21em;font-weight:680;white-space:nowrap}
.eyebrow-line {height:1px;width:27px;background:var(--accent);opacity:.85}
.headline {font-size:clamp(75px,8.5vw,146px);line-height:.96;letter-spacing:-.087em;font-weight:670;margin:40px 0 0;display:flex;flex-direction:column;max-width:min-content}
.headline>span:first-child {white-space:nowrap}
.headline-second {white-space:nowrap}
.accent-word {color:var(--accent)}
.dot-com {font-size:.45em;color:#738096;letter-spacing:-.055em;margin-left:.03em;vertical-align:baseline;font-weight:450}
.headline-sub {font-size:clamp(21px,2.1vw,30px);line-height:1.34;font-weight:400;letter-spacing:-.035em;color:#d8dfeb;margin:39px 0 0}
.description-rule {height:1px;max-width:345px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.33),transparent);margin:38px 0 24px}
.description-row {display:flex;align-items:flex-start;gap:18px}
.spark {font-size:22px;color:var(--accent);line-height:1.2;opacity:.8}
.description-row p {margin:0;color:var(--muted);font-size:14px;line-height:1.85;letter-spacing:.005em}
.visual {width:100%;max-width:540px;aspect-ratio:1;position:relative;justify-self:end;margin-right:clamp(-40px,-2vw,-15px);display:flex;align-items:center;justify-content:center}
.visual-backdrop {position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.10),transparent 65%);filter:blur(40px)}
.orbit-art {width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 38px rgba(var(--accent-rgb),.04))}
.orbit-turn {transform-origin:260px 260px;animation:turn 32s linear infinite}
@keyframes turn {to {transform:rotate(360deg)}}
.visual-label {position:absolute;letter-spacing:.2em;font-size:9px;font-weight:650;color:#97a6bb;white-space:nowrap}
.visual-label-top {top:13%;right:2%;display:flex;align-items:center;gap:12px}
.visual-label-bottom {bottom:13%;left:1%;opacity:.7}
.mini-square {width:6px;height:6px;border:1px solid var(--accent);transform:rotate(45deg)}
.footer {min-height:89px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;font-weight:650;letter-spacing:.16em;color:#7d899e}
.footer-right {display:flex;gap:18px;align-items:center}.footer-right a {text-decoration:none;transition:color .2s}.footer-right a:hover,.footer-right a:focus-visible {color:var(--accent)}
.footer-separator {color:#4d5668;margin:0 10px}
.consent[hidden] {display:none}.consent {position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 32px));background:#182134;border:1px solid rgba(193,206,232,.24);border-radius:15px;box-shadow:0 26px 65px rgba(0,0,0,.42);padding:18px 20px;display:flex;align-items:center;gap:22px}
.consent-content {flex:1}.consent strong {font-size:13px;letter-spacing:.01em}.consent p {font-size:12px;color:#b7c3d5;line-height:1.6;margin:6px 0 0}.consent a {color:#e5ebf9;text-underline-offset:2px}
.consent-actions {display:flex;gap:8px;align-items:center;flex-shrink:0}.btn {font-size:12px;padding:11px 14px;border-radius:7px;border:1px solid rgba(200,214,241,.25);cursor:pointer;font-weight:600}.btn-quiet {color:#ced6e8;background:transparent}.btn-primary {background:var(--accent);border-color:var(--accent);color:#0a1020}.btn:hover {filter:brightness(1.1)}
:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
@media (max-width:1000px) {.hero {grid-template-columns:1fr;min-height:unset;padding:70px 0 0}.visual {grid-row:2;max-width:420px;margin:-60px auto -12px}.copy {padding-bottom:0}.headline {font-size:clamp(72px,12vw,126px)}.visual-label-top {right:2%}}
@media (max-width:640px) {.frame {padding:0 24px}.topbar {height:82px}.wordmark {font-size:14px;gap:9px}.brand-icon {width:30px;height:30px}.top-caption {font-size:0;gap:0}.top-caption-line {width:18px}.hero {padding-top:70px}.eyebrow {font-size:9px;letter-spacing:.13em}.headline {font-size:clamp(59px,14vw,90px);margin-top:31px}.headline-sub {font-size:21px;margin-top:32px}.description-rule {margin:27px 0 20px}.description-row p {font-size:13px}.visual {max-width:340px;margin:-28px auto -14px}.visual-label {font-size:8px}.footer {font-size:9px;letter-spacing:.08em;min-height:86px;flex-wrap:wrap;justify-content:space-between}.footer-separator {margin:0 5px}.consent {bottom:12px;padding:16px;flex-direction:column;align-items:stretch;gap:14px}.consent-actions {justify-content:flex-end}}
@media (prefers-reduced-motion:reduce) {.orbit-turn {animation:none}}