*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#07090f;color:#ede8df;line-height:1.7;overflow-x:hidden}
:root{
  --navy:#07090f;--navy-mid:#0d1219;--navy-card:#111620;--navy-line:#1c2435;
  --cream:#ede8df;--cream-dim:rgba(237,232,223,0.65);--cream-faint:rgba(237,232,223,0.5);
  --gold:#b8965a;--gold-dim:rgba(184,150,90,0.18);--gold-line:rgba(184,150,90,0.35);
  --teal:#2a7a6e;--teal-dim:rgba(42,122,110,0.15);
  --grid-line:rgba(255,255,255,0.038);
  --T:all 0.32s cubic-bezier(0.4,0,0.2,1);
  --Tf:all 0.2s cubic-bezier(0.4,0,0.2,1);
}
.display{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.12;letter-spacing:-0.01em}
.xl{font-size:clamp(2.8rem,6vw,5.2rem)}
.lg{font-size:clamp(2rem,4vw,3.4rem)}
.md{font-size:clamp(1.5rem,3vw,2.4rem)}
.eyebrow{font-size:0.7rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold)}
.body-lg{font-size:1.05rem;line-height:1.75;color:var(--cream-dim)}
.body-sm{font-size:0.86rem;line-height:1.65;color:var(--cream-dim)}
em.gold{font-style:italic;color:var(--gold)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,9,15,0);border-bottom:1px solid transparent;transition:var(--T)}
nav.scrolled{background:rgba(7,9,15,0.96);border-bottom-color:var(--navy-line);backdrop-filter:blur(12px)}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;letter-spacing:0.14em;color:var(--cream);text-decoration:none}
.logo span{color:var(--gold)}
.nav-links{display:flex;gap:2rem;align-items:center;list-style:none}
.nav-links a{font-size:0.78rem;font-weight:400;letter-spacing:0.06em;color:var(--cream-dim);text-decoration:none;transition:var(--Tf)}
.nav-links a:hover{color:var(--cream)}
.nav-links a.active{color:var(--gold)}
.nav-cta{padding:8px 18px;border:1px solid var(--gold-line);color:var(--gold)!important;border-radius:2px;font-size:0.74rem!important}
.nav-cta:hover{background:var(--gold-dim)!important}
.mob-btn{display:none;background:none;border:none;color:var(--cream);font-size:1.5rem;cursor:pointer}
@media(max-width:768px){.nav-links{display:none}.mob-btn{display:block}}

/* HERO (home) — restored 2026-08-13: was accidentally dropped in the multi-page split,
   causing the .aud audience cards to render as default purple/blue browser links */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 2.5rem 80px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 30%,transparent 100%)}
.hero-line{position:absolute;top:0;left:50%;width:1px;height:120px;background:linear-gradient(to bottom,transparent,var(--gold-line))}
.hero-inner{max-width:1100px;margin:0 auto;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:2.5rem;opacity:0;animation:fadeUp 0.8s 0.2s forwards}
.hero-rule{width:32px;height:1px;background:var(--gold)}
h1{margin-bottom:1.5rem;max-width:820px;opacity:0;animation:fadeUp 0.8s 0.4s forwards}
.hero-sub{max-width:580px;margin-bottom:3rem;opacity:0;animation:fadeUp 0.8s 0.6s forwards}
.hero-auds{display:flex;flex-wrap:wrap;gap:12px;opacity:0;animation:fadeUp 0.8s 0.8s forwards}
.aud{display:flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid var(--navy-line);border-radius:2px;text-decoration:none;background:var(--navy-card);transition:var(--Tf)}
.aud:hover{border-color:var(--gold-line);background:var(--gold-dim)}
.aud-arr{color:var(--gold)}
.aud-t{font-size:0.82rem;font-weight:500;color:var(--cream)}
.aud-d{font-size:0.72rem;color:var(--cream-dim)}
.scroll-ind{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp 0.8s 1.2s forwards}
.scroll-l{width:1px;height:48px;background:linear-gradient(to bottom,var(--gold-line),transparent);animation:pulse 2s infinite}
.scroll-t{font-size:0.62rem;letter-spacing:0.2em;color:var(--cream-faint)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:0.3}50%{opacity:1}}

