/* ---- glam layer (preview) ---- */
:root{--glow:0 0 0 1px rgba(247,148,29,.35),0 8px 30px -6px rgba(247,148,29,.55);--glass:rgba(22,40,74,.55);--gb:linear-gradient(135deg,rgba(247,148,29,.55),rgba(120,160,255,.25) 45%,rgba(255,255,255,.06));--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;letter-spacing:-.005em;
 background:radial-gradient(1200px 600px at 85% -10%,rgba(60,100,200,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(247,148,29,.07),transparent 60%),#0a1428;background-attachment:fixed}
h1,h2,h3{font-family:Inter,sans-serif;letter-spacing:-.025em}
h2{font-weight:800}
.eyebrow,.tag,.card .tag,.num,.price,.day time,.step::before,.vet,.kicker{font-family:var(--mono)!important}
.eyebrow{letter-spacing:.14em!important;font-weight:600!important;color:#ffb866!important}
.eyebrow::before{background:linear-gradient(90deg,#f7941d,transparent)!important}
.topbar{display:none}
section{position:relative}
/* nav */
.gnav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);background:rgba(8,15,32,.72);border-bottom:1px solid rgba(255,255,255,.08)}
.gnav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(247,148,29,.7),transparent)}
.gnav .in{max-width:1180px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:20px}
.gnav .brand{font-family:var(--mono);font-weight:700;color:#fff;text-decoration:none;font-size:1rem;white-space:nowrap}
.gnav .brand b{color:#f7941d}
.gnav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:4px;align-items:center}
.gnav ul a{display:block;color:#cdd6e8;text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s}
.gnav ul a:hover{color:#fff;background:rgba(255,255,255,.06)}
.gnav ul a.hl{color:#0a1428;background:#f7941d;font-weight:700}
.gnav ul a.hl:hover{background:#ffa83d}
.gnav button{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;width:42px;height:38px;cursor:pointer;font:600 1.1rem var(--mono)}
@media (max-width:900px){
 .gnav button{display:block}
 .gnav ul{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:rgba(8,15,32,.97);border-bottom:1px solid rgba(255,255,255,.08)}
 .gnav.open ul{display:flex}
 .gnav ul a{padding:13px 12px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0}
 .gnav ul a.hl{margin-top:10px;border-radius:8px;text-align:center}
}
html{scroll-padding-top:72px}
/* buttons */
.btn{border-radius:10px!important;box-shadow:var(--glow)!important;transition:transform .18s,box-shadow .18s,background .18s!important}
.btn:hover{transform:translateY(-2px)!important;box-shadow:0 0 0 1px rgba(247,148,29,.5),0 14px 38px -6px rgba(247,148,29,.7)!important}
.btn.ghost{box-shadow:none!important;border:1px solid rgba(247,148,29,.65)!important;background:rgba(247,148,29,.06)!important;color:#fff!important}
.btn.ghost:hover{background:rgba(247,148,29,.16)!important;box-shadow:0 0 24px -6px rgba(247,148,29,.6)!important}
/* glass cards with gradient border */
.card,details,.facts li{position:relative;background:var(--glass)!important;border:1px solid transparent!important;border-radius:16px!important;
 background-clip:padding-box!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease}
.card::after,details::after,.facts li::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gb);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -20px rgba(0,0,0,.7),0 0 40px -18px rgba(247,148,29,.45)}
.facts li{border-left:0!important}
.card li::before{border-radius:50%!important;box-shadow:0 0 10px rgba(247,148,29,.8)}
/* homepage FAQ: keep row style but glassy */
.faq details{padding:2px 22px!important;margin-bottom:12px;border-top:1px solid transparent!important}
.faq details:last-child{border-bottom:1px solid transparent!important}
/* section backgrounds: soft bands */
.alt,.signup{background:linear-gradient(180deg,rgba(15,29,56,.75),rgba(15,29,56,.35))!important}
.band-blue{background:linear-gradient(180deg,rgba(28,51,102,.55),rgba(16,30,62,.55))!important}
.band-blue::before,.alt::before{content:"";position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%)}
.band-blue>.wrap,.alt>.wrap{position:relative}
section+section{border-top:1px solid rgba(255,255,255,.05)}
/* step numbers */
.step::before,.num{font-family:var(--mono)!important;background:rgba(247,148,29,.12)!important;color:#f7941d!important;border:1px solid rgba(247,148,29,.6);box-shadow:0 0 18px -4px rgba(247,148,29,.7);border-radius:12px!important}
.num{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:1.05rem!important}
/* hero tech overlay */
.hero-card{border-radius:20px!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.hero-card::after,.ghero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background-image:linear-gradient(rgba(120,160,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.09) 1px,transparent 1px);background-size:44px 44px;
 -webkit-mask:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 75%);mask:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 75%);animation:gridmove 18s linear infinite}
.ghero{overflow:hidden}
.ghero::before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 20% 30%,rgba(247,148,29,.20),transparent 70%),radial-gradient(40% 50% at 80% 60%,rgba(70,120,255,.22),transparent 70%);animation:drift 16s ease-in-out infinite alternate}
.ghero>.wrap{position:relative;z-index:2}
@keyframes gridmove{to{background-position:44px 44px,44px 44px}}
@keyframes drift{to{transform:translate3d(4%,-3%,0) scale(1.05)}}
.hero h1,.ghero h1{background:linear-gradient(180deg,#fff 30%,#c9d6f2);-webkit-background-clip:text;background-clip:text;color:transparent}
/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
.plans-link a{border-bottom:1px dashed currentColor!important}
footer{background:rgba(5,10,22,.9)!important;border-top:1px solid rgba(255,255,255,.06)}
.card li:first-child{border-top:0!important}
@media (max-width:640px){.hero-card{border-radius:0!important;border-left:0;border-right:0}.gnav .in{padding:0 16px}}
h1,h2,h3{line-height:1.15}
