*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--text);background:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 20% 0,rgba(92,145,139,.08),transparent 34%),radial-gradient(circle at 92% 84%,rgba(180,74,67,.10),transparent 36%),linear-gradient(135deg,#040708,#081114 56%,#05090a)}
body::after{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
button,a{font:inherit;color:inherit}
a{text-decoration:none}
button{border:0}
img,svg{display:block;max-width:100%}
::selection{color:#090b0c;background:var(--gold-bright)}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}

.site-grid{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(120,168,163,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,168,163,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0,transparent 92%)}

.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--topbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 var(--safe-x);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,10,12,.96),rgba(5,10,12,.78));backdrop-filter:blur(18px) saturate(125%)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-seal{position:relative;width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--gold);color:var(--gold-bright);font:700 16px/1 var(--font-display);clip-path:polygon(50% 0,91% 18%,100% 57%,72% 100%,28% 100%,0 57%,9% 18%);background:rgba(200,169,104,.06);box-shadow:inset 0 0 18px rgba(200,169,104,.08)}
.brand-copy{min-width:0}
.brand-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.15 var(--font-display);letter-spacing:.15em}
.brand-copy small{display:block;margin-top:4px;color:var(--muted);font:8px/1 var(--font-mono);letter-spacing:.17em}
.top-context{justify-self:center;color:#c8ccc5;font:9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.icon-button{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);color:#d9ddd5;background:rgba(255,255,255,.025);cursor:pointer;transition:.22s var(--ease)}
.icon-button:hover{border-color:var(--line-strong);background:rgba(255,255,255,.065);transform:translateY(-1px)}
.icon-button.active{color:var(--phase-soft,var(--cyan-bright));border-color:color-mix(in srgb,var(--phase,var(--cyan)) 60%,transparent);background:color-mix(in srgb,var(--phase,var(--cyan)) 12%,transparent)}
.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.icon-button span{color:var(--muted);font-size:9px;letter-spacing:.08em}

.kicker{display:flex;align-items:center;gap:11px;color:var(--phase-soft,var(--gold-bright));font:700 9px/1.2 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}
.kicker::before{content:"";width:34px;height:1px;background:currentColor;box-shadow:11px 0 0 color-mix(in srgb,currentColor 45%,transparent)}
.display-title{margin:18px 0 20px;font:700 clamp(54px,8.5vw,132px)/.86 var(--font-display);letter-spacing:-.065em;text-wrap:balance}
.section-title{margin:15px 0 18px;font:700 clamp(38px,6vw,82px)/.98 var(--font-display);letter-spacing:-.05em;text-wrap:balance}
.lead{max-width:900px;margin:0;color:#d4d8d0;font:clamp(15px,1.45vw,21px)/1.78 var(--font-display)}
.body-copy{color:#b9c0ba;font-size:12px;line-height:1.86}
.muted{color:var(--muted)}.gold{color:var(--gold-bright)}.red{color:var(--red-bright)}.cyan{color:var(--cyan-bright)}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}