/* SUBPAGE HERO */
.sub-hero{padding:150px 2.5rem 80px;position:relative;overflow:hidden;background:var(--navy-mid)}
.sub-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 30%,transparent 100%)}
.sub-hero .inner{max-width:1100px;margin:0 auto;position:relative}
.sub-hero .hero-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:2rem}
.sub-hero .hero-rule{width:32px;height:1px;background:var(--gold)}
.sub-hero h1{margin-bottom:1.2rem;max-width:820px}
.sub-hero .body-lg{max-width:620px}

/* SECTIONS */
section{padding:100px 2.5rem}
.inner{max-width:1100px;margin:0 auto}
.sec-header{margin-bottom:64px}
.sec-rule{width:40px;height:1px;background:var(--gold);margin-bottom:20px}

/* PROBLEM */
#problem{background:var(--navy-mid)}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.stats{display:flex;flex-direction:column;gap:32px;margin-top:48px}
.stat{border-left:1px solid var(--gold-line);padding-left:20px}
.stat-n{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:var(--gold);line-height:1}
.stat-l{font-size:0.78rem;color:var(--cream-dim);margin-top:6px}
.points{display:flex;flex-direction:column;gap:20px;margin-top:48px}
.point{padding:22px;border:1px solid var(--navy-line);border-radius:2px;background:var(--navy-card);transition:var(--Tf)}
.point:hover{border-color:var(--gold-line)}
.pt{font-size:0.88rem;font-weight:500;color:var(--cream);margin-bottom:6px}
@media(max-width:768px){.prob-grid{grid-template-columns:1fr;gap:40px}}

/* FRAMEWORK */
#framework{background:var(--navy);position:relative;overflow:hidden}
.fw-orb{position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:600px;height:600px;border:1px solid var(--grid-line);border-radius:50%;pointer-events:none}
.fw-orb::before{content:'';position:absolute;inset:80px;border:1px solid var(--grid-line);border-radius:50%}
.comp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:56px}
.comp{padding:28px 20px;border:1px solid var(--navy-line);border-radius:2px;background:var(--navy-card);transition:var(--Tf);position:relative;overflow:hidden}
.comp::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
.comp:hover{border-color:var(--gold-line)}
.comp:hover::before{transform:scaleX(1)}
.cn{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;color:var(--gold);opacity:0.4;line-height:1;margin-bottom:14px}
.ca{font-size:0.68rem;color:var(--gold);letter-spacing:0.1em;margin-bottom:8px}
.ct{font-size:0.82rem;font-weight:500;color:var(--cream);margin-bottom:8px;line-height:1.3}
@media(max-width:900px){.comp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.comp-grid{grid-template-columns:1fr}}

/* FOR BUSINESSES */
#businesses{background:var(--navy-mid)}
.biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.biz-vis{border:1px solid var(--navy-line);border-radius:2px;overflow:hidden;background:var(--navy-card)}
.biz-vh{padding:14px 20px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--navy-line)}
.dot.on{background:var(--gold)}
.biz-vb{padding:24px}
.rl{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--navy-line);font-size:0.78rem}
.rl:last-child{border-bottom:none}
.rk{color:var(--cream-dim)}
.rv{color:var(--cream);text-align:right;max-width:55%}
.badge{display:inline-block;padding:2px 8px;background:var(--gold-dim);color:var(--gold);font-size:0.65rem;letter-spacing:0.08em;border-radius:2px}
.badge.teal{background:var(--teal-dim);color:#5abfb3}
.feats{display:flex;flex-direction:column;gap:20px;margin-top:40px}
.feat{display:flex;gap:16px;align-items:flex-start}
.feat-ico{width:36px;height:36px;border-radius:2px;background:var(--gold-dim);border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;color:var(--gold)}
.feat-t{font-size:0.88rem;font-weight:500;color:var(--cream);margin-bottom:3px}
@media(max-width:768px){.biz-grid{grid-template-columns:1fr}}

/* FOUNDER NOTE */
#founder{background:var(--navy)}
.founder-card{max-width:840px;margin:0 auto;border:1px solid var(--navy-line);border-left:2px solid var(--gold-line);border-radius:2px;background:linear-gradient(135deg,var(--navy-card),rgba(184,150,90,0.03));padding:clamp(32px,5vw,56px)}
.founder-q{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:300;line-height:1.42;color:var(--cream);font-style:italic}
.founder-body{margin-top:26px;display:flex;flex-direction:column;gap:16px}
.founder-sign{display:flex;align-items:center;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid var(--navy-line)}
.founder-mark{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold-line);background:var(--gold-dim);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:1.15rem;flex-shrink:0}
.founder-name{font-size:0.9rem;font-weight:500;color:var(--cream)}
.founder-role{font-size:0.76rem;color:var(--cream-dim)}

