/* The Super Agency inner pages, 2026. Loads after /home-2026.css */
:root{--lime:#c9ff43;--ink:#1d1d1f;--mist:#f5f5f7;--mute:#86868b;--line:#2a2a2d}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
.page{background:#000;color:#f5f5f7}
.sec{position:relative;padding:150px 0;overflow:clip}
.sec.tight{padding:100px 0}
.sec.light{background:#f5f5f7;color:#1d1d1f}
.sec.white{background:#fff;color:#1d1d1f}
.sec.dark2{background:#0b0b0c}
.ctr{text-align:center}
.ctr .lede{margin-left:auto;margin-right:auto}
.lede{max-width:760px;color:#a1a1a6;margin:22px 0 0}
.light .lede,.white .lede{color:#6e6e73}
.mute{color:#86868b}
.kick{display:inline-block;margin:0 0 18px;font:600 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.light .kick,.white .kick{color:#3d6b00}
.grad{background:linear-gradient(100deg,#fff 10%,#c9ff43 55%,#7ddc1f 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px}
.ctr .ctas{justify-content:center}
.fine{font:400 14px/1.5 Inter,sans-serif;color:#86868b;margin-top:18px}
.light .fine,.white .fine{color:#6e6e73}
.fine a{text-decoration:underline;text-underline-offset:3px}
a.inl{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.light a.inl,.white a.inl{color:#3d6b00}

/* hero */
.ihero{padding:110px 0 0;text-align:center;position:relative;overflow:clip}
.ihero .h1{font-size:clamp(50px,8vw,112px)}
.ihero .serif{display:block;font-size:.92em;margin-top:.04em}
.ihero .lede{margin:28px auto 0;font-size:clamp(19px,1.9vw,24px)}
.price-chip{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:baseline;margin-top:26px;padding:12px 22px;border:1px solid #2c2c2e;border-radius:999px;background:rgba(255,255,255,.04);font:500 15px Inter,sans-serif;color:#d2d2d7}
.price-chip b{font:700 22px Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.stage{position:relative;margin:80px auto 0;max-width:1180px;padding:0 28px}
.glow{position:absolute;left:50%;top:40%;width:1100px;height:700px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(201,255,67,.22),rgba(201,255,67,0));pointer-events:none;z-index:0}
.stage>*:not(.glow){position:relative;z-index:1}

/* glass panels */
.glass{background:linear-gradient(180deg,rgba(40,40,44,.9),rgba(20,20,22,.92));border:1px solid rgba(255,255,255,.09);border-radius:26px;box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:500 13px Inter,sans-serif;background:#232326;color:#d2d2d7;border:1px solid #333}
.chip.on{background:var(--lime);color:#000;border-color:var(--lime)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 12px var(--lime)}
.rec{width:9px;height:9px;border-radius:50%;background:#ff453a;display:inline-block;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}

/* stats band */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#1d1d1f;border-radius:28px;overflow:hidden}
.stat{background:#0b0b0c;padding:34px 24px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.stat b{font:700 clamp(36px,4vw,56px) Inter,sans-serif;letter-spacing:-.04em;color:#fff}
.stat>span{font:400 14px/1.45 Inter,sans-serif;color:#86868b}
.stat a{color:#c9ff43}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}

/* logos */
.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 54px;opacity:.85}
.logos img{height:26px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.logos span{font:600 15px Inter,sans-serif;color:#a1a1a6;letter-spacing:-.01em}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:64px}
.bx{grid-column:span 2;border-radius:28px;padding:34px;min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#111113;border:1px solid #1f1f22;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.bx:hover{transform:translateY(-4px)}
.bx.w3{grid-column:span 3}.bx.w4{grid-column:span 4}.bx.w6{grid-column:span 6}
.bx .n{font:600 13px Inter,sans-serif;color:var(--lime);letter-spacing:.08em}
.bx h3{margin:14px 0 10px;font:700 clamp(22px,2vw,28px)/1.12 Inter,sans-serif;letter-spacing:-.025em}
.bx p{margin:0;font:400 16px/1.5 Inter,sans-serif;color:#a1a1a6}
.bx .viz{margin-top:auto;padding-top:26px}
.bx.limebx{background:var(--lime);color:#000;border-color:var(--lime)}
.bx.limebx p{color:#1d1d1f}.bx.limebx .n{color:#000}
.light .bx{background:#fff;border-color:#e5e5ea}
.light .bx p{color:#6e6e73}.light .bx .n{color:#3d6b00}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.bx,.bx.w3,.bx.w4,.bx.w6{grid-column:span 2}.bx{min-height:0}}

/* sticky steps */
.steps{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin-top:70px}
.steps-txt .st{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.steps-txt .st.on{opacity:1}
.st .num{font:600 14px Inter,sans-serif;color:var(--lime);letter-spacing:.1em}
.st h3{margin:12px 0;font:700 clamp(32px,3.6vw,54px)/1.04 Inter,sans-serif;letter-spacing:-.04em}
.st p{margin:0;max-width:440px;font:400 19px/1.5 Inter,sans-serif;color:#a1a1a6}
.steps-viz{position:sticky;top:110px;height:min(72vh,620px)}
.sv{position:absolute;inset:0;opacity:0;transform:scale(.96) translateY(18px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center}
.sv.on{opacity:1;transform:none}
@media (max-width:900px){
  .steps{grid-template-columns:1fr;gap:0}
  .steps-viz{display:none}
  .steps-txt .st{min-height:0;opacity:1;padding:34px 0;border-top:1px solid #222}
  .steps-txt .st .mviz{display:block;margin-top:26px}
}
.mviz{display:none}

/* timeline */
.tline{position:relative;margin-top:60px;padding:40px 0 0}
.tline .bar{height:6px;border-radius:6px;background:#1d1d1f;position:relative;overflow:hidden}
.tline .bar i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#7ddc1f,#c9ff43);border-radius:6px;transition:width 2.4s cubic-bezier(.3,.7,.2,1)}
.tline.in-view .bar i{width:100%}
.tl-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.tl-pts div b{display:block;font:600 14px Inter,sans-serif;color:var(--lime);letter-spacing:.06em;text-transform:uppercase}
.tl-pts div span{display:block;margin-top:8px;font:700 24px Inter,sans-serif;letter-spacing:-.02em}

/* compare bars */
.cmp{display:grid;gap:22px;margin-top:56px}
.cmp-row{display:grid;grid-template-columns:260px 1fr 180px;align-items:center;gap:22px}
.cmp-row .lbl{font:500 17px Inter,sans-serif}
.cmp-row .val{font:700 20px Inter,sans-serif;text-align:right;letter-spacing:-.02em}
.cmp-row .trk{height:46px;border-radius:14px;background:#e8e8ed;overflow:hidden;position:relative}
.cmp-row .trk i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:14px;background:#1d1d1f;transition:width 1.8s cubic-bezier(.3,.7,.2,1)}
.cmp-row.us .trk i{background:linear-gradient(90deg,#7ddc1f,#c9ff43)}
.cmp.in-view .cmp-row .trk i{width:var(--w)}
@media (max-width:760px){.cmp-row{grid-template-columns:1fr auto}.cmp-row .trk{grid-column:1/-1;order:3;height:30px}}

/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;align-items:stretch}
.tier{border-radius:30px;padding:38px 34px;background:#111113;border:1px solid #232326;display:flex;flex-direction:column;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.tier:hover{transform:translateY(-8px);box-shadow:0 40px 90px rgba(0,0,0,.45)}
.tier .tn{font:600 15px Inter,sans-serif;color:#a1a1a6}
.tier .tp{margin:16px 0 4px;font:700 clamp(46px,4.6vw,64px)/1 Inter,sans-serif;letter-spacing:-.05em}
.tier .tp small{font:500 17px Inter,sans-serif;letter-spacing:0;color:#86868b}
.tier .tt{font:400 14px/1.5 Inter,sans-serif;color:#86868b;min-height:42px}
.tier .who{margin:22px 0 18px;font:600 18px Inter,sans-serif}
.tier ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.tier li{display:flex;gap:12px;font:400 16px/1.4 Inter,sans-serif;color:#d2d2d7}
.tier li::before{content:'';flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--lime)}
.tier .pill{margin-top:auto;align-self:flex-start}
.tier.hot{background:linear-gradient(170deg,#d8ff70,#c9ff43 40%,#a6f02a);color:#000;border-color:transparent}
.tier.hot .tn,.tier.hot .tt,.tier.hot .tp small{color:#2b3a06}
.tier.hot li{color:#111}.tier.hot li::before{background:#000}
.tier .badge{position:absolute;top:22px;right:24px;font:600 12px Inter,sans-serif;padding:6px 12px;border-radius:999px;background:#000;color:var(--lime)}
.light .tier{background:#fff;border-color:#e5e5ea;color:#1d1d1f}
.light .tier li{color:#1d1d1f}.light .tier li::before{background:#3d6b00}
.light .tier.hot li::before{background:#000}
@media (max-width:960px){.tiers{grid-template-columns:1fr}}

/* work cards */
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.wk{border-radius:26px;padding:30px;background:#111113;border:1px solid #1f1f22;display:flex;flex-direction:column;min-height:300px;transition:transform .4s}
.wk:hover{transform:translateY(-4px)}
.wk .lg{height:44px;display:flex;align-items:center}
.wk .lg img{max-height:30px;max-width:180px;width:auto;filter:brightness(0) invert(1)}
.wk .lg span{font:700 19px Inter,sans-serif;letter-spacing:-.02em}
.wk h3{margin:22px 0 10px;font:600 19px/1.3 Inter,sans-serif;letter-spacing:-.015em}
.wk p{margin:0 0 22px;font:400 15px/1.55 Inter,sans-serif;color:#a1a1a6}
.wk .tl{margin-top:auto;color:var(--lime);min-height:0}
.light .wk{background:#fff;border-color:#e5e5ea}
.light .wk p{color:#6e6e73}.light .wk .tl{color:#3d6b00}
.light .wk .lg img{filter:brightness(0)}
@media (max-width:960px){.works{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.works{grid-template-columns:1fr}}

/* faq */
.faq{max-width:900px;margin:56px auto 0;border-top:1px solid #d2d2d7}
.faq details{border-bottom:1px solid #d2d2d7}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font:600 clamp(18px,1.7vw,22px)/1.3 Inter,sans-serif;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8e8ed;font:400 22px Inter,sans-serif;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 26px;max-width:760px;font:400 17px/1.6 Inter,sans-serif;color:#6e6e73}
.sec:not(.light):not(.white) .faq{border-color:#2a2a2d}
.sec:not(.light):not(.white) .faq details{border-color:#2a2a2d}
.sec:not(.light):not(.white) .faq summary::after{background:#1d1d1f;color:#fff}
.sec:not(.light):not(.white) .faq details p{color:#a1a1a6}

/* forms */
.iform{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:50px auto 0;text-align:left}
.iform label{display:flex;flex-direction:column;gap:8px;font:500 13px Inter,sans-serif;color:#a1a1a6}
.iform input,.iform select,.iform textarea{font:400 17px Inter,sans-serif;color:#fff;background:#111113;border:1px solid #2c2c2e;border-radius:14px;padding:16px 16px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.iform select{background-image:linear-gradient(45deg,transparent 50%,#86868b 50%),linear-gradient(135deg,#86868b 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.iform input:focus,.iform select:focus,.iform textarea:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(201,255,67,.15)}
.iform .full{grid-column:1/-1}
.iform .send{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.iform .send small{font:400 14px Inter,sans-serif;color:#86868b}
.hp{position:absolute;left:-9999px}
@media (max-width:640px){.iform{grid-template-columns:1fr}}

/* video lite */
.ytl{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#000;border:0;padding:0;cursor:pointer}
.ytl img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8;transition:opacity .3s,transform .6s}
.ytl:hover img{opacity:1;transform:scale(1.02)}
.ytl .play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:var(--lime);display:grid;place-items:center;box-shadow:0 10px 50px rgba(201,255,67,.5)}
.ytl .play::after{content:'';margin-left:6px;border-left:24px solid #000;border-top:15px solid transparent;border-bottom:15px solid transparent}
.ytl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* reel link tiles */
.reels{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:56px}
.reel{aspect-ratio:9/16;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:radial-gradient(120% 80% at 50% 0%,#2a3a0a,#0b0b0c 65%);border:1px solid #232326;transition:transform .4s}
.reel:hover{transform:translateY(-6px)}
.reel::before{content:'';position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/20px no-repeat}
.reel b{font:600 16px Inter,sans-serif;position:relative}
.reel span{font:400 13px Inter,sans-serif;color:#a1a1a6;margin-top:4px;position:relative}
@media (max-width:900px){.reels{grid-template-columns:repeat(2,1fr)}}

/* closing */
.closer{padding:170px 0;text-align:center;position:relative;overflow:hidden}
.closer .h2{font-size:clamp(46px,7vw,100px)}

/* reveals */
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in-view{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.rv.d5{transition-delay:.4s}
.zoom{transform:scale(.86);opacity:.4;transition:transform 1.4s cubic-bezier(.2,.8,.2,1),opacity 1.2s}
.zoom.in-view{transform:none;opacity:1}

/* section index (sticky local nav) */
.lnav2{position:sticky;top:44px;z-index:30;background:rgba(0,0,0,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #1d1d1f}
.lnav2 .in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:52px}
.lnav2 b{font:600 19px Inter,sans-serif;letter-spacing:-.02em;white-space:nowrap}
.lnav2 nav{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}
.lnav2 nav::-webkit-scrollbar{display:none}
.lnav2 nav a{font:400 13px Inter,sans-serif;color:#d2d2d7;white-space:nowrap}
.lnav2 nav a:hover{color:#fff}
.lnav2 nav a.pill{color:#000;min-height:28px;padding:0 14px;font-size:12px}
@media (max-width:760px){.lnav2 nav a:not(.pill){display:none}}

@media (max-width:600px){.sec{padding:96px 0}.closer{padding:110px 0}.ihero{padding-top:70px}.stage{margin-top:50px;padding:0 16px}}
@media (prefers-reduced-motion:reduce){.rv,.zoom{opacity:1;transform:none;transition:none}*{animation-duration:.001s!important;animation-iteration-count:1!important}}

/* ===== custom visuals ===== */
/* system composite (Authority System hero) */
.sys{position:relative;height:min(64vw,640px);max-width:1100px;margin:0 auto;perspective:1600px}
.sys .core{position:absolute;left:50%;top:50%;width:min(54vw,560px);transform:translate(-50%,-50%) rotateX(8deg);padding:28px 30px 30px;text-align:left}
.sys .core .top{display:flex;justify-content:space-between;align-items:center;font:500 13px Inter,sans-serif;color:#86868b}
.sys .core h4{margin:16px 0 4px;font:700 clamp(22px,2.4vw,32px) Inter,sans-serif;letter-spacing:-.03em;color:#fff}
.months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:22px}
.months i{height:clamp(40px,6vw,74px);border-radius:10px;background:#232326;position:relative;overflow:hidden}
.months i::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#d8ff70,#9be62a);transform:scaleY(0);transform-origin:bottom;animation:fillm 7s infinite}
.months i.md::before{content:'';position:absolute;left:50%;top:7px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fff;z-index:2}
.months i:nth-child(1)::after{animation-delay:0s}.months i:nth-child(2)::after{animation-delay:.3s}.months i:nth-child(3)::after{animation-delay:.6s}.months i:nth-child(4)::after{animation-delay:.9s}.months i:nth-child(5)::after{animation-delay:1.2s}.months i:nth-child(6)::after{animation-delay:1.5s}.months i:nth-child(7)::after{animation-delay:1.8s}.months i:nth-child(8)::after{animation-delay:2.1s}.months i:nth-child(9)::after{animation-delay:2.4s}.months i:nth-child(10)::after{animation-delay:2.7s}.months i:nth-child(11)::after{animation-delay:3s}.months i:nth-child(12)::after{animation-delay:3.3s}
@keyframes fillm{0%{transform:scaleY(0)}12%,80%{transform:scaleY(1)}95%,100%{transform:scaleY(0)}}
.mlab{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:8px;font:500 11px Inter,sans-serif;color:#6e6e73;text-align:center}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sys .ph{position:absolute;left:2%;top:6%;width:min(19vw,200px);animation:floaty 7s ease-in-out infinite}
.sys .ph video,.sys .ph img{width:100%;height:100%;object-fit:cover;display:block}
.sys .ans{position:absolute;right:0;top:4%;width:min(30vw,320px);padding:18px 20px;text-align:left;animation:floaty 8s ease-in-out -2s infinite}
.sys .ans .q{font:500 13px Inter,sans-serif;color:#d2d2d7;background:#2c2c2e;border-radius:14px;padding:9px 12px;display:inline-block}
.sys .ans p{margin:12px 0 10px;font:400 14px/1.5 Inter,sans-serif;color:#d2d2d7}
.sys .ans mark,.aichat mark{background:var(--lime);color:#000;border-radius:5px;padding:0 5px}
.sys .cal{position:absolute;right:6%;bottom:2%;width:min(25vw,260px);padding:18px 20px;text-align:left;animation:floaty 9s ease-in-out -4s infinite}
.sys .cal b{display:block;font:700 22px Inter,sans-serif;letter-spacing:-.02em;color:#fff;margin-top:8px}
.sys .cal span{font:400 13px Inter,sans-serif;color:#86868b}
.sys .site{position:absolute;left:4%;bottom:0;width:min(28vw,300px);padding:10px;animation:floaty 8.5s ease-in-out -1s infinite}
.sys .site img{width:100%;display:block;border-radius:14px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (max-width:860px){
  .sys{height:auto;display:grid;gap:14px;perspective:none}
  .sys .core,.sys .ans,.sys .cal,.sys .ph,.sys .site{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;transform:none;animation:none}
  .sys .ph{display:none}.sys .site{display:none}
}

/* AI answer window (AEO) */
.aichat{max-width:860px;margin:0 auto;text-align:left;overflow:hidden}
.aichat .bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap}
.aichat .bar .lights{display:flex;gap:7px;margin-right:10px}
.aichat .bar .lights i{width:11px;height:11px;border-radius:50%;background:#3a3a3c}
.aichat .bar .chip{cursor:pointer}
.aichat .body{padding:clamp(22px,4vw,44px)}
.aichat .uq{margin-left:auto;width:fit-content;max-width:80%;background:#2c2c2e;border-radius:20px 20px 6px 20px;padding:14px 18px;font:500 clamp(16px,1.6vw,19px)/1.4 Inter,sans-serif}
.aichat .ai{display:flex;gap:14px;margin-top:26px}
.aichat .ai .av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:#000;font:800 13px Inter,sans-serif}
.aichat .ai p{margin:4px 0 0;font:400 clamp(17px,1.7vw,21px)/1.55 Inter,sans-serif;color:#e8e8ed;min-height:3.1em}
.aichat .src{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0 48px;opacity:0;transform:translateY(8px);transition:.6s}
[data-loop].done .src{opacity:1;transform:none}
.aichat .src .chip b{font-weight:700;color:var(--lime)}
.aichat .note{padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);font:400 12px Inter,sans-serif;color:#6e6e73}

/* layer stack (AEO foundation) */
.lstack{position:relative;height:440px;max-width:620px;margin:0 auto;perspective:1400px}
.lstack .ly{position:absolute;left:50%;width:min(86vw,520px);height:150px;margin-left:max(-43vw,-260px);border-radius:26px;transform:rotateX(58deg) rotateZ(-30deg);display:flex;align-items:center;justify-content:center;font:700 34px Inter,sans-serif;letter-spacing:-.03em;transition:top 1.2s cubic-bezier(.2,.8,.2,1),box-shadow 1s}
.lstack .l1{top:200px;background:linear-gradient(135deg,#2c2c2e,#161618);color:#fff;border:1px solid #3a3a3c;z-index:1}
.lstack .l2{top:200px;background:linear-gradient(135deg,#9be62a,#6cbc12);color:#0b1a00;z-index:2}
.lstack .l3{top:200px;background:linear-gradient(135deg,#e2ff8f,#c9ff43);color:#000;z-index:3}
.lstack.in-view .l1{top:250px}.lstack.in-view .l2{top:150px}.lstack.in-view .l3{top:50px;box-shadow:0 60px 80px rgba(201,255,67,.25)}
.lstack-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.lstack-lab div b{display:block;font:700 22px Inter,sans-serif;letter-spacing:-.02em}
.lstack-lab div span{display:block;margin-top:8px;font:400 15px/1.5 Inter,sans-serif;color:#6e6e73}
@media (max-width:760px){.lstack{height:330px}.lstack .ly{height:110px;font-size:26px}.lstack.in-view .l1{top:190px}.lstack.in-view .l2{top:115px}.lstack.in-view .l3{top:40px}.lstack-lab{grid-template-columns:1fr}}

/* search results (SEO) */
.serp{max-width:820px;margin:0 auto;background:#fff;color:#1d1d1f;border-radius:28px;padding:22px 26px 30px;text-align:left;box-shadow:0 50px 140px rgba(201,255,67,.18),0 30px 80px rgba(0,0,0,.6)}
.serp .q{display:flex;align-items:center;gap:12px;border:1px solid #dadce0;border-radius:999px;padding:13px 20px;font:400 17px Inter,sans-serif}
.serp .q::before{content:'';width:15px;height:15px;border:2px solid #86868b;border-radius:50%;flex:none}
.serp .tabs{display:flex;gap:22px;margin:16px 6px 6px;font:500 13px Inter,sans-serif;color:#6e6e73}
.serp .tabs b{color:#1d1d1f;border-bottom:2px solid #1d1d1f;padding-bottom:6px}
.serp .list{position:relative;height:430px;margin-top:6px}
.serp .r{position:absolute;left:0;right:0;height:72px;padding:10px 12px;border-radius:14px;transition:none}
.serp .r small{display:block;font:400 12px Inter,sans-serif;color:#6e6e73}
.serp .r b{display:block;margin-top:3px;font:500 18px Inter,sans-serif;color:#1a0dab;letter-spacing:-.01em}
.serp .r span{display:block;margin-top:4px;height:8px;width:70%;border-radius:4px;background:#eceef1}
.serp .r.me{background:#f4ffe0;box-shadow:inset 0 0 0 1.5px #9be62a;z-index:2}
.serp .r.me b{color:#1d1d1f}
.serp .r.me em{position:absolute;right:14px;top:14px;font:600 12px Inter,sans-serif;font-style:normal;background:#c9ff43;color:#000;border-radius:999px;padding:4px 10px}
.serp .r:nth-child(1){top:0}.serp .r:nth-child(2){top:72px}.serp .r:nth-child(3){top:144px}.serp .r:nth-child(4){top:216px}.serp .r:nth-child(5){top:288px}
.serp .r.me{top:360px}
.serp.in-view .r.me{animation:climb 9s cubic-bezier(.6,0,.2,1) .4s infinite}
.serp.in-view .r:not(.me){animation:dropone 9s cubic-bezier(.6,0,.2,1) .4s infinite}
@keyframes climb{0%,12%{top:360px}38%,88%{top:0}100%{top:360px}}
@keyframes dropone{0%,12%{transform:translateY(0)}38%,88%{transform:translateY(72px)}100%{transform:translateY(0)}}
.serp .r:nth-child(5){animation-name:dropout!important}
@keyframes dropout{0%,12%{transform:translateY(0);opacity:1}38%,88%{transform:translateY(72px);opacity:0}100%{transform:translateY(0);opacity:1}}

/* site map nodes (SEO) */
.smap{position:relative;max-width:900px;height:360px;margin:0 auto}
.smap svg{position:absolute;inset:0;width:100%;height:100%}
.smap svg path{fill:none;stroke:#c7c7cc;stroke-width:2;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2s ease}
.smap.in-view svg path{stroke-dashoffset:0}
.smap .nd{position:absolute;transform:translate(-50%,-50%);padding:10px 16px;border-radius:14px;background:#fff;border:1px solid #e5e5ea;font:600 14px Inter,sans-serif;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.smap .nd.root{background:#1d1d1f;color:#fff;border-color:#1d1d1f;font-size:16px;padding:14px 22px}
.smap .nd.hi{background:#c9ff43;border-color:#c9ff43}

/* AI assistant (AI Training) */
.assist{display:grid;grid-template-columns:.8fr 1.2fr;max-width:980px;margin:0 auto;text-align:left;overflow:hidden}
.assist .side{padding:28px;border-right:1px solid rgba(255,255,255,.07)}
.assist .side h5{margin:0 0 16px;font:600 13px Inter,sans-serif;color:#86868b;letter-spacing:.06em;text-transform:uppercase}
.tg{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font:500 15px Inter,sans-serif;color:#d2d2d7}
.tg i{width:40px;height:24px;border-radius:999px;background:#3a3a3c;position:relative;transition:background .4s}
.tg i::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .4s}
.assist.in-view .tg i{animation:tgon 1s forwards}
.assist.in-view .tg i::after{animation:tgknob 1s forwards}
.assist .tg:nth-child(2) i,.assist .tg:nth-child(2) i::after{animation-delay:.3s}
.assist .tg:nth-child(3) i,.assist .tg:nth-child(3) i::after{animation-delay:.7s}
.assist .tg:nth-child(4) i,.assist .tg:nth-child(4) i::after{animation-delay:1.1s}
.assist .tg:nth-child(5) i,.assist .tg:nth-child(5) i::after{animation-delay:1.5s}
.assist .tg:nth-child(6) i,.assist .tg:nth-child(6) i::after{animation-delay:1.9s}
@keyframes tgon{to{background:#c9ff43}}
@keyframes tgknob{to{transform:translateX(16px)}}
.assist .main{padding:28px 30px 34px}
.assist .main .uq{margin-left:auto;width:fit-content;max-width:90%;background:#2c2c2e;border-radius:18px 18px 6px 18px;padding:12px 16px;font:500 16px/1.4 Inter,sans-serif}
.assist .main .draft{margin-top:22px;padding:20px;border-radius:18px;background:#0b0b0c;border:1px solid #232326;font:400 16px/1.6 Inter,sans-serif;color:#e8e8ed;min-height:180px}
.assist .main .draft small{display:block;margin-bottom:10px;font:600 12px Inter,sans-serif;color:var(--lime);letter-spacing:.06em;text-transform:uppercase}
.assist .chk{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;opacity:0;transition:.6s}
[data-loop].done .chk{opacity:1}
@media (max-width:760px){.assist{grid-template-columns:1fr}.assist .side{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}}

/* prompt cards */
.prompts{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:50px}
.prompts::-webkit-scrollbar{display:none}
.pc{flex:none;width:300px;scroll-snap-align:start;border-radius:24px;padding:26px;background:#fff;border:1px solid #e5e5ea;min-height:220px;display:flex;flex-direction:column}
.pc small{font:600 12px Inter,sans-serif;color:#3d6b00;letter-spacing:.06em;text-transform:uppercase}
.pc p{margin:14px 0 0;font:500 18px/1.45 Inter,sans-serif;color:#1d1d1f}
.pc span{margin-top:auto;padding-top:18px;font:400 13px Inter,sans-serif;color:#86868b}

/* step visuals */
.vf{position:relative;width:100%;max-width:560px;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:radial-gradient(90% 70% at 50% 45%,#1e2a08,#050505 70%);border:1px solid #232326}
.vf .grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.2%,rgba(255,255,255,.12) 33.3%,transparent 33.5%,transparent 66.5%,rgba(255,255,255,.12) 66.6%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,rgba(255,255,255,.12) 33.3%,transparent 33.5%,transparent 66.5%,rgba(255,255,255,.12) 66.6%,transparent 66.8%)}
.vf .hud{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;font:600 13px Inter,sans-serif;color:#fff}
.vf .hud span{display:flex;align-items:center;gap:8px}
.vf .corner{position:absolute;width:34px;height:34px;border:3px solid var(--lime)}
.vf .c1{left:16%;top:22%;border-right:0;border-bottom:0}.vf .c2{right:16%;top:22%;border-left:0;border-bottom:0}.vf .c3{left:16%;bottom:22%;border-right:0;border-top:0}.vf .c4{right:16%;bottom:22%;border-left:0;border-top:0}
.vf .script{position:absolute;left:20px;right:20px;bottom:18px;padding:14px 16px;border-radius:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);font:500 15px/1.4 Inter,sans-serif;color:#fff}
.vf .script small{display:block;font:600 11px Inter,sans-serif;color:var(--lime);margin-bottom:4px;letter-spacing:.06em;text-transform:uppercase}
.code{width:100%;max-width:560px;padding:26px 28px;font:500 14px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a1a1a6;text-align:left}
.code .k{color:#c9ff43}.code .s{color:#fff}
.code .ln{display:block;opacity:0;transform:translateX(-8px);animation:lnin .5s forwards}
.sv.on .code .ln:nth-child(1){animation-delay:.1s}.sv.on .code .ln:nth-child(2){animation-delay:.25s}.sv.on .code .ln:nth-child(3){animation-delay:.4s}.sv.on .code .ln:nth-child(4){animation-delay:.55s}.sv.on .code .ln:nth-child(5){animation-delay:.7s}.sv.on .code .ln:nth-child(6){animation-delay:.85s}.sv.on .code .ln:nth-child(7){animation-delay:1s}.sv.on .code .ln:nth-child(8){animation-delay:1.15s}
.sv:not(.on) .code .ln{animation:none}
.mviz .code .ln{opacity:1;transform:none;animation:none}
@keyframes lnin{to{opacity:1;transform:none}}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:520px}
.posts .p{aspect-ratio:9/14;border-radius:16px;overflow:hidden;position:relative;background:#161618}
.posts .p img{width:100%;height:100%;object-fit:cover;display:block}
.posts .p span{position:absolute;left:10px;bottom:10px;font:600 11px Inter,sans-serif;background:var(--lime);color:#000;border-radius:999px;padding:4px 9px}
.callc{width:100%;max-width:520px;padding:28px;text-align:left}
.callc .faces{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.callc .faces i{aspect-ratio:4/3;border-radius:14px;background:linear-gradient(160deg,#2c2c2e,#161618);position:relative}
.callc .faces i::after{content:'';position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-60%);border-radius:50%;background:#3a3a3c}
.callc .faces i.spk{box-shadow:0 0 0 2px var(--lime)}
.callc h5{margin:0;font:700 22px Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.callc small{font:500 13px Inter,sans-serif;color:#86868b}

/* pricing service menu */
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.svc{border-radius:26px;background:#fff;border:1px solid #e5e5ea;display:flex;flex-direction:column;overflow:hidden;color:#1d1d1f}
.svc .art{aspect-ratio:16/9;overflow:hidden;background:#000}
.svc .art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.svc:hover .art img{transform:scale(1.05)}
.svc .bd{padding:26px;display:flex;flex-direction:column;flex:1}
.svc small{font:600 12px Inter,sans-serif;color:#3d6b00;letter-spacing:.06em;text-transform:uppercase}
.svc h3{margin:10px 0 8px;font:700 22px/1.2 Inter,sans-serif;letter-spacing:-.02em}
.svc p{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#6e6e73}
.svc .ex{margin-top:12px;font:400 13px/1.5 Inter,sans-serif;color:#86868b}
.svc .ex a{color:#3d6b00;text-decoration:underline;text-underline-offset:2px}
.svc .pr{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.svc .pr b{font:700 24px Inter,sans-serif;letter-spacing:-.03em}
.svc .pr em{display:block;font:500 12px Inter,sans-serif;font-style:normal;color:#3d6b00}
.svc .pill{min-height:40px;font-size:15px;padding:0 18px}
.filt{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.filt button{font:500 15px Inter,sans-serif;padding:10px 18px;border-radius:999px;border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;cursor:pointer;transition:.2s}
.filt button.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
@media (max-width:960px){.svcgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.svcgrid{grid-template-columns:1fr}}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.fit>div{border-radius:28px;padding:36px;background:#111113;border:1px solid #232326}
.fit h3{margin:0 0 20px;font:700 26px Inter,sans-serif;letter-spacing:-.02em}
.fit ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.fit li{display:flex;gap:12px;font:400 17px Inter,sans-serif;color:#d2d2d7}
.fit .fy li::before{content:'';width:20px;height:20px;flex:none;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.fit .fn li::before{content:'';width:20px;height:20px;flex:none;border-radius:50%;background:#3a3a3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/11px no-repeat}
@media (max-width:760px){.fit{grid-template-columns:1fr}}

/* portal mock */
.pm{position:absolute;inset:0;display:grid;grid-template-columns:180px 1fr;background:#0b0b0c;color:#f5f5f7;text-align:left;font-family:Inter,sans-serif}
.pm aside{padding:18px 14px;border-right:1px solid #1d1d1f;display:flex;flex-direction:column;gap:2px}
.pm aside span{font:500 12px Inter,sans-serif;color:#86868b;padding:8px 10px;border-radius:9px}
.pm aside span.on{background:#1d1d1f;color:#fff}
.pm-main{padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pm-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pm-top small,.pm-card small{display:block;font:500 11px Inter,sans-serif;color:#86868b}
.pm-top b{font:700 20px Inter,sans-serif;letter-spacing:-.02em}
.pm-card{background:#161618;border:1px solid #232326;border-radius:14px;padding:14px}
.pm-card b{display:block;margin:6px 0 8px;font:700 17px Inter,sans-serif}
.pm-card span{font:400 11px Inter,sans-serif;color:#86868b;display:flex;align-items:center}
.pm-road .months{margin-top:10px}.pm-road .months i{height:110px;border-radius:9px}
.pm-row .pm-card{min-height:170px}
.pm-row{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}
.pm-prog{height:6px;border-radius:6px;background:#2c2c2e;margin-bottom:8px}.pm-prog i{display:block;height:100%;border-radius:6px;background:var(--lime)}
.pm-tpl div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.pm-tpl img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px;display:block}
.portal-wrap{max-width:1000px;margin:70px auto 0}
.portal-pts{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:70px}
.portal-pts b{display:block;font:600 19px Inter,sans-serif;letter-spacing:-.015em}
.portal-pts span{display:block;margin-top:8px;font:400 15px/1.5 Inter,sans-serif;color:#86868b}
@media (max-width:860px){.portal-pts{grid-template-columns:1fr 1fr}}
.inds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}
.ind{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#111113;display:flex;align-items:flex-end;padding:20px}
.ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ind::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.85))}
.ind:hover img{transform:scale(1.06)}
.ind b{position:relative;z-index:1;font:700 22px Inter,sans-serif;letter-spacing:-.02em;color:#fff;display:flex;justify-content:space-between;width:100%}
@media (max-width:860px){.inds{grid-template-columns:1fr 1fr}}
.light .tl.c-lime,.white .tl.c-lime{color:#3d6b00}
@media (max-width:600px){.tl-pts{grid-template-columns:1fr;gap:14px}.reels{grid-template-columns:repeat(2,1fr)}.reel{aspect-ratio:3/4}}
/* pricing fan */
.fan{position:relative;height:min(46vw,520px);max-width:1000px;margin:0 auto;perspective:1600px}
.fan img{position:absolute;top:0;left:50%;width:min(34vw,360px);border-radius:28px;box-shadow:0 50px 120px rgba(0,0,0,.6);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.fan .f1{transform:translateX(-118%) rotateY(18deg) rotateZ(-4deg) translateY(30px)}
.fan .f3{transform:translateX(18%) rotateY(-18deg) rotateZ(4deg) translateY(30px)}
.fan .f2{transform:translateX(-50%) translateY(-10px);z-index:2;box-shadow:0 60px 140px rgba(201,255,67,.25)}
.fan:hover .f1{transform:translateX(-128%) rotateY(10deg) rotateZ(-6deg) translateY(10px)}
.fan:hover .f3{transform:translateX(28%) rotateY(-10deg) rotateZ(6deg) translateY(10px)}
@media (max-width:700px){.fan{height:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;perspective:none;padding-bottom:10px}.fan img{position:static;transform:none!important;width:72vw;flex:none;scroll-snap-align:center}.fan .f2{order:-1}}
ul.plain{list-style:none;margin:14px 0 26px;padding:0;display:grid;gap:9px}
ul.plain li{display:flex;gap:10px;font:400 15px/1.45 Inter,sans-serif;color:#a1a1a6}
ul.plain li::before{content:'';flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--lime)}
.svc{scroll-margin-top:110px}[data-cat]{scroll-margin-top:110px}
/* industry pages */
.kvframe{max-width:1100px;margin:0 auto;border-radius:30px;overflow:hidden;border:1px solid #232326;box-shadow:0 60px 160px rgba(0,0,0,.7)}
.kvframe img{width:100%;display:block}
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:50px}
.whygrid p{margin:0;font:500 clamp(18px,1.6vw,21px)/1.5 Inter,sans-serif;color:#1d1d1f;padding-top:22px;border-top:2px solid #1d1d1f}
@media (max-width:860px){.whygrid{grid-template-columns:1fr}}
.pros{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.pro{border-radius:26px;overflow:hidden;background:#111113;border:1px solid #1f1f22;transition:transform .4s}
.pro:hover{transform:translateY(-6px)}
.pro .ph{aspect-ratio:4/3;background:#1d1d1f center/cover no-repeat}
.pro .bd{padding:24px 26px 26px}
.pro h3{margin:0;font:700 22px Inter,sans-serif;letter-spacing:-.02em}
.pro p{margin:8px 0 18px;font:400 15px/1.5 Inter,sans-serif;color:#a1a1a6}
.pro .lk{display:flex;flex-wrap:wrap;gap:18px}
.pro .lk a{font:500 15px Inter,sans-serif;color:var(--lime)}
@media (max-width:960px){.pros{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pros{grid-template-columns:1fr}}
.offer{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;max-width:1000px;margin:60px auto 0}
.offer img{width:100%;border-radius:28px;display:block;box-shadow:0 40px 100px rgba(0,0,0,.5)}
@media (max-width:860px){.offer{grid-template-columns:1fr}.offer .mac{display:none}}
/* ===== Super Hub ===== */
.hub-msg{margin:6px 0 0;font:500 14px Inter,sans-serif;color:#c9ff43}.hub-msg.bad{color:#ff6b5e}
.joinwrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;text-align:left}
.joincard{padding:34px}
.perks{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:22px}
.perks li{display:grid;grid-template-columns:28px 1fr;column-gap:14px}
.perks li::before{content:'';grid-row:span 2;width:22px;height:22px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.perks b{font:600 19px Inter,sans-serif}.perks span{font:400 16px/1.5 Inter,sans-serif;color:#a1a1a6;margin-top:4px}
@media (max-width:900px){.joinwrap{grid-template-columns:1fr;gap:40px}}
.hubtop{padding:56px 0 10px;background:radial-gradient(70% 90% at 50% 0%,#14200a,#000 70%)}
.hubhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.hubtools{display:flex;gap:10px}.hubtools .pill{min-height:38px;font-size:14px;padding:0 16px}
.prof{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px;padding:24px 28px}
.prof b{display:block;font:600 19px Inter,sans-serif}.prof>div>span{display:block;margin-top:4px;font:400 15px Inter,sans-serif;color:#a1a1a6}
.pbar{height:8px;border-radius:8px;background:#2c2c2e;margin-top:14px;max-width:460px}.pbar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#7ddc1f,#c9ff43);transition:width 1.2s}
.lad{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:30px 0 0}
.lad li{padding:16px 18px;border-radius:16px;background:#111113;border:1px solid #232326;position:relative}
.lad li b{display:block;font:600 16px Inter,sans-serif;color:#86868b}.lad li span{font:400 13px Inter,sans-serif;color:#6e6e73}
.lad li.on{border-color:#3d5a10}.lad li.on b{color:#fff}
.lad li.now{background:var(--lime);border-color:var(--lime)}.lad li.now b,.lad li.now span{color:#000}
@media (max-width:640px){.lad{grid-template-columns:1fr 1fr}}
.hubgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.hc{grid-column:span 2;position:relative;border-radius:26px;padding:28px;background:#111113;border:1px solid #1f1f22;display:flex;flex-direction:column;overflow:hidden}
.hc.w2{grid-column:span 2}.hc.w3{grid-column:span 3}.hc.w4{grid-column:span 4}.hc.w6{grid-column:span 6}
.hc .n{font:600 12px Inter,sans-serif;color:var(--lime);letter-spacing:.08em;text-transform:uppercase}
.hc h3{margin:12px 0 8px;font:700 24px/1.15 Inter,sans-serif;letter-spacing:-.025em}
.hc p{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#a1a1a6}
.hc .viz{margin-top:auto;padding-top:22px}
.hc.hot{background:linear-gradient(170deg,#1c2a08,#111113 60%);border-color:#3d5a10}
.cls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cls a{min-width:46px;height:46px;padding:0 12px;border-radius:12px;display:grid;place-items:center;background:#1d1d1f;font:600 15px Inter,sans-serif;transition:.2s}
.cls a:hover{background:var(--lime);color:#000}
.qa{display:grid;gap:6px;margin-top:8px}
.qa a{display:flex;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#1d1d1f;font:500 16px Inter,sans-serif}
.qa a:hover{background:#2c2c2e}.qa a span{color:var(--lime)}
.soc{display:grid;gap:8px}
.soc a{display:block;padding:14px 16px;border-radius:14px;background:#1d1d1f}
.soc b{display:block;font:600 16px Inter,sans-serif}.soc span{font:400 13px Inter,sans-serif;color:#86868b}
.tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px}
.tpls a{position:relative;border-radius:16px;overflow:hidden;display:block}
.tpls img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.tpls span{position:absolute;left:10px;bottom:10px;font:600 12px Inter,sans-serif;background:var(--lime);color:#000;border-radius:999px;padding:5px 10px}
.airesult{padding:16px;border-radius:14px;background:#1d1d1f;color:#e8e8ed!important;margin-bottom:14px!important}
.months.mini{margin:6px 0 18px}.months.mini i{height:26px;border-radius:6px}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.addons a{padding:18px;border-radius:16px;background:#1d1d1f;transition:.2s}.addons a:hover{background:#2c2c2e}
.addons b{display:block;font:600 16px Inter,sans-serif}.addons span{font:500 14px Inter,sans-serif;color:var(--lime)}
.lockbar{display:none;margin-top:auto;padding-top:18px;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2a2a2d}
.lockbar span{font:500 14px Inter,sans-serif;color:#a1a1a6;display:flex;align-items:center;gap:8px}
.lockbar span::before{content:'';width:12px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Crect y='6' width='12' height='8' rx='2' fill='%23a1a1a6'/%3E%3Cpath d='M3 6V4a3 3 0 016 0v2' stroke='%23a1a1a6' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat}
.lockbar .pill{min-height:38px;font-size:14px;padding:0 16px}
.when-open{margin-top:auto;padding-top:18px}
.tierc.locked .lockbar{display:flex}.tierc.locked .when-open{display:none}
.tierc.locked ul,.tierc.locked .months{opacity:.55}
[data-need-profile].locked .viz{opacity:.35;pointer-events:none;filter:blur(1px)}
[data-need-profile].locked::after{content:'Finish your profile to unlock';position:absolute;right:20px;top:24px;font:600 12px Inter,sans-serif;color:#000;background:var(--lime);border-radius:999px;padding:5px 10px}
#ai[data-need-profile].locked .viz{opacity:1;pointer-events:auto;filter:none}
.iform .chk{flex-direction:row;align-items:center;gap:12px;font-size:15px;color:#d2d2d7}
.iform .chk input{width:20px;height:20px;padding:0;-webkit-appearance:checkbox;appearance:checkbox;accent-color:#c9ff43}
@media (max-width:900px){.hubgrid{grid-template-columns:1fr 1fr}.hc,.hc.w2,.hc.w3,.hc.w4,.hc.w6{grid-column:span 2}.addons{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}
/* course */
.cwall{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}
.cwall i{height:44px;border-radius:9px;background:#232326;display:grid;place-items:center;font-style:normal}
.cwall i b{font:600 12px Inter,sans-serif;color:#6e6e73}
.cwall i.fr{animation:litup 6s infinite}
@keyframes litup{0%,8%{background:#232326}14%,85%{background:#c9ff43}100%{background:#232326}}
.cwall i.fr b{animation:litupb 6s infinite;animation-delay:inherit}
@keyframes litupb{0%,8%{color:#6e6e73}14%,85%{color:#000}100%{color:#6e6e73}}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px}
.ct{border-radius:20px;padding:20px;min-height:170px;display:flex;flex-direction:column;background:#111113;border:1px solid #232326;transition:transform .3s}
.ct .cn{font:700 34px Inter,sans-serif;letter-spacing:-.04em}
.ct b{margin-top:auto;font:600 16px/1.3 Inter,sans-serif}
.ct .cm{margin-top:6px;font:400 13px Inter,sans-serif;color:#86868b}
.ct.free{background:linear-gradient(160deg,#1c2a08,#111113 65%);border-color:#3d5a10}
.ct.free .cn{color:var(--lime)}
.ct.free:hover{transform:translateY(-4px)}
.ct.locked{opacity:.6}
.ct.locked .cn::after{content:'';display:inline-block;width:14px;height:16px;margin-left:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Crect y='6' width='12' height='8' rx='2' fill='%2386868b'/%3E%3Cpath d='M3 6V4a3 3 0 016 0v2' stroke='%2386868b' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat}
@media (max-width:900px){.cgrid{grid-template-columns:1fr 1fr}}
.tiers.t4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.tiers.t4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tiers.t4{grid-template-columns:1fr}}
.bx .tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bx .tpls img{width:100%;border-radius:10px;aspect-ratio:4/5;object-fit:cover}
/* real client posts */
.rposts{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:60px}
.rpost{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .4s}
.rpost:hover{transform:translateY(-8px)}
.rpost .phone{width:100%;max-width:240px;aspect-ratio:9/16;position:relative;border-radius:34px;padding:8px;background:#1d1d1f;box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 1px #3a3a3c}
.rpost .phone img{width:100%;height:100%;object-fit:cover;border-radius:27px;display:block}
.rpost .phone .isl{position:absolute;top:16px;left:50%;width:64px;height:18px;margin-left:-32px;border-radius:12px;background:#000;z-index:2}
.rpost b{margin-top:20px;font:600 17px Inter,sans-serif}
.rpost span{margin-top:4px;font:400 13px Inter,sans-serif;color:#86868b}
@media (max-width:900px){.rposts{grid-template-columns:1fr 1fr;gap:20px}}
/* lead pages wall */
.lp-track{overflow:hidden;margin-top:60px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lp-row{display:flex;gap:34px;width:max-content;animation:lpscroll 70s linear infinite;padding:10px 0 30px}
.lp-track:hover .lp-row{animation-play-state:paused}
@keyframes lpscroll{to{transform:translateX(-50%)}}
.lp{flex:none;width:420px;display:flex;flex-direction:column}
.lp-dev{position:relative;height:300px}
.lp-mac{position:absolute;left:0;top:0;width:380px;border-radius:14px;overflow:hidden;border:6px solid #1d1d1f;background:#1d1d1f;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.lp-mac img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}
.lp-ph{position:absolute;right:0;top:70px;width:112px;aspect-ratio:9/19.5;border-radius:20px;overflow:hidden;border:5px solid #1d1d1f;background:#1d1d1f;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.lp-ph img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lp b{font:600 18px Inter,sans-serif;margin-top:4px}.lp span{font:400 14px Inter,sans-serif;color:#86868b;margin-top:4px}
.lp-team{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-top:50px;padding:28px;border-radius:30px;background:#111113;border:1px solid #232326}
.lp-team img{width:100%;border-radius:18px;display:block}
.lp-team h3{margin:0 0 12px;font:700 clamp(26px,2.6vw,36px)/1.1 Inter,sans-serif;letter-spacing:-.03em;color:#f5f5f7}
.lp-team p{margin:0 0 18px;font:400 17px/1.55 Inter,sans-serif;color:#a1a1a6}
.sec:not(.dark2):not(.light) .lp b{color:#f5f5f7}
@media (max-width:760px){.lp{width:300px}.lp-dev{height:220px}.lp-mac{width:270px}.lp-ph{width:84px;top:56px}.lp-team{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lp-row{animation:none}.lp-track{overflow-x:auto}}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8))}.reel b,.reel span{z-index:1}.reel::before{z-index:1}
/* lead page wall */
.lpwall{overflow:hidden;margin-top:60px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lptrack{display:flex;gap:28px;width:max-content;animation:lpscroll 60s linear infinite;padding:10px 0 30px}
.lpwall:hover .lptrack{animation-play-state:paused}
@keyframes lpscroll{to{transform:translateX(-50%)}}
.lpc{position:relative;flex:none;width:420px;display:flex;flex-direction:column;color:inherit}
.lpd{border-radius:16px;overflow:hidden;border:8px solid #1d1d1f;border-bottom-width:14px;box-shadow:0 30px 70px rgba(0,0,0,.25);background:#000}
.lpd img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block}
.lpm{position:absolute;right:-6px;top:70px;width:96px;border-radius:18px;overflow:hidden;border:4px solid #1d1d1f;box-shadow:0 20px 40px rgba(0,0,0,.35);background:#000}
.lpm img{width:100%;aspect-ratio:9/19;object-fit:cover;object-position:top;display:block}
.lpc b{margin-top:18px;font:600 18px Inter,sans-serif}
.lpc span{margin-top:3px;font:400 14px Inter,sans-serif;color:#6e6e73}
.dark2 .lpc span{color:#86868b}
.lpteam{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-top:70px;padding:40px;border-radius:32px;background:#fff;border:1px solid #e5e5ea}
.lpt-img{display:block;border-radius:18px;overflow:hidden;border:8px solid #1d1d1f}
.lpt-img img{width:100%;display:block}
.lpteam .kick{color:#3d6b00}
@media (max-width:860px){.lpc{width:300px}.lpm{width:72px;top:50px}.lpteam{grid-template-columns:1fr;padding:24px;gap:26px}}
@media (prefers-reduced-motion:reduce){.lptrack{animation:none}.lpwall{overflow-x:auto}}
/* testimonial reels with frames */
.reel.img{background-size:cover;background-position:center}
.reel.img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.85))}
.reel.img b,.reel.img span{z-index:1}.reel.img::before{z-index:1}
.lpteam{color:#1d1d1f}.lpteam h3{color:#1d1d1f}.lpteam .lede{color:#6e6e73}
.viewas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;padding:8px;border-radius:999px;background:#111113;border:1px solid #2c2c2e;width:fit-content}.viewas span{font:600 12px Inter,sans-serif;color:#86868b;padding:0 10px;letter-spacing:.06em;text-transform:uppercase}.viewas button{font:500 14px Inter,sans-serif;color:#d2d2d7;background:none;border:0;border-radius:999px;padding:8px 14px;cursor:pointer}.viewas button.on{background:#c9ff43;color:#000}
/* hub library */
.hc.locked .lockbar{display:flex}
.hc.locked:not(.tierc) .cpylist,.hc.locked:not(.tierc) .viz{filter:blur(6px);opacity:.5;pointer-events:none;user-select:none}
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}
.tcard{position:relative;display:flex;flex-direction:column;gap:6px;min-height:118px;padding:16px;border-radius:18px;background:#1a1a1c;border:1px solid #26262a;transition:.2s}
.tcard:hover{border-color:var(--lime);transform:translateY(-2px)}
.tcard.capcut{background:linear-gradient(160deg,#16222a,#1a1a1c)}
.tcard i{font:600 12px Inter,sans-serif;font-style:normal;color:var(--lime)}
.tcard b{font:600 15px/1.25 Inter,sans-serif;color:#f5f5f7}
.tcard span{margin-top:auto;font:400 12px Inter,sans-serif;color:#86868b}
.tcard em{display:none;position:absolute;top:12px;right:12px;font:600 10px Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--lime);padding:3px 7px;border-radius:999px}
.tcard.locked{opacity:.45}.tcard.locked em{display:block}.tcard.locked b{filter:blur(3px)}
.cpylist{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.cpy{border-radius:16px;background:#1a1a1c;border:1px solid #26262a}
.cpy summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px}
.cpy summary::-webkit-details-marker{display:none}
.cpy summary b{font:600 15px Inter,sans-serif;color:#f5f5f7}
.cpy summary small{font:400 13px Inter,sans-serif;color:#86868b}
.cbtn{margin-left:auto;font:600 13px Inter,sans-serif;color:#000;background:var(--lime);padding:6px 12px;border-radius:999px}
.cbtn.ok{background:#f5f5f7}
.cpy pre{margin:0;padding:0 16px 16px;white-space:pre-wrap;font:400 14px/1.6 Inter,sans-serif;color:#c7c7cc}
.applist{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.applist a{display:block;padding:12px 14px;border-radius:14px;background:#1a1a1c;border:1px solid #26262a;transition:.2s}
.applist a:hover{border-color:var(--lime)}
.applist b{display:block;font:600 15px Inter,sans-serif;color:#f5f5f7}.applist span{display:block;font:400 13px/1.45 Inter,sans-serif;color:#86868b;margin-top:2px}
.models{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.models a{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:16px;background:#1a1a1c;border:1px solid #26262a;font:600 17px Inter,sans-serif;color:#f5f5f7;transition:.2s}
.models a:hover{background:var(--lime);color:#000}
.hc .fine{margin-top:14px;font-size:12px;color:#6e6e73}
.sysk{margin:18px 0 8px!important;font:600 12px Inter,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#86868b!important}
.tour{margin-top:14px;padding:18px 20px;border-radius:18px;background:#16210a;border:1px solid #3d5a10}
.tour b{font:600 15px Inter,sans-serif}.tour ol{margin:10px 0 14px;padding-left:20px;color:#c7c7cc;font:400 14px/1.7 Inter,sans-serif}
.tour .pill{min-height:36px;font-size:14px}
.sysgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.habits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.habits label{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#1a1a1c;border:1px solid #26262a;cursor:pointer;font:500 15px Inter,sans-serif;color:#f5f5f7}
.habits input{width:20px;height:20px;accent-color:#c9ff43}
.habits input:checked+span{color:#86868b;text-decoration:line-through}
.road{list-style:none;margin:0;padding:0;counter-reset:r}
.road li{position:relative;padding:0 0 18px 34px;counter-increment:r}
.road li::before{content:counter(r);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#26262a;color:#f5f5f7;font:600 12px/22px Inter,sans-serif;text-align:center}
.road li.on::before{background:var(--lime);color:#000}
.road b{display:block;font:600 15px Inter,sans-serif;color:#f5f5f7}.road span{display:block;font:400 14px/1.5 Inter,sans-serif;color:#86868b}
.cls.wide{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.cls.wide a{height:auto;min-height:64px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;font:500 13px/1.3 Inter,sans-serif;text-align:left}
.cls.wide a i{font:700 18px Inter,sans-serif;font-style:normal;color:var(--lime)}
.cls.wide a:hover i{color:#000}
.setup{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.setup div{padding:18px;border-radius:18px;background:#1a1a1c;border:1px solid #26262a}
.setup b{display:block;font:600 16px Inter,sans-serif;color:#f5f5f7}.setup span{display:block;margin-top:6px;font:400 14px/1.5 Inter,sans-serif;color:#86868b}
.tierc.locked .setup{opacity:.55}
.addnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.addnav a{padding:10px 16px;border-radius:999px;background:#1a1a1c;border:1px solid #26262a;font:500 14px Inter,sans-serif}
.addnav a:hover{border-color:var(--lime)}
.addf{margin-bottom:22px;scroll-margin-top:90px}
.iform textarea{width:100%;font:inherit;color:inherit;background:#1a1a1c;border:1px solid #2a2a2d;border-radius:14px;padding:12px 14px;margin-top:6px}
@media (max-width:900px){.tgrid{grid-template-columns:1fr 1fr}.sysgrid,.setup{grid-template-columns:1fr}.cls.wide{grid-template-columns:1fr 1fr}.models{grid-template-columns:1fr 1fr}}
.hc a{color:inherit;text-decoration:none}.applist a span,.tcard span{color:#86868b}
/* hub color zones, same palette as the client portal */
.z-start{--z:#c9ff43}.z-call{--z:#5b8cff}.z-classes{--z:#a78bfa}.z-templates{--z:#ff7a59}.z-media{--z:#2ee6d6}.z-road{--z:#ff5fa2}.z-toolkit{--z:#7dd3fc}.z-add{--z:#c9ff43}
.hc[class*="z-"]{border-left:3px solid var(--z)}
.hc[class*="z-"] .n{color:var(--z);display:inline-flex;align-items:center;gap:8px}
.hc[class*="z-"] .n::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--z);box-shadow:0 0 12px var(--z)}
.hc[class*="z-"] .tcard i,.hc[class*="z-"] .cls.wide a i{color:var(--z)}
.hc.z-templates .tcard:hover,.hc.z-toolkit .applist a:hover,.hc.z-toolkit .cpy:hover{border-color:var(--z)}
.hc.z-toolkit .models a:hover{background:var(--z);color:#000}
.hc.z-toolkit .cbtn{background:var(--z)}
.hc.z-classes .cls.wide a:hover{background:var(--z)}
.hc.z-start .habits input{accent-color:#c9ff43}
.hc.hot.z-road{background:linear-gradient(170deg,#2a0f1d,#111113 60%);border-color:#5a1f3a;border-left-color:var(--z)}
.hc.z-call{background:linear-gradient(170deg,#0f1630,#111113 60%)}
.hc.z-media{background:linear-gradient(170deg,#0a2523,#111113 60%)}
.hubwrap{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start}
.hubnav{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:20px;background:#111113;border:1px solid #1f1f22}
.hubnav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font:500 14px Inter,sans-serif;color:#c7c7cc;text-decoration:none;transition:.2s}
.hubnav a i{width:9px;height:9px;border-radius:50%;background:var(--z);flex:none}
.hubnav a:hover,.hubnav a.on{background:#1d1d1f;color:#fff}
.hubnav a.on{box-shadow:inset 3px 0 0 var(--z)}
@media (max-width:900px){.hubwrap{grid-template-columns:1fr}.hubnav{top:60px;z-index:20;flex-direction:row;overflow-x:auto;padding:8px;border-radius:16px;scrollbar-width:none}.hubnav::-webkit-scrollbar{display:none}.hubnav a{white-space:nowrap;padding:8px 12px}}
.zhead{grid-column:1/-1;display:flex;align-items:flex-start;gap:14px;margin:34px 0 4px;padding:0 4px;scroll-margin-top:90px}
.hubgrid > .zhead:first-child{margin-top:4px}
.zhead .zdot{width:14px;height:14px;margin-top:12px;border-radius:50%;background:var(--z);box-shadow:0 0 18px var(--z);flex:none}
.zhead h2{margin:0;font:700 clamp(28px,3.2vw,40px)/1.1 Inter,sans-serif;letter-spacing:-.03em;color:#f5f5f7}
.zhead p{margin:6px 0 0;font:400 16px/1.5 Inter,sans-serif;color:#86868b}
.zhead::after{content:'';flex:1;height:1px;margin-top:26px;background:linear-gradient(90deg,var(--z),transparent);opacity:.45}
.hc a.pill.p-lime,.hc a.pill.p-lime:hover{color:#000}.hc a.pill.p-ink{color:#fff}