/* PARTNERS / TIER CARDS */
#partners{background:var(--navy-mid)}
.part-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.pc{padding:36px 28px;border:1px solid var(--navy-line);border-radius:2px;background:var(--navy-card);transition:var(--Tf)}
.pc:hover{border-color:var(--gold-line)}
.pc.feat{border-color:var(--gold-line);background:linear-gradient(135deg,var(--navy-card),rgba(184,150,90,0.04))}
.pc-t{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;color:var(--cream);margin:14px 0 10px}
.pc-p{margin:18px 0;padding:14px 0;border-top:1px solid var(--navy-line);border-bottom:1px solid var(--navy-line)}
.pc-pv{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:300;color:var(--gold)}
.pc-ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pc-ul li{font-size:0.8rem;color:var(--cream-dim);display:flex;gap:8px}
.pc-ul li::before{content:'—';color:var(--gold);flex-shrink:0}
@media(max-width:768px){.part-grid{grid-template-columns:1fr}}

/* QUOTE / CTA PANEL */
.quote-panel{max-width:760px;margin:56px auto 0;text-align:center;border:1px solid var(--gold-line);border-radius:2px;background:linear-gradient(135deg,var(--navy-card),rgba(184,150,90,0.05));padding:clamp(32px,5vw,52px) 40px}
.quote-panel h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--cream);margin-bottom:16px;line-height:1.2}
.quote-panel p{max-width:520px;margin:0 auto 28px}
.quote-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.gate-note{font-size:0.72rem;color:var(--cream-faint);margin-top:14px;line-height:1.55}

/* FORMS */
.gate-form{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.gate-input{flex:1;min-width:200px;padding:13px 16px;background:var(--navy);border:1px solid var(--navy-line);border-radius:2px;color:var(--cream);font-family:'DM Sans',sans-serif;font-size:0.85rem}
.gate-input::placeholder{color:var(--cream-faint)}
.gate-input:focus{outline:none;border-color:var(--gold-line)}

/* INVESTORS */
#investors{background:var(--navy)}
.inv-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--navy-line);margin:56px 0 48px;background:var(--navy-line)}
.ik{background:var(--navy-card);padding:32px 24px}
.ik-v{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:300;color:var(--gold);line-height:1}
.ik-l{font-size:0.74rem;color:var(--cream-dim);margin-top:8px}
.ik-n{font-size:0.67rem;color:var(--cream-faint);margin-top:4px}
.inv-lead{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.inv-thesis{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.35;color:var(--cream)}
.gate-card{border:1px solid var(--gold-line);border-radius:2px;background:linear-gradient(135deg,var(--navy-card),rgba(184,150,90,0.04));padding:32px}
.gate-locked{display:inline-flex;align-items:center;gap:8px;font-size:0.67rem;color:var(--gold);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:14px}
@media(max-width:768px){.inv-kpis{grid-template-columns:repeat(2,1fr)}.inv-lead{grid-template-columns:1fr;gap:32px}}

/* CAREERS */
#careers{background:var(--navy-mid)}
.car-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:64px;align-items:start}
.cult{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.cp{display:flex;gap:16px}
.cp-n{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--gold);opacity:0.5;line-height:1;flex-shrink:0;width:32px}
.cp-t{font-size:0.88rem;font-weight:500;color:var(--cream);margin-bottom:3px}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.role{padding:28px 24px;border:1px solid var(--navy-line);border-radius:2px;background:var(--navy-card);transition:var(--Tf)}
.role:hover{border-color:var(--gold-line)}
.role.feat{border-color:var(--gold-line);background:rgba(184,150,90,0.04)}
.rdept{font-size:0.67rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.rtitle{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--cream);margin-bottom:8px}
.rmeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rtag{font-size:0.67rem;padding:2px 9px;border:1px solid var(--navy-line);border-radius:20px;color:var(--cream-dim)}
.rapply{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:0.76rem;color:var(--gold);text-decoration:none}
.rapply:hover{text-decoration:underline}
@media(max-width:768px){.car-intro{grid-template-columns:1fr}.roles{grid-template-columns:1fr}}

/* ABOUT */
#about{background:var(--navy);padding:80px 2.5rem}
.ab-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ps{border:1px solid var(--navy-line);border-radius:2px;padding:32px;background:var(--navy-card)}
.ps-l{font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:16px}
.psp{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--navy-line)}
.psp:last-child{border-bottom:none}
.psn{font-size:0.88rem;font-weight:500;color:var(--cream)}
.psr{font-size:0.74rem;color:var(--cream-dim)}
@media(max-width:768px){.ab-inner{grid-template-columns:1fr}}

/* FAQ */
#faq{background:var(--navy-mid)}
.faq-list{max-width:820px;margin:56px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--navy-line);border-radius:2px;background:var(--navy-card);transition:var(--Tf)}
.faq-item:hover{border-color:var(--gold-line)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:0.95rem;font-weight:500;color:var(--cream)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:var(--gold);font-size:1.5rem;font-weight:300;flex-shrink:0;transition:var(--Tf)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 24px 24px}
.faq-a p{font-size:0.88rem;line-height:1.7;color:var(--cream-dim)}

/* DOCS */
.docs-grid{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.docs-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--navy-line);padding-left:20px}
.docs-toc a{font-size:0.78rem;color:var(--cream-dim);text-decoration:none;transition:var(--Tf)}
.docs-toc a:hover{color:var(--gold)}
.docs-toc .eyebrow{margin-bottom:10px}
.docs-body{display:flex;flex-direction:column;gap:48px;min-width:0}
.docs-sec h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--cream);margin:18px 0 12px;line-height:1.2}
.docs-sec p{font-size:0.9rem;color:var(--cream-dim);margin-bottom:12px}
.docs-sec ul{margin:0 0 14px 0;list-style:none;display:flex;flex-direction:column;gap:8px}
.docs-sec ul li{font-size:0.88rem;color:var(--cream-dim);display:flex;gap:8px}
.docs-sec ul li::before{content:'—';color:var(--gold);flex-shrink:0}
.code-block{background:var(--navy);border:1px solid var(--navy-line);border-radius:2px;padding:18px 20px;margin:14px 0 18px;overflow-x:auto}
.code-block pre{font-family:'SF Mono',Menlo,Consolas,monospace;font-size:0.78rem;line-height:1.7;color:#c9bfae}
.code-block .c{color:var(--cream-faint)}
.endpoint{display:inline-block;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:0.72rem;padding:2px 8px;background:var(--gold-dim);color:var(--gold);border-radius:2px;letter-spacing:0.04em}
.doc-table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:0.82rem}
.doc-table th{text-align:left;font-size:0.67rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);padding:10px 14px;border-bottom:1px solid var(--gold-line)}
.doc-table td{padding:10px 14px;border-bottom:1px solid var(--navy-line);color:var(--cream-dim);vertical-align:top}
.doc-table td:first-child{color:var(--cream);font-family:'SF Mono',Menlo,Consolas,monospace;font-size:0.76rem;white-space:nowrap}
@media(max-width:900px){.docs-grid{grid-template-columns:1fr}.docs-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:14px;border-left:none;padding-left:0}}

/* LEGAL PROSE */
.legal-body{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.legal-body h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.5rem,2.4vw,2rem);color:var(--cream);margin-bottom:10px}
.legal-body p,.legal-body li{font-size:0.9rem;color:var(--cream-dim)}
.legal-body ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.legal-body ul li{display:flex;gap:8px}
.legal-body ul li::before{content:'—';color:var(--gold);flex-shrink:0}
.legal-body a{color:var(--gold);text-decoration:none}
.legal-body a:hover{text-decoration:underline}
.legal-meta{font-size:0.75rem;color:var(--cream-faint)}

/* FOOTER */
footer{background:var(--navy);border-top:1px solid var(--navy-line);padding:60px 2.5rem 40px}
.ft-inner{max-width:1100px;margin:0 auto}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--navy-line)}
.ft-brand{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;letter-spacing:0.1em;margin-bottom:10px}
.ft-brand span{color:var(--gold)}
.ft-tag{font-size:0.8rem;color:var(--cream-dim);max-width:240px;line-height:1.6;margin-bottom:20px}
.ft-col-t{font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.ft-ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-ul a{font-size:0.82rem;color:var(--cream-dim);text-decoration:none;transition:var(--T)}
.ft-ul a:hover{color:var(--cream)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ft-legal{font-size:0.72rem;color:var(--cream-faint)}
.ft-cert{display:flex;align-items:center;gap:8px;font-size:0.7rem;color:var(--cream-faint)}
.cert-d{width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:0.6}
@media(max-width:768px){.ft-top{grid-template-columns:1fr 1fr}}

/* BUTTONS */
.btn-p{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--gold);color:#07090f;font-size:0.8rem;font-weight:500;letter-spacing:0.06em;border:1px solid var(--gold);border-radius:2px;text-decoration:none;cursor:pointer;transition:var(--Tf)}
.btn-p:hover{background:#c8a86a}
.btn-g{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:transparent;color:var(--cream);font-size:0.8rem;letter-spacing:0.06em;border:1px solid var(--navy-line);border-radius:2px;text-decoration:none;cursor:pointer;transition:var(--Tf)}
.btn-g:hover{border-color:var(--gold-line);color:var(--gold)}

/* REVEAL */
.js .rev{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.js .rev.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:0.1s}.d2{transition-delay:0.2s}.d3{transition-delay:0.3s}.d4{transition-delay:0.4s}

/* MOBILE NAV */
.mob-nav{position:fixed;inset:0;z-index:200;background:rgba(7,9,15,0.98);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity 0.3s}
.mob-nav.open{opacity:1;pointer-events:all}
.mob-nav a{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--cream);text-decoration:none}
.mob-nav a:hover{color:var(--gold)}
.mob-close{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--cream-dim);font-size:1.8rem;cursor:pointer}

/* FOCUS STATES */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}

/* SKIP LINK */
.skip-link{position:absolute;top:-48px;left:0;background:var(--gold);color:var(--navy);padding:8px 16px;z-index:300;font-size:0.8rem;border-radius:0 0 2px 0;transition:top var(--Tf)}
.skip-link:focus{top:0}

/* BACKGROUND LAYERS */
.bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.bg-gradient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,var(--gold-dim),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(42,122,110,0.10),transparent 55%);background-size:200% 200%;animation:bgShift 25s ease infinite}
@keyframes bgShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* STACKING — ensure sections/footer sit above bg layers */
section,footer{position:relative;z-index:1}

/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
  html{scroll-behavior:auto}
  .js .rev{opacity:1;transform:none}
  .bg-gradient{animation:none}
}

/* CLIENT PORTAL FLOATING BUTTON */
.portal-btn{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gold,#b8965a);color:#07090f;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.2);z-index:999;transition:transform 0.3s ease,box-shadow 0.3s ease}
.portal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
@media(max-width:600px){.portal-btn{bottom:16px;right:16px;padding:10px 16px;font-size:13px}}