/* Public pages · layered on ui.css */
.hero{padding:64px 0 40px}
.hero-grid{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.hero{padding:96px 0 72px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.hero-one{display:grid;gap:28px;justify-items:center}
.hero-one .hero-copy{max-width:760px}
.hero-one .hero-p{margin-left:auto;margin-right:auto;max-width:640px}
.hero-one .hero-shot{width:100%}
.hero-one .bld{width:min(640px,100%);margin:0 auto}
.hero-one .hero-h{font-size:clamp(40px,6.2vw,74px)}
.bld .pill{flex:none}
@media (min-width:760px){.hero-one .bld-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-one .bld-row .rt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.bld-row{min-width:0}.bld-row .rt{min-width:0}
.bld .bld-ah .pill{flex:0 0 auto;width:auto;margin-left:auto}
.hero-copy .pill{font-size:12.5px}
.hero .hero-h{font-size:clamp(38px,6.1vw,64px)}

/* Device frame with a static replica of the Hub home */
.hero-shot{display:flex;justify-content:center}
.device{width:min(380px,100%);background:var(--bg-el);border-radius:34px;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--sep);padding:10px;position:relative}
.dev-bar{height:26px;display:grid;place-items:center}
.dev-bar span{width:90px;height:22px;border-radius:12px;background:var(--label)}
html[data-theme="dark"] .dev-bar span{background:#000;box-shadow:inset 0 0 0 1px var(--sep)}
.dev-body{background:var(--bg);border-radius:26px;padding:20px 16px 22px}
.dv-title{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.dv-sub{font-size:14px;color:var(--label-2);margin-top:4px}
.dv-card{display:flex;gap:16px;align-items:center;background:var(--bg-el);border-radius:14px;padding:18px;margin-top:16px;box-shadow:var(--shadow-sm)}
.dv-card .ring{width:72px;height:72px}
.dv-card .ring b{font-size:16px}
.dv-h{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.dv-s{display:block;font-size:12.5px;color:var(--label-2);margin-top:2px}
.dv-card .dots{margin-top:8px}
.dv-card .dots i{width:16px;height:5px}
.dv-btn{display:inline-block;margin-top:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px}
.dv-group{font-size:11px;color:var(--label-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin:18px 0 6px 14px}
.dv-list{background:var(--bg-el);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}
.dv-li{display:flex;align-items:center;gap:11px;padding:10px 12px;position:relative}
.dv-li + .dv-li::before{content:"";position:absolute;left:51px;right:0;top:0;height:1px;background:var(--sep)}
.dv-li i{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff}.dv-li i svg{width:15px;height:15px}
.bmark{display:inline-flex;flex:none;vertical-align:-3px;margin-right:6px}.bmark svg{width:18px;height:18px}
.dv-li div{flex:1;min-width:0}
.dv-li b{display:block;font-size:13.5px;font-weight:500}
.dv-li span{display:block;font-size:11.5px;color:var(--label-2)}
.dv-li em{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.dv-li em.live{background:var(--green-soft);color:var(--green)}
.dv-li em.pend{background:var(--orange-soft);color:var(--orange)}

.sec.alt{background:var(--bg-el)}
html[data-theme="dark"] .sec.alt{background:#0b0b0d}
.sec-h{max-width:720px}

.stack-grid{display:grid;gap:14px}
@media (min-width:640px){.stack-grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.stack-grid{grid-template-columns:repeat(3,1fr)}}
.stack-grid .card{display:flex;flex-direction:column;color:inherit;text-decoration:none!important;padding:24px}
.stack-grid .card .sub{flex:1}
.stack-grid .price{margin-top:18px;font-weight:600;font-size:15px;color:var(--accent)}
.stack-grid .rep{opacity:.9}
.stack-grid .rep .price{color:var(--label-3)}

.proof{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (min-width:760px){.proof{grid-template-columns:repeat(4,1fr)}}
.proof div{background:var(--bg-el);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}
.proof b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.proof span{font-size:13px;color:var(--label-2)}

.faq{border-top:1px solid var(--sep)}
.faq:first-child{border-top:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:600;font-size:16px;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{transition:transform var(--dur) var(--ease)}
.faq[open] summary .chev{transform:rotate(45deg)}
.faq p{margin:0;padding:0 18px 18px;color:var(--label-2);font-size:15px;line-height:1.5}

/* stack page */
.shelf-h{padding:56px 0 24px}
.shelf .prod{background:var(--bg-el)}
.shelf .list{margin-top:14px}
.shelf .prod .pn{font-size:17px}
.shelf .prod .pd{font-size:14px}
.shelf .prod .pp{font-size:18px}
.shelf .feats{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13.5px;color:var(--label-2)}
.shelf .feats li{padding-left:18px;position:relative}
.shelf .feats li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.prod{display:flex;gap:14px;align-items:flex-start;padding:18px}
.prod + .prod{border-top:1px solid var(--sep)}
.prod .pn{font-weight:600;letter-spacing:-.01em}
.prod .pd{color:var(--label-2);margin-top:2px;line-height:1.4}
.prod .pp{font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.prod .pp span{font-weight:500;font-size:13px;color:var(--label-3)}
.prod .pc{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.stock{font-size:12.5px;color:var(--label-3)}
.stock.low{color:var(--orange)}
.stock.out{color:var(--red)}
.step-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff}
.step-ic svg{width:22px;height:22px}
.dots{display:flex;gap:6px;margin-top:10px}
.dots i{width:22px;height:6px;border-radius:3px;background:var(--fill-2)}
.dots i.on{background:var(--green)}
.dots i.mid{background:var(--orange)}

/* ── How it works · scrollytelling ── */
.how{display:grid;gap:24px}
@media (min-width:900px){.how{grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}}
.how-steps{display:grid;gap:10px;min-width:0}
.how-step{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:18px 20px;border-radius:var(--r-lg);background:var(--bg);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);position:relative;min-width:0;max-width:100%;overflow:hidden}
html[data-theme="dark"] .how-step{background:var(--bg-el)}
.how-step:hover{background:var(--fill)}
.how-step.on{background:var(--bg-el);box-shadow:var(--shadow)}
html[data-theme="dark"] .how-step.on{background:var(--bg-el2)}
.how-step .n{width:32px;height:32px;border-radius:50%;background:var(--fill-2);color:var(--label-2);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none;transition:background var(--dur),color var(--dur);margin-top:1px}
.how-step.on .n{background:var(--accent);color:var(--accent-ink)}
.how-body{flex:1;min-width:0}
.how-step b{display:block;font-size:17px;font-weight:600;letter-spacing:-.012em;line-height:1.3}
.how-step p{margin:5px 0 0;color:var(--label-2);font-size:15px;line-height:1.45}
.how-step .mini{display:none;margin-top:14px}
.how-shot{position:sticky;top:calc(var(--nav-h) + 24px)}
.how-shot .device{width:100%;max-width:400px;margin:0 auto}
.how-screens{position:relative;min-height:440px}
.how-screen{position:absolute;inset:20px 16px 22px;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}
.how-screen.on{opacity:1;transform:none;pointer-events:auto}
@media (max-width:899px){
  .how-shot{display:none}
  .how-step .mini{display:block}
  .how-step.on .mini .scr{animation:none}
  .mini .scr{background:var(--bg);border-radius:12px;padding:14px;box-shadow:inset 0 0 0 1px var(--sep)}
  html[data-theme="dark"] .mini .scr{background:#000}
}
/* mini screens */
.scr{font-size:13px;color:var(--label)}
.scr .st{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.scr .ss{font-size:12px;color:var(--label-2);margin-top:3px}
.scr .fld{margin-top:12px;background:var(--fill);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--label-2)}
.scr .fld b{color:var(--label);font-weight:500}
.scr .otp{display:flex;gap:6px;margin-top:10px}
.scr .otp i{flex:1;height:40px;border-radius:10px;background:var(--fill);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:16px;font-style:normal;color:var(--label);opacity:0;transform:scale(.9)}
.how-screen.on .scr .otp i,.mini .scr .otp i{animation:otp .4s var(--ease) forwards}
.scr .otp i:nth-child(1){animation-delay:.3s}.scr .otp i:nth-child(2){animation-delay:.45s}.scr .otp i:nth-child(3){animation-delay:.6s}.scr .otp i:nth-child(4){animation-delay:.75s}.scr .otp i:nth-child(5){animation-delay:.9s}.scr .otp i:nth-child(6){animation-delay:1.05s}
@keyframes otp{to{opacity:1;transform:none}}
.scr .btn-m{display:block;margin-top:12px;background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:999px;padding:11px;font-weight:600;font-size:14px}
.scr .btn-m.s{background:var(--fill);color:var(--label)}
.scr .lst{background:var(--bg-el);border-radius:10px;overflow:hidden;margin-top:12px;box-shadow:var(--shadow-sm)}
.scr .lr{display:flex;align-items:center;gap:10px;padding:10px 12px;position:relative}
.scr .lr + .lr::before{content:"";position:absolute;left:48px;right:0;top:0;height:1px;background:var(--sep)}
.scr .lr i{width:26px;height:26px;border-radius:8px;flex:none}
.scr .lr div{flex:1;min-width:0}
.scr .lr b{display:block;font-size:13px;font-weight:500}
.scr .lr span{display:block;font-size:11px;color:var(--label-2)}
.scr .lr em{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.scr .lr em.live{background:var(--green-soft);color:var(--green)}.scr .lr em.pend{background:var(--orange-soft);color:var(--orange)}.scr .lr em.bad{background:var(--red-soft);color:var(--red)}
.scr .lr.hl{background:var(--accent-soft)}
.scr .lr.hl::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);animation:pulse 1.6s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.scr .amt{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}
.scr .amt small{font-size:14px;color:var(--label-2);font-weight:600;margin-left:4px}
.scr .pillm{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);margin-top:8px}
.scr .pillm::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.scr .addr{margin-top:12px;font-family:var(--mono);font-size:11px;word-break:break-all;background:var(--fill);border-radius:10px;padding:9px 10px;color:var(--label-2)}
.scr .ok{margin-top:12px;display:flex;align-items:center;gap:10px;background:var(--green-soft);color:var(--green);border-radius:12px;padding:10px 12px;font-weight:600;font-size:13px;opacity:0;transform:translateY(6px)}
.how-screen.on .scr .ok,.mini .scr .ok{animation:okin .5s var(--ease) 1.2s forwards}
@keyframes okin{to{opacity:1;transform:none}}
.scr .ok i{width:20px;height:20px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.scr .ok i::after{content:"";width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}
.scr .cred{background:var(--bg-el);border-radius:10px;padding:4px 12px;margin-top:12px;box-shadow:var(--shadow-sm)}
.scr .cr{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--sep);font-size:12px}
.scr .cr:first-child{border-top:0}
.scr .cr span{color:var(--label-2)}
.scr .cr code{font-family:var(--mono);font-size:12px;color:var(--label)}
.scr .cr code.m{letter-spacing:.15em;color:var(--label-3)}
.scr .cr u{text-decoration:none;font-size:11px;font-weight:600;background:var(--fill);padding:3px 8px;border-radius:6px}
.scr .totp{display:flex;align-items:center;gap:10px;margin-top:10px;background:var(--accent-soft);border-radius:10px;padding:8px 10px}
.scr .totp code{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.scr .totp .ring-s{margin-left:auto;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--accent) var(--p,60%),var(--fill) 0);position:relative}
.how-screen.on .totp .ring-s,.mini .totp .ring-s{animation:cd 30s linear infinite}
@keyframes cd{from{--p:100%}to{--p:0%}}
.scr .totp .ring-s::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bg-el)}
.scr .hdr{display:flex;align-items:center;gap:10px;margin-top:4px}
.scr .hdr i{width:38px;height:38px;border-radius:11px;background:var(--blue);flex:none}
.scr .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.scr .two .btn-m{margin:0}

/* ── Why · ban cost ── */
.ban-row + .ban-row{padding-top:22px;border-top:1px solid var(--sep)}
.ban-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ban-h b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.ban-total{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px}
.ban-total.bad{background:var(--red-soft);color:var(--red)}
.ban-total.good{background:var(--green-soft);color:var(--green)}
.ban-bar{display:flex;gap:3px;height:34px;border-radius:10px;overflow:hidden;background:var(--fill)}
.ban-bar i{display:block;font-style:normal;height:100%;width:0;background:var(--c);border-radius:6px;position:relative;transition:width 1.1s var(--ease)}
.ban-bar i:nth-child(2){transition-delay:.15s}.ban-bar i:nth-child(3){transition-delay:.3s}.ban-bar i:nth-child(4){transition-delay:.45s}
.rv.in .ban-bar i,.no-js .ban-bar i{width:var(--w)}
.ban-bar i::after{content:attr(data-t);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;max-width:calc(100% - 16px);text-overflow:ellipsis;opacity:0;transition:opacity .4s .8s}
.rv.in .ban-bar i::after{opacity:1}
.ban-bar i[style*="1.6%"]::after,.ban-bar i[style*="2.2%"]::after{display:none}
.ban-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px;color:var(--label-2)}
.ban-legend span{display:inline-flex;align-items:center;gap:6px}
.ban-legend i{width:10px;height:10px;border-radius:3px}
.why-grid{display:grid;gap:14px}
@media (min-width:640px){.why-grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-grid .card{padding:24px}
.why-grid .li-ic svg{width:20px;height:20px}

/* ── Verticals · rotating word in the H1 + marquee ── */
.rotw{display:inline-block;position:relative;color:var(--accent);white-space:nowrap;vertical-align:baseline;transition:width .45s var(--ease);text-align:left;height:1em;overflow:visible}
.rotw b{position:absolute;left:0;top:0;font-weight:inherit;opacity:0;transform:translateY(.5em);transition:opacity .4s var(--ease),transform .5s var(--ease);will-change:transform;pointer-events:none}
.rotw b.meas{visibility:hidden;transition:none}
.rotw b.on{opacity:1;transform:none}
.rotw b.out{opacity:0;transform:translateY(-.5em)}
.rotw::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.085em;min-height:4px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left center;animation:sweep 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.rotw::after{animation:none;opacity:.7}}
.verts-band{padding:8px 0 44px}
.marq{position:relative;overflow:hidden;margin-top:16px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq-track{display:flex;gap:10px;width:max-content;animation:marq 42s linear infinite;padding:4px 0}
.marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.vchip{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 16px 10px 12px;border-radius:999px;background:var(--bg-el);box-shadow:var(--shadow-sm);font-size:14.5px;font-weight:600;color:var(--label);letter-spacing:-.01em;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.vchip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.vchip i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.vchip i svg{width:15px;height:15px}
.vchip small{font-weight:500;color:var(--label-3);font-size:12.5px}
@media (prefers-reduced-motion:reduce){.marq-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.marq{mask:none;-webkit-mask:none}}

/* ── Stack explorer ── */
.sx{display:grid;gap:14px}
@media (min-width:900px){.sx{grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}}
.sx-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:none}
.sx-rail::-webkit-scrollbar{display:none}
@media (min-width:900px){.sx-rail{flex-direction:column;overflow:visible;padding:0}}
.sx-tab{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:var(--r-md);background:var(--bg-el);box-shadow:var(--shadow-sm);min-width:210px;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);position:relative}
.sx-tab:hover{transform:translateY(-1px)}
.sx-tab.on{box-shadow:var(--shadow),inset 0 0 0 2px var(--accent)}
.sx-tab .li-ic{width:36px;height:36px;border-radius:11px;color:#fff;display:grid;place-items:center;flex:none}
.sx-tab .li-ic svg{width:19px;height:19px}
.sx-tab div>b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.sx-tab div>span{display:block;font-size:12.5px;color:var(--label-2);margin-top:2px}
.sx-tab .sx-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--label-4);flex:none}
.sx-tab .sx-dot.ok{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.sx-tab .sx-dot.low{background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}
.sx-tab .sx-dot.out{background:var(--red)}
.sx-panel{background:var(--bg-el);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:26px;min-height:380px;position:relative;overflow:hidden}
@media (max-width:600px){.sx-panel{padding:20px;border-radius:var(--r-lg)}.sx-head .step-ic{width:44px;height:44px;border-radius:10px}.sx-head h3{font-size:22px}}
.sx-view{animation:vin .4s var(--ease)}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sx-head{display:flex;gap:16px;align-items:flex-start}
.sx-head .step-ic{width:52px;height:52px;border-radius:12px;flex:none}
.sx-head .step-ic svg{width:26px;height:26px}
.sx-head h3{margin:0;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
.sx-head p{margin:6px 0 0;color:var(--label-2);font-size:16px;line-height:1.45}
.sx-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sx-meta .pill{height:30px;padding:0 12px;font-size:13.5px}
.sx-grid{display:grid;gap:14px;margin-top:22px;align-items:start}
@media (min-width:720px){.sx-grid{grid-template-columns:1fr 1fr}}
.sx-box{background:var(--bg-el2);border-radius:var(--r-md);padding:16px 18px}
html[data-theme="dark"] .sx-box{background:var(--bg-el2)}
.sx-box .cap{margin-bottom:10px}
.sx-box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sx-box li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.4}
.sx-box li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;background:var(--accent) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 12.5l3.2 3.2L17 9" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px no-repeat}
.sx-box .chips{display:flex;flex-wrap:wrap;gap:6px}
.sx-box .chips span{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.sx-box .chips span.mono{font-family:var(--mono);letter-spacing:0;font-weight:500}
.sx-fit{display:flex;flex-wrap:wrap;gap:6px}
.sx-fit span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--bg-el);box-shadow:var(--shadow-sm);color:var(--label)}
.sx-fit span i{width:8px;height:8px;border-radius:50%}
.sx-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--sep)}
.sx-price{font-size:24px;font-weight:700;letter-spacing:-.025em}
.sx-price small{font-size:13px;color:var(--label-3);font-weight:500;margin-left:6px}
.sx-shelf{margin-top:14px}
.sx-shelf .li{min-height:48px;padding:10px 14px}
.sx-shelf .li-t{font-size:15px}
.sx-shelf .li-r b{font-weight:600;color:var(--label)}

.hero-from{color:var(--label-2)}.hero-from b{color:var(--label);font-weight:700}.hero-from a{color:var(--accent);font-weight:600}

/* ── Hero builder ── */
.bld{width:min(400px,100%);background:var(--bg-el);border-radius:14px;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--sep);padding:18px 18px 16px;position:relative;overflow:hidden}
.bld-top{display:flex;justify-content:space-between;align-items:baseline}
.bld-tot b{font-size:26px;font-weight:700;letter-spacing:-.03em}.bld-tot small{font-size:11px;color:var(--label-3);margin-left:4px;font-family:var(--mono)}
.bld-acc{margin-top:12px;border-radius:12px;background:var(--bg-el2);padding:12px;transition:background .3s,box-shadow .3s}
.bld-acc.banned{background:var(--red-soft,rgba(255,59,48,.12));box-shadow:inset 0 0 0 1.5px var(--red)}
.bld-acc.fresh{animation:bldIn .5s var(--ease)}
@keyframes bldIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.bld-ah{display:flex;align-items:center;gap:10px}.bld-ah .bmark svg{width:28px;height:28px}
.bld-at{flex:1;min-width:0}.bld-at b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.bld-at span{display:block;font-size:12px;color:var(--label-3)}
.bld-seg{display:flex;gap:4px;margin-top:10px;background:var(--fill);padding:2px;border-radius:10px}
.bld-seg button{flex:1;padding:6px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--label-2)}
.bld-seg button.on{background:var(--bg-el);color:var(--label);box-shadow:var(--shadow-sm)}
.bld-rows{margin-top:10px;display:grid;gap:6px}
.bld-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--fill);cursor:pointer;transition:background .2s;user-select:none}
.bld-row.on{background:var(--bg-el2)}
.bld-row .ri{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none;opacity:.45;transition:opacity .2s}
.bld-row.on .ri{opacity:1}.bld-row .ri svg{width:17px;height:17px}
.bld-row .rt{flex:1;min-width:0}.bld-row .rt b{display:block;font-size:13.5px;font-weight:600}.bld-row .rt span{display:block;font-size:11.5px;color:var(--label-3);font-family:var(--mono);letter-spacing:.02em}
.bld-row .rp{font-size:13px;font-weight:600;color:var(--label-2);white-space:nowrap}
.bld-row .sw{width:38px;height:22px;border-radius:11px;background:var(--fill-2);position:relative;flex:none;transition:background .2s}
.bld-row .sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.bld-row.on .sw{background:var(--accent)}.bld-row.on .sw::after{transform:translateX(16px)}
.bld-row.keep{box-shadow:inset 0 0 0 1.5px var(--green)}
.bld-row .tag{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;margin-left:6px;vertical-align:1px;line-height:1.5}
.bld-foot{display:flex;gap:8px;margin-top:12px}.bld-foot .btn{flex:1;justify-content:center}
.bld-log{margin-top:10px;font-size:12.5px;color:var(--label-2);line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--accent-soft)}
.bld-log b{color:var(--label)}
/* ── The loop ── */
.loop{display:grid;gap:12px}
@media (min-width:900px){.loop{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch}}
.loop-step{background:var(--bg-el);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:22px 20px;position:relative}
html[data-theme="dark"] .loop-step{background:var(--bg-el)}
.loop-step .n{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:11px;color:var(--label-3);letter-spacing:.08em}
.loop-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff}.loop-ic svg{width:22px;height:22px}
.loop-step b{display:block;margin-top:14px;font-size:17px;font-weight:600;letter-spacing:-.012em}
.loop-step p{margin:6px 0 0;color:var(--label-2);font-size:14.5px;line-height:1.5}
.loop-step.last{box-shadow:inset 0 0 0 1.5px var(--label)}
.loop-arrow{display:none}
@media (min-width:900px){.loop-arrow{display:block;align-self:center;height:2px;background:linear-gradient(90deg,var(--label-4,var(--fill-2)),var(--label-3));position:relative}.loop-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--label-3)}}

/* ── Circle loop ── */
.ring-wrap{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.ring-wrap{grid-template-columns:440px minmax(0,1fr);gap:56px}}
.ring-loop{position:relative;width:min(440px,100%);aspect-ratio:1;margin:0 auto}
.ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring-track{fill:none;stroke:var(--fill-2);stroke-width:10}
.ring-prog{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}
.ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1;border-radius:50%;background:var(--bg-el);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.ring-center .bmark svg{width:34px;height:34px}
.ring-center b{font-size:15px;font-weight:600;letter-spacing:-.01em}
.ring-node{position:absolute;width:76px;height:76px;border-radius:50%;background:var(--bg-el);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:translate(-50%,-50%);transition:transform .25s var(--ease),box-shadow .25s;cursor:pointer;border:2px solid transparent}
.ring-node i{width:34px;height:34px;border-radius:11px;background:var(--c);color:#fff;display:grid;place-items:center}
.ring-node i svg{width:18px;height:18px}
.ring-node span{font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--label-2)}
.ring-node.on{transform:translate(-50%,-50%) scale(1.12);box-shadow:var(--shadow-lg);border-color:var(--c)}
.ring-node.on span{color:var(--label)}
.ring-node.n1{left:50%;top:10%}.ring-node.n2{left:90%;top:50%}.ring-node.n3{left:50%;top:90%}.ring-node.n4{left:10%;top:50%}
.ring-steps{position:relative;min-height:190px}
.ring-step{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
.ring-step.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.ring-step h3{margin:8px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.ring-step p{margin:10px 0 0;color:var(--label-2);font-size:16px;line-height:1.55;max-width:520px}
.ring-dots{display:flex;gap:6px;margin-top:18px}
.ring-dots i{width:22px;height:6px;border-radius:3px;background:var(--fill-2);transition:background .3s}
.ring-dots i.on{background:var(--accent)}

/* ── Live strip ── */
.live-band{padding:8px 0 28px}
#live.live,.live-band .live{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:900px){#live.live,.live-band .live{grid-template-columns:repeat(5,1fr)}}
.lv-item{background:var(--bg-el);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:14px 16px;display:flex;flex-direction:column;gap:2px;position:relative}
.lv-item b{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.lv-item span{font-size:12px;color:var(--label-3);line-height:1.3}
.lv-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(52,199,89,.5);animation:lvp 2s infinite}
@keyframes lvp{0%{box-shadow:0 0 0 0 rgba(52,199,89,.45)}70%{box-shadow:0 0 0 8px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}
/* ── Operator note ── */
.note{max-width:720px;margin-left:auto;margin-right:auto;padding:26px 28px;border-radius:var(--r-lg);background:var(--bg-el);box-shadow:var(--shadow-sm);border-left:4px solid var(--accent)}
.note p{margin:10px 0 0;font-size:17px;line-height:1.6;letter-spacing:-.01em}
/* builder header: name truncates, pill stays compact */
.bld-ah{min-width:0}
.bld-at b,.bld-at span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bld .bld-ah .pill{flex:0 0 auto!important;width:auto!important;max-width:none;white-space:nowrap;padding-right:10px}

/* Hero, calmer: smaller headline, static account card */
.hero .hero-h{font-size:clamp(36px,4.6vw,56px);line-height:1.04}
.hero .hero-p{font-size:clamp(16px,1.35vw,18.5px);max-width:520px}
@media (min-width:900px){.hero{padding:80px 0 56px}.hero-grid{grid-template-columns:1.1fr .9fr}}
.acc-demo{width:min(380px,100%);background:var(--bg-el);border-radius:14px;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--sep);padding:18px}
.ad-h{display:flex;align-items:center;gap:12px}
.ad-ic svg{width:34px;height:34px;display:block}
.ad-h div{flex:1;min-width:0}.ad-h b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.ad-h span{display:block;font-size:12.5px;color:var(--label-3)}
.ad-h em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--green);background:var(--green-soft);border-radius:999px;padding:4px 10px}
.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ad-t{background:var(--bg-el2);border-radius:10px;padding:12px}
.ad-t i{width:34px;height:34px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center}.ad-t i svg{width:18px;height:18px}
.ad-t b{display:block;margin-top:8px;font-size:14px;font-weight:600}.ad-t span{display:block;font-size:12px;color:var(--label-3);margin-top:1px}
.ad-f{margin-top:12px;text-align:center;font-size:12.5px;color:var(--label-2)}

/* v21 · hero add-on tags, channel row */
.ad-tag{display:inline-block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 5px;margin-right:5px;vertical-align:1px}
.ad-ch{display:flex;align-items:center;gap:10px;margin-top:8px;background:var(--bg-el2);border-radius:10px;padding:10px 12px}
.ad-ch i{width:34px;height:34px;border-radius:10px;background:#2aabee;color:#fff;display:grid;place-items:center;flex:none}.ad-ch i svg{width:17px;height:17px}
.ad-ch b{display:block;font-size:14px;font-weight:600}.ad-ch span{display:block;font-size:12px;color:var(--label-3)}
.ad-ch em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 9px}
/* v21 · Inside the Hub tour */
.tour{display:grid;gap:24px}
@media (min-width:900px){.tour{grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}}
.tour-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--gutter));padding:0 var(--gutter)}
.tour-rail::-webkit-scrollbar{display:none}
.tour-tab{flex:none;text-align:left;border:0;background:var(--bg-el);color:var(--label);border-radius:999px;padding:10px 16px;cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);transition:background .2s,color .2s}
.tour-tab b{font-size:14px;font-weight:600;white-space:nowrap}.tour-tab span{display:none}
.tour-tab.on{background:var(--label);color:var(--bg-el)}
@media (min-width:900px){.tour-rail{flex-direction:column;overflow:visible;margin:0;padding:0;gap:6px}
  .tour-tab{border-radius:var(--r-lg);padding:16px 20px;box-shadow:none;background:transparent}
  .tour-tab b{display:block;font-size:17px;white-space:normal}.tour-tab span{display:block;font-size:14.5px;line-height:1.5;color:var(--label-3);margin-top:4px}
  .tour-tab:hover{background:var(--fill)}.tour-tab.on{background:var(--bg-el2);color:var(--label);box-shadow:var(--shadow-sm)}.tour-tab.on span{color:var(--label-2)}}
.tour-desc{font-size:15.5px;line-height:1.5;color:var(--label-2);text-align:center;max-width:420px;margin:0 auto}
@media (min-width:900px){.tour-desc{display:none}}
.tour-phone{width:min(300px,78vw);margin:0 auto;border-radius:44px;padding:10px;background:#111;box-shadow:var(--shadow-lg);order:-1}
@media (min-width:900px){.tour-phone{width:320px;order:0}}
.tour-screen{position:relative;border-radius:35px;overflow:hidden;aspect-ratio:585/1200;background:var(--bg)}
.tour-shot{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}.tour-shot.on{opacity:1}
.tour-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.tour-lock{position:absolute;inset:0;background:linear-gradient(160deg,#1c3b57,#0f1f2e 55%,#12351f);color:#fff;padding:44px 12px 12px;display:flex;flex-direction:column;gap:8px}
.tl-time{font-size:54px;font-weight:700;text-align:center;letter-spacing:-.03em;line-height:1}.tl-date{text-align:center;font-size:14px;opacity:.8;margin-bottom:18px}
.tl-n{display:flex;gap:9px;align-items:flex-start;background:rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;padding:10px 11px}
.tl-n i{width:26px;height:26px;border-radius:7px;background:#2aabee;display:grid;place-items:center;flex:none}.tl-n i svg{width:14px;height:14px}
.tl-n>div{min-width:0;flex:1}.tl-h{display:flex;justify-content:space-between;font-size:11px;opacity:.75}.tl-h b{font-weight:600;font-size:11px}
.tl-n>div>b{display:block;font-size:13px;margin-top:1px}.tl-n>div>span{display:block;font-size:12px;opacity:.85;line-height:1.35}
/* v21 · Channels */
.chx{display:grid;gap:32px}
@media (min-width:900px){.chx{grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}}
.chx-list{list-style:none;padding:0;margin:0}.chx-list li{position:relative;padding:8px 0 8px 28px;font-size:16px;line-height:1.45;color:var(--label-2)}
.chx-list li:before{content:"";position:absolute;left:4px;top:14px;width:12px;height:7px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.chx-ic{width:38px;height:38px;border-radius:11px;background:#2aabee;color:#fff;display:grid;place-items:center;flex:none}.chx-ic svg{width:19px;height:19px}
.chx-rows{display:grid;gap:18px}.chx-r b{font-size:15px;font-weight:600}.chx-r .between span{font-size:13px;color:var(--label-3)}
.chx-r em{font-style:normal;font-weight:800;font-size:17px;margin-right:2px}.chx-r em.g{color:var(--green)}.chx-r em.o{color:var(--orange)}.chx-r em.r{color:var(--red)}
.chx-bar{height:10px;border-radius:6px;background:var(--fill);margin:8px 0 6px;overflow:hidden}.chx-bar i{display:block;height:100%;border-radius:6px}
.chx-r .fn{margin:0}
/* v21 · Balance */
.balx{display:grid;gap:12px}
@media (min-width:760px){.balx{grid-template-columns:repeat(3,1fr)}}
.balx-c{padding:24px}.balx-c h3{font-size:19px;margin:14px 0 8px;letter-spacing:-.02em}.balx-c p{font-size:15px;line-height:1.5;color:var(--label-2);margin:0}
.balx-n{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:14px}
.balx-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.balx-tiers span{font-size:13px;font-weight:700;background:var(--green-soft);color:var(--green);border-radius:999px;padding:5px 11px}
.tour>*{min-width:0}
.chx>*{min-width:0}.chx-card .pill{white-space:normal;height:auto;min-height:28px;padding-top:5px;padding-bottom:5px;line-height:1.3}

/* v22 · nav: more links, so the desktop row starts at 1020px; below that a menu sheet */
@media (max-width:1019px){.nav-links{display:none!important}}
.nav-burger{display:grid}@media (min-width:1020px){.nav-burger{display:none}}
.nav-burger path{transition:transform .25s var(--ease),opacity .2s;transform-origin:12px 12px}
.nav-open .nav-burger .nb1{transform:translateY(5px) rotate(45deg)}.nav-open .nav-burger .nb2{opacity:0}.nav-open .nav-burger .nb3{transform:translateY(-5px) rotate(-45deg)}
.nav-sheet{position:fixed;left:0;right:0;top:var(--nav-h);z-index:49;background:var(--bg-el);border-bottom:1px solid var(--sep);box-shadow:0 18px 40px rgba(0,0,0,.14);padding:6px var(--gutter) 18px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;visibility:hidden;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
.nav-open .nav-sheet{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.nav-sheet nav{display:grid}
.nav-sheet nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;font-size:18px;font-weight:600;color:var(--label);border-top:1px solid var(--sep);text-decoration:none}
.nav-sheet nav a:first-child{border-top:0}.nav-sheet nav a.on{color:var(--accent)}
.nav-sheet-cta{margin-top:12px}
@media (min-width:1020px){.nav-sheet{display:none}}
.nav-r .btn{white-space:nowrap}
@media (max-width:360px){.nav-r #hubBtn{display:none}}

/* v22 · homepage Pages section */
.pgx{display:grid;gap:32px}
@media (min-width:900px){.pgx{grid-template-columns:440px minmax(0,1fr);gap:56px;align-items:center}.pgx-card{order:-1}}
.pgx>*{min-width:0}
.pgx-ic{width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;flex:none}.pgx-ic svg{width:19px;height:19px}
.pgx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pgx-stats div{background:var(--fill);border-radius:12px;padding:10px 12px;min-width:0}
.pgx-stats b{display:block;font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pgx-stats span{display:block;font-size:12px;color:var(--label-3);line-height:1.3;margin-top:2px}
.pgx-rows{display:grid;gap:16px}.pgx-r b{font-size:15px;font-weight:600}.pgx-r .fn{margin:2px 0 0;font-size:12.5px}.pgx-r em{font-style:normal;font-weight:700;color:var(--label-2);font-variant-numeric:tabular-nums}
.pgx-r em.g{color:var(--green)}.pgx-r em.o{color:var(--orange)}.pgx-r em.r{color:var(--red)}
.pgx-bar{display:flex;height:9px;border-radius:5px;overflow:hidden;background:var(--fill);margin-top:6px}.pgx-bar i{display:block;height:100%;transition:width .5s ease}.pgx-bar i+i{border-left:2px solid var(--bg-el)}
.pgx-bar i:nth-child(1){background:var(--green)}.pgx-bar i:nth-child(2){background:var(--accent-soft)}.pgx-bar i:nth-child(3){background:var(--label-3);opacity:.6}
.pgx-feed{display:grid;gap:6px;min-height:78px}.pgx-ev{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--label-2);background:var(--bg-el2);border-radius:10px;padding:8px 10px;animation:pgxIn .35s ease}
.pgx-ev i{width:8px;height:8px;border-radius:50%;flex:none;margin-top:5px}.pgx-ev b{color:var(--label);font-weight:600}
@keyframes pgxIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pgx-ev{animation:none}.pgx-bar i{transition:none}}

em.np{font-style:normal;font-weight:inherit;color:inherit}

/* ═══ v24 · header, footer, homepage ═══ */
/* ── Preview-only styles, prefixed pv- so nothing on the live site changes ── */
.pvh{position:sticky;top:0;z-index:50;background:var(--nav-bg,rgba(242,242,247,.8));backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--sep)}
.pvh-in{display:flex;align-items:center;gap:18px;height:62px}
.pvh .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;color:var(--label);text-decoration:none;letter-spacing:-.01em}
.pvh .brand img{width:26px;height:26px;border-radius:7px}
.pvn{display:flex;align-items:center;gap:2px;margin-left:10px}
.pvn>a,.pvn .pvd>button{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:10px;font:inherit;font-size:14.5px;font-weight:600;color:var(--label-2);background:none;border:0;cursor:pointer;text-decoration:none}
.pvn>a:hover,.pvn .pvd>button:hover,.pvd.open>button{background:var(--fill);color:var(--label)}
.pvd{position:relative}.pvd>button svg{width:12px;height:12px;transition:transform .2s}.pvd.open>button svg{transform:rotate(180deg)}
.pvm{position:absolute;top:calc(100% + 8px);left:-8px;min-width:300px;background:var(--bg-el);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;display:none}
.pvd.open .pvm{display:block;animation:pvIn .18s var(--ease)}
@keyframes pvIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pvm a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--label)}
.pvm a:hover{background:var(--fill)}
.pvm a i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}.pvm a i svg{width:17px;height:17px}
.pvm a b{display:block;font-size:14.5px;font-weight:700}.pvm a span{display:block;font-size:12.5px;color:var(--label-3);margin-top:1px;line-height:1.35}
.pvh-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.pvh-r .login{font-size:14.5px;font-weight:600;color:var(--label-2);text-decoration:none;padding:8px 10px}
.pvburg{display:none}
@media(max-width:1180px){.pvn,.pvh-r .login,.pvh-r .btn-s{display:none}.pvburg{display:inline-grid}}
.pvn>a,.pvn .pvd>button{white-space:nowrap}
@media(max-width:560px){.pvh-r .pvtheme{display:none}.pvh .brand span{font-size:15px}.pvh-r .btn-p{padding:0 14px;height:38px;font-size:14px}}
.pvsheet .pvsh-theme{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;font-weight:600;color:var(--label);border-bottom:1px solid var(--sep);width:100%;background:none;border-left:0;border-right:0;border-top:0;font:inherit;font-weight:600;cursor:pointer}
.pvsheet{position:fixed;inset:62px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--sep);padding:10px var(--gutter,16px) 20px;display:none;z-index:49;max-height:calc(100vh - 62px);overflow:auto}
body.pv-open .pvsheet{display:block}
.pvsheet h6{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--label-3);margin:14px 4px 4px}
.pvsheet a.l{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--sep);font-weight:600;color:var(--label);text-decoration:none}

.pvhero{padding:56px 0 40px}
.pvhero-g{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
@media(max-width:960px){.pvhero-g{grid-template-columns:1fr;gap:32px}.pvhero{padding-top:32px}}
.pvhero h1{font-size:clamp(38px,5.4vw,64px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:16px 0 0}
.pvhero .hero-p{max-width:560px}
.pvtrust{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--label-3);font-weight:600}
.pvtrust span{display:inline-flex;align-items:center;gap:6px}.pvtrust i{width:6px;height:6px;border-radius:3px;background:var(--green)}

/* Hub replica */
.pvhub{background:var(--bg-el);border-radius:14px;box-shadow:var(--shadow-lg);padding:18px;position:relative}
.pvhub-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pvhub-top b{font-size:15px;font-weight:800}
.pvlive{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--green)}
.pvlive i{width:8px;height:8px;border-radius:4px;background:var(--green);animation:pvPulse 2s infinite}
@keyframes pvPulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%{box-shadow:0 0 0 7px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}
.pvstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--bg);border-radius:10px;padding:12px}
.pvstrip div{min-width:0}.pvstrip small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label-3)}
.pvstrip b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px}
.pvstrip b.bump{animation:pvBump .6s var(--ease)}@keyframes pvBump{0%{color:var(--accent)}100%{color:inherit}}
.pvspark{display:block;width:100%;height:46px;margin-top:10px}
.pvspark polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pvspark polygon{fill:var(--accent-soft)}
.pvfeed{margin-top:10px;min-height:170px}
.pvfi{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--sep);animation:pvIn .35s var(--ease)}
.pvfi:first-child{border-top:0}
.pvfi i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}.pvfi i svg{width:15px;height:15px}
.pvfi .tx{flex:1;min-width:0;font-size:13px;line-height:1.3}.pvfi .tx b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvfi .tx small{color:var(--label-3)}
.pvfi em{font-style:normal;font-size:11.5px;color:var(--label-3)}
.pvfi .cp{flex:none;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:7px;background:var(--fill);color:var(--label)}
.pvnote{font-size:11.5px;color:var(--label-3);text-align:center;margin-top:10px}
@media(max-width:480px){.pvstrip{grid-template-columns:1fr 1fr}.pvstrip b{font-size:20px}}

/* Funnel */
.pvfun{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin:28px 0 18px}
.pvfun button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:0;background:var(--bg-el);box-shadow:var(--shadow-sm);font:inherit;font-size:14px;font-weight:700;color:var(--label-2);cursor:pointer;position:relative}
.pvfun button i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff}.pvfun button i svg{width:13px;height:13px}
.pvfun button.on{background:var(--label);color:var(--bg-el)}
.pvfun .ar{align-self:center;color:var(--label-4);font-weight:700}
@media(max-width:640px){.pvfun .ar{display:none}}
.pvstage{background:var(--bg-el);border-radius:14px;box-shadow:var(--shadow);padding:22px;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;min-height:300px}
@media(max-width:860px){.pvstage{grid-template-columns:1fr}}
.pvstage h3{font-size:24px;letter-spacing:-.02em;margin:0 0 8px}.pvstage p{color:var(--label-2);margin:0;line-height:1.55}
.pvui{background:var(--bg);border-radius:12px;padding:14px}
.pvrow{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--bg-el);margin-top:8px}
.pvrow:first-child{margin-top:0}
.pvrow .t{flex:1;min-width:0}.pvrow .t b{display:block;font-size:14px}.pvrow .t small{display:block;font-size:12px;color:var(--label-3)}
.pvrow .v{font-weight:800;font-variant-numeric:tabular-nums}
.pvbar{height:6px;border-radius:3px;background:var(--fill);overflow:hidden;margin-top:6px}.pvbar i{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .6s var(--ease)}
.pvbtn{font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:9px;border:0;background:var(--label);color:var(--bg-el);cursor:pointer}
.pvbtn.s{background:var(--fill);color:var(--label)}
.pvtag{display:inline-block;font-family:var(--mono);font-size:12px;padding:3px 7px;border-radius:6px;background:var(--fill)}
.pvgood{color:var(--green)}.pvwarn{color:var(--orange)}

/* Proof cards, plan, supplies, steps */
.pvproof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
@media(max-width:900px){.pvproof{grid-template-columns:1fr}}
.pvproof .card{padding:20px}.pvproof h3{font-size:18px;margin:12px 0 6px;letter-spacing:-.01em}.pvproof p{color:var(--label-2);margin:0;font-size:14.5px;line-height:1.5}
.pvmini{background:var(--bg);border-radius:12px;padding:10px 12px;font-size:12.5px}
.pvmini .r{display:flex;justify-content:space-between;padding:4px 0}.pvmini .r b{font-variant-numeric:tabular-nums}
.pvplans{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:28px}
@media(max-width:860px){.pvplans{grid-template-columns:1fr}}
.pvplan{padding:26px}.pvplan .pr{font-size:44px;font-weight:800;letter-spacing:-.03em;margin:8px 0 2px}.pvplan .pr small{font-size:15px;font-weight:600;color:var(--label-3);letter-spacing:0}
.pvplan ul{list-style:none;padding:0;margin:16px 0 20px}.pvplan li{display:flex;gap:10px;padding:6px 0;font-size:14.5px}.pvplan li:before{content:"";width:18px;height:18px;flex:none;border-radius:9px;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23109a6f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:1px}
.pvplan.soon{background:var(--fill);box-shadow:none}
.pvsup{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
@media(max-width:960px){.pvsup{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pvsup{grid-template-columns:repeat(2,1fr)}.pvsup a:last-child:nth-child(odd){grid-column:1/-1}}
.pvsup a{background:var(--bg-el);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px;text-decoration:none;color:var(--label);display:flex;flex-direction:column;gap:8px;transition:transform .15s}
.pvsup a:hover{transform:translateY(-2px)}
.pvsup a i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff}.pvsup a i svg{width:19px;height:19px}
.pvsup a b{font-size:15px}.pvsup a span{font-size:13px;color:var(--label-3);line-height:1.4}
.pvsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;counter-reset:s}
@media(max-width:860px){.pvsteps{grid-template-columns:1fr}}
.pvsteps .card{padding:20px;counter-increment:s}.pvsteps .card:before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:15px;background:var(--label);color:var(--bg-el);font-weight:800;font-size:14px}
.pvsteps b{display:block;margin-top:12px;font-size:16px}.pvsteps span{display:block;color:var(--label-2);font-size:14px;margin-top:4px;line-height:1.5}

/* Footer */
.pvf{border-top:1px solid var(--sep);padding:48px 0 28px;margin-top:40px}
.pvf-g{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}
@media(max-width:860px){.pvf-g{grid-template-columns:1fr 1fr}.pvf-g>div:first-child{grid-column:1/-1}}
.pvf h6{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label-3);margin:0 0 10px}
.pvf a{display:block;color:var(--label-2);text-decoration:none;font-size:14px;padding:4px 0}.pvf a:hover{color:var(--label)}
.pvf .about{font-size:14px;color:var(--label-2);line-height:1.5;max-width:300px;margin:10px 0 14px}
.pvf-b{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--sep);margin-top:28px;padding-top:18px;font-size:13px;color:var(--label-3)}
.pvf-b span{display:inline-flex;align-items:center;gap:6px}.pvf-b i{width:7px;height:7px;border-radius:4px;background:var(--green)}
.pvn>a.on,.pvd.on>button{color:var(--label)}
.pvsheet a.l.on{color:var(--accent)}
.pvhero-g>*{min-width:0}
@media(max-width:380px){.pvhero .pill{white-space:normal;line-height:1.35}.pvhero h1{font-size:34px}}
.pvplans>*,.pvproof>*,.pvsteps>*{min-width:0}
@media(max-width:380px){.pvplan{padding:20px}.pvplan .pr{font-size:38px}}

/* ═══ Homepage v2: hero loop, a week in 30 seconds, channel, numbers ═══ */
.eyb{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.eyb.tgb{color:#2aabee}
.pvhero h1 .hx-dim{color:var(--label-3)}

/* Hero: 24 joins, 11 leave by day 7 */
.hx{background:var(--bg-el);border-radius:16px;box-shadow:var(--shadow-lg);padding:22px}
.hx-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hx-top small{display:block;font-size:12.5px;color:var(--label-3);font-weight:600}.hx-top b{font-size:18px;letter-spacing:-.01em}
.hx-tag{font-size:11.5px;font-weight:600;color:var(--label-3);background:var(--fill);padding:5px 10px;border-radius:999px;white-space:nowrap}
.hx-days{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--label-3);font-weight:600;margin-top:18px}
.hx-bar{height:6px;border-radius:3px;background:var(--fill);overflow:hidden;margin-top:8px}.hx-bar i{display:block;height:100%;background:var(--accent);border-radius:3px;animation:hxBar 8s ease-in-out infinite both}
.hx-dots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin:20px 2px}
.hx-dots i{aspect-ratio:1;border-radius:50%;background:var(--accent-2);animation:hxPop 8s ease calc(var(--i)*.09s) infinite both}
.hx-dots i.out{animation:hxPop 8s ease calc(var(--i)*.09s) infinite both,hxLeave 8s linear infinite both}
.hx-m{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-m>div{border-radius:12px;padding:12px 14px;min-width:0}
.hx-a{background:var(--bg)}.hx-b{background:var(--accent-soft)}
.hx-m small{display:block;font-size:12px;font-weight:600;color:var(--label-3)}.hx-b small{color:var(--accent)}
.hx-m b{display:block;font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:4px}
.hx-m span{display:block;font-size:12.5px;color:var(--label-3)}
.hx-sw{position:relative;height:52px}.hx-sw>div{position:absolute;left:0;top:0}
.hx-e b{color:var(--label-4)}.hx-e{animation:hxEarly 8s linear infinite both}
.hx-l b,.hx-l span{color:var(--accent)}.hx-l span{font-weight:600}.hx-l{animation:hxLate 8s ease infinite both}
@keyframes hxPop{0%,1%{transform:scale(0);opacity:0}7%,88%{transform:scale(1);opacity:1}95%,100%{transform:scale(0);opacity:0}}
@keyframes hxLeave{0%,58%{background:var(--accent-2)}64%,90%{background:var(--sep-strong)}97%,100%{background:var(--accent-2)}}
@keyframes hxBar{0%,28%{width:0}58%,92%{width:100%}98%,100%{width:0}}
@keyframes hxLate{0%,60%{opacity:0;transform:translateY(6px)}66%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes hxEarly{0%,58%{opacity:1}62%,96%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.hx-dots i,.hx-dots i.out,.hx-bar i,.hx-e,.hx-l{animation:none!important}.hx-dots i.out{background:var(--sep-strong)}.hx-bar i{width:100%}.hx-e{display:none}}
@media (max-width:480px){.hx{padding:16px}.hx-dots{gap:7px;margin:16px 0}.hx-m b{font-size:22px}}

/* A week in 30 seconds */
.wk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;margin-top:36px;align-items:center}
.wk-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wk-step{position:relative;display:flex;align-items:flex-start;gap:14px;padding:11px 16px 12px;border-radius:16px;cursor:pointer;transition:background .3s var(--ease),box-shadow .3s var(--ease);-webkit-tap-highlight-color:transparent;outline:none}
.wk-step:hover{background:var(--fill)}
.wk-step:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.wk-step.on{background:var(--bg-el);box-shadow:0 1px 2px rgba(15,20,30,.05),0 12px 32px rgba(15,20,30,.08)}
html[data-theme="dark"] .wk-step.on{box-shadow:0 0 0 1px var(--sep-strong)}
.wk-step::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0));opacity:0}
.wk-step.on::after{opacity:1}
.wk.held .wk-step.on::after{opacity:.35}
.wk-step .n{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;background:var(--fill-2);color:var(--label-3);transition:background .3s,color .3s}
.wk-step.on .n{background:var(--accent);color:var(--accent-ink)}
.wk-step small{display:block;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--label-3)}
.wk-step.on small{color:var(--accent)}
.wk-step b{display:block;font-size:16.5px;letter-spacing:-.015em;line-height:1.25;margin-top:2px;color:var(--label-2);transition:color .3s}
.wk-step.on b{color:var(--label)}
.wk-step p{margin:3px 0 0;font-size:14.5px;line-height:1.45;color:var(--label-3)}
.wk-step.on p{color:var(--label-2)}
.wk-side{display:flex;flex-direction:column;align-items:center;gap:16px}
/* The phone: a real iPhone at its true size (375 x 812 points), scaled to fit */
.wk-ph{--s:.72;position:relative;flex:none;width:calc(399px * var(--s));height:calc(836px * var(--s));touch-action:pan-y}
.ip{position:absolute;left:0;top:0;width:399px;height:836px;box-sizing:border-box;transform:scale(var(--s));transform-origin:0 0;border-radius:64px;padding:3px;
  background:linear-gradient(145deg,#9a9ea4 0%,#45484d 14%,#1f2124 46%,#3c3f44 80%,#a3a7ad 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 50px 90px -30px rgba(15,20,30,.5),0 24px 40px -24px rgba(15,20,30,.4)}
html[data-theme="dark"] .ip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.06),0 50px 90px -30px rgba(0,0,0,.85)}
.ip-btn{position:absolute;width:4px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#2b2d31,#74787e)}
.ip-act{left:-3px;top:118px;height:32px}.ip-vu{left:-3px;top:176px;height:60px}.ip-vd{left:-3px;top:248px;height:60px}
.ip-pw{right:-3px;top:206px;height:96px;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#2b2d31,#74787e)}
.ip-bz{width:100%;height:100%;box-sizing:border-box;border-radius:61px;background:#050506;padding:9px}
.ip-scr{position:relative;width:375px;height:812px;border-radius:52px;overflow:hidden;background:var(--bg);color:var(--label);isolation:isolate;font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased;text-align:left}

/* Status bar: the clock follows the story */
.ip-sb{position:absolute;left:0;right:0;top:0;height:50px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:3px 26px 0 36px;color:var(--label);transition:color .4s}
.ip-sb b{font-size:16.5px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;width:60px;text-align:center}
.ip-isl{position:absolute;left:50%;top:11px;width:122px;height:36px;margin-left:-61px;border-radius:20px;background:#000}
.ip-sic{display:flex;gap:6px;align-items:center}
.ip-sic svg{height:11.5px;fill:currentColor}.ip-sic svg:first-child{width:17px}.ip-sic svg:nth-child(2){width:16px}
.ip-bat{position:relative;width:25px;height:12.5px;box-sizing:border-box;border-radius:4px;border:1.2px solid currentColor;padding:1.5px;opacity:.95}
.ip-bat::after{content:"";position:absolute;right:-4px;top:3.5px;width:2px;height:4px;border-radius:0 1px 1px 0;background:currentColor;opacity:.5}
.ip-bat i{display:block;width:80%;height:100%;border-radius:1.5px;background:currentColor}
.ip.sb-light .ip-sb{color:#fff}
.ip.sb-dark .ip-sb{color:#000}
.ip-home{position:absolute;left:50%;bottom:8px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:var(--label);z-index:21;transition:background .4s}
.ip.sb-light .ip-home{background:#fff}
.ip.sb-dark .ip-home{background:#000}
.ip-glare{position:absolute;inset:0;z-index:30;pointer-events:none;border-radius:52px;background:linear-gradient(118deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 30%)}

/* The Hub around each screen, as in the real app */
.ip-hub{position:absolute;inset:0;z-index:1}
.ip-top{position:absolute;left:0;right:0;top:50px;height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--bg-el);border-bottom:1px solid var(--sep)}
.ip-mk{width:28px;height:28px;border-radius:8px;background:var(--label);color:var(--bg-el);display:grid;place-items:center;font-size:11.5px;font-weight:800;letter-spacing:-.02em;flex:none}
.ip-top b{flex:1;font-size:17px;font-weight:600;letter-spacing:-.01em}
.ip-bal{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--label-2);background:var(--fill);padding:5px 10px;border-radius:999px}
.ip-tabs{position:absolute;left:0;right:0;bottom:0;height:84px;box-sizing:border-box;padding-top:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--bg-el);border-top:1px solid var(--sep)}
.ip-tabs span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--label-3);transition:color .3s}
.ip-tabs svg{width:25px;height:25px}
.ip-tabs span.on{color:var(--accent)}
.ip-tabs .ip-ai i{display:grid;place-items:center;width:40px;height:27px;border-radius:9px;background:linear-gradient(135deg,#34d399,#0A7A70);color:#fff}
.ip-tabs .ip-ai svg{width:18px;height:18px}
.ip-tabs .ip-ai.on{color:var(--accent)}

/* Screens */
.wk-scr{position:absolute;left:0;right:0;top:100px;bottom:84px;z-index:2;box-sizing:border-box;padding:16px 16px 0;display:flex;flex-direction:column;gap:11px;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.wk-scr.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.wk-scr .wa,.wk-scr .wd,.ip-ban{opacity:0}
.wk-scr.on .wa{animation:wkIn .45s var(--ease) var(--d,0s) both}
.wk-scr.on .wd{animation:wkDrop .5s var(--ease) var(--d,0s) both}
@keyframes wkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wkDrop{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes wkGrow{from{width:0}}
@keyframes ipPulse{50%{opacity:.35}}
.ip-card{background:var(--bg-el);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,20,30,.05)}
html[data-theme="dark"] .ip-card{box-shadow:inset 0 0 0 1px var(--sep)}
.ip-h2{font-size:22px;font-weight:700;letter-spacing:-.02em;padding:0 2px}
.ip-lbl{display:flex;align-items:center;gap:7px;padding:0 4px;font-size:13px;font-weight:600;color:var(--label-3)}
.ip-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:ipPulse 1.6s ease-in-out infinite}
.ip-pill{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.ip-pill.green{color:var(--accent);background:var(--accent-soft)}.ip-pill.amber{color:var(--orange);background:var(--orange-soft)}
.ip-tap{position:absolute;left:var(--x);top:var(--y);z-index:9;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(120,120,128,.32);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);opacity:0;pointer-events:none}
.wk-scr.on .ip-tap{animation:ipTap .9s ease var(--d,0s) both}
@keyframes ipTap{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:scale(1)}45%{transform:scale(.84)}100%{opacity:0;transform:scale(.9)}}

/* 1 · Upload */
.ip-drop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 16px;border:1.5px dashed var(--label-4);border-radius:16px;color:var(--label-3);text-align:center}
.ip-drop svg{width:28px;height:28px;color:var(--accent);margin-bottom:4px}.ip-drop b{font-size:16px;color:var(--label)}.ip-drop span{font-size:13px}
.ip-file{display:flex;gap:12px;align-items:center}
.ip-file>i{width:42px;height:42px;border-radius:11px;background:var(--label);color:var(--bg-el);display:grid;place-items:center;flex:none}.ip-file>i svg{width:21px;height:21px}
.ip-file>div{flex:1;min-width:0}.ip-file b{display:block;font-size:16px}.ip-file small{font-size:13px;color:var(--label-3)}
.wk-prog{height:5px;border-radius:3px;background:var(--fill-2);overflow:hidden;margin-top:8px}.wk-prog i{display:block;height:100%;width:100%;background:var(--accent)}
.wk-scr.on .wk-prog i{animation:wkGrow 1s ease 1.1s both}
.ip-list{display:flex;flex-direction:column;gap:11px}
.wk-chk{display:flex;gap:10px;align-items:center;font-size:15.5px;font-weight:500}
.wk-chk i{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);flex:none;position:relative}
.wk-chk i::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--accent);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ip-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;font-size:13px;color:var(--label-3)}

/* 2 · Domain */
.ip-dom{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ip-dom b{display:block;font-family:var(--mono);font-size:14.5px;font-weight:600}.ip-dom small{font-size:12.5px;color:var(--label-3)}
.wk-rec{display:grid;grid-template-columns:62px minmax(0,1fr);row-gap:9px;font-size:14px}
.wk-rec span{color:var(--label-3)}.wk-rec b{font-family:var(--mono);font-weight:600;overflow-wrap:anywhere}
.ip-btnrow{display:flex;gap:8px}
.ip-cta{flex:1;text-align:center;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;padding:12px 6px;border-radius:12px;white-space:nowrap}
.ip-cta.ghost{background:var(--fill);color:var(--label)}
.wk-live{display:flex;gap:10px;align-items:center;background:#0c0e11;color:#fff;border-radius:14px;padding:14px 16px}
.wk-live svg{width:18px;height:18px;color:#0fa860;flex:none}.wk-live b{flex:1;font-family:var(--mono);font-size:14px;font-weight:500}.wk-live em{font-style:normal;font-size:12.5px;font-weight:700;color:#0fa860}
.ip-ban{position:absolute;left:8px;right:8px;top:-44px;z-index:10;display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:22px;background:rgba(246,246,248,.9);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 30px rgba(0,0,0,.2);color:#0c0e11}
html[data-theme="dark"] .ip-ban{background:rgba(46,46,50,.92);color:#f2f2f4}
.ip-ban>div{flex:1;min-width:0}.ip-ban b{font-size:14.5px;font-weight:600}.ip-ban p{margin:1px 0 0;font-size:14px;line-height:1.3}.ip-ban small{font-size:12px;opacity:.55;white-space:nowrap}
.ip-app{width:38px;height:38px;border-radius:9px;background:#0c0e11;color:#5EF2CF;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;flex:none}
.ip-app.tg{background:linear-gradient(180deg,#37aee2,#1e96c8)}.ip-app.tg svg{width:21px;height:21px}
.wk-scr.on .ip-ban{animation:ipBan 3.8s var(--ease) var(--d,0s) both}
@keyframes ipBan{0%{opacity:0;transform:translateY(-30px) scale(.96)}9%{opacity:1;transform:none}86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-30px) scale(.96)}}

/* 3 · Channel */
.wk-ch{display:flex;gap:12px;align-items:center}
.wk-ch i{width:46px;height:46px;border-radius:50%;background:#2aabee;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:18px;flex:none}
.wk-ch div{flex:1;min-width:0}.wk-ch b{display:block;font-size:16.5px}.wk-ch small{font-family:var(--mono);font-size:13px;color:var(--label-3)}
.wk-ch em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:999px}
.ip-rows{padding:2px 16px}
.ip-rows>div{padding:11px 0;border-top:1px solid var(--sep)}.ip-rows>div:first-child{border-top:0}
.wk-lk{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wk-lk div{min-width:0}.wk-lk b{display:block;font-size:15px}.wk-lk small{font-family:var(--mono);font-size:12.5px;color:var(--blue)}
.wk-lk em{font-style:normal;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--accent)}
.wk-meta{display:flex;gap:9px;align-items:center;background:#0c0e11;color:#fff;border-radius:14px;padding:13px 14px;font-size:14px}
.wk-meta i{width:8px;height:8px;border-radius:50%;background:#0fa860;flex:none;animation:ipPulse 1.6s ease-in-out infinite}

/* 4 · By ad set */
.wk-as b{font-size:15.5px}.wk-as>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.wk-as span{font-size:12.5px;color:var(--label-3)}.wk-as em{display:block;font-style:normal;font-family:var(--mono);font-size:19px;font-weight:700;color:var(--label)}.wk-as em.g{color:var(--accent)}
.ip-code{background:var(--fill);border-radius:12px;padding:10px 12px}.ip-code small{display:block;color:var(--label-3);font-size:12px;margin-bottom:2px}.ip-code .mono{font-family:var(--mono);font-size:12.5px;overflow-wrap:anywhere}

/* 5 · Locked at 02:14, then Telegram */
.wk-scr.ip-lock{top:0;bottom:0;z-index:6;padding:0;display:block;color:#fff;background:radial-gradient(120% 70% at 15% 5%,#2c5a7a 0%,rgba(44,90,122,0) 60%),radial-gradient(120% 80% at 95% 95%,#533f7e 0%,rgba(83,63,126,0) 55%),#12151f}
.ip-lk-t{position:absolute;left:0;right:0;top:78px;text-align:center}
.ip-lk-t small{display:block;font-size:20px;font-weight:600;opacity:.85}
.ip-lk-t b{display:block;font-size:96px;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.wk-scr .ip-ban.ip-lk-n{top:300px;left:10px;right:10px}
.ip-lk-q{position:absolute;bottom:46px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}
.ip-lk-q svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ip-lk-q.l{left:46px}.ip-lk-q.r{right:46px}
.wk-scr.on .ip-ban.ip-lk-n{animation:wkDrop .5s var(--ease) var(--d,0s) both}
.ip-tgc{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;background:#fff;color:#000;opacity:0}
.wk-scr.on .ip-tgc{animation:ipUp .45s var(--ease) 2.4s both}
@keyframes ipUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.ip-tgh{display:flex;align-items:center;gap:8px;padding:50px 12px 8px;background:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.1)}
.ip-back{display:flex;align-items:center;gap:5px;width:86px;color:#007aff;font-size:17px}.ip-back svg{width:11px;height:19px}
.ip-tgh>div{flex:1;text-align:center}.ip-tgh b{display:block;font-size:16.5px;font-weight:600}.ip-tgh small{font-size:13px;color:#8e8e93}
.ip-av{width:38px;height:38px;border-radius:50%;margin-left:48px;background:linear-gradient(180deg,#1f9d63,#0A7A70);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px}
.ip-tgw{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;background:linear-gradient(160deg,#d3e4bc 0%,#abd0a2 48%,#d8e5b2 100%)}
.ip-tgw::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.4) 1.2px,transparent 1.4px);background-size:22px 22px}
.ip-tgw>*{position:relative}
.ip-day{align-self:center;margin:4px 0;padding:3px 10px;border-radius:12px;background:rgba(0,0,0,.2);color:#fff;font-size:13px;font-weight:600}
.ip-bub{max-width:84%;padding:8px 12px 6px;border-radius:18px 18px 18px 6px;background:#fff;color:#000;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.ip-bub b{display:block;font-size:15.5px;font-weight:600}.ip-bub p{margin:2px 0 0;font-size:15.5px;line-height:1.3}
.ip-bub small{display:block;text-align:right;font-size:11.5px;color:#8e8e93;margin-top:1px}
.ip-ikb{width:84%;box-sizing:border-box;margin-top:-1px;padding:9px;border-radius:12px;background:rgba(0,0,0,.2);color:#fff;text-align:center;font-size:14.5px;font-weight:600}
.ip-tgi{display:flex;align-items:center;gap:10px;padding:8px 12px 34px;background:#f7f7f7;border-top:1px solid rgba(0,0,0,.1);color:#8e8e93}
.ip-tgi svg{width:26px;height:26px;flex:none}.ip-tgi span{flex:1;padding:7px 14px;border:1px solid rgba(0,0,0,.12);border-radius:18px;background:#fff;color:#c7c7cc;font-size:16px}

/* 6 · Who stayed */
.wk-st>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:15px}.wk-st b{font-weight:600}
.wk-st em{font-style:normal;font-family:var(--mono);font-weight:700}.wk-st em.g{color:var(--accent)}.wk-st em.r{color:var(--red)}
.wk-st small{font-size:12.5px;color:var(--label-3)}
.wk-bar{height:9px;border-radius:5px;background:var(--fill-2);margin:7px 0 5px}.wk-bar i{display:block;height:100%;border-radius:5px;background:var(--accent)}.wk-bar.r i{background:var(--red)}
.wk-scr.on .wk-bar i{animation:wkGrow 1.1s var(--ease) var(--d,0s) both}
.wk-warn{background:var(--orange-soft);border-radius:14px;padding:13px 15px;font-size:14.5px;line-height:1.45}

/* 7 · Move the budget */
.wk-cost{display:flex;align-items:center;gap:10px}.wk-cost>div{flex:1;min-width:0}
.wk-cost b{display:block;font-size:15px}.wk-cost small{display:grid;font-size:12.5px;color:var(--label-3)}.wk-cost small span{grid-area:1/1}
.wk-cost em{font-style:normal;font-family:var(--mono);font-size:19px;font-weight:700}
.wk-cost.g{background:var(--accent-soft)}.wk-cost.g em{color:var(--accent)}.wk-cost.r em{color:var(--red)}
.ip-sw{position:relative;width:46px;height:28px;border-radius:14px;background:#34c759;flex:none}
.ip-sw i{position:absolute;top:2px;left:20px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.ip-t2{opacity:0}
.wk-scr.on .ip-sw{animation:ipSwBg .3s ease 1.25s both}.wk-scr.on .ip-sw i{animation:ipSwK .3s ease 1.25s both}
.wk-scr.on .ip-t1{animation:ipOut .2s ease 1.3s both}.wk-scr.on .ip-t2{animation:ipIn2 .2s ease 1.3s both}
.wk-scr.on .wk-cost.r{animation:wkIn .45s var(--ease) .5s both,ipRed .4s ease 1.3s both}
@keyframes ipSwBg{to{background:var(--fill-2)}}@keyframes ipSwK{to{left:2px}}
@keyframes ipOut{to{opacity:0}}@keyframes ipIn2{to{opacity:1}}@keyframes ipRed{to{background:var(--red-soft)}}
.wk-next{background:#0c0e11;color:#fff;border-radius:16px;padding:15px 16px}
.wk-next small{font-size:13px;color:#8fd9b2;font-weight:600}.wk-next div{display:flex;align-items:baseline;gap:8px;margin-top:4px;flex-wrap:wrap}.wk-next b{font-family:var(--mono);font-size:28px}.wk-next span{font-size:13.5px;color:#c9d0d7}

@media (prefers-reduced-motion:reduce){.wk-scr.on .wa,.wk-scr.on .wd,.wk-scr.on .ip-ban,.wk-scr.on .ip-tgc,.wk-scr.on .wk-prog i,.wk-scr.on .wk-bar i{animation:none!important;opacity:1}.wk-scr.on .ip-ban:not(.ip-lk-n){display:none}.ip-tap{display:none}}
.wk-ctl{display:flex;align-items:center;gap:8px}
.wk-b{width:44px;height:44px;border-radius:12px;border:0;background:var(--bg-el);box-shadow:inset 0 0 0 1px var(--sep-strong);color:var(--label);display:grid;place-items:center;cursor:pointer}
.wk-b svg{width:18px;height:18px}.wk-b:hover{background:var(--fill)}
.wk-play{height:44px;min-width:84px;padding:0 16px;border-radius:12px;border:0;background:var(--label);color:var(--bg-el);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer}
.wk-cnt{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--label-3);min-width:44px;text-align:right}
@media (max-width:899px){
  .wk{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px}
  .wk-steps{display:grid;max-width:none}
  .wk-step,.wk-step.on{grid-area:1/1;padding:0;background:none;box-shadow:none;visibility:hidden;opacity:0;transition:opacity .3s var(--ease),visibility 0s .3s;cursor:default}
  .wk-step.on{visibility:visible;opacity:1;transition:opacity .3s var(--ease)}
  .wk-step:hover{background:none}
  .wk-step::after,.wk-step .n{display:none}
  .wk-step small{font-size:13px}
  .wk-step b{font-size:24px;letter-spacing:-.025em;line-height:1.12;margin-top:4px}
  .wk-step p{font-size:15.5px;margin-top:8px}
}

/* Your Telegram channel */
.tgx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
@media (max-width:900px){.tgx{grid-template-columns:minmax(0,1fr);gap:28px}}
.tgx-l{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.tgx-l li{display:flex;gap:10px;font-size:15.5px;line-height:1.45}
.tgx-l li::before{content:"";width:18px;height:18px;flex:none;margin-top:2px;border-radius:9px;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A7A70' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.tgx-box{background:#e7ebf0;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
html[data-theme="dark"] .tgx-box{background:#0e1621}
.tgx-ch{display:flex;gap:12px;align-items:center;background:var(--bg-el);border-radius:14px;padding:12px 14px}
.tgx-ch i{width:44px;height:44px;border-radius:50%;background:#2aabee;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:17px;flex:none}
.tgx-ch div{flex:1;min-width:0}.tgx-ch b{display:block;font-size:16px}.tgx-ch small{font-family:var(--mono);font-size:12.5px;color:var(--label-3)}
.tgx-ch em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:6px 10px;border-radius:999px}
.tgx-feed{display:flex;flex-direction:column;gap:8px;min-height:232px}
.tgx-f{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg-el);border-radius:12px;padding:11px 14px}
.tgx-f.in{animation:wkDrop .45s var(--ease) both}
.tgx-f div{min-width:0}.tgx-f b{display:block;font-size:14px}.tgx-f small{font-size:12px;color:var(--label-3)}
.tgx-f em{font-style:normal;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:999px;white-space:nowrap}
.tgx-f em.m{color:var(--accent);background:var(--accent-soft)}.tgx-f em.s{color:var(--blue);background:var(--blue-soft)}.tgx-f em.x{color:var(--red);background:var(--red-soft)}
.tgx-note{font-size:12px;color:var(--label-3);text-align:center}

/* Your numbers */
.cx-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
@media (max-width:900px){.cx-g{grid-template-columns:minmax(0,1fr);gap:24px}}
.cx{padding:26px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-lg)}
.cx-f label{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;font-weight:600}
.cx-f input{width:100%;margin-top:8px;accent-color:var(--accent);height:30px}
.cx-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cx-r>div{background:var(--bg);border-radius:12px;padding:12px;display:flex;flex-direction:column}
.cx-r small{display:block;font-size:12px;font-weight:600;color:var(--label-3);line-height:1.3}
.cx-r b{display:block;font-size:22px;font-weight:700;margin-top:auto;padding-top:6px;letter-spacing:-.02em}
.cx-r .g{background:var(--accent-soft)}.cx-r .g small,.cx-r .g b{color:var(--accent)}
.cx-r .r{background:var(--red-soft)}.cx-r .r small,.cx-r .r b{color:var(--red)}
.cx-t{margin:0;border-top:1px solid var(--sep);padding-top:16px;font-size:15px;line-height:1.5;color:var(--label-2)}.cx-t b{color:var(--label)}
@media (max-width:480px){.cx{padding:18px}.cx-r{grid-template-columns:minmax(0,1fr)}.cx-r>div{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.cx-r b{margin:0;padding:0;font-size:20px}}

/* Setup, answers, final */
.su-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.su-try{animation:suPulse 2.6s ease-in-out infinite}
@keyframes suPulse{0%,100%{box-shadow:0 0 0 0 var(--mk)}50%{box-shadow:0 0 0 9px transparent}}
.su{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
@media (max-width:900px){.su{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.su{grid-template-columns:minmax(0,1fr)}}
.su .card{padding:20px;display:flex;flex-direction:column;gap:8px}
.su em{font-style:normal;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}
.su b{font-size:17px;letter-spacing:-.01em}.su span{font-size:14.5px;color:var(--label-2);line-height:1.5}.su small{margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:600;color:var(--label-3)}
.ans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
@media (max-width:900px){.ans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ans{grid-template-columns:minmax(0,1fr)}}
.ans .card{padding:22px;display:flex;flex-direction:column;gap:8px}.ans b{font-size:17px;letter-spacing:-.01em}.ans span{font-size:14.5px;line-height:1.55;color:var(--label-2)}
.pvplan-main{box-shadow:0 0 0 2px var(--accent),var(--shadow-lg)}
.fin{background:#0c0e11;border-radius:24px;padding:64px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
html[data-theme="dark"] .fin{box-shadow:0 0 0 1px var(--sep-strong)}
.fin h2{margin:0;color:#fff;font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;line-height:1.06}.fin h2 span{color:#5EF2CF}
.fin p{margin:10px 0 0;color:#c9d0d7;font-size:17px}
.fin-b{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.fin .btn-p{background:#5EF2CF;color:#04211d}
.fin-s{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:520px){.fin{padding:28px 22px}.fin-b,.fin-b .btn{width:100%}}

@media (max-width:899px){.pvhero h1 .hx-br{display:none}}

html{scroll-padding-top:76px}
.pvhero h1{font-size:clamp(36px,4.5vw,58px)}
.pvf a.btn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;color:var(--label);border-radius:10px}

/* What it costs: the usual stack vs the Plan */
.cs{display:grid;grid-template-columns:minmax(0,1.15fr) 80px minmax(0,1fr);align-items:stretch;margin-top:32px}
.cs-old{background:var(--bg);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}
.cs-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.cs-hd b{font-size:19px;letter-spacing:-.015em}.cs-hd>span:not(.pill){font-size:13px;color:var(--label-3);font-weight:600}
.cs-list{display:flex;flex-direction:column;gap:8px}
.cs-c{display:flex;align-items:center;gap:12px;background:var(--bg-el);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow-sm)}
.cs-c i{width:36px;height:36px;border-radius:10px;background:var(--fill-2);color:var(--label-2);display:grid;place-items:center;flex:none}.cs-c i svg{width:18px;height:18px}
.cs-c div{flex:1;min-width:0}.cs-c b{display:block;font-size:15px}.cs-c small{display:block;font-size:12.5px;color:var(--label-3);margin-top:1px}
.cs-c em{font-style:normal;font-family:var(--mono);font-weight:700;font-size:14.5px;white-space:nowrap}
.cs-c.bad{background:var(--red-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--red) 35%,transparent)}
.cs-c.bad i{background:var(--red);color:#fff}.cs-c.bad small,.cs-c.bad em{color:var(--red)}
.cs-totl{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--label-2);text-align:right;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.cs-totl.on{opacity:1;transform:none}
.cs-totl b{color:var(--red);font-family:var(--mono)}
.cs-save{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:13.5px;line-height:1.4}
.cs-save b{font-weight:800}
@media (max-width:600px){.cs-totl{text-align:left}}
@media (prefers-reduced-motion:reduce){.cs-totl{transition:none}}
.cs-tot{margin-top:auto;border-top:2px solid var(--label);padding-top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cs-tot>span{font-weight:700;font-size:15px;padding-top:4px}.cs-tot div{text-align:right}
.cs-tot b{display:block;font-family:var(--mono);font-size:24px;font-weight:800;color:var(--red);letter-spacing:-.02em}.cs-tot small{font-size:12.5px;color:var(--label-3)}
.cs-vs{align-self:center;justify-self:center;width:52px;height:52px;border-radius:50%;background:var(--label);color:var(--bg-el);display:grid;place-items:center;font-weight:800;font-size:15px}
.cs-new{background:var(--bg-el);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 2px var(--accent),var(--shadow-lg)}
.cs-pr{font-family:var(--mono);font-size:50px;font-weight:700;letter-spacing:-.03em;line-height:1}.cs-pr small{font-family:var(--font);font-size:15px;font-weight:500;color:var(--label-3);letter-spacing:0;margin-left:8px}
.cs-new ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cs-new li{display:flex;gap:10px;padding:5px 0;font-size:15px}
.cs-new li::before{content:"";width:18px;height:18px;flex:none;margin-top:1px;border-radius:9px;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A7A70' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.cs-new li b{font-weight:500}.cs-new li.key{background:var(--accent-soft);border-radius:12px;padding:10px 12px;margin:2px -4px}
.cs-new li.key b{font-weight:700}.cs-new li small{display:block;font-size:12.5px;color:var(--accent);font-weight:600;margin-top:2px}
.cs-new .btn{margin-top:auto}
/* The stack piles up when it comes into view */
.js .cs .cs-c,.cs .cs-c{opacity:1}
.cs:not(.go) .cs-c{opacity:0;transform:translateY(-14px)}
.cs.go .cs-c{animation:csDrop .45s var(--ease) calc(var(--i) * .35s + .2s) both}
@keyframes csDrop{from{opacity:0;transform:translateY(-16px) rotate(-1.2deg)}to{opacity:1;transform:none}}
.no-js .cs .cs-c{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cs .cs-c,.cs:not(.go) .cs-c{opacity:1!important;transform:none!important;animation:none!important}}
@media (max-width:900px){
  .cs{grid-template-columns:minmax(0,1fr);gap:0}
  .cs-vs{margin:-14px auto;position:relative;z-index:2;width:46px;height:46px}
  .cs-old{padding:16px}.cs-new{padding:20px 18px}
  .cs-pr{font-size:44px}
}
@media (max-width:420px){.cs-c{padding:11px 12px;gap:10px}.cs-c i{width:32px;height:32px}.cs-c b{font-size:14px}.cs-c em{font-size:13.5px}}

@media (max-width:600px){.cs-tot{flex-direction:column;gap:4px}.cs-tot>span{padding-top:0;font-size:14px;color:var(--label-2)}.cs-tot div{text-align:left}.cs-tot b{font-size:22px}}

/* v46 · FAQ beside its heading */
.fq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;align-items:start}
.fq-h{position:sticky;top:96px}
@media (max-width:899px){.fq{grid-template-columns:minmax(0,1fr);gap:24px}.fq-h{position:static}}
html[data-theme="dark"] .wk-live,html[data-theme="dark"] .wk-meta,html[data-theme="dark"] .wk-next{background:#1c2026;box-shadow:inset 0 0 0 1px var(--sep)}

/* v48 · go-live polish */
h1,h2,.sec-h2{text-wrap:balance}
.smp{margin-top:12px;text-align:center;font-size:12px;color:var(--label-3)}
.nw{white-space:nowrap}
.pvtrust i{flex:none}
@media (max-width:520px){
  .pvhero .row .btn,.pvplan .row .btn{width:100%;justify-content:center}
  .pvtrust{flex-direction:column;gap:8px}
  .hx-m small{min-height:2.6em;line-height:1.3}
}
@media (max-width:899px){html[data-theme="dark"] .wk-step.on{box-shadow:none}.hx{box-shadow:0 0 0 1px var(--sep-strong),0 10px 28px rgba(15,20,30,.1)}}
@media (min-width:768px){.wrap{padding-left:32px;padding-right:32px}}
html[data-theme="dark"] .tgx-l li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235EF2CF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
html[data-theme="dark"] .cs-new li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235EF2CF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
html[data-theme="dark"] .pvplan li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235EF2CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.pvmini .r{align-items:center;min-height:22px}.pvmini .pvtag{font-size:11px;padding:1px 6px;line-height:1.3}
@media (max-width:1100px){.pvhero .row .btn{flex:1 1 auto;justify-content:center}}

/* ── Fellows AI on the homepage ── */
.fa-sec{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(70% 55% at 85% 0%,var(--accent-soft) 0%,transparent 70%),radial-gradient(60% 50% at 0% 100%,color-mix(in srgb,var(--blue) 9%,transparent) 0%,transparent 70%),var(--bg)}
.fa-hd{max-width:780px}
.fa-eyb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.fa-mk{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0a84ff));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}
.fa-mk svg{width:16px;height:16px}
@media (prefers-reduced-motion:no-preference){.fa-mk svg,.fa-cta svg{animation:faTw 3.2s ease-in-out infinite}}
@keyframes faTw{0%,100%{transform:none}50%{transform:scale(1.12) rotate(10deg)}}
.fa-cta svg{width:18px;height:18px;margin-right:6px;flex:none}
.fa-cta em{font-style:normal}
.fa-trust b{color:var(--label);font-weight:700}
.fa-wk{grid-template-columns:300px minmax(0,1fr)}
.fa-wk .wk-side{order:-1}
.fa-ipmk{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0a84ff))!important;color:#fff!important}
.fa-ipmk svg{width:16px;height:16px}
#faIp .ip-bal{font-family:var(--font);font-size:11.5px}
/* timeline: elements with data-at come in when the step reaches them */
.fa-wk [data-at]{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.fa-wk .wk-scr [data-at]:not(.go){opacity:0;transform:translateY(8px)}
.fa-wk .wk-scr mark[data-at]:not(.go),.fa-wk .wk-scr .fa-go:not(.go){opacity:1;transform:none}
/* 1 · auto-fill */
.fa-auto{display:flex;flex-direction:column;gap:11px;background:linear-gradient(160deg,var(--accent-soft),var(--bg-el) 60%)}
.fa-ah{display:flex;gap:10px;align-items:center}
.fa-lg{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0a84ff))}
.fa-lg svg{width:19px;height:19px}
.fa-ah b{display:block;font-size:15.5px;letter-spacing:-.01em}.fa-ah small{font-size:12.5px;color:var(--label-3)}
.fa-chips,.fa-angles,.fa-seg{display:flex;flex-wrap:wrap;gap:6px}
.fa-chips span,.fa-angles span,.fa-seg span{font-size:13px;font-weight:600;padding:6px 10px;border-radius:9px;background:var(--bg-el2,var(--fill));box-shadow:inset 0 0 0 1px var(--sep);color:var(--label-2)}
.fa-chips span.on,.fa-angles span.on,.fa-seg span.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.fa-inp{height:44px;display:flex;align-items:center;padding:0 12px;border-radius:11px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep-strong);font-size:15px}
.fa-type{display:inline-block;overflow:hidden;white-space:nowrap;font-family:var(--mono);font-size:14px;width:13.2ch;border-right:2px solid var(--accent)}
.wk-scr.on .fa-type{animation:faType 1.1s steps(13) .3s both,faCaret .8s step-end 1.4s 3 both}
@keyframes faType{from{width:0}}
@keyframes faCaret{50%{border-color:transparent}}
.fa-go{transition:transform .2s,box-shadow .3s}.fa-go.go{transform:scale(.97);box-shadow:0 0 0 4px var(--accent-soft)}
.fa-form{display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.fa-f small{display:block;font-size:12px;font-weight:600;color:var(--label-3);margin-bottom:3px}
.fa-f b{display:block;font-size:14.5px;font-weight:600;line-height:1.35;padding:7px 10px;border-radius:9px;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 3px var(--accent-soft)}
.fa-done{display:grid;gap:2px;padding:11px 13px;border-radius:14px;background:var(--bg-el);box-shadow:0 1px 2px rgba(15,20,30,.06);font-size:13px;color:var(--label-2)}
.fa-done b{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--label)}
.fa-done b i{width:16px;height:16px;border-radius:50%;background:var(--accent);position:relative;flex:none}
.fa-done b i::after{content:"";position:absolute;left:5.5px;top:3px;width:3.5px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fa-done span{color:var(--orange)}
/* 2 · writing */
.fa-list b{display:block;font-size:15.5px}.fa-list small{font-size:12.5px;color:var(--label-3)}
.fa-sheet{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:18px 18px 24px;border-radius:22px 22px 0 0;background:var(--bg-el);box-shadow:0 -10px 34px rgba(0,0,0,.18);text-align:center}
.fa-wk .wk-scr .fa-sheet:not(.go){transform:translateY(100%);opacity:1}
.fa-orb{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent))}
.fa-orb svg{width:26px;height:26px}
@media (prefers-reduced-motion:no-preference){.fa-orb{animation:faPulse 1.6s ease-in-out infinite}}
@keyframes faPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 12px transparent}}
.fa-sheet>b{display:block;font-size:17px;letter-spacing:-.01em}
.fa-st{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px;text-align:left}
.fa-st li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--label-3);transition:color .3s}
.fa-wk .wk-scr .fa-st li[data-at]:not(.go){opacity:1;transform:none}
.fa-st li i{width:18px;height:18px;border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 2px var(--sep-strong)}
.fa-st li.go{color:var(--label);font-weight:600}
.fa-st li.go i{box-shadow:inset 0 0 0 2px var(--accent)}
.fa-st li.go:not(.go2) i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);animation:faSpin .8s linear infinite}
.fa-st li.go2{color:var(--label-2);font-weight:500}
.fa-st li.go2 i{background:var(--accent);box-shadow:none}
.fa-st li.go2 i::after{content:"";position:absolute;left:6.5px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes faSpin{to{transform:rotate(360deg)}}
.fa-fw{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:6px;margin-left:3px;display:inline-block}
.fa-fw.flip{animation:faPop .3s both}
.fa-bar{height:4px;border-radius:4px;background:var(--fill);margin-top:14px;overflow:hidden}
.fa-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--accent)}
.wk-scr.on .fa-bar i{animation:faBarFill 4.7s linear 1.1s both}
@keyframes faBarFill{to{width:100%}}
@keyframes faPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
/* 3 · checked */
.fa-ad{display:flex;flex-direction:column;gap:8px;padding:13px 14px;position:relative;overflow:hidden}
.fa-ad p{margin:0;font-size:14px;line-height:1.45}
.fa-adh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fa-tag{font-size:11.5px;font-weight:650;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.fa-tag.g{background:var(--accent-soft);color:var(--accent)}
.fa-ok,.fa-no{margin-left:auto;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.fa-no{background:var(--red-soft);color:var(--red)}
.fa-ok.go,.fa-no.go{animation:faPop .35s both}
.fa-meta{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding-top:7px;border-top:1px solid var(--sep)}
.fa-meta span{flex:none;width:62px;color:var(--label-3)}.fa-meta b{font-weight:600}
mark[data-at],.fa-ba mark,.fa-ckout mark{background:none;color:inherit;border-radius:3px;padding:0 1px;transition:background .35s,box-shadow .35s}
mark[data-at].go,.fa-ba mark,.fa-ckout mark{background:var(--red-soft);box-shadow:inset 0 -2px 0 var(--red)}
.fa-ckout mark.med{background:var(--orange-soft);box-shadow:inset 0 -2px 0 var(--orange)}
.fa-flags{display:flex;flex-wrap:wrap;gap:5px}
.fa-flags span{font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:999px;background:var(--red-soft);color:var(--red)}
.fa-flags.ok span{background:var(--accent-soft);color:var(--accent)}
.fa-fix{align-self:flex-start;flex:none;padding:8px 18px}
.fa-bad{min-height:174px}
.fa-before,.fa-after{display:flex;flex-direction:column;gap:8px;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.fa-after{position:absolute;inset:13px 14px}
.fa-wk .wk-scr .fa-after:not(.go){opacity:0;transform:translateY(10px)}
.fa-bad:has(.fa-after.go) .fa-before{opacity:0;transform:translateY(-8px)}
.fa-scan::after{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 16%,transparent),transparent);transform:translateY(-110%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){.wk-scr.on .fa-scan::after{animation:faScan 1.1s .35s ease-out both}}
@keyframes faScan{to{transform:translateY(250%)}}
/* 4 · image */
.fa-idea{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:11px;background:var(--fill);font-size:12.5px;line-height:1.4;color:var(--label-2)}
.fa-idea svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--label-3)}
.fa-mkimg{padding:10px 12px}
.fa-pic{position:relative;width:250px;aspect-ratio:4/5;align-self:center;border-radius:14px;overflow:hidden;background:var(--fill)}
.fa-paint{position:absolute;inset:0}
.fa-shim{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--accent) 18%,transparent) 50%,transparent 70%);background-size:220% 100%}
@media (prefers-reduced-motion:no-preference){.fa-shim{animation:faShim 1.4s linear infinite}}
@keyframes faShim{from{background-position:120% 0}to{background-position:-120% 0}}
.fa-pt{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:11px;background:var(--bg-el);font-size:12.5px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.fa-pt i{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;flex:none;animation:faSpin .8s linear infinite}
.fa-pt small{display:block;font-weight:400;color:var(--label-3)}
.fa-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fa-wk .wk-scr .fa-pic img[data-at]:not(.go){opacity:0;transform:scale(1.04)}
.fa-wk .wk-scr .fa-pic img.go{transition:opacity .6s,transform .8s var(--ease)}
.fa-cap{display:flex;gap:6px;justify-content:center}
/* 5 · winners */
.fa-win{display:flex;flex-direction:column;gap:9px;padding:13px 14px}
.fa-win .between b{font-size:15px}.fa-win .between small{font-size:11.5px;color:var(--label-3)}
.fa-wr{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;gap:8px;align-items:center;font-size:13px}
.fa-wr span{color:var(--label-2);font-weight:600}
.fa-wr i,.fa-lr i{height:9px;border-radius:5px;background:var(--fill);overflow:hidden}
.fa-wr em,.fa-lr em{display:block;height:100%;border-radius:5px;background:var(--label-4)}
.fa-wr em{width:var(--w)}
.fa-wr.top em,.fa-lr.a em{background:var(--accent)}
.wk-scr.on .fa-wr em,.wk-scr.on .fa-lr em{animation:faGrow .9s var(--ease) .3s both}
@keyframes faGrow{from{width:0}}
.fa-wr b{font-family:var(--mono);font-size:14px;text-align:right}.fa-wr.top b{color:var(--accent)}
.fa-wsub{font-size:11.5px;color:var(--label-3)}
.fa-more{padding:10px 12px}
.fa-warm{padding:12px 14px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-el))}
.fa-warm b{display:block;font-size:14px;line-height:1.3}.fa-warm small{font-size:12px;color:var(--label-3)}
.fa-lift{display:grid;gap:8px;padding:12px 14px}
.fa-lift>small{font-size:12px;font-weight:650;color:var(--label-3)}
.fa-lr{display:grid;grid-template-columns:96px minmax(0,1fr) 36px;gap:8px;align-items:center;font-size:12.5px}
.fa-lr span{color:var(--label-3)}.fa-lr b{font-family:var(--mono);text-align:right}.fa-lr.a b{color:var(--accent)}
/* the checker and before/after */
.fa-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-top:40px}
@media (max-width:900px){.fa-row{grid-template-columns:minmax(0,1fr);margin-top:28px}}
.fa-ck-h b{display:block;font-size:19px;letter-spacing:-.02em}
.fa-ck-h span{display:block;font-size:14px;color:var(--label-3);margin-top:3px}
.fa-ck textarea{width:100%;box-sizing:border-box;margin-top:14px;min-height:120px;padding:12px 14px;border:0;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep-strong);font:inherit;font-size:16px;line-height:1.5;color:var(--label);resize:vertical}
.fa-ck textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--accent-soft)}
.fa-ckout{margin-top:14px;display:grid;gap:8px}
.fa-ckout>*{animation:faUp .4s var(--ease) both}
.fa-ckout>*:nth-child(2){animation-delay:.08s}.fa-ckout>*:nth-child(3){animation-delay:.16s}.fa-ckout>*:nth-child(4){animation-delay:.24s}.fa-ckout>*:nth-child(n+5){animation-delay:.32s}
@keyframes faUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fa-cktxt{margin:0;padding:12px 14px;border-radius:12px;background:var(--fill);font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.fa-sum{display:grid;gap:2px;padding:12px 14px;border-radius:12px}
.fa-sum b{font-size:16px}.fa-sum span{font-size:13.5px;color:var(--label-2)}
.fa-sum.bad{background:var(--red-soft)}.fa-sum.ok{background:var(--accent-soft)}
.fa-fl{padding:10px 13px;border-radius:11px;background:var(--orange-soft);font-size:14px;line-height:1.45}
.fa-fl.high{background:var(--red-soft)}.fa-fl.low{background:var(--fill)}
.fa-fl p{margin:2px 0 0;color:var(--label-2);font-size:13.5px}
.fa-fl q{font-family:var(--mono);font-size:12.5px;color:var(--label-2)}
.fa-ckmsg{color:var(--red);font-size:14px}
.fa-ba-box{position:relative;margin-top:14px;border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.fa-ba-l,.fa-ba-r{display:flex;flex-direction:column;gap:10px;padding:16px;min-height:208px;box-sizing:border-box}
.fa-ba-l p,.fa-ba-r p{margin:0;font-size:16px;line-height:1.5}
.fa-ba-l .fa-no,.fa-ba-r .fa-ok{margin-left:0;align-self:flex-start}
.fa-ba-r{position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 9%,var(--bg-el));clip-path:inset(0 0 0 var(--x))}
.fa-ba-l{background:var(--bg-el)}
.fa-ba-r .fa-ok{align-self:flex-end!important}
.fa-ba-r .fa-flags{justify-content:flex-end}
.fa-ba-hdl{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--accent);pointer-events:none}
.fa-ba-hdl svg{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;padding:7px;box-sizing:border-box;border-radius:50%;background:var(--accent);color:var(--accent-ink,#fff);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.fa-ba-rng:focus-visible~.fa-ba-hdl svg,.fa-ba-box:focus-within .fa-ba-hdl svg{box-shadow:0 0 0 4px var(--accent-soft),0 4px 14px rgba(0,0,0,.2)}
.fa-fine{max-width:760px;margin-top:16px}
@media (max-width:899px){
  .fa-wk{grid-template-columns:minmax(0,1fr)}
  .fa-wk .wk-side{order:0}
}
@media (prefers-reduced-motion:reduce){
  .fa-wk .wk-scr [data-at]:not(.go){opacity:1;transform:none}
  .fa-wk .wk-scr .fa-sheet:not(.go){transform:none}
  .wk-scr.on .fa-type{animation:none;border-right-color:transparent}
  .fa-ckout>*{animation:none}
}

.fa-ann{display:inline-flex;align-items:center;gap:8px;margin:0 8px 10px 0;padding:5px 12px 5px 5px;border-radius:999px;background:var(--bg-el);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 4px 16px color-mix(in srgb,var(--accent) 14%,transparent);font-size:13px;font-weight:600;color:var(--label);text-decoration:none!important;max-width:100%}
.fa-ann i{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0a84ff))}
.fa-ann i svg{width:14px;height:14px}
.fa-ann b{color:var(--accent);font-weight:700}
.fa-ann>span{color:var(--accent);transition:transform .2s}
.fa-ann:hover>span{transform:translateX(3px)}
@media (max-width:480px){.fa-ann{font-size:12.5px;white-space:normal;line-height:1.3}}

/* ═══ v58 · homepage in nine sections: two halves, tabs, one price, one FAQ ═══ */
/* Two halves, right under the hero */
.hv-sec{padding:4px 0 48px}
.hv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hv-t{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--bg-el);box-shadow:var(--shadow-sm),0 6px 20px rgba(15,20,30,.05);color:var(--label);text-decoration:none!important;transition:transform .18s var(--ease)}
.hv-t:hover{transform:translateY(-2px)}
.hv-t>div{flex:1;min-width:0}
.hv-t small{display:block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.hv-t b{display:block;font-size:17px;letter-spacing:-.015em;margin-top:2px}
.hv-t div span{display:block;font-size:13.5px;color:var(--label-3);line-height:1.4;margin-top:2px}
.hv-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0a84ff));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent)}
.hv-ic svg{width:20px;height:20px}
.hv-ic2{background:linear-gradient(135deg,#2aabee,color-mix(in srgb,#2aabee 55%,var(--accent)));box-shadow:0 4px 14px rgba(42,171,238,.28)}
.hv-go{flex:none;color:var(--label-3);font-weight:700;transition:transform .2s,color .2s}
.hv-t:hover .hv-go{transform:translateX(3px);color:var(--accent)}
html[data-theme="dark"] .hv-t{box-shadow:0 0 0 1px var(--sep-strong)}
@media (max-width:640px){.hv-sec{padding:0 0 40px}.hv{grid-template-columns:minmax(0,1fr);gap:8px}.hv-t{padding:13px 14px;gap:12px}.hv-ic{width:36px;height:36px;border-radius:11px}.hv-ic svg{width:18px;height:18px}.hv-t b{font-size:16px}.hv-t div span{font-size:13px}}
@media (prefers-reduced-motion:reduce){.hv-t,.hv-go{transition:none}.hv-t:hover{transform:none}}

/* Tabs: a segmented row, scrolls sideways on a phone when it does not fit */
.tf-tabs{position:relative;display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--fill-2);overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%;box-sizing:border-box}
.tf-tabs::-webkit-scrollbar{display:none}
.tf-tabs [role="tab"]{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:none;font:inherit;font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--label-2);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,box-shadow .2s}
.tf-tabs [role="tab"] svg{width:16px;height:16px;flex:none;opacity:.75}
.tf-tabs [role="tab"]:hover{color:var(--label)}
.tf-tabs [role="tab"][aria-selected="true"]{background:var(--bg-el);color:var(--label);box-shadow:0 1px 2px rgba(15,20,30,.08),0 4px 12px rgba(15,20,30,.07)}
.tf-tabs [role="tab"][aria-selected="true"] svg{color:var(--accent);opacity:1}
.tf-tabs [role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
html[data-theme="dark"] .tf-tabs [role="tab"][aria-selected="true"]{background:var(--bg-el2);box-shadow:0 0 0 1px var(--sep-strong)}
@media (prefers-reduced-motion:reduce){.tf-tabs [role="tab"]{transition:none}}

/* Fellows AI: the checker and before and after share one card */
.fa-tool{margin-top:40px;padding:20px;max-width:860px}
.fa-tool .tf-tabs{margin-bottom:14px}
.fa-tool .fa-ck-h b{display:none}
.fa-tool .fa-ck-h span{margin-top:0}
.fa-tool .fa-ck textarea{min-height:104px}
@media (max-width:900px){.fa-tool{margin-top:24px;padding:14px}.fa-tool .tf-tabs{width:100%}.fa-tool [role="tab"]{flex:1 1 0;justify-content:center;padding:0 10px}}
@media (max-width:520px){.fa-trust{flex-direction:row;flex-wrap:wrap;gap:6px 14px}}

/* After the click: one section, four tabs */
.af-tabs{margin-top:28px}
.af-pn{margin-top:30px}
.af-pn:focus{outline:none}
.af-hd{max-width:760px}
.af-h3{font-size:clamp(25px,3.2vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.035em;margin:0;color:var(--label);text-wrap:balance}
.af-hd p,.af-p{margin:10px 0 0;font-size:17px;line-height:1.5;color:var(--label-2)}
.af-pn .wk{margin-top:28px}
.af-pn .pvproof{margin-top:24px}
.af-pn .pvfun{margin-top:22px}
.af-s .wk{margin-top:32px}
.af-s .pvproof{margin-top:28px}
.af-s .pvfun{margin-top:26px}
.af-s .tgx .sec-h2{margin-top:0}
.cs-pj{white-space:nowrap;font-weight:600}
@media (max-width:899px){.af-s .wk{margin-top:20px}.af-s .pvproof,.af-s .pvfun{margin-top:20px}}
@media (max-width:899px){.af-tabs{margin-top:22px}.af-pn{margin-top:24px}.af-pn .wk{margin-top:18px}.af-hd p,.af-p{font-size:16px}}

/* The price: the usual way next to the real Plan card */
.cs-g{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--label-3);margin:8px 2px 0}
.cs-g:first-child{margin-top:0}
.cs.go .cs-c{animation-delay:calc(var(--i) * .25s + .2s)}
.cs-new li.ai b{font-weight:600}
.cs-ex{margin:-6px 0 0}
.cs-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.cs-btns .btn{flex:1 1 auto;margin-top:0}
.cs-soon{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-top:16px;padding:14px 18px;border-radius:16px;background:var(--fill)}
.cs-soon p{flex:1 1 320px;min-width:0;margin:0;font-size:14px;line-height:1.5;color:var(--label-2)}
.cs-soon p b{color:var(--label)}
@media (max-width:520px){.cs-btns .btn{width:100%}.cs-soon{padding:14px}.cs-soon .btn{width:100%}}

/* Questions: one list, filtered by topic */
.fq-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.fq-chips button{min-height:38px;padding:0 15px;border-radius:999px;border:0;background:var(--bg-el);box-shadow:var(--shadow-sm);font:inherit;font-size:14px;font-weight:650;color:var(--label-2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.fq-chips button:hover{color:var(--label)}
.fq-chips button[aria-pressed="true"]{background:var(--label);color:var(--bg-el);box-shadow:none}
.fq-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fq-list .faq{border-top:0}
.fq-list .faq:not([hidden])~.faq:not([hidden]){border-top:1px solid var(--sep)}
/* v58 · shorter on a phone */
@media (max-width:899px){
  .fa-sec{padding:56px 0}
  .fa-sec .fa-hd .hero-p{font-size:17px}
  .fa-tool .fa-ck textarea{min-height:88px}
  .fa-fine{font-size:12px;line-height:1.45}
}
@media (max-width:520px){
  .fa-hd .row .btn-s[href="#faCheck"]{display:none}
  .fa-hd .row .fa-cta{width:100%}
  #plan .hero-p{font-size:17px}
  .cs-c i{display:none}
  .cs-c{padding:11px 13px}
  .cs-c small{line-height:1.35}
  .cs-new li{padding:3px 0;font-size:14.5px}
  .cs-soon p{flex-basis:100%;font-size:13.5px}
}
@media (max-width:899px){.fa-sec{padding:48px 0}}
@media (max-width:520px){
  .fa-trust [data-ai-show="templates"]{display:none}
  .cs-soon{gap:10px}
  .cs-soon .pill{order:1}
  .cs-soon .btn{order:2;width:auto;margin-left:auto;min-height:36px;padding:0 14px;font-size:14px}
  .cs-soon p{order:3}
}

/* ═══ The homepage journey ═══ */
/* What are you running? */
/* Answers in place */
.qa{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:5px;border-radius:50%;border:1px solid currentColor;background:none;color:var(--label-3);font:700 10.5px/1 var(--font,inherit);cursor:pointer;vertical-align:1px;padding:0;opacity:.8}
.qa:hover,.qa:focus-visible{color:var(--accent);opacity:1}
@media (pointer:coarse){.qa{position:relative}.qa::after{content:"";position:absolute;inset:-10px}}
.qa-pop{position:absolute;z-index:120;padding:14px 16px;border-radius:14px;background:var(--bg-el);color:var(--label);box-shadow:0 12px 40px rgba(15,20,30,.18),0 0 0 1px var(--sep);font-size:14px;line-height:1.5;animation:qaIn .18s var(--ease,ease) both}
.qa-pop b{display:block;font-size:14px;margin-bottom:4px}.qa-pop p{margin:0;color:var(--label-2)}
.qa-more{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--accent)}
@keyframes qaIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Try Fellows AI on your channel */
.fa-try{margin-top:28px;padding:20px;display:grid;gap:14px;border-radius:20px;box-shadow:0 0 0 1.5px var(--accent),0 16px 40px rgba(10,122,112,.10)}
.fa-try-h b{display:block;font-size:18px;letter-spacing:-.015em}
.fa-try-h span{display:block;margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.fa-try-f,.su-row{display:flex;gap:8px}
.fa-try-f input,.su-row input{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--sep-strong,var(--sep));background:var(--bg);color:var(--label);font:inherit;font-size:16px}
.fa-try-f input:focus,.su-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.fa-try-f .btn,.su-row .btn{height:48px;flex:none;white-space:nowrap}
@media (max-width:520px){.fa-try-f,.su-row{flex-direction:column}.fa-try-f input,.su-row input{flex:none;width:100%}.fa-try-f .btn,.su-row .btn{width:100%}}
.ft-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft-steps li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--label-3);transition:color .3s}
.ft-steps li i{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;border:2px solid var(--sep-strong,var(--sep))}
.ft-steps li.now{color:var(--label);font-weight:600}
.ft-steps li.now i{border-color:var(--accent);border-top-color:transparent;animation:ftSpin .8s linear infinite}
.ft-steps li.done{color:var(--label-2)}
.ft-steps li.done i{border:0;background:var(--accent);color:var(--accent-ink,#fff)}
.ft-steps li.done svg{width:13px;height:13px}
@keyframes ftSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ft-steps li.now i{animation:none;border-top-color:var(--accent)}}
.ft-err{padding:12px 14px;border-radius:12px;background:rgba(255,59,48,.08);display:grid;gap:10px;justify-items:start}
.ft-err p{margin:0;font-size:14.5px;color:var(--label)}
.ft-done{display:grid;gap:10px;animation:qaIn .3s var(--ease,ease) both}
.ft-offer{padding:12px 14px;border-radius:12px;background:var(--accent-soft)}
.ft-offer small{display:block;font-size:12px;font-weight:600;color:var(--accent)}
.ft-offer b{display:block;font-size:16px;margin-top:2px}.ft-offer span{display:block;font-size:14px;color:var(--label-2);margin-top:2px}
.ft-ad{padding:12px 14px;border-radius:12px;background:var(--bg);box-shadow:0 0 0 1px var(--sep)}
.ft-ad-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--label-3)}
.ft-ad-h em{font-style:normal;padding:2px 8px;border-radius:999px}.ft-ad-h em.ok{background:var(--accent-soft);color:var(--accent)}.ft-ad-h em.bad{background:rgba(255,159,10,.15);color:var(--orange,#c77700)}
.ft-ad p{margin:6px 0 0;font-size:14.5px;line-height:1.5;white-space:pre-wrap}
.ft-ad b{display:block;margin-top:6px;font-size:14px}
.ft-open{justify-self:start}
@media (max-width:520px){.ft-open{width:100%;justify-self:stretch}}
.ft-su p{margin:0 0 10px;font-size:14.5px;line-height:1.45;color:var(--label-2)}.ft-su b{color:var(--label)}
/* Sign up on the page */
.su-f{display:grid;gap:8px;width:100%}
.su-m{margin:0;font-size:13px;line-height:1.45;color:var(--label-3)}
.su-m.err{color:var(--red)}
.su-to{margin:0;font-size:14px;color:var(--label-2)}.su-to b{color:var(--label)}
.su-l{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.su-l:disabled{color:var(--label-3);text-decoration:none;cursor:default}
.su-code{letter-spacing:.3em;font-family:var(--mono);text-align:center}
.fin-su{width:100%;max-width:520px}
.fin .su-f{text-align:left}
.fin .su-row input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.fin .su-row input::placeholder{color:rgba(255,255,255,.45)}
.fin .su-m,.fin .su-to{color:rgba(255,255,255,.65)}.fin .su-to b{color:#fff}
.fin .su-m.err{color:#ff8a80}.fin .su-l{color:#5EF2CF}
.fin .row{justify-content:center}
/* Phone bar */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-el) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 -1px 0 var(--sep);transform:translateY(110%);transition:transform .3s var(--ease,ease)}
  .mbar:not(.on){visibility:hidden;transition:transform .3s var(--ease,ease),visibility 0s .3s}
  .mbar.on{transform:none}
  .mbar-in{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto}
  .mbar-in span{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--label)}
  .mbar-in .btn{flex:none;height:42px;padding:0 18px}
}
@media (prefers-reduced-motion:reduce){.mbar{transition:none}}
/* Your estimate */
.cx-your{font-style:normal;margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:#03552f;font-size:11px;font-weight:700}
html[data-theme="dark"] .cx-your{color:#5EF2CF}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .cx-your{color:#5EF2CF}}
/* Desktop: the Fellows AI demo moves with the scroll */
.fa-wk.scrolly{align-items:stretch}
.fa-wk.scrolly .wk-side{justify-content:flex-start}
.fa-wk.scrolly .wk-ph{position:sticky;top:calc(50vh - (836px * var(--s,.72)) / 2 + 20px)}
.fa-wk.scrolly .wk-step.on{background:none;box-shadow:none}
.fa-wk.scrolly .wk-steps{gap:0;padding:12vh 0}
.fa-wk.scrolly .wk-step{min-height:30vh;align-items:center;cursor:default}
.fa-wk.scrolly .wk-step::after{display:none}
.fa-wk.scrolly .wk-step:not(.on){opacity:.45}
.fa-wk.scrolly .wk-step b{font-size:20px}
.fa-wk.scrolly .wk-step p{font-size:15.5px;max-width:520px}
.fa-wk.scrolly .wk-ctl{display:none}

/* ── Hero B: one question, your own numbers next to it ── */
.hb{padding:64px 0 56px}
.hb .pvhero-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.hb-lbl{display:block;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.hb h1{font-size:clamp(36px,4.4vw,58px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 0;text-wrap:balance}
.hb h1 .hx-dim{color:var(--accent)}
.hb h1 .hx-br{display:none}
.hb .hero-p{font-size:clamp(17px,1.4vw,19px);line-height:1.5;margin:18px 0 0;max-width:30em}
.hb-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.hb-tl{font-weight:600;font-size:16px;color:var(--label);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.hb-tl:hover{color:var(--accent)}
.hb-tr{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:20px;font-size:14px;color:var(--label-2)}
.hb-tr span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:2px}
.hb-calc{padding:26px;border-radius:22px;box-shadow:0 24px 60px -28px rgba(0,0,0,.25),0 0 0 1px var(--sep)}
.hb-calc .cx-f+.cx-f{margin-top:16px}
.hb-calc .cx-f label small{font-weight:500;color:var(--label-3);margin-left:4px}
.hb-r{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.hb-r>div{border-radius:14px;padding:14px 16px;background:var(--fill);min-width:0}
.hb-r small{display:block;font-size:12.5px;font-weight:600;color:var(--label-2)}
.hb-r b{display:block;font-size:clamp(26px,2.6vw,32px);letter-spacing:-.03em;margin-top:4px;color:var(--label);font-variant-numeric:tabular-nums}
.hb-r span{display:block;font-size:12.5px;color:var(--label-3)}
.hb-r .g{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.hb-r .g small,.hb-r .g b{color:var(--accent)}
.hb-leak{margin:16px 0 0;font-size:15px;color:var(--label-2)}
.hb-leak b{color:var(--red,#d93025);font-weight:800}
.hb-x{margin:4px 0 0;font-size:13px;color:var(--label-3)}
.hb-x b{color:var(--label-2)}
@media (max-width:960px){.hb .pvhero-g{grid-template-columns:minmax(0,1fr);gap:30px}.hb{padding:32px 0 44px}}
@media (max-width:520px){.hb h1{font-size:36px}.hb-calc{padding:18px;border-radius:18px}.hb-r b{font-size:26px}.hb-cta{gap:14px}.hb-cta .btn{width:100%}.hb-tl{margin:0 auto}}
@media (max-width:360px){.hb h1{font-size:32px}}
/* nav: Fellows AI with its tag */
.pvn-ai{display:inline-flex;align-items:center;gap:6px}
.pvn-new{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pvsheet .pvn-new{margin-left:6px;vertical-align:1px}
/* ── Fellows AI: heading left, try box right; stats in a tidy grid ── */
.fa-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.fa-top .fa-try-f{flex-direction:column}.fa-top .fa-try-f input{flex:none;width:100%}.fa-top .fa-try-f .btn{width:100%}
.fa-top .fa-hd{max-width:none}
.fa-top .fa-try{margin-top:0}
.fa-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 22px}
@media (max-width:1060px){.fa-top{grid-template-columns:minmax(0,1fr);gap:28px}.fa-top .fa-hd{max-width:780px}.fa-top .fa-try{max-width:720px}.fa-top .fa-try-f{flex-direction:row}.fa-top .fa-try-f input{flex:1}.fa-top .fa-try-f .btn{width:auto}}
@media (max-width:520px){.fa-top .fa-try-f{flex-direction:column}.fa-top .fa-try-f input{flex:none;width:100%}.fa-top .fa-try-f .btn{width:100%}}
@media (max-width:520px){.fa-trust{grid-template-columns:minmax(0,1fr)}}
/* ── The checker: text box left, what it checks (then the result) right ── */
.fa-tool{max-width:none}
.fa-ckg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.fa-ckmain{min-width:0}
.fa-ckside{min-width:0}
.fa-ckside #faCkOut:not(:empty)+.fa-rules{display:none}
.fa-ckside .fa-ckout{margin-top:0}
.fa-rules{border-radius:16px;background:var(--fill);padding:18px}
.fa-rules>b{display:block;font-size:15px;font-weight:700}
.fa-rules ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.fa-rules li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;color:var(--label)}
.fa-rules li::before,.fa-rules p i{content:'';flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--orange,#e67700)}
.fa-rules li.h::before,.fa-rules p i.h{background:var(--red,#d93025)}
.fa-rules p{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:14px 0 0;font-size:12.5px;color:var(--label-3)}
.fa-rules p i{display:inline-block;margin:0}
.fa-rules p i.m{margin-left:8px}
.fa-tool .fa-fine{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--sep);max-width:none}
@media (max-width:900px){.fa-ckg{grid-template-columns:minmax(0,1fr);gap:18px}.fa-rules ul{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fa-rules ul{grid-template-columns:1fr}}

/* ── Fellows AI, v3: one centred column, the try field is the call to action ── */
.fa-head{max-width:780px;margin:0 auto;text-align:center}
.fa-head .fa-eyb{justify-content:center}
.fa-head .sec-h2{font-size:clamp(32px,4.2vw,54px);line-height:1.06;margin-top:14px}
.fa-head .hero-p{font-size:clamp(17px,1.5vw,19.5px);line-height:1.55;max-width:640px;margin:18px auto 0;color:var(--label-2)}
.fa-try2{max-width:620px;margin:30px auto 0}
.fa-try2 .fa-try-f{gap:6px;padding:6px;border-radius:16px;background:var(--bg-el);box-shadow:0 0 0 1.5px var(--accent),0 18px 44px -12px rgba(10,122,112,.25)}
.fa-try2 .fa-try-f input{height:52px;border:0;background:transparent;font-size:17px;padding:0 14px}
.fa-try2 .fa-try-f input:focus{box-shadow:none}
.fa-try2 .fa-try-f .btn{height:52px;padding:0 20px;border-radius:12px;font-size:16px;gap:8px}
.fa-try2 .fa-try-f .btn svg{width:18px;height:18px}
.fa-try-m{margin:12px 0 0;font-size:14px;color:var(--label-3)}
.fa-try-m b{color:var(--label-2)}
.fa-try-m a{color:var(--label);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fa-try2 #ftOut{text-align:left}
.fa-try2 #ftOut:not(:empty){margin-top:16px}
.fa-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:26px;font-size:14px;color:var(--label-2)}
.fa-stats span{display:inline-flex;align-items:center;gap:6px}
.fa-stats span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.fa-stats b{color:var(--label);font-weight:700}
.fa-stats .qa{margin-left:2px}
.fa-sec .fa-wk{margin-top:64px}
@media (max-width:899px){.fa-sec .fa-wk{margin-top:40px}}
@media (max-width:520px){.fa-head{text-align:left}.fa-head .fa-eyb{justify-content:flex-start}.fa-head .hero-p{margin-left:0}.fa-try2 .fa-try-f{padding:0;background:none;box-shadow:none}.fa-try2 .fa-try-f input{height:52px;border:1.5px solid var(--accent);border-radius:12px;background:var(--bg-el)}.fa-try2 .fa-try-f input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.fa-stats{justify-content:flex-start;flex-direction:column;gap:6px}}

/* checker: one centred card, the result right under the buttons */
.fa-tool{max-width:820px;margin-left:auto;margin-right:auto}
.fa-ckg{grid-template-columns:minmax(0,1fr)!important;gap:0}
.fa-ckside #faCkOut:not(:empty){margin-top:16px}

/* go-live pass: tap targets */
.su-l{display:inline-block;min-height:40px;line-height:40px;padding:0 2px}
.su-m span{display:block}
.hb-x[hidden]{display:none}

/* ══ v67 · the journey: one loop, five steps, a fellow at each ══ */
.pvhero.hj{padding:72px 0 64px}
.hj .pvhero-g{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.pvhero.hj h1{font-size:clamp(46px,6.4vw,88px);line-height:.96;letter-spacing:-.048em;font-weight:800;margin:0;text-wrap:balance}
.hj .hero-p{margin:24px 0 0;max-width:26em;font-size:clamp(18px,1.55vw,21.5px);line-height:1.42;color:var(--label-2)}
.hj .hb-cta{margin-top:32px}
.hj-loop{list-style:none;margin:0;padding:0;position:relative;counter-reset:none}
.hj-loop::before{content:"";position:absolute;left:33px;top:36px;bottom:58px;width:2px;background:var(--sep-strong);border-radius:2px}
.hj-loop li{position:relative}
.hj-loop a{display:flex;align-items:center;gap:16px;padding:11px 14px;border-radius:18px;color:var(--label);text-decoration:none;transition:background .2s var(--ease)}
.hj-loop a:hover,.hj-loop a:focus-visible{background:var(--bg-el);box-shadow:var(--shadow-sm)}
.hj-loop .n{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;background:var(--bg);border:2px solid var(--sep-strong);color:var(--label-2);position:relative;z-index:1;transition:background .2s,color .2s,border-color .2s}
.hj-loop a:hover .n,.hj-loop a:focus-visible .n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}
.hj-loop .t{min-width:0}
.hj-loop .t b{display:block;font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.2}
.hj-loop .t small{display:block;margin-top:2px;font-size:14.5px;line-height:1.35;color:var(--label-2)}
.hj-back{padding:10px 14px 0 70px;font-size:13.5px;color:var(--label-3)}
.hj-back span::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid var(--sep-strong);border-right-color:transparent;border-radius:50%}

.jn{position:relative}
.jn-nav{position:sticky;top:63px;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--sep);border-bottom:1px solid var(--sep)}
.jn-nav .wrap{display:flex;align-items:center;gap:4px;height:50px}
.jn-nav a{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;font-size:14px;font-weight:650;color:var(--label-3);white-space:nowrap;text-decoration:none;transition:color .2s,background .2s}
.jn-nav a b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;background:var(--fill-2);color:var(--label-3);transition:background .2s,color .2s}
.jn-nav a:hover{color:var(--label)}
.jn-nav a.done{color:var(--label-2)}
.jn-nav a.done b{background:var(--accent-soft,rgba(10,122,112,.14));color:var(--accent)}
.jn-nav a.on{color:var(--label);background:var(--bg-el);box-shadow:var(--shadow-sm)}
.jn-nav a.on b{background:var(--accent);color:var(--accent-ink,#fff)}
.jn-s{padding:84px 0 76px;scroll-margin-top:36px}
.jn-s>i[id]{position:absolute;margin-top:-36px}
.jn-g{display:grid;grid-template-columns:76px minmax(0,1fr)}
.jn-rail{position:relative}
.jn-rail::before,.jn-rail::after{content:"";position:absolute;left:22px;top:62px;bottom:-190px;width:2px;border-radius:2px;background:var(--sep-strong)}
.jn-rail::after{background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease)}
.jn-s.seen:not(.cur) .jn-rail::after{transform:scaleY(1)}
.jn-s:last-child .jn-rail::before,.jn-s:last-child .jn-rail::after{display:none}
.jn-n{display:grid;place-items:center;width:46px;height:46px;margin-top:10px;border-radius:50%;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;background:var(--bg);border:2px solid var(--sep-strong);color:var(--label-3);position:relative;z-index:1;transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}
.jn-s.seen .jn-n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}
.jn-k{display:none;margin:0 0 14px;font-size:13.5px;font-weight:650;color:var(--label-2);align-items:center;gap:10px}
.jn-seg{display:inline-flex;gap:4px;flex:none}
.jn-seg i{display:block;width:18px;height:4px;border-radius:2px;background:var(--sep-strong)}
.jn-seg i.on{background:var(--accent)}
.jn-t{margin:0;font-size:clamp(44px,6.2vw,92px);line-height:.94;letter-spacing:-.05em;font-weight:800;text-wrap:balance}
.jn-yf{margin:26px 0 0;display:grid;gap:8px;max-width:38em;font-size:clamp(17px,1.5vw,20.5px);line-height:1.42}
.jn-yf dt,.jn-yf dd{display:inline;margin:0}
.jn-yf dt{font-weight:750;color:var(--label-3)}
.jn-yf .f dt{color:var(--accent)}
.jn-yf dd{color:var(--label)}
.jn-ex{margin:14px 0 0;max-width:46em;font-size:13.5px;line-height:1.45;color:var(--label-3)}
.jn .fa-try2.jn-try{max-width:640px;margin:30px 0 0}
.jn .jn-stats{justify-content:flex-start;margin-top:22px}
.jn .wk.jw{grid-template-columns:minmax(0,1fr) 300px;gap:64px;margin-top:0;align-items:start}
.jn .jw-l{min-width:0}
.jn .jw .wk-steps{margin:36px 0 0 -16px;max-width:660px}
.jn .jw .wk-side{padding-top:4px}
.jn .fa-wk .wk-side{order:0}
.jn .jw .ip-bal{font-family:var(--font);font-size:11.5px}
.jn .fa-tool{margin:44px 0 0;max-width:none}
.jn-sub{margin-top:48px;padding-top:30px;border-top:1px solid var(--sep)}
.jn-sub h3{margin:0;font-size:21px;letter-spacing:-.02em;font-weight:750}
.jn-sub>p{margin:6px 0 0;font-size:15.5px;color:var(--label-2)}
.jn .pvsup{margin-top:18px}
.jn-act{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin:22px 0 0}
.jn-act span{font-size:14.5px;color:var(--label-2)}
.jn-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px;align-items:start}
.jn-two>.tgx-box{margin-top:8px}
.jn .jn-l{margin-top:30px;max-width:36em}
.jn-mini{margin-top:26px;padding:18px}
.jn-mini h3{margin:14px 0 0;font-size:17px;letter-spacing:-.015em}
.jn-mini p{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.jn-loop{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.jn-loop p{flex:1 1 340px;margin:0;font-size:17px;line-height:1.45;color:var(--label-2)}
.jn-loop p b{color:var(--label)}
#demo .sec-h2,#plan .sec-h2,#faq .sec-h2{letter-spacing:-.04em}
@media (max-width:1100px){.hj .pvhero-g{gap:44px}.jn .wk.jw{gap:36px}.jn-two{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,360px)}}
@media (max-width:899px){
  .pvhero.hj{padding:36px 0 40px}
  .hj .pvhero-g{grid-template-columns:minmax(0,1fr);gap:34px}
  .pvhero.hj h1{font-size:clamp(42px,12.4vw,60px)}
  .hj-loop a{padding:9px 6px}
  .hj-loop::before{left:25px}
  .hj-back{padding-left:62px}
  .jn-nav{display:none}
  .jn-s{padding:52px 0 44px;scroll-margin-top:-12px}
  .jn-s+.jn-s{border-top:1px solid var(--sep)}
  .jn-s>i[id]{margin-top:12px}
  .jn-g{grid-template-columns:minmax(0,1fr)}
  .jn-rail{display:none}
  .jn-k{display:flex}
  .jn-t{font-size:clamp(42px,12.4vw,60px)}
  .jn-yf{margin-top:18px;gap:6px}
  .jn .wk.jw{grid-template-columns:minmax(0,1fr);gap:18px}
  .jn .jw .wk-steps{margin:24px 0 0;max-width:none}
  .jn .jw .wk-side{padding-top:0}
  .jn .fa-tool{margin-top:28px}
  .jn-sub{margin-top:32px;padding-top:24px}
  .jn-two{grid-template-columns:minmax(0,1fr);gap:24px}
  .jn-two>.tgx-box{margin-top:0}
  .jn .jn-l{margin-top:20px}
  .jn-mini{display:none}
  .jn-loop .btn{width:100%}
  .jn-bar .mbar-in{gap:10px}
  .jn-bar .mbar-in .jn-seg{flex:none}
  .jn-bar .mbar-in .jn-seg i{width:10px}
  .jn-bar .mbar-in #mbarT{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jn-bar .mbar-in .jn-seg[hidden]{display:none}
}
.cs-more,.fq-more{display:none}
@media (max-width:760px){
  .jn .pvsup{grid-template-columns:minmax(0,1fr);gap:0;margin-top:14px;background:var(--bg-el);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}
  .jn .pvsup a,.jn .pvsup a:last-child:nth-child(odd){grid-column:auto;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;row-gap:1px;align-items:center;padding:11px 14px;border-radius:0;box-shadow:none;background:none}
  .jn .pvsup a+a{border-top:1px solid var(--sep)}
  .jn .pvsup a:hover{transform:none}
  .jn .pvsup a i{grid-row:1 / span 2;width:32px;height:32px;border-radius:9px}
  .jn .pvsup a i svg{width:17px;height:17px}
  .jn .pvsup a b{font-size:15px;line-height:1.25}
  .jn .pvsup a span{font-size:13px;line-height:1.3}
  .cs-old:not(.open) .cs-list{max-height:236px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
  .cs-more,.fq-more{display:block;width:100%;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:12px;background:var(--fill);color:var(--label);font:600 15px/1 var(--font);cursor:pointer}
  .cs-old.open .cs-more,.fq-list.all+.fq-more{display:none}
  .fq-more{margin-top:10px}
  .fq-list:not(.all) .faq:not(.top){display:none}
}
@media (prefers-reduced-motion:reduce){.jn-rail::after,.jn-n{transition:none}}
@media (min-width:761px) and (max-width:899px){.jn-nav{display:block}.jn-nav .wrap{overflow-x:auto;scrollbar-width:none}.jn-s{scroll-margin-top:36px}.jn-s>i[id]{margin-top:-36px}}
/* v68 · the finished try names its step */
.ft-lp{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.ft-lp .jn-seg{margin-top:9px}
.ft-lp b{color:var(--label)}

/* Free to start, unlock what you use: three parts, one switch */
.u3{margin-top:28px}
.u3-sw{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--fill-2)}
.u3-sw button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:none;font:inherit;font-size:15px;font-weight:650;color:var(--label-2);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.u3-sw button.on{background:var(--bg-el);color:var(--label);box-shadow:var(--shadow-sm)}
.u3-sw button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.u3-lk{display:inline-grid;place-items:center;width:16px;height:16px;flex:none}.u3-lk svg{width:16px;height:16px}
.u3-sh{transition:transform .35s cubic-bezier(.3,1.4,.5,1);transform-origin:16px 11px}
.u3[data-s="on"] .u3-sh{transform:rotate(38deg) translateY(-1px)}
.u3-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.u3-c{display:flex;flex-direction:column;background:var(--bg-el);border-radius:20px;padding:22px;box-shadow:var(--shadow-sm)}
.u3-hd{display:flex;align-items:center;gap:12px}
.u3-hd b{font-size:20px;letter-spacing:-.02em}
.u3-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--ic);background:color-mix(in srgb,var(--ic) 13%,transparent)}.u3-ic svg{width:21px;height:21px}
.u3-say{margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--label-2);min-height:44px}
.u3-b{margin-top:14px;padding:14px;border-radius:14px;cursor:pointer;transition:background .25s,box-shadow .25s,opacity .25s}
.u3-b h3{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;font-weight:700;color:var(--label-3)}
.u3-b ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.u3-b li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.4}
.u3-b li i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:1px;background:var(--accent-soft);color:var(--accent)}.u3-b li i svg{width:11px;height:11px}
.u3-b li i.lk{background:var(--fill-2);color:var(--label-3)}.u3-b li i.lk svg{width:12px;height:12px}
.u3-b li b{font-weight:800}
.u3-free{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 30%,transparent)}
.u3-free h3{color:var(--accent)}
.u3-on{background:var(--bg);opacity:.72}
.u3[data-s="on"] .u3-free{background:var(--bg);box-shadow:none}
.u3[data-s="on"] .u3-free h3{color:var(--label-3)}
.u3[data-s="on"] .u3-on{opacity:1;background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 30%,transparent)}
.u3[data-s="on"] .u3-on h3{color:var(--accent)}
.u3[data-s="on"] .u3-on li i.lk{background:var(--accent);color:#fff}
.u3-in{margin:14px 0 0;font-size:13px;line-height:1.45;color:var(--label-3)}
.u3-a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:auto;padding-top:6px;font-size:15px;font-weight:650;color:var(--accent)}
.u3-ft{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;padding:20px 22px;border-radius:20px;background:var(--bg-el);box-shadow:0 0 0 2px var(--accent),var(--shadow-sm)}
.u3-ft p{margin:0;flex:1;min-width:240px;font-size:15.5px;line-height:1.5;color:var(--label-2)}.u3-ft p b{color:var(--label)}
.u3-ft .cs-btns{margin:0;flex:none}
@media (max-width:920px){.u3-g{grid-template-columns:1fr}.u3-say{min-height:0}.u3-sw{display:flex}.u3-sw button{flex:1;justify-content:center;padding:0 10px}}
@media (max-width:560px){.u3-c{padding:18px}.u3-ft{padding:18px}.u3-ft .cs-btns{width:100%}.u3-ft .cs-btns .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.u3-sh,.u3-b,.u3-sw button{transition:none}}
.u3-sup{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:16px;padding:18px 22px;border-radius:20px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.u3-sup-t{flex:1;min-width:230px}
.u3-sup-t b{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.01em}
.u3-sup-t b i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent);color:#fff}.u3-sup-t b i svg{width:12px;height:12px}
.u3-sup-t p{margin:5px 0 0;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.u3-sup-l{display:flex;flex-wrap:wrap;gap:8px}
.u3-sup-l a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border-radius:12px;background:var(--fill-2);font-size:14.5px;font-weight:600;color:var(--label);transition:background .15s,transform .15s}
.u3-sup-l a:hover{background:var(--fill)}.u3-sup-l a:active{transform:scale(.97)}
.u3-sup-l a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.u3-sup-l i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent)}.u3-sup-l i svg{width:16px;height:16px}
@media (max-width:560px){.u3-sup{padding:18px}.u3-sup-l{display:grid;grid-template-columns:1fr 1fr;width:100%}.u3-sup-l a:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.u3-sup-l a{transition:none}}

/* ═══ v80 · one header, one footer, Questions ═══ */
.pvm a i{color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent)}
.pvm a b .pvn-new{font-style:normal;margin-left:7px;vertical-align:1px}
.pvm a[aria-current="page"]{background:var(--fill)}
.pvn>a[aria-current="page"]{color:var(--label)}
.pvq{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px 0 10px;border:0;border-radius:999px;background:var(--fill);color:var(--label);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease)}
.pvq:hover{background:var(--fill-2)}.pvq:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pvq svg{width:18px;height:18px;flex:none;color:var(--label-2)}
.pvhub{white-space:nowrap}
@media(max-width:1180px){.pvq span{display:none}.pvq{width:38px;padding:0;justify-content:center}}
@media(max-width:560px){.pvq{display:none}}

/* the phone menu: each product with its line */
.pvsheet[data-v="2"] a.l,.pvsheet[data-v="2"] button.l{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 4px;border:0;border-bottom:1px solid var(--sep);background:none;font:inherit;font-weight:600;color:var(--label);text-align:left;text-decoration:none;cursor:pointer}
.pvsheet[data-v="2"] a.l>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent)}
.pvsheet[data-v="2"] a.l>i svg{width:18px;height:18px}
.pvsheet[data-v="2"] .l .t{flex:1;min-width:0;display:block}
.pvsheet[data-v="2"] .l .t b{display:block;font-size:15.5px;font-weight:650}
.pvsheet[data-v="2"] .l .t small{display:block;margin-top:1px;font-size:12.5px;font-weight:500;line-height:1.35;color:var(--label-3)}
.pvsheet[data-v="2"] .l.s{justify-content:space-between;font-size:15.5px}
.pvsheet[data-v="2"] .l .pvn-new{font-style:normal;margin-left:7px;vertical-align:1px}
.pvsheet[data-v="2"] a.l[aria-current="page"] .t b{color:var(--accent)}
.pvsheet[data-v="2"] .chev{flex:none}

/* footer */
.pvf[data-v="2"]{padding-top:44px}
.pvf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px 48px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--sep)}
.pvf-top>div:first-child{flex:1;min-width:260px;max-width:640px}
.pvf[data-v="2"] .brand{display:inline-flex;align-items:center;gap:9px;padding:0;font-size:17px;font-weight:800;color:var(--label)}
.pvf[data-v="2"] .brand img{width:26px;height:26px;border-radius:7px}
.pvf[data-v="2"] .about{max-width:none;margin:12px 0 0;font-size:14.5px;line-height:1.55}
.pvf-cta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pvf[data-v="2"] .pvf-cta .btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;font-size:14.5px}
.pvf[data-v="2"] .pvf-cta a.btn-p,.pvf[data-v="2"] .pvf-cta a.btn-p:hover{color:var(--accent-ink)}
.pvf-g2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:28px}
.pvf-col summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:default}
.pvf-col summary::-webkit-details-marker{display:none}
.pvf-col summary h6{margin:0 0 6px}
.pvf-col summary .chev{display:none}
.pvf-col a{padding:7px 0}
.pvf-col a b{display:block;font-size:14.5px;font-weight:600;color:var(--label)}
.pvf-col a small{display:block;margin-top:1px;font-size:12.5px;line-height:1.35;color:var(--label-3)}
.pvf-col a:hover b{color:var(--accent)}
@media(max-width:900px){.pvf-g2{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .pvf-g2{display:block;padding-top:8px}
  .pvf-col{border-bottom:1px solid var(--sep)}
  .pvf-col summary{min-height:52px;cursor:pointer}
  .pvf-col summary h6{margin:0;font-size:13px}
  .pvf-col summary .chev{display:block;transition:transform .2s var(--ease)}
  .pvf-col[open] summary .chev{transform:rotate(90deg)}
  .pvf-col>div{padding:0 0 12px}
  .pvf-col a{padding:9px 0;min-height:44px}
  .pvf-cta{width:100%}.pvf-cta .btn{flex:1;justify-content:center}
  .pvf[data-v="2"] .pvf-b{border-top:0;margin-top:18px}
}

/* Questions: a panel on a wide screen, a sheet from the bottom on a phone */
html.qs-on{overflow:hidden}
.qs{position:fixed;inset:0;z-index:210;display:flex;justify-content:flex-end}
.qs[hidden]{display:none}
.qs-bg{position:absolute;inset:0;background:rgba(8,10,12,.5);opacity:0;transition:opacity .22s}
.qs-card{position:relative;display:flex;flex-direction:column;width:min(460px,100%);height:100%;background:var(--bg-el);box-shadow:-24px 0 60px rgba(0,0,0,.18);transform:translateX(24px);opacity:0;transition:transform .26s var(--ease),opacity .2s;outline:0}
.qs.on .qs-bg{opacity:1}.qs.on .qs-card{transform:none;opacity:1}
.qs-grab{display:none}
.qs-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 12px}
.qs-hd h3{margin:0;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.qs-x{width:44px;height:44px;margin:-6px -8px -6px 0;border:0;border-radius:50%;background:none;color:var(--label-2);display:grid;place-items:center;cursor:pointer;flex:none}
.qs-x:hover{background:var(--fill)}.qs-x svg{width:20px;height:20px}
.qs-find{display:flex;align-items:center;gap:10px;margin:0 20px 8px;padding:0 14px;height:48px;border-radius:14px;background:var(--fill);color:var(--label-3)}
.qs-find:focus-within{box-shadow:0 0 0 2px var(--accent)}
.qs-find svg{width:18px;height:18px;flex:none}
.qs-find input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font:inherit;font-size:16px;color:var(--label);-webkit-appearance:none;appearance:none}
.qs-find input::-webkit-search-cancel-button{-webkit-appearance:none}
.qs-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 8px;-webkit-overflow-scrolling:touch}
.qs-q{border-bottom:1px solid var(--sep)}
.qs-q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 0;font-size:15.5px;font-weight:600;line-height:1.35;cursor:pointer}
.qs-q summary::-webkit-details-marker{display:none}
.qs-q summary .chev{flex:none;transition:transform .2s var(--ease)}
.qs-q[open] summary .chev{transform:rotate(90deg)}
.qs-q[open] summary{color:var(--accent)}
.qs-q p{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--label-2)}
.qs-q mark,.qs-none b{background:color-mix(in srgb,var(--accent) 18%,transparent);color:inherit;border-radius:3px;padding:0 1px;font-weight:inherit}
.qs-none{margin:20px 0;font-size:15px;line-height:1.5;color:var(--label-2)}
.qs-ft{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--sep);background:var(--bg-el)}
.qs-ft p{margin:0 0 10px;font-size:13.5px;color:var(--label-3)}
.qs-ft>div{display:flex;gap:8px}
.qs-ft .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border-radius:14px;font-size:15px;white-space:nowrap}
.qs-ft .btn svg{width:18px;height:18px;flex:none}
@media(max-width:700px){
  .qs{align-items:flex-end;justify-content:stretch}
  .qs-card{width:100%;height:auto;max-height:min(88vh,calc(100vh - 44px));max-height:min(88dvh,calc(100dvh - 44px));border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.25);transform:translateY(40px)}
  .qs-grab{display:block;width:38px;height:5px;border-radius:3px;background:var(--fill-2);margin:8px auto -4px;flex:none}
  .qs-hd{padding:14px 18px 10px;touch-action:none}
  .qs-find{margin:0 18px 6px}.qs-list{padding:0 18px 6px}.qs-ft{padding-left:18px;padding-right:18px}
}
@media (prefers-reduced-motion:reduce){.qs-bg,.qs-card{transition:none}}

/* share menu (where the device has no share sheet of its own) */
.shm{position:absolute;z-index:220;min-width:200px;padding:6px;border-radius:14px;background:var(--bg-el);box-shadow:var(--shadow-lg);animation:pvIn .16s var(--ease)}
.shm a,.shm button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--label);text-decoration:none;text-align:left;cursor:pointer}
.shm a:hover,.shm button:hover{background:var(--fill)}
.lnk{border:0;background:none;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* ═══ v80 · a product page: its own name, its own demo, the same bones ═══ */
body{--pc:var(--accent)}body[data-product="cards"]{--pc:var(--teal)}body[data-product="pages"]{--pc:var(--orange)}body[data-product="channels"]{--pc:#2aabee}body[data-product="accounts"]{--pc:var(--blue)}body[data-product="warm"]{--pc:#ff2d55}body[data-product="writer"]{--pc:var(--accent)}
.pp-hero{padding:44px 0 56px}
.pp-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;align-items:start}
.pp-hl{padding-top:28px}
.pp-mark{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--label)}
.pp-mark i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent)}
.pp-mark i svg{width:18px;height:18px}
.pp-h1{margin:18px 0 0;font-size:clamp(34px,5.2vw,58px);line-height:1.02;letter-spacing:-.04em;font-weight:800;text-wrap:balance}
.pp-sub{margin:18px 0 0;max-width:56ch;font-size:clamp(16.5px,1.5vw,19px);line-height:1.5;color:var(--label-2)}
.pp-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.pp-cta .btn{min-height:50px}
.pp-cta .btn svg{width:18px;height:18px}
.pp-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;padding:0;font-size:14px;color:var(--label-2)}
.pp-facts li{display:inline-flex;align-items:center;gap:8px}.pp-facts li b{color:var(--label)}
.pp-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc);flex:none}
.pp-demo{position:relative;padding:20px;border-radius:24px;background:var(--bg-el);box-shadow:var(--shadow-lg)}
.pp-demo-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.pp-demo-h b{font-size:15px}
.pp-demo-h span{font-size:12.5px;color:var(--label-3)}
@media(max-width:980px){.pp-hero{padding:24px 0 40px}.pp-hero-g{display:flex;flex-direction:column;gap:0}.pp-hl{display:contents}.pp-hero-g>.pp-demo{order:5;margin-top:22px}.pp-hero-g .pp-facts{order:6;margin-top:18px}.pp-hero-g .pp-limits{order:7}.pp-mark{align-self:flex-start}.pp-demo{padding:16px;border-radius:20px}}
@media(max-width:560px){.pp-cta .btn{flex:1;justify-content:center}}

/* what you get: each one drives the demo */
.pp-gs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.pp-g{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:44px;padding:20px;border:0;border-radius:18px;background:var(--bg-el);box-shadow:var(--shadow-sm);font:inherit;color:var(--label);text-align:left;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s}
.pp-g:hover{transform:translateY(-2px)}
.pp-g:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.pp-g i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--pc);background:color-mix(in srgb,var(--pc) 13%,transparent)}
.pp-g i svg{width:19px;height:19px}
.pp-g b{font-size:17px;letter-spacing:-.015em;line-height:1.25}
.pp-g span{font-size:14.5px;line-height:1.45;color:var(--label-2)}
.pp-g em{margin-top:auto;padding-top:6px;font-style:normal;font-size:13.5px;font-weight:650;color:var(--pc);display:inline-flex;align-items:center;gap:4px}
@media(max-width:1020px){.pp-gs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pp-gs{grid-template-columns:1fr}.pp-g{padding:18px}}

/* how it starts */
.pp-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0}
.pp-steps li{counter-increment:s;position:relative;padding:20px 20px 20px 64px;border-radius:18px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.pp-steps li::before{content:counter(s);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--accent-ink);background:var(--accent)}
.pp-steps b{display:block;font-size:16.5px;letter-spacing:-.01em}
.pp-steps span{display:block;margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--label-2)}
@media(max-width:860px){.pp-steps{grid-template-columns:1fr}}

/* the other five */
.pp-os{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}
.pp-o{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--bg-el);box-shadow:var(--shadow-sm);color:var(--label);text-decoration:none;transition:transform .16s var(--ease)}
.pp-o:hover{transform:translateY(-2px)}
.pp-o i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--oc);background:color-mix(in srgb,var(--oc) 14%,transparent)}
.pp-o i svg{width:18px;height:18px}
.pp-o b{margin-top:4px;font-size:16px;letter-spacing:-.01em}
.pp-o>span{font-size:13.5px;line-height:1.4;color:var(--label-2)}
.pp-o em{margin-top:auto;padding-top:8px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--label-3);display:flex;align-items:center;justify-content:space-between;gap:6px}
@media(max-width:1100px){.pp-os{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.pp-os{grid-template-columns:1fr 1fr;gap:10px}.pp-o{padding:14px}.pp-o:last-child:nth-child(odd){grid-column:1/-1}}

/* phone: the way in stays within reach */
.pbar{display:none}
@media(max-width:860px){
  .pbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-el) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 -1px 0 var(--sep);transform:translateY(110%);transition:transform .3s var(--ease)}
  .pbar[hidden]{display:none}
  .pbar.on{transform:none}
  .pbar-in{display:flex;align-items:center;gap:8px;max-width:560px;margin:0 auto}
  .pbar-in b{flex:1;min-width:0;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pbar-q{width:44px;height:44px;border:0;border-radius:50%;background:var(--fill);color:var(--label);display:grid;place-items:center;flex:none}
  .pbar-q svg{width:20px;height:20px}
  .pbar-in .btn{flex:none;height:44px;padding:0 18px}
  html.pbar-on .pvf{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.pbar,.pp-g,.pp-o{transition:none}}

/* a note that says how far a claim goes */
.pp-limits{margin-top:20px;padding:16px 18px;border-radius:16px;background:var(--fill);font-size:14px;line-height:1.5;color:var(--label-2)}
.pp-limits b{color:var(--label)}

/* ── Fellows Cards: the card, what is left, and two weeks of spend ── */
/* The face is the logo: mint and green light at the top, deep blue and navy at the bottom, the mark in white. */
.cd{--pc:var(--teal)}
.cd-face{position:relative;height:192px;border-radius:18px;padding:18px 20px;color:#fff;overflow:hidden;background:radial-gradient(70% 95% at 0% 0%,rgba(108,254,224,.5),transparent 60%),radial-gradient(60% 90% at 100% 0%,rgba(108,198,147,.42),transparent 60%),radial-gradient(90% 100% at 0% 100%,#1b2049,transparent 62%),linear-gradient(180deg,#2a8d8b 0%,#1a7884 38%,#0b5a7b 72%,#005a7f 100%);box-shadow:0 14px 34px rgba(10,70,100,.3);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.cd-face::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.18);z-index:0}
.cd-top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 2px rgba(6,40,60,.3)}
.cd-top span{display:inline-flex;align-items:center;gap:8px}
.cd-top img{width:24px;height:24px;filter:brightness(0) invert(1);clip-path:inset(5%)}
.cd-top em{font-style:normal;font-weight:700;font-size:12px}
.cd-mid{display:flex;align-items:baseline;gap:8px}
.cd-mid b{font-size:clamp(34px,7vw,46px);line-height:1;letter-spacing:-.035em;font-weight:800;font-variant-numeric:tabular-nums}
.cd-mid span{font-size:14px;font-weight:600;opacity:.85}
.cd-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-size:12.5px;opacity:.92}
.cd-bot code{font-family:var(--mono,ui-monospace,monospace);font-size:13.5px;letter-spacing:.06em}
.cd-bot span{text-align:right;line-height:1.3}
.cd-fill{position:absolute;left:0;bottom:0;height:5px;width:100%;background:#fff;transform-origin:left;transition:transform .5s var(--ease),background .3s;z-index:1}
.cd[data-c="o"] .cd-fill{background:#ffd27a}.cd[data-c="r"] .cd-fill{background:#ff9d9d}
.cd-plus{position:absolute;right:18px;top:44%;padding:6px 12px;border-radius:999px;background:#fff;color:#0b4f6d;font-size:14px;font-weight:800;opacity:0;transform:translateY(10px) scale(.9);pointer-events:none}
.cd-plus.go{animation:cdPlus 1.3s var(--ease) both}
@keyframes cdPlus{0%{opacity:0;transform:translateY(10px) scale(.9)}18%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}
.cd-say{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 14px;border-radius:14px;background:var(--fill);font-size:14.5px;line-height:1.4;min-height:62px}
.cd-say i{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none;background:var(--green,#1aa35c)}
.cd[data-c="o"] .cd-say i{background:var(--orange)}.cd[data-c="r"] .cd-say i{background:var(--red,#e5484d)}
.cd-say b{display:block}.cd-say span{color:var(--label-2)}
.cd-ctl{display:grid;gap:12px;margin-top:12px}
.cd-row label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;font-weight:600;color:var(--label-2)}
.cd-row label b{font-size:17px;color:var(--label);font-variant-numeric:tabular-nums}
.cd-row input[type=range]{width:100%;height:40px;margin:0;accent-color:var(--pc);cursor:pointer;background:none}
.cd-row.pulse,.cd-sw.pulse{animation:cdPulse 1.1s var(--ease)}
@keyframes cdPulse{0%,100%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 22%,transparent)}}
.cd-split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}
.cd-split div{padding:10px 12px;border-radius:12px;background:var(--fill)}
.cd-split small{display:block;font-size:12px;color:var(--label-3)}
.cd-split b{display:block;margin-top:2px;font-size:16px;font-variant-numeric:tabular-nums}
.cd-split div.sum{background:color-mix(in srgb,var(--pc) 12%,transparent)}
.cd-sw{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--fill)}
.cd-sw>div{flex:1;min-width:0}
.cd-sw b{display:block;font-size:15px}
.cd-sw span{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--label-2)}
.cd-tg{position:relative;width:52px;height:32px;border:0;border-radius:16px;background:var(--fill-2);cursor:pointer;flex:none;transition:background .2s;padding:0}
.cd-tg::before{content:"";position:absolute;inset:-6px}
.cd-tg i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .22s var(--ease)}
.cd-tg[aria-checked="true"]{background:var(--pc)}.cd-tg[aria-checked="true"] i{transform:translateX(20px)}
.cd-tg:focus-visible{outline:2px solid var(--pc);outline-offset:3px}
.cd-run{display:flex;gap:8px;align-items:center}
.cd-run .btn{flex:1;min-height:48px;justify-content:center}
.cd-day{min-width:74px;text-align:center;font-size:13px;font-weight:700;color:var(--label-2);font-variant-numeric:tabular-nums}
.cd-feed{display:grid;gap:6px;margin-top:12px;min-height:0}
.cd-feed p{margin:0;padding:9px 12px;border-radius:12px;background:var(--fill);font-size:13.5px;line-height:1.4;animation:pvIn .25s var(--ease)}
.cd-feed p b{font-variant-numeric:tabular-nums}
.cd-feed p.ok{background:color-mix(in srgb,var(--pc) 11%,transparent)}
.cd-feed p.bad{background:color-mix(in srgb,var(--red,#e5484d) 11%,transparent)}
.cd-feed p.end{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--sep-strong);font-weight:600}
.cd-feed .lnk{font-size:13.5px}
@media(max-width:560px){.cd-face{height:172px;padding:16px}.pp-demo-h{flex-direction:column;align-items:flex-start;gap:2px}.cd-split div{padding:9px 10px}}
@media (prefers-reduced-motion:reduce){.cd-fill,.cd-tg i{transition:none}.cd-plus.go,.cd-row.pulse,.cd-sw.pulse,.cd-feed p{animation:none}}

/* Fellows AI page: the checker as the first thing, the formats, the stories */
#ckDemo textarea{margin-top:0;min-height:132px}
#ckDemo .fa-ckout{max-height:420px;overflow:auto;overscroll-behavior:contain;margin-top:14px;padding-right:2px}
#ckDemo .btn{min-height:46px}
.ck-looks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--sep)}
.ck-looks small{flex-basis:100%;font-size:12.5px;font-weight:600;color:var(--label-3)}
.ck-looks span{padding:5px 11px;border-radius:999px;background:var(--fill);font-size:13px;font-weight:600;color:var(--label-2)}
.fm{margin-top:26px;border-radius:22px;background:var(--bg-el);box-shadow:var(--shadow-sm);overflow:hidden}
.fm-tabs{display:flex;gap:4px;padding:8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--sep)}
.fm-tabs::-webkit-scrollbar{display:none}
.fm-tabs button{flex:none;min-height:44px;padding:0 16px;border:0;border-radius:12px;background:none;font:inherit;font-size:15px;font-weight:650;color:var(--label-2);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
.fm-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
.fm-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.fm-p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:32px;padding:26px;align-items:center;animation:pvIn .22s var(--ease)}
.fm-p[hidden]{display:none}
.fm-l h3{margin:0;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.025em;line-height:1.15}
.fm-l ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.fm-l li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5;color:var(--label-2)}
.fm-l li::before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.fm-r{position:relative;min-height:230px;padding:38px 18px 18px;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep);display:grid;align-content:center}
.fm-tag{position:absolute;left:14px;top:12px;font-size:12px;font-weight:600;color:var(--label-3)}
.fm-ad{display:grid;gap:2px;padding:14px 16px;border-radius:14px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.fm-ad small,.fm-post small,.fm-st p small{display:block;margin-top:8px;font-size:11.5px;font-weight:650;color:var(--label-3)}
.fm-ad small:first-child{margin-top:0}
.fm-ad p{margin:0;font-size:15px;line-height:1.45}
.fm-ad .fa-ok{margin:10px 0 0;justify-self:start}
.fm-ol{margin:0;padding:0 0 0 0;list-style:none;counter-reset:o;display:grid;gap:8px}
.fm-ol li{counter-increment:o;display:flex;gap:12px;align-items:baseline;padding:11px 14px;border-radius:12px;background:var(--bg-el);box-shadow:var(--shadow-sm);font-size:15px;line-height:1.4}
.fm-ol li::before{content:counter(o);font-size:12px;font-weight:800;color:var(--accent);min-width:10px}
.fm-post{padding:14px 16px;border-radius:14px 14px 14px 4px;background:var(--bg-el);box-shadow:var(--shadow-sm);max-width:340px}
.fm-post b{font-size:13.5px;color:#2aabee}.fm-post p{margin:4px 0 0;font-size:15px;line-height:1.45}
.fm-img{position:relative;justify-self:center;width:176px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#0f2a1e,#0b1512);color:#5EF2CF;display:flex;flex-direction:column;justify-content:flex-end;padding:14px}
.fm-img svg{position:absolute;inset:0;width:100%;height:100%}
.fm-img b{position:relative;color:#fff;font-size:15px;line-height:1.2;letter-spacing:-.01em}
.fm-img small{position:relative;margin-top:6px;font-size:11px;color:rgba(255,255,255,.7)}
.fm-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fm-st span{position:relative;aspect-ratio:9/16;border-radius:12px;padding:10px 8px;background:linear-gradient(170deg,#11161b,#1d2630);color:#fff;display:flex;align-items:center;overflow:hidden}
.fm-st span b{font-size:12.5px;line-height:1.2;letter-spacing:-.01em}
.fm-st span i{position:absolute;left:8px;top:8px;right:6px;font-style:normal;font-size:10px;font-weight:700;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-st span.cta{background:linear-gradient(170deg,#0A7A70,#0a5c38);justify-content:center;text-align:center}
.fm-st.one{grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}
.fm-st.one p{margin:0;font-size:14.5px;line-height:1.45}.fm-st.one p small{margin-top:0}
.fm-st .reel em{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92)}
.fm-st .reel em::after{content:"";position:absolute;left:10px;top:7px;border:6px solid transparent;border-left:9px solid #11161b}
@media(max-width:860px){.fm-p{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.fm-r{min-height:0}}
.pp-story .jn .wk.jw{margin-top:0}
.pp-st-h{max-width:640px}
.pp-story .jn .jw .wk-steps{margin-top:24px}
.sec .fa-ba{margin-top:20px}
/* one part alone: what is free and what unlocking adds, side by side */
.u3-one .u3-g{grid-template-columns:minmax(0,1fr)}
.u3-one .u3-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.u3-one .u3-hd,.u3-one .u3-say,.u3-one .u3-in,.u3-one .u3-a{grid-column:1/-1}
.u3-one .u3-say{min-height:0}
@media(max-width:700px){.u3-one .u3-c{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.fm-p{animation:none}}

/* What it costs: pick the parts, see what that makes */
.uc-ts{display:grid;gap:8px}
.uc-t{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border:0;border-radius:16px;background:var(--fill);font:inherit;color:var(--label);text-align:left;cursor:pointer;transition:background .2s,box-shadow .2s}
.uc-t>span{flex:1;min-width:0}
.uc-t b{display:block;font-size:16px;letter-spacing:-.01em}
.uc-t small{display:block;margin-top:1px;font-size:13px;color:var(--label-2)}
.uc-t em{position:relative;width:52px;height:32px;border-radius:16px;background:var(--fill-2);flex:none;transition:background .2s}
.uc-t em i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .22s var(--ease)}
.uc-t[aria-checked="true"]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 34%,transparent)}
.uc-t[aria-checked="true"] em{background:var(--accent)}.uc-t[aria-checked="true"] em i{transform:translateX(20px)}
.uc-t:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.uc-out{margin-top:12px;padding:14px 16px;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep);min-height:112px}
.uc-out b{display:block;font-size:18px;letter-spacing:-.015em;line-height:1.25}
.uc-out span{display:block;margin-top:5px;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.uc[data-n="3"] .uc-out{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 34%,transparent)}
.uc-mo{margin-top:14px;opacity:.45;transition:opacity .3s}
.uc:not([data-n="0"]) .uc-mo{opacity:1}
.uc-bar{height:8px;border-radius:4px;background:var(--fill-2);overflow:hidden}
.uc-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--accent);transition:width 1.1s var(--ease)}
.uc-lab{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:var(--label-3)}
.uc-lab span:nth-child(2){text-align:center}.uc-lab span:last-child{text-align:right}
.uc-fn{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--label-3)}
.pp-gs.mv .pp-g{cursor:default}.pp-gs.mv .pp-g:hover{transform:none}
.pp-gs.mv+.pp-steps{margin-top:14px}
@media (prefers-reduced-motion:reduce){.uc-bar i,.uc-t em i{transition:none}}

/* ═══ v81 · Fellows Accounts and Fellows Warm-up: their demos, the strength meter, the live shelf ═══ */
/* the strength meter: the same four levels as on an account's own screen in the Hub */
.st{padding:12px 14px;border-radius:14px;background:var(--fill)}
.st-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;font-weight:600;color:var(--label-2)}
.st-h b{font-size:19px;color:var(--label);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.st-h b small{font-size:12.5px;font-weight:600;color:var(--label-3)}
.st-bar{position:relative;height:8px;margin-top:8px;border-radius:4px;background:var(--fill-2);overflow:hidden}
.st-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;background:var(--stc,var(--label-3));transition:width .6s var(--ease),background .3s}
.st-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(35% - 1px),var(--bg-el) calc(35% - 1px),var(--bg-el) calc(35% + 1px),transparent calc(35% + 1px),transparent calc(60% - 1px),var(--bg-el) calc(60% - 1px),var(--bg-el) calc(60% + 1px),transparent calc(60% + 1px),transparent calc(85% - 1px),var(--bg-el) calc(85% - 1px),var(--bg-el) calc(85% + 1px),transparent calc(85% + 1px))}
.st-lv{display:grid;grid-template-columns:35fr 25fr 25fr 15fr;margin-top:6px;font-size:11.5px;font-weight:600;color:var(--label-3)}
.st-lv span.on{color:var(--stc,var(--label))}
.st-note{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--label-3)}
.st[data-l="0"]{--stc:var(--label-3)}.st[data-l="1"]{--stc:var(--orange)}.st[data-l="2"]{--stc:var(--accent)}.st[data-l="3"]{--stc:var(--green,#1aa35c)}
.st.pulse{animation:cdPulse 1.1s var(--ease)}

/* what the demo says back, one line at a time */
.dm-say{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 14px;border-radius:14px;background:var(--fill);font-size:14.5px;line-height:1.4;min-height:62px}
.dm-say>i{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none;background:var(--green,#1aa35c)}
.dm-say[data-c="o"]>i{background:var(--orange)}.dm-say[data-c="r"]>i{background:var(--red,#e5484d)}.dm-say[data-c="n"]>i{background:var(--label-3)}
.dm-say b{display:block}.dm-say span{color:var(--label-2)}
.dm-say a{color:var(--pc);font-weight:600}

/* ── Fellows Accounts: one account, opened ── */
.ac-hd{display:flex;align-items:center;gap:12px}
.ac-av{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:var(--pc)}
.ac-av svg{width:22px;height:22px}
.ac-hd>div{flex:1;min-width:0}
.ac-hd b{display:block;font-size:17px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-hd span{display:block;font-size:13px;color:var(--label-3)}
.ac-st{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 11px;border-radius:999px;font-style:normal;font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--green,#0E8577);background:color-mix(in srgb,var(--green,#1aa35c) 12%,transparent)}
.ac-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ac[data-st="ended"] .ac-st{color:var(--label-2);background:var(--fill-2)}
.ac .st{margin-top:12px}
.ac-login{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:10px}
.ac-login>div{position:relative;min-width:0;padding:9px 11px;border-radius:12px;background:var(--fill)}
.ac-login small{display:block;font-size:11.5px;color:var(--label-3)}
.ac-login code{display:block;margin-top:2px;font-family:var(--mono,ui-monospace,monospace);font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:filter .25s}
.ac-login[data-open="0"] code.bl{filter:blur(5px);user-select:none}
.ac-ring{position:absolute;right:9px;top:9px;width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--pc) calc(var(--t,1)*360deg),var(--fill-2) 0);-webkit-mask:radial-gradient(circle 5px,transparent 98%,#000);mask:radial-gradient(circle 5px,transparent 98%,#000)}
.ac-login[data-open="0"] .ac-ring{opacity:.35}
.ac-code-new{animation:acNew .5s var(--ease)}
@keyframes acNew{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}
.ac-rev{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:8px;border:0;border-radius:12px;background:none;box-shadow:inset 0 0 0 1.5px var(--sep-strong);font:inherit;font-size:14px;font-weight:600;color:var(--label);cursor:pointer}
.ac-rev svg{width:16px;height:16px}
.ac-rev:focus-visible,.ac-pc:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.ac-h6{margin:14px 0 6px;font-size:12.5px;font-weight:600;color:var(--label-3)}
.ac-around{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.ac-around>.ac-pc:last-child:nth-child(odd){grid-column:1/-1}
.ac-pc{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:8px 10px;border:1.5px dashed var(--sep-strong);border-radius:14px;background:none;font:inherit;color:var(--label);text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.ac-pc>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--label-2);background:var(--fill)}
.ac-pc>i svg{width:17px;height:17px}
.ac-pc>span{min-width:0;flex:1}
.ac-pc b{display:block;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-pc small{display:block;margin-top:1px;font-size:12px;line-height:1.25;color:var(--pc);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-pc.on{border-style:solid;border-color:transparent;background:var(--fill)}
.ac-pc.on>i{color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent)}
.ac-pc.on small{color:var(--label-2);font-weight:500}
.ac-pc.pop{animation:acPop .4s var(--ease)}
@keyframes acPop{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:none}}
.ac[data-st="ended"] .ac-around,.ac[data-st="ended"] .ac-login,.ac[data-st="ended"] .ac-rev,.ac[data-st="ended"] .st,.ac[data-st="ended"] .ac-h6{opacity:.45;pointer-events:none}
.ac-acts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:12px}
.ac-acts .btn{min-height:48px;justify-content:center;padding:0 10px;text-align:center}
.ac-fresh{display:none;margin-top:12px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--pc) 9%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 30%,transparent)}
.ac[data-st="ended"] .ac-fresh{display:block;animation:pvIn .25s var(--ease)}
.ac[data-st="ended"] .ac-acts{display:none}
.ac-fresh b{display:block;font-size:15px}
.ac-fresh span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--label-2)}
.ac-fresh .btn{width:100%;min-height:48px;margin-top:10px;justify-content:center}
@media(max-width:560px){.ac-pc{gap:8px;padding:8px}.ac-pc>i{width:28px;height:28px;border-radius:9px}.ac-pc b{font-size:13px}}
@media(max-width:400px){.ac-login{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ac-login>div:first-child{grid-column:1/-1}}

/* ── Fellows Warm-up: a profile and a channel, one sample week ── */
.wu-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--fill)}
.wu-tabs button{min-height:44px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--label-2);cursor:pointer}
.wu-tabs button[aria-selected="true"]{background:var(--bg-el);color:var(--label);box-shadow:var(--shadow-sm)}
.wu-tabs button:focus-visible{outline:2px solid var(--pc);outline-offset:1px}
.wu-run{margin-top:10px}.wu-pan{margin-top:12px}.wu-chip{flex:none;padding:6px 11px;border-radius:999px;font-style:normal;font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--pc);background:color-mix(in srgb,var(--pc) 12%,transparent)}
.wu-pan[hidden]{display:none}
.wu-prof{display:flex;align-items:center;gap:12px}
.wu-av{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5)}
.wu-av.tg{background:#2aabee}
.wu-av svg{width:24px;height:24px}
.wu-id{flex:1;min-width:0}
.wu-id b{display:block;font-size:16px;letter-spacing:-.01em}
.wu-id span{display:block;font-size:13px;color:var(--label-3)}
.wu-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.wu-nums.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.wu-nums>div{padding:10px 12px;border-radius:12px;background:var(--fill)}
.wu-nums b{display:block;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wu-nums small{display:block;font-size:12px;line-height:1.25;color:var(--label-3)}
.wu .st{margin-top:10px}
.wu-lvs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px}
.wu-lvs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 2px;border-radius:9px;background:var(--fill);font-size:12px;font-weight:600;text-align:center;color:var(--label-3);transition:background .3s,color .3s}
.wu-lvs span.on{background:color-mix(in srgb,var(--pc) 14%,transparent);color:var(--pc)}
.wu-wk{margin-top:10px;padding:10px 12px 8px;border-radius:12px;background:var(--fill)}
.wu-wk-h{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--label-3)}
.wu-wk-h b{color:var(--label-2);font-weight:600}
.wu-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:end;height:46px;margin-top:8px}
.wu-bars.two{grid-template-columns:repeat(14,1fr);gap:3px}
.wu-bars i{display:block;height:100%;border-radius:4px 4px 2px 2px;background:var(--fill-2);position:relative;overflow:hidden}
.wu-bars i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--h,0)*100%);border-radius:inherit;background:var(--pc);transition:height .45s var(--ease)}
.wu-bars i.dn::after{background:var(--label-3)}
.wu-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:4px;font-size:10.5px;text-align:center;color:var(--label-3)}
.wu-days.two{grid-template-columns:repeat(2,1fr)}
.wu-cost{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--pc) 9%,transparent);font-size:14px;color:var(--label-2)}
.wu-cost[hidden]{display:none}
.wu-cost b{font-size:17px;color:var(--label);font-variant-numeric:tabular-nums}
.wu .cd-ctl{margin-top:10px;gap:6px}
.wu .cd-row input[type=range]{height:34px}@media(max-width:980px),(pointer:coarse){.wu .cd-row input[type=range]{height:44px}.wu .cd-row label{margin-bottom:-6px}}
.wu-apart{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--label-3)}

/* ── Fellows Pages and Fellows Channels: their sample in the same frame, with ad sets that answer a tap ── */
.pp-demo .pp-chd{max-width:none;margin:0;text-align:left}
.pp-chd .chd-links{gap:6px}
.pp-chd .pgd-row,.pp-chd .chd-row{margin:0 -8px;padding:7px 8px;border-radius:12px;cursor:pointer;transition:background .2s}
.pp-chd .pgd-row.on,.pp-chd .chd-row.on{background:var(--fill)}
.pp-chd .pgd-row:focus-visible,.pp-chd .chd-row:focus-visible{outline:2px solid var(--pc);outline-offset:1px}
.pp-chd .dm-say{margin-top:12px}
.pp-chd .chd-btn{min-height:36px;padding:6px 14px}
@media(max-width:980px){.pp-chd .chd-btn{min-height:44px}.pp-chd .pgd-row,.pp-chd .chd-row{padding:9px 8px}}

/* ── Supplies: four doors, each with one live fact ── */
.pp-os.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-os.four .pp-o em{font-weight:650;color:var(--label-2)}
.shelf-h .pp-mark{color:var(--label-2)}
@media(max-width:1100px){.pp-os.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){#shelf .btn-sm{min-height:44px;padding:0 16px}#shelfSeg button{min-height:44px}}

/* ── the shelf, live: the same list the Hub sells from ── */
.pp-shelf{margin-top:24px;border-radius:20px;background:var(--bg-el);box-shadow:var(--shadow-sm);overflow:hidden}
.pp-shelf-sk{display:grid;gap:1px}
.pp-shelf-sk i{display:block;height:92px;background:linear-gradient(100deg,var(--bg-el) 30%,var(--fill) 50%,var(--bg-el) 70%);background-size:220% 100%;animation:ppSk 1.4s linear infinite}
@keyframes ppSk{0%{background-position:120% 0}100%{background-position:-100% 0}}
.pp-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:18px 20px;border-top:1px solid var(--sep)}
.pp-it:first-child{border-top:0}
.pp-it-n{font-size:17px;font-weight:650;letter-spacing:-.01em}
.pp-it-d{margin-top:2px;font-size:14px;line-height:1.4;color:var(--label-2)}
.pp-it-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pp-it-c span{padding:4px 9px;border-radius:999px;background:var(--fill);font-size:12.5px;font-weight:600;color:var(--label-2)}
.pp-it-c span.in{color:var(--green,#0E8577);background:color-mix(in srgb,var(--green,#1aa35c) 11%,transparent)}
.pp-it-c span.low{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}
.pp-it-c span.out{color:var(--label-3)}
.pp-it-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pp-it-p{font-size:19px;font-weight:750;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.pp-it-p span{font-size:13px;font-weight:500;color:var(--label-3)}
.pp-it-r .btn{min-height:44px;padding:0 16px;white-space:nowrap}
.pp-shelf-e{padding:28px 20px;text-align:center}
.pp-shelf-e b{display:block;font-size:17px}
.pp-shelf-e p{margin:6px auto 14px;max-width:46ch;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.pp-shelf-f{margin:12px 0 0;font-size:13px;color:var(--label-3)}
@media(max-width:560px){.pp-it{grid-template-columns:1fr;padding:16px}.pp-it-r{flex-direction:row;align-items:center;justify-content:space-between;margin-top:4px}}
@media (prefers-reduced-motion:reduce){.st-bar i,.wu-bars i::after,.ac-login code{transition:none}.pp-shelf-sk i,.ac-pc.pop,.ac-code-new,.st.pulse{animation:none}}
#live-shelf>i[id]{position:absolute;width:1px;height:1px;margin-top:-84px}
.pp-ref{margin:12px 0 0;font-size:13.5px;line-height:1.4;color:var(--label-2)}
.pp-ref::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;background:var(--accent)}
/* ═══ v82 · the site in motion ═══ */
.pvh .brand img,.pvf[data-v="2"] .brand img{border-radius:24%}
.pp-demo{box-shadow:var(--shadow-lg),0 36px 84px -36px color-mix(in srgb,var(--pc) 46%,transparent)}
.pp-mark i{animation:tfPop .5s var(--ease) .12s both}
.pp-g:hover,.pp-o:hover{box-shadow:var(--shadow-sm),0 16px 34px -18px color-mix(in srgb,var(--pc,var(--accent)) 50%,transparent)}
.pp-o:hover{box-shadow:var(--shadow-sm),0 16px 34px -18px color-mix(in srgb,var(--oc) 50%,transparent)}
.pp-it-c span.in::before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:currentColor;animation:tfLive 2.2s ease-out infinite}
/* the Hub inside the phones on these pages wears the same mark */
.ip-mk,.ip-app{background:url(/icons/icon-192.png) center/cover no-repeat!important;color:transparent!important;border-radius:24%!important}
.pvh{view-transition-name:tf-head}
::view-transition-old(root),::view-transition-new(root){animation-duration:.24s}
@media (prefers-reduced-motion:reduce){.pp-mark i,.pp-it-c span.in::before{animation:none}}

/* ═══ v83 · Fellows Writer: a sample month, a post opened, its picture, published ═══ */
.pp-mark small{margin-left:2px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:650;letter-spacing:0;color:var(--label-2);background:var(--fill)}
.wd-mix{display:flex;gap:6px;margin-bottom:12px}
.wd-mix button{flex:1;min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 6px;border:0;border-radius:12px;background:var(--fill);font:inherit;font-size:13.5px;font-weight:650;color:var(--label-3);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.wd-mix button i{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px var(--label-3);transition:background .18s}
.wd-mix button.on{color:var(--label);background:var(--bg-el);box-shadow:inset 0 0 0 1.5px var(--sep-strong)}
.wd-mix button.on i{background:var(--jc);box-shadow:none}
.wd-mix .wd-s{display:none}
.wd-mix button:focus-visible,.wd-d:focus-visible,.wd-sizes button:focus-visible,.wk-vs button:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.wd-mix button.pulse{animation:wdNo .32s var(--ease)}
@keyframes wdNo{30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
.wd-calc{padding:10px;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep)}
.wd-wd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:5px;font-size:11px;font-weight:600;color:var(--label-3);text-align:center}
.wd-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wd-d{position:relative;min-width:0;height:44px;border:0;border-radius:10px;background:var(--fill);padding:7px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--label-3);cursor:default;transition:background .2s,box-shadow .2s,color .2s}
.wd-d b{font-size:12.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.wd-d.has{background:var(--bg-el);box-shadow:inset 0 0 0 1px var(--sep);color:var(--label);cursor:pointer}
.wd-d.sel{box-shadow:inset 0 0 0 2px var(--pc)}
.wd-dots{display:flex;gap:3px;min-height:9px}
.wd-dot{width:9px;height:9px;border-radius:50%;flex:none;--jc:var(--label-3);box-shadow:inset 0 0 0 2px var(--jc);transition:background .25s,box-shadow .25s}
.wd-dot.g{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--jc) 40%,transparent)}
.wd-dot.w{background:var(--jc)}
.wd-dot.p{background:var(--jc);box-shadow:0 0 0 2.5px color-mix(in srgb,var(--jc) 30%,transparent)}
.wd-d.pop .wd-dot{animation:tfPop .45s var(--ease) both}
.wd-say{margin:10px 0 0;padding:9px 12px;min-height:56px;border-radius:12px;background:var(--fill);font-size:13.5px;line-height:1.4;color:var(--label)}
.wd-say.in{animation:pvIn .25s var(--ease)}
.wd-say.end{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--sep-strong);font-weight:600}
.wd-run{margin-top:10px}
.wd-run .cd-day{min-width:92px;font-size:12.5px;line-height:1.25}
.wd-run .btn[aria-disabled="true"]{opacity:.6;pointer-events:none}
.wd-post{margin-top:12px;min-height:152px;padding:14px;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--sep)}
.wd-ph{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}
.wd-day{display:grid;place-items:center;align-content:center;width:44px;height:46px;border-radius:12px;background:var(--fill);font-size:17px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.wd-day b{font-weight:700}
.wd-day small{display:block;font-size:10.5px;font-weight:600;color:var(--label-3)}
.wd-pt{min-width:0}
.wd-pt em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:650;color:var(--label-2)}
.wd-pt em::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jc,var(--label-3))}
.wd-pt b{display:block;font-size:15px;line-height:1.28;letter-spacing:-.01em}
.wd-st{align-self:start;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:650;color:var(--label-2);background:var(--fill);white-space:nowrap}
.wd-post[data-st="written"] .wd-st,.wd-post[data-st="writing"] .wd-st{color:var(--pc);background:color-mix(in srgb,var(--pc) 13%,transparent)}
.wd-post[data-st="published"] .wd-st{color:var(--accent-ink);background:var(--accent)}
.wd-post[data-st="none"] .wd-day,.wd-post[data-st="none"] .wd-pt em,.wd-post[data-st="none"] .wd-st{display:none}
.wd-post[data-st="none"]{display:grid;place-content:center;text-align:center}
.wd-post[data-st="none"] .wd-ph{display:block}
.wd-post[data-st="none"] .wd-pt b{font-size:14px;font-weight:600;color:var(--label-3)}
.wd-post[data-st="published"] .wd-day{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.wd-why{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:var(--label-3)}
.wd-body{margin-top:10px;font-size:14.5px;line-height:1.5;min-height:4.5em}
.wd-body p{margin:0}
.wd-body .wd-more{margin-top:6px;font-size:13px;color:var(--label-3)}
.wd-body .cur::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--pc);animation:wdBlink 1s steps(2) infinite}
@keyframes wdBlink{50%{opacity:0}}
.wd-pic{margin-top:12px;animation:pvIn .25s var(--ease)}
.wd-stage{display:grid;place-items:center;height:160px;border-radius:14px;background:var(--fill)}
.wd-frame{position:relative;overflow:hidden;width:148px;height:148px;border-radius:10px;background:linear-gradient(160deg,#0f2a1e,#0b1512);color:#5EF2CF;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;transition:width .45s var(--ease),height .45s var(--ease)}
.wd-frame svg{position:absolute;inset:0;width:100%;height:100%}
.wd-frame::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(rgba(8,18,14,0),rgba(8,18,14,.94) 78%)}
.wd-frame b{position:relative;z-index:1;font-size:12px;line-height:1.2;letter-spacing:-.01em;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wd-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.wd-sizes button{min-height:52px;display:grid;grid-template-rows:18px auto;place-items:center;gap:4px;padding:7px 2px 6px;border:0;border-radius:12px;background:var(--fill);font:inherit;font-size:12px;font-weight:650;color:var(--label-2);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
.wd-sizes button.on{background:color-mix(in srgb,var(--pc) 13%,transparent);color:var(--pc)}
.wd-ar{display:block;border:1.6px solid currentColor;border-radius:3px}
.wd-ar[data-a="16:9"]{width:19px;height:11px}.wd-ar[data-a="1:1"]{width:14px;height:14px}.wd-ar[data-a="4:5"]{width:13px;height:16px}.wd-ar[data-a="9:16"]{width:10px;height:17px}
.wd-where{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--label-3);text-align:center}
@media(max-width:980px){.wd-post{min-height:176px}}
@media(max-width:420px){.wd-mix button{font-size:13px;gap:6px}.wd-mix .wd-l{display:none}.wd-mix .wd-s{display:inline}.wd-sizes button{font-size:11.5px}}
@media(max-width:360px){.wd-sizes{gap:4px}.wd-sizes button{font-size:10.5px;letter-spacing:-.01em}.wd-ph{gap:10px}}
@media (prefers-reduced-motion:reduce){.wd-d.pop .wd-dot,.wd-mix button.pulse,.wd-pic,.wd-say.in,.wd-body .cur::after{animation:none}.wd-frame,.wd-dot{transition:none}}

/* three kinds of post, in the voice you pick */
.wk-r{align-content:start;gap:12px}
.wk-vs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.wk-vs button{min-height:44px;padding:4px 8px;line-height:1.15;border:0;border-radius:99px;background:var(--bg-el);box-shadow:inset 0 0 0 1px var(--sep);font:inherit;font-size:13.5px;font-weight:650;color:var(--label-2);cursor:pointer;transition:background .18s,color .18s}
.wk-vs button.on{background:var(--label);color:var(--bg-el);box-shadow:none}
.wk-doc{padding:16px;border-radius:14px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.wk-doc em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:650;color:var(--label-2)}
.wk-doc em::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jc)}
.wk-doc>b{display:block;margin-top:4px;font-size:17px;line-height:1.25;letter-spacing:-.015em}
.wk-say{margin-top:10px;min-height:7.5em;font-size:15px;line-height:1.5}
.wk-say p{margin:0}.wk-say p+p{margin-top:.6em}
.wk-say.sw{animation:pvIn .25s var(--ease)}
.wk-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.wk-note b{display:block;font-size:14.5px;line-height:1.35}
.wk-note span{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:var(--label-3)}
.wk-note i{flex:none;font-style:normal;padding:9px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:13.5px;font-weight:650}
.wk-cm,.wk-rp{max-width:320px;padding:12px 14px}
.wk-cm{justify-self:start;border-radius:14px 14px 14px 4px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.wk-rp{justify-self:end;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-el))}
.wk-cm small,.wk-rp small{display:block;font-size:11.5px;font-weight:650;color:var(--label-3)}
.wk-cm p,.wk-rp p{margin:4px 0 0;font-size:14.5px;line-height:1.45}
@media (prefers-reduced-motion:reduce){.wk-say.sw{animation:none}}

/* on Fellows AI: the month, as one more thing it writes */
.fm-go{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:10px;font-size:15px;font-weight:650;color:var(--accent);text-decoration:none}
.fm-days{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fm-days li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.fm-days li>span{display:grid;place-items:center;align-content:center;width:44px;height:46px;border-radius:12px;background:var(--fill);font-size:17px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.fm-days li>span small{display:block;font-size:10.5px;font-weight:600;color:var(--label-3)}
.fm-days p{margin:0;font-size:14.5px;font-weight:650;line-height:1.3}
.fm-days em{display:flex;align-items:center;gap:6px;margin-bottom:1px;font-style:normal;font-size:12px;font-weight:650;color:var(--label-2)}
.fm-days em::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jc)}

/* ═══ v88 · The Plan, all in one: a dark stage with moving light, a ring of light running round it, the price counting up and the ticks filling in ═══ */
@property --pl1a{syntax:"<angle>";inherits:false;initial-value:0deg}
.pl1-h{max-width:820px}
.pl1{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;margin-top:28px;padding:34px;border-radius:30px;background:#0b1430;color:#eafffb;box-shadow:0 40px 90px -40px rgba(10,122,112,.75),0 0 0 1px rgba(94,242,207,.22)}
/* the ring of light that runs round the card */
.pl1::before{content:"";position:absolute;inset:0;z-index:2;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--pl1a),rgba(94,242,207,0) 0deg,rgba(94,242,207,0) 250deg,#5EF2CF 300deg,#b6f25c 330deg,rgba(182,242,92,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pl1-light{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pl1-light i{position:absolute;border-radius:50%;filter:blur(46px);opacity:.75}
.pl1-light i:nth-child(1){width:52%;aspect-ratio:1;left:-12%;top:-30%;background:radial-gradient(circle,#3CC9A4 0,rgba(60,201,164,0) 66%)}
.pl1-light i:nth-child(2){width:46%;aspect-ratio:1;right:-10%;bottom:-36%;background:radial-gradient(circle,#0a8f86 0,rgba(10,143,134,0) 64%)}
.pl1-light i:nth-child(3){width:30%;aspect-ratio:1;left:30%;top:40%;background:radial-gradient(circle,rgba(182,242,92,.55) 0,rgba(182,242,92,0) 62%);opacity:.5}
.pl1-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(234,255,244,.09) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 90% at 30% 20%,#000 30%,transparent 80%);mask-image:radial-gradient(80% 90% at 30% 20%,#000 30%,transparent 80%)}
.pl1-l,.pl1-r{position:relative;z-index:1;min-width:0}
.pl1-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pl1-hd b{font-size:24px;letter-spacing:-.025em;color:#fff}
.pl1-aio{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:999px;background:rgba(94,242,207,.16);box-shadow:inset 0 0 0 1px rgba(94,242,207,.45);color:#8ff5e0;font-size:13px;font-weight:700}
.pl1-aio::before{content:"";width:7px;height:7px;border-radius:50%;background:#5EF2CF;box-shadow:0 0 0 0 rgba(94,242,207,.6)}
.pl1-pr{display:flex;align-items:baseline;gap:10px;margin-top:20px}
.pl1-pr b{font-size:84px;font-weight:800;letter-spacing:-.055em;line-height:.95;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 42px rgba(94,242,207,.55)}
.pl1-pr span{font-size:18px;color:rgba(234,255,244,.7)}
.pl1[data-priced="0"] .pl1-pr{display:none}
.pl1-say{margin:16px 0 0;font-size:17px;line-height:1.5;color:rgba(234,255,244,.78);max-width:440px}
.pl1-cta{margin-top:26px}
.pl1 .pl1-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-radius:16px;font-size:18px;font-weight:700;background:linear-gradient(180deg,#22c77f,#0a9b5a);color:#fff;box-shadow:0 14px 34px -12px rgba(94,242,207,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.pl1 .pl1-go:hover{filter:brightness(1.06)}
.pl1-try{margin:14px 0 0;font-size:14px;line-height:1.5;color:rgba(234,255,244,.72)}
.pl1-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0;font-size:13.5px;color:rgba(234,255,244,.72)}
.pl1-facts li{display:inline-flex;align-items:center;gap:8px}
.pl1-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:#5EF2CF;flex:none}
.pl1-r{padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pl1-ck{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pl1-ck li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;color:rgba(234,255,244,.5);transition:color .35s;transition-delay:calc(var(--i,0)*120ms)}
.pl1-ck li b{font-weight:800;color:#fff}
.pl1-ck li>i{position:relative;width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px rgba(94,242,207,.45);transition:background .3s,box-shadow .3s,transform .3s;transition-delay:calc(var(--i,0)*120ms)}
.pl1-ck li>i::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #0b1430;border-width:0 2.2px 2.2px 0;transform:rotate(45deg) scale(0);transition:transform .32s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i,0)*120ms)}
.pl1-ck li.on{color:#eafffb}
.pl1-ck li.on>i{background:#5EF2CF;box-shadow:0 0 0 4px rgba(94,242,207,.16),0 0 16px rgba(94,242,207,.6)}
.pl1-ck li.on>i::after{transform:rotate(45deg) scale(1)}
.pl1-ck li.pl1-ckh{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:700;color:#8ff5e0}
.pl1-ck li.pl1-ckh:first-child{margin-top:0}
.pl1-ck li.pl1-ckh::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(94,242,207,.35),rgba(94,242,207,0))}
.pl1-ck li.pl1-ckh em{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:rgba(94,242,207,.12);font-size:11px;font-weight:650;color:#8ff5e0;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}
.pl1-ck li.pl1-ckh em::before{content:"";width:6px;height:6px;border-radius:50%;background:#5EF2CF}
.pl1-ck li.pl1-ckh.on em{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .pl1.live::before{animation:pl1Ring 5.5s linear infinite}
  .pl1.live .pl1-light i:nth-child(1){animation:pl1L1 16s ease-in-out infinite alternate}
  .pl1.live .pl1-light i:nth-child(2){animation:pl1L2 19s ease-in-out infinite alternate}
  .pl1.live .pl1-light i:nth-child(3){animation:pl1L3 23s ease-in-out infinite alternate}
  .pl1.live .pl1-aio::before,.pl1.live .pl1-ck li.pl1-ckh em::before{animation:pl1Dot 1.8s ease-out infinite}
  .pl1.live .pl1-go{animation:pl1Glow 2.8s ease-in-out infinite}
}
@keyframes pl1Ring{to{--pl1a:360deg}}
@keyframes pl1L1{to{transform:translate(55%,40%) scale(1.25)}}
@keyframes pl1L2{to{transform:translate(-60%,-30%) scale(.9)}}
@keyframes pl1L3{to{transform:translate(-40%,-55%) scale(1.3)}}
@keyframes pl1Dot{0%{box-shadow:0 0 0 0 rgba(94,242,207,.6)}70%{box-shadow:0 0 0 7px rgba(94,242,207,0)}100%{box-shadow:0 0 0 0 rgba(94,242,207,0)}}
@keyframes pl1Glow{0%,100%{box-shadow:0 14px 34px -12px rgba(94,242,207,.8),inset 0 1px 0 rgba(255,255,255,.25)}50%{box-shadow:0 16px 46px -10px rgba(94,242,207,1),inset 0 1px 0 rgba(255,255,255,.25)}}
@media (max-width:899px){
  .pl1{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px;border-radius:26px}
  .pl1-pr b{font-size:68px}
  .pl1-r{padding:18px 16px}
}
@media (prefers-reduced-motion:reduce){.pl1-ck li,.pl1-ck li>i,.pl1-ck li>i::after,.pl1-ck li.pl1-ckh em{transition:none}}

/* ═══ v88 · One look across the site: the dark stage with moving light, as on the Plan card ═══ */
/* shared by the five steps on the homepage and the closing box on every page */
.gs{position:relative;isolation:isolate;overflow:hidden;background:#0b1430;color:#eafffb;box-shadow:0 40px 90px -44px rgba(10,122,112,.7),0 0 0 1px rgba(94,242,207,.2)}
.gs::after{content:"";position:absolute;inset:0;z-index:2;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--pl1a),rgba(94,242,207,0) 0deg,rgba(94,242,207,0) 250deg,#5EF2CF 300deg,#b6f25c 330deg,rgba(182,242,92,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.gs>.pl1-light,.gs>.pl1-grid{z-index:-1}
html[data-theme="dark"] .fin.gs{box-shadow:0 40px 90px -44px rgba(10,122,112,.7),0 0 0 1px rgba(94,242,207,.2)}
.fin.gs{background:#0b1430}
.fin.gs p{color:rgba(234,255,244,.78)}
.fin.gs .btn-p{background:linear-gradient(180deg,#22c77f,#0a9b5a);color:#fff;box-shadow:0 14px 34px -12px rgba(94,242,207,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.fin.gs .fin-s{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.fin.gs>div:not(.pl1-light):not(.pl1-grid){position:relative;z-index:1}

/* the five steps on the homepage, on the stage */
.hj-st{border-radius:28px;padding:18px 14px 16px}
.hj-st .hj-loop::before{background:linear-gradient(180deg,rgba(94,242,207,.7),rgba(94,242,207,.15))}
.hj-st .hj-loop a{color:#fff}
.hj-st .hj-loop a:hover,.hj-st .hj-loop a:focus-visible{background:rgba(255,255,255,.06);box-shadow:none}
.hj-st .hj-loop .n{background:#0b1430;border-color:rgba(94,242,207,.5);color:#8ff5e0}
.hj-st .hj-loop a:hover .n,.hj-st .hj-loop a:focus-visible .n{background:#5EF2CF;border-color:#5EF2CF;color:#0b1430}
.hj-st .hj-loop .t b{color:#fff}
.hj-st .hj-loop .t small{color:rgba(234,255,244,.68)}
.hj-st .hj-back{color:rgba(234,255,244,.55)}
.hj-st .hj-back span::before{border-color:rgba(94,242,207,.6);border-right-color:transparent}
.hj-st .hj-loop{position:relative;z-index:1}

/* a live demo card: a ring of light runs round it */
.pp-demo::after{content:"";position:absolute;inset:0;z-index:3;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s;background:conic-gradient(from var(--pl1a),rgba(94,242,207,0) 0deg,rgba(94,242,207,0) 220deg,#3CC9A4 290deg,#5EF2CF 325deg,#b6f25c 345deg,rgba(182,242,92,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pp-demo.gs-on::after{opacity:1}
.pp-demo{transition:box-shadow .6s}
.pp-demo.gs-on{box-shadow:var(--shadow-lg),0 0 0 1px rgba(94,242,207,.28),0 30px 80px -30px rgba(60,201,164,.55)}

@media (prefers-reduced-motion:no-preference){
  .gs.gs-on::after,.pp-demo.gs-on::after{animation:pl1Ring 5.5s linear infinite}
  .pp-demo.gs-on::after{animation-duration:7s}
  .gs.gs-on .pl1-light i:nth-child(1){animation:pl1L1 16s ease-in-out infinite alternate}
  .gs.gs-on .pl1-light i:nth-child(2){animation:pl1L2 19s ease-in-out infinite alternate}
  .gs.gs-on .pl1-light i:nth-child(3){animation:pl1L3 23s ease-in-out infinite alternate}
  .fin.gs.gs-on .btn-p{animation:pl1Glow 2.8s ease-in-out infinite}
  /* one step after another lights up, and round again */
  .hj-st.gs-on .hj-loop li:not(.hj-back) .n{animation:hjOn 11s ease-in-out infinite}
  .hj-st.gs-on .hj-loop li:nth-child(2) .n{animation-delay:2.2s}
  .hj-st.gs-on .hj-loop li:nth-child(3) .n{animation-delay:4.4s}
  .hj-st.gs-on .hj-loop li:nth-child(4) .n{animation-delay:6.6s}
  .hj-st.gs-on .hj-loop li:nth-child(5) .n{animation-delay:8.8s}
  .hj-st.gs-on .hj-back span::before{animation:hjSpin 1.6s linear infinite}
}
@keyframes hjOn{0%,24%,100%{background:#0b1430;color:#8ff5e0;border-color:rgba(94,242,207,.5);box-shadow:none}4%,18%{background:#5EF2CF;color:#0b1430;border-color:#5EF2CF;box-shadow:0 0 0 6px rgba(94,242,207,.16),0 0 24px rgba(94,242,207,.7)}}
@keyframes hjSpin{to{transform:rotate(360deg)}}

/* What it costs: the heading, then the Plan card */
.pl-hero .pl-hero-h{max-width:820px}
.pl-hero .pl1{margin-top:30px}
.pl-sec .pl1{margin-top:28px}
.pp-gs.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1020px){.pp-gs.g3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:899px){.hj-st{padding:12px 8px 12px;border-radius:24px}}

/* ═══ v89 · Free tools and comparisons ═══ */
.tl-hero .tl-top{max-width:780px}
.tl-box{margin-top:28px;padding:22px;border-radius:28px}
.tl-box>*:not(.pl1-light):not(.pl1-grid){position:relative;z-index:1}
.tl-f{display:flex;gap:10px}
.tl-f input{flex:1;min-width:0;height:56px;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:17px}
.tl-f input::placeholder{color:rgba(234,255,244,.45)}
.tl-f input:focus{outline:none;border-color:#5EF2CF;box-shadow:0 0 0 4px rgba(94,242,207,.2)}
.tl-f .btn{height:56px;padding:0 26px;border-radius:16px;font-size:17px;background:linear-gradient(180deg,#22c77f,#0a9b5a);color:#fff;white-space:nowrap}
.tl-f .btn:disabled{opacity:.7}
.tl-opt{display:flex;align-items:center;gap:10px;margin:12px 2px 0;font-size:14px;color:rgba(234,255,244,.75)}
.tl-opt input{width:20px;height:20px;accent-color:#5EF2CF}
.tl-hint{margin:12px 2px 0;font-size:13.5px;color:rgba(234,255,244,.6)}
.tl-out{margin-top:18px}
.tl-out[hidden]{display:none}
.tl-err{padding:14px 16px;border-radius:16px;background:rgba(255,159,10,.12);box-shadow:inset 0 0 0 1px rgba(255,159,10,.35);color:#ffd28a;font-size:15px;line-height:1.45;margin-bottom:14px}
.tl-err b{color:#fff}
.tl-wait{display:flex;align-items:center;gap:6px;padding:14px 4px;color:rgba(234,255,244,.75);font-size:14.5px}
.tl-wait i{width:8px;height:8px;border-radius:50%;background:#5EF2CF;opacity:.3}
.tl-wait span{margin-left:8px}
.tl-hd{display:flex;align-items:center;gap:14px;padding:4px 2px 2px}
.tl-hd>i{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;color:#0b1430;background:#5EF2CF;box-shadow:0 0 0 6px rgba(94,242,207,.16),0 0 24px rgba(94,242,207,.6)}
.tl-hd.o>i{background:#ffb340;box-shadow:0 0 0 6px rgba(255,179,64,.16)}
.tl-hd.r>i{background:#ff6b5e;box-shadow:0 0 0 6px rgba(255,107,94,.16)}
.tl-hd>i svg{width:20px;height:20px}
.tl-hd b{display:block;font-size:21px;font-weight:750;letter-spacing:-.02em;color:#fff;line-height:1.2}
.tl-hd span{display:block;margin-top:3px;font-size:14px;color:rgba(234,255,244,.65);word-break:break-word}
.tl-hd a{color:#8ff5e0}
.tl-vf{font-style:normal;font-size:12px;font-weight:700;color:#8ff5e0;margin-left:6px;vertical-align:middle}
.tl-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 6px;padding:16px;border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tl-cols b{display:block;font-size:26px;font-weight:800;letter-spacing:-.035em;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums;word-break:break-word}
.tl-cols span{display:block;margin-top:5px;font-size:12.5px;color:rgba(234,255,244,.65)}
.tl-ls{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.tl-l{display:flex;gap:12px;align-items:flex-start}
.tl-l>i{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;margin-top:1px;color:#0b1430;background:#5EF2CF}
.tl-l.o>i{background:#ffb340}.tl-l.r>i{background:#ff6b5e}
.tl-l>i svg{width:12px;height:12px}
.tl-l b{display:block;font-size:15.5px;font-weight:650;color:#eafffb;line-height:1.35;word-break:break-word}
.tl-l span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:rgba(234,255,244,.65)}
.tl-sub{margin:20px 2px 8px;font-size:12.5px;font-weight:700;color:#8ff5e0}
.tl-posts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tl-posts li{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.045)}
.tl-pt{font-size:14px;line-height:1.45;color:rgba(234,255,244,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tl-pv{flex:none;text-align:right;font-size:13.5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.tl-pv em{display:block;font-style:normal;font-weight:500;font-size:12px;color:rgba(234,255,244,.55)}
.tl-next{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px;border-radius:18px;background:rgba(94,242,207,.1);box-shadow:inset 0 0 0 1px rgba(94,242,207,.3)}
.tl-next p{margin:0;flex:1;font-size:14.5px;line-height:1.5;color:rgba(234,255,244,.82)}
.tl-next p b{color:#fff}
.tl-next .btn{flex:none;background:linear-gradient(180deg,#22c77f,#0a9b5a);color:#fff;white-space:nowrap}
.tl-step{display:flex;gap:14px;margin-top:14px}
.tl-step:first-child{margin-top:0}
.tl-n{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:14px;font-weight:800;color:#0b1430;background:#5EF2CF}
.tl-step>div{flex:1;min-width:0}
.tl-step b{display:block;font-size:16px;color:#fff}
.tl-step>div>span{display:block;margin-top:2px;font-size:14px;color:rgba(234,255,244,.65)}
.tl-step code,.tl-ex{display:block;margin-top:8px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#b6f2d4;font:13.5px/1.5 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);word-break:break-all}
.tl-cp{margin-top:8px}
.tl-box .btn-s{background:rgba(255,255,255,.1);color:#fff}
.tl-cp.ok{background:#5EF2CF;color:#0b1430}
@media (prefers-reduced-motion:no-preference){
  .tl-out.in>*{animation:tlIn .45s cubic-bezier(.2,.8,.2,1) both}
  .tl-out.in>*:nth-child(2){animation-delay:.06s}.tl-out.in>*:nth-child(3){animation-delay:.12s}.tl-out.in>*:nth-child(4){animation-delay:.18s}.tl-out.in>*:nth-child(5){animation-delay:.24s}
  .tl-wait i{animation:tlDot 1s ease-in-out infinite}.tl-wait i:nth-child(2){animation-delay:.15s}.tl-wait i:nth-child(3){animation-delay:.3s}
}
@keyframes tlIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes tlDot{50%{opacity:1;transform:scale(1.3)}}
/* the tools page and the compare page: a card per tool or per comparison */
.tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.tl-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:22px;background:var(--bg-el);box-shadow:var(--shadow);color:inherit;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.tl-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.tl-card>i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.tl-card>i svg{width:22px;height:22px}
.tl-card b{font-size:19px;letter-spacing:-.015em}
.tl-card span{font-size:15px;line-height:1.5;color:var(--label-2)}
.tl-card em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:650;color:var(--accent)}
.tl-what{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.tl-what>div{padding:18px;border-radius:18px;background:var(--bg-el);box-shadow:var(--shadow-sm)}
.tl-what b{display:block;font-size:16px}
.tl-what span{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--label-2)}
/* a comparison */
.cm-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.cm-fit>div{padding:20px;border-radius:20px;background:var(--bg-el);box-shadow:var(--shadow)}
.cm-fit>div.us{background:#0b1430;color:#eafffb;box-shadow:0 30px 70px -40px rgba(10,122,112,.8),0 0 0 1px rgba(94,242,207,.25)}
.cm-fit small{display:block;font-size:13px;font-weight:700;color:var(--label-3)}
.cm-fit .us small{color:#8ff5e0}
.cm-fit p{margin:8px 0 0;font-size:16px;line-height:1.5}
.cm-t{margin-top:26px;border-radius:22px;background:var(--bg-el);box-shadow:var(--shadow);overflow:hidden}
.cm-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px 20px;border-top:1px solid var(--sep);align-items:start}
.cm-r:first-child{border-top:0}
.cm-r.h{background:var(--fill-1,rgba(15,20,30,.04));font-size:13px;font-weight:700;color:var(--label-2);padding-top:14px;padding-bottom:14px}
.cm-r.h>div:nth-child(2){color:var(--accent)}
.cm-k{font-size:15px;font-weight:650;line-height:1.35}
.cm-v{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--label-2)}
.cm-v>i{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;margin-top:1px;background:var(--fill-2);color:var(--label-3)}
.cm-v>i svg{width:11px;height:11px}
.cm-v.y>i{background:var(--accent);color:#fff}
.cm-v b{display:block;color:var(--label);font-weight:650}
.cm-v.us b{color:var(--label)}
.cm-src{margin-top:22px;font-size:14px;line-height:1.6;color:var(--label-3)}
.cm-src a{color:var(--label-2);word-break:break-all}
.cm-src ul{margin:8px 0 0;padding-left:18px}
@media (max-width:760px){
  .tl-f{flex-direction:column}.tl-f input{flex:none;width:100%}.tl-f .btn{width:100%}
  .tl-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl-next{flex-direction:column;align-items:stretch}.tl-next .btn{width:100%;justify-content:center}
  .tl-grid,.tl-what,.cm-fit{grid-template-columns:1fr}
  .tl-box{padding:16px;border-radius:24px}
  .cm-r{grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px 16px}
  .cm-r .cm-k{grid-column:1/-1}
  .cm-r.h>div:first-child{display:none}
  .cm-r.h{grid-template-columns:1fr 1fr}
}
.tl-h3{margin:30px 0 0;font-size:19px;letter-spacing:-.015em}
.tl-cant{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;max-width:760px}
.tl-cant li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5;color:var(--label-2)}
.tl-cant li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--sep-strong)}
/* a free account from the first check */
.tl-gate{padding:16px;border-radius:18px;background:rgba(94,242,207,.08);box-shadow:inset 0 0 0 1px rgba(94,242,207,.3)}
.tl-gh{display:flex;gap:12px;align-items:flex-start}
.tl-gh>i{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;color:#0b1430;background:#5EF2CF;box-shadow:0 0 0 5px rgba(94,242,207,.15)}
.tl-gh>i svg{width:14px;height:14px}
.tl-gh b{display:block;font-size:17px;color:#fff;line-height:1.3}
.tl-gh span{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:rgba(234,255,244,.72)}
.tl-su{margin-top:14px}
.tl-box .su-row input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.tl-box .su-row input::placeholder{color:rgba(234,255,244,.45)}
.tl-box .su-row .btn{background:linear-gradient(180deg,#22c77f,#0a9b5a);color:#fff}
.tl-box .su-m,.tl-box .su-to{color:rgba(234,255,244,.68)}.tl-box .su-to b{color:#fff}
.tl-box .su-m.err{color:#ffb3a8}.tl-box .su-l{color:#8ff5e0}
/* ═══ v96 · Homepage: the affiliate's funnel, step by step ═══ */
.hx-box .tgx-ch .hx-ic{background:var(--c,#1877f2)}
.hx-n{display:grid;gap:8px;background:var(--bg-el);border-radius:14px;padding:12px 14px}
.hx-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-n>div{min-width:0}
.hx-n b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}
.hx-n span{display:block;font-size:12px;color:var(--label-3);margin-top:2px}
.hx-n b.g,.hx-t .g{color:var(--accent)}.hx-t .r{color:var(--red)}
.hx-t{background:var(--bg-el);border-radius:14px;padding:4px 14px}
.hx-tr{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:9px 0;font-size:14px;font-variant-numeric:tabular-nums}
.hx-tr+.hx-tr{border-top:1px solid var(--sep)}
.hx-tr>*:not(:first-child){text-align:right}
.hx-tr b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-th{font-size:11.5px;color:var(--label-3);font-weight:600;padding:8px 0 6px}
.hx-sub{font-size:12.5px;color:var(--label-3);padding:0 2px}
.mf-in{padding-bottom:8px}
.mf-in-h{max-width:780px}
.mf-k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-weight:700;font-size:15px;color:var(--accent)}
.mf-lg{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.mf-lg svg{width:19px;height:19px}
.jn-s.jn-addon .jn-rail .jn-n{background:var(--accent-soft);color:var(--accent)}
.who-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.who-c{background:var(--bg-el);border-radius:20px;padding:22px;box-shadow:inset 0 0 0 1px var(--sep)}
.who-c h3{margin:14px 0 0;font-size:19px;letter-spacing:-.02em}
.who-c p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--label-2)}
.who-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.who-ic svg{width:22px;height:22px}
.who-fw{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg-el);border-radius:20px;padding:20px 22px;box-shadow:inset 0 0 0 1px var(--sep)}
.who-fw b{font-size:17px}.who-fw p{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--label-2);max-width:62ch}
.who-fw .btn{flex:none}
.mt32{margin-top:32px}
@media (max-width:860px){.who-g{grid-template-columns:minmax(0,1fr)}.who-fw{flex-direction:column;align-items:flex-start}}
@media (max-width:420px){.hx-tr{font-size:13px;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))}.hx-n b{font-size:18px}}
/* hero: the Hub, by tab */
.hxh{position:relative;z-index:1}
.hxh-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.hxh-tabs button{height:36px;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.72);font:600 13.5px/1 var(--font,inherit);cursor:pointer;white-space:nowrap}
.hxh-tabs button.on{background:#fff;color:#0b1a12}
.hxh-scr{margin-top:12px;background:#f2f4f6;border-radius:18px;padding:12px;min-height:268px;color:#111}
.hxh-p{display:flex;flex-direction:column;gap:8px}
.hxh-p[hidden]{display:none}
.hxh-p.on{animation:hxIn .35s var(--ease,ease) both}
@keyframes hxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hxh-p.on{animation:none}}
.hxh-hd{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 2px}
.hxh-hd b{font-size:15px}
.hxh-live{font-size:12px;font-weight:700;color:#0A7A70;background:rgba(10,122,112,.12);padding:4px 9px;border-radius:999px}
.hxh-scr .tgx-f,.hxh-scr .hx-n,.hxh-scr .hx-t{background:#fff;color:#111}
.hxh-scr .tgx-f small,.hxh-scr .hx-n span,.hxh-scr .hx-th{color:#6b7280}
.hxh-scr .hx-tr+.hx-tr{border-top-color:#e5e7eb}
.hxh-msg{background:#fff;border-radius:14px 14px 14px 4px;padding:12px 14px;display:grid;gap:10px}
.hxh-msg>b{font-size:14px}.hxh-msg p{margin:0;font-size:14px;line-height:1.45;color:#374151}
.hxh-msg .hx-n{padding:0;background:none}
.hxh-n{margin:8px 0 0;text-align:center;font-size:11.5px;color:rgba(255,255,255,.55)}
/* before and after: a pile of tabs, or one screen */
.hxc-h1{text-align:center}
.hxc-h1 h2{margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:800}
.hxc-h1 h2.g{color:var(--accent)}
.hxc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hxc-c{position:relative;border-radius:28px;padding:34px 28px 28px;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.hxc-c.off{background:#efede8}
.hxc-c.on{background:radial-gradient(120% 90% at 20% 0%,#e3f6ec 0%,#f3faf6 45%,#f6f7f8 100%);box-shadow:inset 0 0 0 1px rgba(10,122,112,.12)}
.hxc-k{margin:0;font-size:15px;color:#5b6168}
.hxc-t{margin:10px 0 0;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em;font-weight:700;color:#111}
.hxc-f{margin:auto 0 0;padding-top:24px;font-size:16px;color:#5b6168}
.hxc-f.g{color:var(--accent);font-weight:600}
.hxc-src{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#6b7280;font-weight:600}
.hxc-src img{width:18px;height:18px;border-radius:5px}
.hxc-ic{width:18px;height:18px;border-radius:5px;display:inline-block}
.hxc-ic.sh{background:#1e8e3e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4'%3E%3Cpath d='M6 8h12M6 12h12M6 16h12M10 6v12'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.al{background:#d93025 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.pg{background:#6b7280 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M4 9h16'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-pile{position:relative;width:100%;max-width:460px;height:380px;margin-top:22px}
.hxc-k1{position:absolute;left:50%;top:50%;width:min(250px,64%);transform:translate(calc(-50% + var(--x) * var(--sx,1)),calc(-50% + var(--y) * var(--sy,1))) rotate(var(--r));background:#fff;border-radius:16px;padding:12px 14px;text-align:left;box-shadow:0 10px 28px -12px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.04);transition:transform .7s cubic-bezier(.2,.8,.2,1),z-index 0s}
.hxc-k1 b{display:block;margin-top:6px;font-size:16px;color:#111;letter-spacing:-.01em}
.hxc-k1 small{display:block;margin-top:3px;font-size:13px;color:#6b7280;line-height:1.35}
.hxc-k1.red b{color:#c5221f}
.hxc-k1.top{z-index:5;transform:translate(calc(-50% + var(--x) * var(--sx,1)),calc(-50% + var(--y) * var(--sy,1) - 10px)) rotate(calc(var(--r) * .4)) scale(1.04)}
.hxc-hub{position:relative;width:100%;max-width:440px;margin-top:26px;text-align:left;display:grid;gap:10px}
.hxc-msg{background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;box-shadow:0 8px 24px -14px rgba(0,0,0,.25)}
.hxc-msg b{display:block;margin-top:6px;font-size:15px;color:#111}
.hxc-tbl{background:#fff;border-radius:16px;padding:4px 14px;box-shadow:0 8px 24px -14px rgba(0,0,0,.25)}
.hxc-r{display:grid;grid-template-columns:minmax(0,1.4fr) .8fr .8fr minmax(0,1.1fr);gap:8px;align-items:center;padding:10px 0;font-size:14px;color:#374151;font-variant-numeric:tabular-nums}
.hxc-r+.hxc-r{border-top:1px solid #eceef1}
.hxc-r b{color:#111;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hxc-r em{font-style:normal;font-weight:700;text-align:right;white-space:nowrap}
.hxc-r em.g{color:#0A7A70}.hxc-r em.r{color:#c5221f;font-size:12.5px}
.hxc-pop{position:absolute;right:-6px;top:-14px;display:flex;flex-direction:column;align-items:center;background:#0A7A70;color:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 12px 26px -10px rgba(10,122,112,.6)}
.hxc-pop span{font-size:11px;font-weight:700;opacity:.8}.hxc-pop b{font-size:16px}
.hxc-st{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:520px;text-align:left}
.hxc-st li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.35;color:#111}
.hxc-st i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;background:#dff3e8;color:#0A7A70}
/* the moving parts: the pile shuffles, the morning arrives */
.hxc.go .hxc-msg{animation:hxcIn .6s .2s cubic-bezier(.2,.8,.2,1) both}
.hxc.go .hxc-r{animation:hxcIn .5s cubic-bezier(.2,.8,.2,1) both}
.hxc.go .hxc-r:nth-child(1){animation-delay:.9s}.hxc.go .hxc-r:nth-child(2){animation-delay:1.15s}.hxc.go .hxc-r:nth-child(3){animation-delay:1.4s}.hxc.go .hxc-r:nth-child(4){animation-delay:1.65s}.hxc.go .hxc-r:nth-child(5){animation-delay:1.9s}.hxc.go .hxc-r:nth-child(6){animation-delay:2.15s}
.hxc.go .hxc-r:nth-child(1) em.g{animation:hxcGlow 1.2s 2.2s ease both}
.hxc.go .hxc-pop{animation:hxcPop .55s 2s cubic-bezier(.3,1.6,.5,1) both}
@keyframes hxcIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes hxcPop{from{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes hxcGlow{0%,100%{background:transparent}40%{background:rgba(10,122,112,.14);border-radius:6px}}
@media (prefers-reduced-motion:reduce){.hxc.go .hxc-msg,.hxc.go .hxc-r,.hxc.go .hxc-pop,.hxc.go .hxc-r em.g{animation:none}.hxc-k1{transition:none}}
@media (max-width:860px){.hxc{grid-template-columns:minmax(0,1fr)}.hxc-pile{height:360px}}
@media (max-width:420px){.hxc-c{padding:28px 16px 22px}.hxc-st{grid-template-columns:minmax(0,1fr);max-width:300px}.hxc-r{font-size:13px;grid-template-columns:minmax(0,1.3fr) .8fr .9fr minmax(0,1.1fr)}.hxc-pile{height:340px;--sx:.62;--sy:.95}.hxc-k1{width:min(205px,60%);padding:10px 12px}.hxc-k1 b{font-size:14.5px}.hxc-k1 small{font-size:12px}}
:root[data-theme="dark"] .hxc-c.off{background:#1d1f22}:root[data-theme="dark"] .hxc-c.on{background:radial-gradient(120% 90% at 20% 0%,#0f2a1d 0%,#121815 60%,#141618 100%)}
:root[data-theme="dark"] .hxc-t{color:#f3f4f6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hxc-c.off{background:#1d1f22}:root:not([data-theme="light"]) .hxc-c.on{background:radial-gradient(120% 90% at 20% 0%,#0f2a1d 0%,#121815 60%,#141618 100%)}:root:not([data-theme="light"]) .hxc-t{color:#f3f4f6}}
/* ═══ v96 · The site menu floats: one rounded bar, our green for the way in ═══ */
.pvh{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:0!important;padding:12px 0 0;pointer-events:none}
.pvh>.pvh-in{pointer-events:auto;position:relative;height:62px;max-width:1216px;margin:0 auto;padding:0 10px 0 18px!important;border-radius:20px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 12px 32px -16px rgba(0,0,0,.22)}
.pvh .brand span{font-size:17px;letter-spacing:-.02em}
.pvh .brand img{width:30px;height:30px;border-radius:8px}
.pvh .pvn .pvd>button,.pvh .pvn>a{color:#4b5563;font-weight:500;font-size:15px}
.pvh .pvn .pvd>button:hover,.pvh .pvn>a:hover{color:#111;background:rgba(0,0,0,.04)}
.pvh .pvn-new{background:rgba(10,122,112,.1);color:#0A7A70;border-radius:6px;height:20px;padding:0 6px;font-size:10.5px}
.pvh-r .pvhub{height:44px;padding:0 18px!important;border-radius:14px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;background:#0A7A70;box-shadow:0 8px 20px -10px rgba(10,122,112,.7)}
.pvh-r .pvhub::after{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat}
.pvh-r .pvhub:hover{background:#086158}
.jn-nav{top:86px!important}
html{scroll-padding-top:96px}@media (max-width:860px){html{scroll-padding-top:80px}}@media (min-width:761px){.jn>.jn-s,.jn>section{scroll-margin-top:24px}}
@media (max-width:1260px){.pvh>.pvh-in{margin:0 16px}}
@media (max-width:860px){.pvh{padding-top:8px}.pvh>.pvh-in{margin:0 10px;height:56px;border-radius:18px;padding:0 6px 0 14px!important}.pvh-r .pvhub{height:40px;padding:0 14px!important;font-size:14px}.jn-nav{top:72px!important}}
:root[data-theme="dark"] .pvh>.pvh-in{background:rgba(28,28,30,.82);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 32px -16px rgba(0,0,0,.6)}
:root[data-theme="dark"] .pvh .pvn .pvd>button,:root[data-theme="dark"] .pvh .pvn>a{color:#c7cbd1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pvh>.pvh-in{background:rgba(28,28,30,.82);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 32px -16px rgba(0,0,0,.6)}:root:not([data-theme="light"]) .pvh .pvn .pvd>button,:root:not([data-theme="light"]) .pvh .pvn>a{color:#c7cbd1}}
/* the hero screen is always light, so its chips keep light colours in dark mode too */
.hxh-scr .tgx-f em.m{color:#0A7A70;background:rgba(10,122,112,.1)}.hxh-scr .tgx-f em.s{color:#1d4ed8;background:#e8effd}.hxh-scr .tgx-f em.x{color:#c0262d;background:#fdecec}
@media (max-width:380px){.pvh .brand span{display:none}.pvh-r{gap:6px}.pvh-r .pvhub{padding:0 12px!important}.hxh-tabs{gap:2px}.hxh-tabs button{font-size:12px;padding:0 2px}.hx-n b{font-size:16px}.hx-n{padding:10px 12px}}
#vip .tgx-ch small{font-family:inherit;font-size:13px}
@media (max-width:360px){.mbar-in .jn-seg{display:none}}
/* ═══ v101 · What "your fellow" means: you run the ads, the Hub runs everything around them ═══ */
.fw-s{padding-top:72px}
.fw-h{max-width:780px}
.fw-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1.15fr);align-items:center;gap:0;margin-top:40px;padding:28px;border-radius:24px;background:var(--bg-el);border:1px solid var(--sep);overflow:hidden}
.fw-tag{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--display);letter-spacing:.01em;color:var(--label-2);margin-bottom:12px}
.fw-tag i{width:8px;height:8px;border-radius:50%;background:var(--label-3)}
.fw-tag.f{color:var(--accent)}.fw-tag.f i{background:var(--brand-grad)}
.fw-am{border-radius:16px;background:var(--bg-el2);padding:16px;border:1px solid var(--sep)}
.fw-am-hd{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:10px}
.fw-am-hd span{font-weight:500;font-size:12px;color:var(--label-3)}
.fw-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--sep);font-size:14px}
.fw-row span{color:var(--label-3)}.fw-row b{font-weight:600;text-align:right}
.fw-pub{position:relative;margin-top:14px;width:100%;height:46px;border:0;border-radius:12px;background:#1877F2;color:#fff;font:700 15px/1 inherit;font-family:inherit;cursor:default}
.fw-pub .fw-ring{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:0;transform:scale(.4)}
.fw-stage.tap .fw-pub .fw-ring{animation:fwRing .7s ease-out}
.fw-stage.tap .fw-pub{animation:fwPress .35s ease-out}
@keyframes fwRing{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.8)}}
@keyframes fwPress{50%{transform:scale(.97)}}
.fw-yours{margin-top:10px;font-size:12.5px;color:var(--label-3);text-align:center}
.fw-wire{position:relative;height:2px;margin:0 10px;background:repeating-linear-gradient(90deg,var(--sep) 0 6px,transparent 6px 12px)}
.fw-wire i{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--brand-grad);box-shadow:0 0 0 4px rgba(94,242,207,.18);opacity:0}
.fw-stage.go .fw-wire i{animation:fwDot .7s ease-in-out forwards}
@keyframes fwDot{0%{left:0;opacity:1}100%{left:calc(100% - 10px);opacity:1}}
.fw-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fw-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg-el2);border:1px solid transparent;opacity:.38;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease,border-color .45s ease,background .45s ease}
.fw-list li.on{opacity:1;transform:none;border-color:rgba(30,148,136,.35)}
.fw-list li.now{background:linear-gradient(90deg,rgba(94,242,207,.14),transparent 70%),var(--bg-el2)}
.fw-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--fill-2);color:var(--label-2);transition:background .45s,color .45s}
.fw-list li.on .fw-ic{background:var(--btn-grad);color:#fff}
.fw-ic svg{width:18px;height:18px}
.fw-list b{display:block;font-size:14.5px;font-weight:650}
.fw-list small{display:block;font-size:12.5px;color:var(--label-3);margin-top:2px}
.fw-list em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--label-3);white-space:nowrap}
.fw-list li.on em{color:var(--accent)}
.fw-vs{margin-top:28px;border-radius:20px;border:1px solid var(--sep);overflow:hidden;background:var(--bg-el)}
.fw-vs-r{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:0}
.fw-vs-r>div{padding:14px 18px;border-top:1px solid var(--sep);font-size:14.5px}
.fw-vs-r:first-child>div{border-top:0;font:700 13px/1.2 var(--display);color:var(--label-3);padding-top:16px;padding-bottom:12px}
.fw-vs-r>div:first-child{color:var(--label-2)}
.fw-vs-r>div:nth-child(2){color:var(--label-3)}
.fw-vs-r>div:nth-child(3){font-weight:650;background:linear-gradient(90deg,rgba(94,242,207,.10),transparent)}
.fw-vs-r:first-child>div:nth-child(3){color:var(--accent);background:none}
.fw-n{margin:10px 2px 0;font-size:12px;color:var(--label-3)}
@media (max-width:860px){
  .fw-stage{grid-template-columns:minmax(0,1fr);padding:18px;gap:0}
  .fw-wire{width:2px;height:40px;margin:10px auto;background:repeating-linear-gradient(180deg,var(--sep) 0 6px,transparent 6px 12px)}
  .fw-wire i{left:50%!important;margin-left:-5px;top:0}
  .fw-stage.go .fw-wire i{animation:fwDotV .7s ease-in-out forwards}
  @keyframes fwDotV{0%{top:0;opacity:1}100%{top:calc(100% - 10px);opacity:1}}
  .fw-vs-r{grid-template-columns:1fr 1fr}
  .fw-vs-r>div:first-child{grid-column:1/-1;padding-bottom:0;border-top:1px solid var(--sep);font-weight:650;font-size:13px}
  .fw-vs-r>div:nth-child(2),.fw-vs-r>div:nth-child(3){border-top:0}
  .fw-vs-r:first-child>div:first-child{display:none}
  .fw-vs-r:first-child>div:nth-child(2),.fw-vs-r:first-child>div:nth-child(3){border-top:0}
}
/* ═══ Start from any step ═══ */
.dr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
.dr{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:18px 18px 16px;border-radius:18px;background:var(--bg-el);border:1px solid var(--sep);color:var(--label);text-decoration:none;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}
.dr-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--fill-2);color:var(--label-2);margin-bottom:6px;transition:background .35s,color .35s}
.dr-ic svg{width:20px;height:20px}
.dr b{font:700 17px/1.25 var(--display);font-stretch:108%;letter-spacing:-.02em}
.dr small{font-size:13.5px;line-height:1.45;color:var(--label-3)}
.dr-go{margin-top:auto;padding-top:8px;font-size:13px;font-weight:650;color:var(--accent);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.dr.hot,.dr:hover,.dr:focus-visible{border-color:rgba(30,148,136,.55);transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(11,90,126,.55)}
.dr.hot .dr-ic,.dr:hover .dr-ic,.dr:focus-visible .dr-ic{background:var(--btn-grad);color:#fff}
.dr.hot .dr-go,.dr:hover .dr-go,.dr:focus-visible .dr-go{opacity:1;transform:none}
.dr-mf{background:linear-gradient(160deg,rgba(94,242,207,.10),transparent 55%),var(--bg-el)}
.dr-mf .dr-tag{position:absolute;top:16px;right:16px;font-size:11.5px;font-weight:650;color:var(--accent)}
.dr-f{margin:14px 2px 0;font-size:13.5px;color:var(--label-3)}
@media (max-width:860px){.dr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dr{min-height:0}.dr small{font-size:12.5px}}
@media (max-width:520px){.dr-grid{grid-template-columns:minmax(0,1fr)}.dr{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px;padding:14px}.dr-ic{margin:0}.dr b{flex:1;min-width:0}.dr small{flex-basis:100%;padding-left:52px}.dr-go{display:none}.dr-mf .dr-tag{position:static;order:3}}
/* ═══ Magic Fellow makes the ads: post, story set, reel ═══ */




.mfs-type::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--accent);animation:mfsCar 1s steps(1) infinite}
@keyframes mfsCar{50%{opacity:0}}



.mfs-out{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px;align-items:end}
.mfs-dev{margin:0;display:flex;flex-direction:column;gap:10px;opacity:.3;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.mfs-dev.on{opacity:1;transform:none}
.mfs-dev figcaption{display:flex;justify-content:space-between;font-size:12.5px;font-weight:650;color:var(--label-2)}
.mfs-dev figcaption span{font-weight:500;color:var(--label-3)}
.mfs-card{border-radius:16px;overflow:hidden;background:var(--bg-el);border:1px solid var(--sep)}
.mfs-ph{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px}
.mfs-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#F7D774,#B8860B)}
.mfs-ph b{font-weight:650}.mfs-ph small{display:block;color:var(--label-3);font-size:11px}
.mfs-txt{padding:0 12px 10px;font-size:13px;line-height:1.45;min-height:58px}
.mfs-txt span{opacity:0;transition:opacity .35s}.mfs-txt span.on{opacity:1}
.mfs-art{position:relative;aspect-ratio:4/5;background:linear-gradient(170deg,#141a2e,#0b1022);overflow:hidden}
.mfs-art svg{position:absolute;inset:0;width:100%;height:100%}
.mfs-art .mfs-line{stroke-dasharray:420;stroke-dashoffset:420}
.mfs-dev.on .mfs-art .mfs-line{animation:mfsDraw 1.6s ease-out forwards}
@keyframes mfsDraw{to{stroke-dashoffset:0}}
.mfs-cta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12.5px;background:var(--bg-el2)}
.mfs-cta b{padding:7px 12px;border-radius:8px;background:var(--fill-2);font-size:12px}
.mfs-vert{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#18213d 0%,#0b1022 65%);color:#fff}
.mfs-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:2}
.mfs-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.mfs-bars i::after{content:"";display:block;height:100%;width:var(--w,0%);background:#fff;transition:width .1s linear}
.mfs-fr{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:26px 16px;font:700 19px/1.25 var(--display);font-stretch:106%;letter-spacing:-.02em;opacity:0;transition:opacity .35s}
.mfs-fr.on{opacity:1}
.mfs-fr em{font-style:normal;background:linear-gradient(135deg,#6BFFDF,#3CC9A4);-webkit-background-clip:text;background-clip:text;color:transparent}
.mfs-fr small{display:block;margin-top:10px;font:600 12px/1.3 inherit;font-family:inherit;opacity:.8}
.mfs-sw{position:absolute;left:12px;right:12px;bottom:12px;padding:9px;border-radius:10px;background:rgba(255,255,255,.14);font:600 12px/1 inherit;font-family:inherit;text-align:center}
.mfs-reel .mfs-time{position:absolute;right:10px;top:10px;z-index:2;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.45);font:600 11px/1 ui-monospace,Menlo,monospace}
.mfs-reel .mfs-prog{position:absolute;left:0;bottom:0;height:3px;width:var(--w,0%);background:linear-gradient(90deg,#6BFFDF,#3CC9A4);z-index:2}
.mfs-reel .mfs-cap{position:absolute;left:14px;right:14px;bottom:52px;font:800 22px/1.15 var(--display);font-stretch:110%;letter-spacing:-.025em;text-shadow:0 2px 12px rgba(0,0,0,.5);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.mfs-reel .mfs-cap.on{opacity:1;transform:none}
.mfs-reel svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55}


@media (prefers-reduced-motion:reduce){.fw-list li,.mfs-dev,.dr,.dr-go{transition:none}.mfs-type::after{animation:none}}
.fw-h .hx-g{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 100%;animation:tfGrad 9s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.fw-h .hx-g{animation:none}}
/* ═══ The before and after block, on any page: more source icons, and Magic Fellow's three shapes inside it ═══ */
.hxc-ic.ai{background:#7c4dff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 4l1.9 4.9L19 11l-5.1 2.1L12 18l-1.9-4.9L5 11l5.1-2.1z'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.ds{background:#e8590c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.vd{background:#1f2937 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.cd{background:#1e40af url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.ph{background:#0f766e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 17h2'/%3E%3C/svg%3E") center/13px no-repeat}
.hxc-ic.mf{background:linear-gradient(135deg,#0E8577,#0B5A7E)}
.hxc-ic.mf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 4l1.9 4.9L19 11l-5.1 2.1L12 18l-1.9-4.9L5 11l5.1-2.1z'/%3E%3C/svg%3E"),linear-gradient(135deg,#0E8577,#0B5A7E);background-position:center;background-size:13px,cover;background-repeat:no-repeat}
.hxc-r span:empty{display:none}
.hxc-r:has(span:empty){grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1fr)}
.fw-n{margin:10px 2px 0;font-size:12px;color:var(--label-3)}
.hxc-s+.fw-n,.hxc-s .fw-n{text-align:center}
/* Magic Fellow inside the right-hand card */
.mfs-mini{gap:12px}
.mfs-mini .hxc-msg b.mfs-type{min-height:1.4em;font-size:15.5px}
.mfs-mini .mfs-type::after{height:1em}
.mfs-mini .mfs-out{grid-template-columns:1.25fr .9fr .9fr;gap:8px;align-items:end}
.mfs-mini .mfs-dev{gap:6px}
.mfs-mini .mfs-dev figcaption{font-size:11.5px;justify-content:center;color:#5b6168}
.mfs-mini .mfs-card{background:#fff;border-color:rgba(0,0,0,.06)}
.mfs-mini .mfs-ph{padding:7px 8px;gap:6px;font-size:10.5px;color:#111}
.mfs-mini .mfs-ph small{font-size:9.5px}
.mfs-mini .mfs-av{width:18px;height:18px}
.mfs-mini .mfs-txt{padding:0 8px 6px;font-size:10.5px;min-height:30px;color:#111}
.mfs-mini .mfs-art{aspect-ratio:1/1}
.mfs-mini .mfs-cta{padding:6px 8px;font-size:9.5px;background:#f3f4f6;color:#374151}
.mfs-mini .mfs-cta b{padding:4px 8px;font-size:9.5px;background:rgba(15,20,30,.08)}
.mfs-mini .mfs-vert{border-radius:12px}
.mfs-mini .mfs-fr{padding:18px 9px;font-size:12.5px}
.mfs-mini .mfs-fr small{font-size:10px}
.mfs-mini .mfs-sw{left:7px;right:7px;bottom:7px;padding:6px;font-size:10px;border-radius:8px}
.mfs-mini .mfs-reel .mfs-cap{left:8px;right:8px;bottom:14px;font-size:13.5px}
.mfs-mini .mfs-reel .mfs-time{font-size:9.5px;padding:3px 5px;top:7px;right:7px}
.mfs-mini .mfs-bars{top:7px;left:7px;right:7px;gap:3px}
:root[data-theme="dark"] .mfs-mini .mfs-dev figcaption{color:#a4aab2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mfs-mini .mfs-dev figcaption{color:#a4aab2}}
@media (max-width:420px){.mfs-mini .mfs-out{gap:6px}.mfs-mini .mfs-fr{font-size:11px;padding:16px 7px}.mfs-mini .mfs-reel .mfs-cap{font-size:12px}.mfs-mini .mfs-txt{font-size:9.5px}.mfs-mini .mfs-dev figcaption{font-size:10.5px}}
@media (max-width:520px){
  .fw-am .fw-row:nth-of-type(2),.fw-am .fw-row:nth-of-type(4){display:none}
  .fw-list{gap:6px}.fw-list li{padding:8px 10px;grid-template-columns:30px minmax(0,1fr) auto;gap:10px}.fw-ic{width:30px;height:30px;border-radius:9px}.fw-list em{display:none}
  .fw-vs-r>div{padding:9px 14px;font-size:13.5px}
}

/* ═══ v101 · The hero: the real Hub on an iPhone, playing through one day ═══ */
.pvhero.hj{position:relative;isolation:isolate;overflow-x:clip}
body:has(.hro-sky) .tf-sky{display:none}
/* the sky: the logo's light drifting behind the phone, tinted by the moment on screen */
.hro-sky{position:absolute;left:0;right:0;top:-90px;bottom:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.hro-sky i{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;transition:background-color 1.6s ease}
.hro-sky i:nth-child(1){width:620px;height:620px;right:2%;top:6%;background-color:var(--hc,#5EF2CF);opacity:.42;animation:hroD1 17s ease-in-out infinite alternate}
.hro-sky i:nth-child(2){width:460px;height:460px;right:26%;top:44%;background-color:rgb(var(--tfg-c));opacity:.16;animation:hroD2 23s ease-in-out infinite alternate}
.hro-sky i:nth-child(3){width:520px;height:520px;left:-8%;top:-14%;background-color:rgb(var(--tfg-a));opacity:.18;animation:hroD3 29s ease-in-out infinite alternate}
.hro-sky b{position:absolute;inset:0;-webkit-mask-image:radial-gradient(44% 62% at 74% 50%,#000,transparent 78%);mask-image:radial-gradient(44% 62% at 74% 50%,#000,transparent 78%)}
.hro-sky b::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 24px);background-image:radial-gradient(color-mix(in srgb,var(--label) 16%,transparent) 1px,transparent 1.4px);background-size:24px 24px;animation:hroDots 2.6s linear infinite}
@keyframes hroD1{to{transform:translate3d(-70px,50px,0) scale(1.08)}}
@keyframes hroD2{to{transform:translate3d(90px,-40px,0) scale(.92)}}
@keyframes hroD3{to{transform:translate3d(60px,40px,0)}}
@keyframes hroDots{to{transform:translate3d(0,-24px,0)}}
html[data-theme="dark"] .hro-sky i:nth-child(1){opacity:.3}
html[data-theme="dark"] .hro-sky i:nth-child(2){opacity:.3}
/* the stage */
.hro{--hd:1.3s;position:relative;display:flex;justify-content:center}
.hro-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}
.hro .hro-ph{--s:.72;transform:perspective(2200px) rotateY(-9deg) rotateX(3deg);animation:hroFloat 7s ease-in-out infinite alternate}
@keyframes hroFloat{from{transform:perspective(2200px) rotateY(-9deg) rotateX(3deg) translateY(0)}to{transform:perspective(2200px) rotateY(-7deg) rotateX(2deg) translateY(-10px)}}
.hro-ph .ip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(0,0,0,.06),40px 60px 90px -36px rgba(8,30,40,.5)}
/* the pulse behind the phone: it is live */
.hro-glow{position:absolute;left:50%;top:48%;width:0;height:0;z-index:-1}
.hro-glow i{position:absolute;left:-300px;top:-300px;width:600px;height:600px;border-radius:50%;border:1.5px solid var(--hc,#5EF2CF);opacity:0;transition:border-color 1.6s;animation:hroRip 5.2s ease-out infinite}
.hro-glow i:nth-child(2){animation-delay:2.6s}
@keyframes hroRip{0%{transform:scale(.5);opacity:.6}100%{transform:scale(1.25);opacity:0}}
/* what this screen is: a headline that lifts off the Hub */
.hro-ttl{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;justify-content:center;padding:0 36px 60px;background:color-mix(in srgb,var(--bg) 58%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}
.hro-ttl.on{opacity:1;visibility:visible;transition:opacity .2s}
.hro-ttl small{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--label-3);letter-spacing:-.01em}
.hro-ttl b{margin-top:10px;font-size:46px;line-height:1;letter-spacing:-.045em;font-weight:800;color:var(--label);text-wrap:balance;transition:transform .6s var(--ease),filter .6s}
.hro-ttl:not(.on) b{transform:translateY(-18px) scale(.97);filter:blur(4px)}
.hro-ttl.on b,.hro-ttl.on small{animation:hroTt .55s var(--ease) both}
.hro-ttl.on b{animation-delay:.06s}
.ip.sb-light .hro-ttl{background:rgba(14,18,28,.5)}
.ip.sb-light .hro-ttl b{color:#fff}
.ip.sb-light .hro-ttl small{color:rgba(255,255,255,.7)}
@keyframes hroTt{from{opacity:0;transform:translateY(16px)}}
/* the screens start once the headline lifts */
.hro .wk-scr.on .wa,.hro .wk-scr.on .wd,.hro .wk-scr.on .ip-ban{animation-delay:calc(var(--d,0s) + var(--hd))}
.hro .wk-scr.on .ip-tgc{animation-delay:calc(2.4s + var(--hd))}
.hro .wk-scr.on .hro-bars i{animation-delay:calc(2s + var(--hd))}
/* the day, under the phone */
.hro-rail{width:100%;max-width:400px}
.hro-segs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.hro-seg{appearance:none;-webkit-appearance:none;border:0;background:none;margin:0;padding:8px 0 4px;font:inherit;font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:var(--label-3);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;-webkit-tap-highlight-color:transparent;transition:color .25s}
.hro-seg i{position:relative;display:block;width:100%;height:3px;border-radius:3px;background:var(--fill-2,rgba(0,0,0,.08));overflow:hidden}
.hro-seg i::after{content:"";position:absolute;inset:0;border-radius:3px;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0))}
.hro-seg.done i::after{transform:scaleX(1);opacity:.4}
.hro-seg.on,.hro-seg:hover{color:var(--label)}
.hro-seg:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.hro.held .hro-seg.on i::after{opacity:.5}
/* inside the phone */
.hro-n3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px}
.hro-n3 b{display:block;font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--label);font-variant-numeric:tabular-nums}
.hro-n3 span{display:block;margin-top:2px;font-size:12.5px;color:var(--label-3)}
.hro-n3.t{padding:8px 0 6px}
.hro-n3.t b{font-size:17px;color:inherit}
.hro-n3.t span{color:inherit;opacity:.6}
.hro-acc{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hro-acc div{min-width:0}
.hro-acc b{display:block;font-size:15px}
.hro-acc small{display:block;font-size:12.5px;color:var(--label-3)}
.ip-pill.red{color:var(--red);background:var(--red-soft)}
.hro-acc.hro-end{opacity:.6}
.fa-wk .wk-scr .hro-new[data-at]:not(.go){opacity:0;transform:none;max-height:0;padding:0;overflow:hidden;border-top-color:transparent}
.fa-wk .wk-scr .hro-new{max-height:80px;transition:opacity .45s var(--ease),max-height .45s var(--ease),padding .45s var(--ease)}
.wk-scr.on .hro-new.go{animation:hroGlow 1.6s ease .2s both}
@keyframes hroGlow{0%{background:var(--accent-soft)}100%{background:transparent}}
.hro-adp{margin:0;font-size:14px;line-height:1.45;color:var(--label-2)}
.hro .fa-pic{width:220px}
.hro-as b{font-size:15px}
.hro-as>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.hro-as span{font-size:12px;color:var(--label-3)}
.hro-as em{display:block;font-style:normal;font-family:var(--mono);font-size:16.5px;font-weight:700;color:var(--label);letter-spacing:-.02em}
.hro-as em.g{color:var(--accent)}
.hro-as em.r{color:var(--red)}
.hro-feed{display:flex;flex-direction:column;gap:8px}
.hro-j{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:14px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep)}
.hro-j b{display:block;font-size:14px}
.hro-j small{font-size:12.5px;color:var(--label-3)}
.hro-j em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 9px;border-radius:999px;white-space:nowrap}
.fa-wk .wk-scr .hro-j[data-at]:not(.go){opacity:0;transform:translateY(-8px) scale(.98)}
.hro-bal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}
.hro-bal small{display:block;font-size:12.5px;color:var(--label-3)}
.hro-bal b{font-family:var(--mono);font-size:22px;letter-spacing:-.02em}
.hro-bal span{max-width:150px;text-align:right;font-size:12.5px;line-height:1.35;color:var(--label-3)}
.hro-up{padding:14px 16px}
.hro-uph{display:flex;justify-content:space-between;align-items:baseline}
.hro-uph b{font-size:15px}
.hro-uph small{font-size:12.5px;font-weight:700;color:var(--accent)}
.hro-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:34px;margin-top:12px;align-items:end}
.hro-bars i{display:block;height:100%;border-radius:5px;background:var(--accent);opacity:.85}
.wk-scr.on .hro-bars i{animation:hroBar .5s var(--ease) both}
.wk-scr.on .hro-bars i:nth-child(2){animation-delay:.05s}.wk-scr.on .hro-bars i:nth-child(3){animation-delay:.1s}.wk-scr.on .hro-bars i:nth-child(4){animation-delay:.15s}.wk-scr.on .hro-bars i:nth-child(5){animation-delay:.2s}.wk-scr.on .hro-bars i:nth-child(6){animation-delay:.25s}.wk-scr.on .hro-bars i:nth-child(7){animation-delay:.3s}
@keyframes hroBar{from{transform:scaleY(.15);transform-origin:bottom}to{transform:none;transform-origin:bottom}}
.hro-bl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:6px;font-size:11px;color:var(--label-3);text-align:center}
@media (max-width:899px){
  .hro .hro-ph{--s:.74;animation:none;transform:none}
  .hro-in{gap:16px}
  .hro-segs{gap:4px}
  .hro-seg{font-size:11px}
  .hro-sky i:nth-child(1){width:420px;height:420px;right:-20%;top:40%}
  .hro-sky b{-webkit-mask-image:radial-gradient(70% 40% at 50% 70%,#000,transparent 78%);mask-image:radial-gradient(70% 40% at 50% 70%,#000,transparent 78%)}
}
@media (max-width:380px){ .hro .hro-ph{--s:.66} .hro-seg{font-size:10px} }
@media (prefers-reduced-motion:reduce){
  .hro{--hd:0s}
  .hro .hro-ph{animation:none;transform:none}
  .hro-sky i,.hro-sky b::before,.hro-glow i{animation:none}
  .hro-ttl{display:none}
  .fa-wk .wk-scr .hro-new[data-at]:not(.go){opacity:1;max-height:80px;padding:11px 0}
}

/* ═══ v101 · Who it is for: one drifting row of chips under the hero ═══ */
.vt-s{padding:8px 0 30px}
.vt-h{margin:0 0 14px;text-align:center;font-size:14px;font-weight:600;color:var(--label-3)}
.vt-run{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.vt-track{display:flex;gap:10px;width:max-content;margin:0 auto;padding:6px 0}
.vt-run.go .vt-track{gap:0;animation:vtRun 42s linear infinite}
.vt-run.go .vt-c{margin-right:10px}
.vt-run.go:hover .vt-track,.vt-run.go:focus-within .vt-track{animation-play-state:paused}
@keyframes vtRun{to{transform:translate3d(-50%,0,0)}}
.vt-c{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep),0 6px 18px -12px rgba(10,60,60,.35);color:var(--label);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;transition:box-shadow .2s,transform .2s}
.vt-c i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.vt-c:hover,.vt-c:focus-visible{box-shadow:0 0 0 1.5px var(--accent),0 8px 22px -12px rgba(10,122,112,.5);transform:translateY(-1px);outline:none}

/* ═══ Same week, run twice ═══ */
.rc-h h2,.rc-h .hero-p{max-width:780px}
.wk7-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.wk7-pick button{appearance:none;-webkit-appearance:none;border:0;margin:0;font:inherit;font-size:14px;font-weight:600;padding:9px 15px;border-radius:999px;background:var(--fill);color:var(--label-2);cursor:pointer;transition:background .2s,color .2s}
.wk7-pick button:hover{color:var(--label)}
.wk7-pick button.on{background:var(--label);color:var(--bg)}
.wk7-pick button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rc{margin-top:32px;padding:26px 28px 24px;border-radius:26px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep),0 30px 60px -40px rgba(10,40,50,.35)}
.rc-g{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:24px;row-gap:10px;align-items:center}
.rc-days{grid-column:2;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:34px;align-items:end}
.rc-days span{font-size:13px;font-weight:700;color:var(--label-3);padding:0 0 6px 8px;border-left:1px solid var(--sep)}
.rc-ph{position:absolute;left:var(--ph,0%);bottom:2px;width:0;z-index:2}
.rc-ph b{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;padding:3px 7px;border-radius:7px;background:var(--label);color:var(--bg);white-space:nowrap;margin-bottom:-2px}
.rc-lane{display:contents}
.rc-lh>b{display:block;font-size:14px;font-weight:700;color:var(--label-2)}
.rc-lane.aft .rc-lh>b{color:var(--accent)}
.rc-tl{display:flex;gap:18px;margin-top:6px}
.rc-tl span{display:block;font-size:12px;color:var(--label-3)}
.rc-tl span b{display:block;font-size:22px;line-height:1.1;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--label)}
.rc-lane.now .rc-tl span b{color:var(--red)}
.rc-lane.aft .rc-tl span b{color:var(--accent)}
.rc-tr{position:relative;height:64px;border-radius:14px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),var(--sep) calc(20% - 1px),var(--sep) 20%),var(--fill);overflow:hidden}
.rc-tr::after{content:"";position:absolute;top:0;bottom:0;left:var(--ph,0%);width:2px;margin-left:-1px;background:var(--label);opacity:.8;z-index:3}
.rc-leak{position:absolute;left:0;bottom:9px;height:5px;width:0;border-radius:0 3px 3px 0;background:repeating-linear-gradient(90deg,var(--orange) 0 6px,transparent 6px 9px);opacity:.85}
.rc-dark{position:absolute;top:12px;height:26px;width:0;border-radius:6px;background:var(--red);opacity:.9}
.rc-lane.aft .rc-dark{background:color-mix(in srgb,var(--red) 70%,var(--orange))}
.rc-mk{position:absolute;top:25px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--bg-el);box-shadow:inset 0 0 0 2px var(--label-3);z-index:4;transform:scale(.6);opacity:.5;transition:transform .3s var(--ease),opacity .3s,box-shadow .3s,background .3s}
.rc-mk.on{transform:none;opacity:1}
.rc-lane.now .rc-mk.on{background:var(--red);box-shadow:0 0 0 3px var(--bg-el),0 0 0 6px var(--red-soft)}
.rc-lane.aft .rc-mk.on{background:var(--accent);box-shadow:0 0 0 3px var(--bg-el),0 0 0 6px var(--accent-soft)}
.rc-key{grid-column:2;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--label-3)}
.rc-key span{display:inline-flex;align-items:center;gap:7px}
.rc-key i{display:inline-block;width:18px;height:9px;border-radius:3px;background:var(--red)}
.rc-key i.lk{height:4px;border-radius:0;background:repeating-linear-gradient(90deg,var(--orange) 0 6px,transparent 6px 9px)}
.rc-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:22px}
.rc-card{position:relative;padding:16px 18px;border-radius:16px;min-height:96px}
.rc-card small{display:block;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--label-3)}
.rc-card p{margin:6px 0 0;font-size:15.5px;line-height:1.45;color:var(--label)}
.rc-card span{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px}
.rc-card.now{background:var(--fill)}
.rc-card.now span{color:var(--red);background:var(--red-soft)}
.rc-card.aft{background:var(--accent-soft)}
.rc-card.aft span{color:var(--accent);background:var(--bg-el)}
.rc-card.flash{animation:rcIn .5s var(--ease) both}
@keyframes rcIn{from{opacity:.35;transform:translateY(6px)}}
.rc-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--label);color:var(--bg);opacity:0;transform:translateY(10px);visibility:hidden;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s .6s}
.rc.end .rc-end{opacity:1;transform:none;visibility:visible;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rc-end p{margin:0;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.rc-end p b{color:#5EF2CF;font-weight:800}
.rc-again{appearance:none;-webkit-appearance:none;border:0;margin:0;flex:none;font:inherit;font-size:14px;font-weight:700;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);color:inherit;cursor:pointer}
.rc-again:hover{background:rgba(255,255,255,.22)}
.rc-n{margin:14px 4px 0;font-size:12.5px;color:var(--label-3)}
/* the live numbers, by the Plan */
.wk7-cs{padding-top:0}
.wk7-live{padding:22px 24px 18px;border-radius:22px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep)}
.wk7-lh{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:700;color:var(--label)}
.wk7-lh i{width:8px;height:8px;border-radius:50%;background:var(--green,#30a46c);animation:wk7Live 2s ease-out infinite}
@keyframes wk7Live{0%{box-shadow:0 0 0 0 rgba(48,164,108,.5)}100%{box-shadow:0 0 0 9px rgba(48,164,108,0)}}
.wk7-n{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:18px;margin-top:16px}
.wk7-n b{display:block;font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--label)}
.wk7-n span{display:block;margin-top:5px;font-size:13px;color:var(--label-3)}
.wk7-ln{margin:16px 0 0;font-size:12.5px;color:var(--label-3)}
@media (max-width:899px){
  .vt-s{padding:2px 0 22px}
  .vt-c{padding:10px 15px;font-size:14px}
  .wk7-pick{flex-wrap:nowrap;overflow-x:auto;margin:20px -16px 0;padding:0 16px 4px;scrollbar-width:none}
  .wk7-pick::-webkit-scrollbar{display:none}
  .wk7-pick button{flex:none}
  .rc{margin:24px -6px 0;padding:18px 14px 16px;border-radius:22px}
  .rc-g{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .rc-days{grid-column:1;height:30px}
  .rc-key{grid-column:1;font-size:11.5px;margin-top:2px}
  .rc-days span{font-size:11.5px;padding-left:5px}
  .rc-lh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:8px}
  .rc-tl{margin-top:0;gap:14px}
  .rc-tl span{text-align:right;font-size:11px}
  .rc-tl span b{font-size:18px}
  .rc-tr{height:52px}
  .rc-dark{top:9px;height:22px}
  .rc-mk{top:20px}
  .rc-leak{bottom:7px}
  .rc-cards{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}
  .rc-card{min-height:0;padding:14px 15px}
  .rc-card::before{display:block;font-size:12px;font-weight:700;margin-bottom:2px}
  .rc-card.now::before{content:"Now";color:var(--red)}
  .rc-card.aft::before{content:"With your fellow";color:var(--accent)}
  .rc-card p{font-size:15px}
  .rc-end{flex-direction:column;align-items:flex-start;gap:12px}
  .rc-end p{font-size:16.5px}
  .wk7-n{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk7-n b{font-size:28px}
}
@media (prefers-reduced-motion:reduce){ .rc-card.flash{animation:none} }

/* ═══ v104 · The Hub on your phone, at the top of every footer ═══ */
.app-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 22px;margin:0 0 34px;border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,#5EF2CF 14%,var(--bg-el)) 0%,var(--bg-el) 55%,color-mix(in srgb,#62a8ff 12%,var(--bg-el)) 100%);box-shadow:0 0 0 1px var(--sep)}
.app-band[hidden]{display:none}
.ab-l{display:flex;align-items:center;gap:14px;min-width:0}
.ab-ph{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0E8577,#0B5A7E);color:#fff}
.ab-ph svg{width:22px;height:22px}
.ab-l b{display:block;font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--label)}
.ab-l small{display:block;font-size:14px;color:var(--label-2);margin-top:2px}
.ab-r{display:flex;gap:10px;flex-wrap:wrap}
.ab-b{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;font:inherit;text-align:left;padding:9px 18px 9px 14px;border-radius:14px;background:#0c0e11;color:#fff;box-shadow:0 6px 16px -10px rgba(0,0,0,.6);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.ab-b:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(0,0,0,.7)}
.ab-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ab-b svg{width:22px;height:22px;flex:none}
.ab-b.ab-and svg{color:#3DDC84}
.ab-b span{display:flex;flex-direction:column;line-height:1.1}
.ab-b small{font-size:11px;opacity:.75;font-weight:500}
.ab-b em{font-style:normal;font-size:15px;font-weight:700;letter-spacing:-.01em}
:root[data-theme="dark"] .ab-b{background:#f2f3f5;color:#0c0e11}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ab-b{background:#f2f3f5;color:#0c0e11}}
.as-ov{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,10,20,.45);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
.as-ov.on{opacity:1}
.as-card{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--bg-el);color:var(--label);border-radius:24px;padding:24px 24px 22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.2,.9,.25,1.1)}
.as-ov.on .as-card{transform:none}
.as-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--fill);color:var(--label-2);font-size:22px;line-height:1;cursor:pointer}
.as-h{display:flex;align-items:center;gap:12px;padding-right:30px}
.as-lg{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0c0e11;color:#fff}
.as-lg.and{color:#3DDC84}
.as-lg svg{width:24px;height:24px}
.as-h b{display:block;font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:-.02em}
.as-h small{display:block;font-size:13.5px;color:var(--label-2);margin-top:2px}
.as-qr{display:flex;align-items:center;gap:16px;margin:18px 0 4px;padding:14px;border-radius:16px;background:var(--bg-el2)}
.as-qr>div{flex:none;width:112px;height:112px;background:#fff;border-radius:12px;padding:8px}
.as-qr>div svg{width:100%;height:100%;display:block}
.as-qr p{margin:0;font-size:14px;color:var(--label-2)}
.as-st{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.as-st li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:15px;line-height:1.45}
.as-st li>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(14,133,119,.12);color:var(--green)}
.as-st .ak{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--fill);vertical-align:-6px;color:#0a84ff}
.as-st .ak svg{width:16px;height:16px}
.as-go{display:flex;justify-content:center;margin-top:18px}
@media (max-width:640px){
  .app-band{padding:16px;border-radius:18px}
  .ab-r{width:100%}.ab-b{flex:1;justify-content:center}
  .as-ov{align-items:flex-end;padding:0}
  .as-card{max-width:none;border-radius:24px 24px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.as-ov,.as-card,.ab-b{transition:none}}

/* ═══ v104 · The homepage in eight sections: centred heads that move, a live cursor in the hero, and the five steps as one tabbed stage ═══ */
/* ── centred section heads: a small pill, two lines (the second in the brand gradient), a centred line under ── */
.shd{max-width:1060px;margin:0 auto;text-align:center}
.sh-k{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid var(--sep);background:var(--bg-el);font-size:14px;font-weight:600;color:var(--label-2);box-shadow:0 1px 2px rgba(10,20,30,.04)}
.sh-k i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(10,122,112,.45);animation:shPing 2.4s ease-out infinite}
@keyframes shPing{0%{box-shadow:0 0 0 0 rgba(94,242,207,.55)}70%,100%{box-shadow:0 0 0 9px rgba(94,242,207,0)}}
.shd h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(34px,5.4vw,66px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;color:var(--label)}
.shd h2>span{display:block}
.shd h2 .g{background:linear-gradient(100deg,#0E8577 0%,#1E9488 30%,#0B5A7E 55%,#1E9488 80%,#0E8577 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shFlow 9s ease-in-out infinite;padding-bottom:.06em}
:root[data-theme="dark"] .shd h2 .g{background-image:linear-gradient(100deg,#6BFFDF 0%,#3CC9A4 35%,#62a8ff 60%,#6BFFDF 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .shd h2 .g{background-image:linear-gradient(100deg,#6BFFDF 0%,#3CC9A4 35%,#62a8ff 60%,#6BFFDF 100%)}}
@keyframes shFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.shd>p:not(.sh-k){max-width:640px;margin:20px auto 0;font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--label-2);text-wrap:pretty}
.shd .btn{margin-top:24px}
/* words rise in, one after another, the first time a head is seen */
.shd .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.shd .w>span{display:inline-block;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--wi,0)*55ms)}
.shd.sh-in .w>span{transform:none}
.shd .sh-k{opacity:0;transform:translateY(8px) scale(.96);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.shd.sh-in .sh-k{opacity:1;transform:none}
.shd>p:not(.sh-k),.shd .btn{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) .35s,transform .7s var(--ease) .35s}
.shd.sh-in>p:not(.sh-k),.shd.sh-in .btn{opacity:1;transform:none}
.shd.rv{opacity:1;transform:none}
/* the sections that now open with a centred head */
#magic .mf-in-h,#who .who-h,#plan .pl1-h{max-width:none}
#faq .fq{grid-template-columns:minmax(0,1fr);gap:36px;max-width:860px;margin:0 auto}
#faq .fq-h{position:static}
#contrast{padding-top:clamp(56px,7vw,96px)}
#who .who-g{margin-top:40px}
#plan .pl1{margin-top:40px}
#magic .hxc{margin-top:44px}

/* ── the try box, now under "It makes the ads" ── */
.mf-try{max-width:640px;margin:36px auto 0;text-align:center}
.mf-try .fa-try2{margin:0;text-align:left}
.mf-try .fa-try-m{text-align:center}
.mf-try-h{margin:0 0 12px;font-weight:700;font-size:16px;color:var(--label)}

/* ── the counted numbers sit in the Plan's head now ── */
#plan .wk7-live{margin:28px auto 0;max-width:880px}

/* ── who it is for: one quiet row at the foot of the hero ── */
.pvhero .vt-in{position:relative;margin-top:clamp(28px,4vw,48px)}
.pvhero .vt-in .vt-h{text-align:center;margin:0 0 12px;font-size:13.5px;font-weight:600;color:var(--label-3)}
.pvhero .vt-c{cursor:default;pointer-events:none}

/* ── the hero cursor: it moves to what is tapped next, and taps ── */
.hro-ph{position:relative}
.hro-cur{position:absolute;left:0;top:0;z-index:40;width:28px;height:28px;pointer-events:none;opacity:0;transform:translate(var(--cx,60%),var(--cy,70%));transition:transform .85s cubic-bezier(.45,.05,.2,1),opacity .35s ease;will-change:transform}
.hro-cur.on{opacity:1}
.hro-cur svg{position:absolute;left:0;top:0;width:24px;height:24px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transform-origin:4px 3px;transition:transform .14s ease}
.hro-cur.tap svg{transform:scale(.82)}
.hro-cur::after{content:"";position:absolute;left:-14px;top:-14px;width:32px;height:32px;border-radius:50%;border:2px solid rgba(94,242,207,.95);opacity:0;transform:scale(.3)}
.hro-cur.tap::after{animation:hroTap .55s ease-out}
@keyframes hroTap{0%{opacity:.95;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
.hro-cur.touch svg{display:none}
.hro-cur.touch::before{content:"";position:absolute;left:-13px;top:-13px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1.5px rgba(10,20,30,.25),0 4px 12px rgba(0,0,0,.25);backdrop-filter:blur(2px)}
.hro-cur.touch::after{left:-16px;top:-16px}
.hro.held .hro-cur{opacity:0}
.hro .ip-tabs span{transition:transform .2s ease}
.hro .ip-tabs span.press{transform:scale(.9)}
.hro .hro-press{animation:hroPress .45s ease}
@keyframes hroPress{0%,100%{transform:none}40%{transform:scale(.97)}}

/* ── the five steps: tabs sitting on one big stage, on a soft wash of the brand's colours ── */
.sc-s{overflow-x:clip}
.sc{position:relative;max-width:1180px;margin:44px auto 0}
.sc-tabs{position:relative;z-index:2;display:flex;justify-content:center;gap:2px;margin:0 auto;width:max-content;max-width:100%;padding:6px 6px 0;border-radius:18px 18px 0 0;background:color-mix(in srgb,var(--bg-el2) 82%,transparent);backdrop-filter:blur(10px)}
.sc-t{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--label-2);padding:12px 18px 14px;border-radius:13px 13px 0 0;cursor:pointer;transition:color .2s,background .25s}
.sc-t svg{width:17px;height:17px;flex:none;opacity:.7}
.sc-t:hover{color:var(--label)}
.sc-t.on{background:var(--bg-el);color:var(--label)}
.sc-t.on svg{opacity:1;color:var(--accent)}
.sc-t u{position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:transparent;overflow:hidden;text-decoration:none}
.sc-t.on u{background:var(--sep)}
.sc-t.on u::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0))}
.sc-t:focus-visible,.sc-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sc-stage{position:relative;z-index:1;background:var(--bg-el);border-radius:30px;padding:16px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 80px -40px rgba(11,40,70,.35),0 0 0 1px color-mix(in srgb,var(--sep) 70%,transparent)}
.sc-aura{position:absolute;z-index:-1;left:50%;width:100vw;top:-40px;bottom:-70px;transform:translateX(-50%);pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent)}
.sc-aura i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.sc-aura i:nth-child(1){width:44vw;height:44vw;left:2vw;top:10%;background:#5EF2CF;animation:scA1 18s ease-in-out infinite}
.sc-aura i:nth-child(2){width:40vw;height:40vw;right:0;top:-6%;background:#62a8ff;animation:scA2 22s ease-in-out infinite}
.sc-aura i:nth-child(3){width:30vw;height:30vw;left:38vw;bottom:-14%;background:var(--sc-c,#f2b33d);opacity:.32;transition:background 1s ease;animation:scA1 26s ease-in-out infinite reverse}
:root[data-theme="dark"] .sc-aura i{opacity:.22}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-aura i{opacity:.22}}
@keyframes scA1{0%,100%{transform:translate(0,0)}50%{transform:translate(4vw,3vw)}}
@keyframes scA2{0%,100%{transform:translate(0,0)}50%{transform:translate(-5vw,4vw)}}
.sc-p{display:none;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px}
.sc-p.on{display:grid;animation:scIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes scIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* left: three things, the one playing lifted onto white */
.sc-l{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:22px;background:color-mix(in srgb,#5EF2CF 9%,var(--bg-el2))}
.sc-i{position:relative;display:grid;grid-template-columns:auto;text-align:left;gap:6px;border:0;font:inherit;color:inherit;background:transparent;border-radius:18px;padding:20px 22px;cursor:pointer;transition:background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
.sc-i:hover{background:color-mix(in srgb,var(--bg-el) 55%,transparent)}
.sc-i.on{background:var(--bg-el);box-shadow:0 1px 2px rgba(10,20,30,.05),0 12px 30px -16px rgba(10,40,60,.3)}
.sc-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--label-3);background:color-mix(in srgb,var(--label) 5%,transparent);margin-bottom:6px;transition:color .3s,background .3s}
.sc-ic svg{width:19px;height:19px}
.sc-i.on .sc-ic{color:#fff;background:linear-gradient(135deg,#0E8577,#0B5A7E)}
.sc-i b{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--label)}
.sc-d{font-size:14.5px;line-height:1.5;color:var(--label-2)}
.sc-bar{position:absolute;left:22px;right:22px;bottom:9px;height:2px;border-radius:2px;background:transparent;overflow:hidden}
.sc-i.on .sc-bar{background:color-mix(in srgb,var(--label) 7%,transparent)}
.sc-i.on .sc-bar::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0))}
/* right: the Hub on a dotted board, with one card floating over it */
.sc-r{position:relative;display:flex;align-items:center;justify-content:center;padding:44px 40px 56px;border-radius:22px;border:1px solid color-mix(in srgb,var(--sep) 80%,transparent);background-color:color-mix(in srgb,var(--bg-el2) 50%,var(--bg-el));background-image:radial-gradient(color-mix(in srgb,var(--label) 14%,transparent) 1px,transparent 1.3px);background-size:18px 18px;min-height:440px;overflow:hidden}
.sc-win{width:100%;max-width:470px;background:var(--bg-el);border-radius:16px;box-shadow:0 0 0 1px color-mix(in srgb,var(--sep) 90%,transparent),0 24px 50px -24px rgba(10,30,50,.35);overflow:hidden;transform:translateX(-14px)}
.sc-wh{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--sep);font-size:13px}
.sc-wh b{font-weight:700}
.sc-wh em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;color:var(--label-3);background:var(--fill);padding:3px 8px;border-radius:999px}
.sc-dots{display:flex;gap:5px}.sc-dots i{width:9px;height:9px;border-radius:50%;background:#ff6159}.sc-dots i:nth-child(2){background:#ffbd2e}.sc-dots i:nth-child(3){background:#28c840}
.sc-wb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;font-size:13.5px}
.sc-n3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sc-n3>div{padding:10px 12px;border-radius:12px;background:var(--bg-el2)}
.sc-n3 b{display:block;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sc-n3 span{display:block;font-size:11.5px;color:var(--label-3);margin-top:2px}
.sc-rows{display:flex;flex-direction:column}
.sc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px;border-radius:11px;transition:background .4s var(--ease),box-shadow .4s var(--ease),opacity .4s}
.sc-row+.sc-row{box-shadow:0 -1px 0 var(--sep)}
.sc-row b{display:block;font-weight:650;font-size:13.5px}
.sc-row small{display:block;font-size:11.5px;color:var(--label-3);margin-top:1px}
[data-hl].hl{background:color-mix(in srgb,#5EF2CF 15%,var(--bg-el));box-shadow:inset 3px 0 0 var(--accent)!important}
.sc-row.hl+.sc-row{box-shadow:none}
.sc-next[data-hl].hl{background:linear-gradient(135deg,#0E8577,#0B5A7E);box-shadow:0 0 0 3px rgba(94,242,207,.55)!important}
.sc-pill{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.sc-pill.g{background:rgba(14,133,119,.12);color:var(--green)}.sc-pill.a{background:rgba(169,88,0,.11);color:#a35a00}.sc-pill.r{background:rgba(204,50,40,.1);color:var(--red)}
.sc-new{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),padding .5s var(--ease),opacity .4s}
.sc-p[data-k="2"] .sc-new{max-height:70px;padding-top:10px;padding-bottom:10px;opacity:1}
.sc-p[data-k="2"] .sc-end{opacity:.5}
.sc-p[data-k="2"] .sc-end b{text-decoration:line-through}
.sc-url{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:var(--bg-el2);font-size:14px}
.sc-url .sc-pill{margin-left:auto}
.sc-lock{width:12px;height:12px;border-radius:3px;border:2px solid var(--green);position:relative;top:1px}
.sc-live{width:6px;height:6px;border-radius:50%;background:currentColor;animation:shPing 2s ease-out infinite}
.sc-chk{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:12px}
.sc-chk div{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--label-2);padding:6px 4px}
.sc-chk i,.ok{flex:none;width:15px;height:15px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat;display:inline-block}
.sc-p.on .sc-chk div{animation:scTick .5s var(--ease) both}
.sc-p.on .sc-chk div:nth-child(2){animation-delay:.15s}.sc-p.on .sc-chk div:nth-child(3){animation-delay:.3s}.sc-p.on .sc-chk div:nth-child(4){animation-delay:.45s}
@keyframes scTick{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.sc-up{padding:10px 12px;border-radius:12px;background:var(--bg-el2)}
.sc-uph{display:flex;justify-content:space-between;align-items:baseline}
.sc-uph b{font-size:13px}.sc-uph small{font-size:11.5px;color:var(--label-3)}
.sc-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;height:34px;margin:8px 0}
.sc-bars i{border-radius:5px;background:linear-gradient(180deg,#6cc693,#0E8577);transform-origin:bottom}
.sc-p.on .sc-bars i{animation:scRise .7s var(--ease) both}
.sc-bars i:nth-child(2){animation-delay:.06s!important}.sc-bars i:nth-child(3){animation-delay:.12s!important}.sc-bars i:nth-child(4){animation-delay:.18s!important}.sc-bars i:nth-child(5){animation-delay:.24s!important}.sc-bars i:nth-child(6){animation-delay:.3s!important}.sc-bars i:nth-child(7){animation-delay:.36s!important}
@keyframes scRise{from{transform:scaleY(0)}}
.sc-chn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg-el2)}
.sc-chn>i,.sc-tie i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#f2b33d,#c9861a);flex:none}
.sc-tie i.v{background:linear-gradient(135deg,#8b7cf6,#5b4bd6)}
.sc-chn b{display:block;font-size:13.5px}.sc-chn small{font-size:11.5px;color:var(--label-3)}
.sc-chn .sc-pill{margin-left:auto}
.sc-lbl{font-size:12px;font-weight:600;color:var(--label-3);margin:2px 2px -6px}
.sc-st>div{flex:1;min-width:0}
.sc-sb{display:block;height:5px;border-radius:3px;background:var(--fill);margin-top:7px;overflow:hidden;max-width:220px}
.sc-sb i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#2aabee,#5EF2CF);transform-origin:left}
.sc-st.r .sc-sb i{background:linear-gradient(90deg,#ff8a7a,#cc3228)}
.sc-p.on .sc-sb i{animation:scGrow 1s var(--ease) both .2s}
@keyframes scGrow{from{transform:scaleX(0)}}
.sc-st em{font-style:normal;text-align:right}
.sc-st em b{font-family:var(--display);font-size:17px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}
.sc-st em small{font-size:11px}
.sc-tie{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:12px;background:var(--bg-el2);font-weight:650;font-size:13px}
.sc-tie span{display:inline-flex;align-items:center;gap:7px}
.sc-tie svg{width:40px;height:12px;color:var(--accent)}
.sc-p.on .sc-tie svg path{stroke-dasharray:60;animation:scDraw 1.2s var(--ease) both .3s}
@keyframes scDraw{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
.sc-tbl{display:flex;flex-direction:column}
.sc-th,.sc-tr{display:grid;grid-template-columns:1.4fr .8fr .6fr 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;font-variant-numeric:tabular-nums}
.sc-th{font-size:11.5px;font-weight:600;color:var(--label-3);padding-bottom:4px}
.sc-tr+.sc-tr{box-shadow:0 -1px 0 var(--sep)}
.sc-tr em{font-style:normal;font-weight:800;text-align:right}
.sc-th span:last-child{text-align:right}
.sc-tr .g,.sc-tr em.g{color:var(--green)}.sc-tr .r,.sc-tr em.r{color:var(--red)}
.sc-line{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-radius:12px;background:var(--bg-el2)}
.sc-line span{font-size:12.5px;color:var(--label-3)}.sc-line b{font-family:var(--display);font-size:22px;font-weight:800}.sc-line small{color:var(--label-3)}
.sc-msg{padding:12px 14px;border-radius:14px;background:var(--bg-el2)}
.sc-msg>b{display:block;margin:6px 0 8px}
.sc-msg .sc-n3>div{background:var(--bg-el)}
.sc-msg p{margin:10px 0 0;font-size:13px;color:var(--label-2)}
.sc-next{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#0E8577,#0B5A7E);color:#fff;font-weight:650}
.sc-next em{font-style:normal;font-size:11.5px;opacity:.8}
.sc-next span{display:inline-flex;align-items:center;gap:8px}
.sc-sp{width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11 3.5l1.8 4.7 4.7 1.8-4.7 1.8L11 16.5l-1.8-4.7L4.5 10l4.7-1.8z'/%3E%3C/svg%3E") center/contain no-repeat}
.sc-tg{flex:none;width:30px;height:30px;border-radius:50%;background:#2aabee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.5 4.3L18.3 19.4c-.2 1-.9 1.3-1.8.8l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.4-5 9-8.2c.4-.4-.1-.6-.6-.2L5.8 13 1 11.5c-1-.3-1-1 .2-1.5L20.2 2.9c.9-.3 1.6.2 1.3 1.4z'/%3E%3C/svg%3E") 45% 55%/15px no-repeat}
.sc-tg.v{background:linear-gradient(135deg,#8b7cf6,#5b4bd6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3 6.5 7 .9-5.2 4.8 1.4 7L12 17.7 5.8 21.2l1.4-7L2 9.4l7-.9z'/%3E%3C/svg%3E") center/14px no-repeat}
.sc-fk .sc-tg{width:18px;height:18px;background-size:10px}
.sc-fk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--label-3);letter-spacing:.01em}
/* the floating card */
.sc-fl{position:absolute;right:22px;bottom:24px;z-index:3;min-width:200px;max-width:250px;padding:16px 18px;border-radius:20px;background:var(--bg-el);box-shadow:0 0 0 1px color-mix(in srgb,var(--sep) 90%,transparent),0 26px 50px -18px rgba(10,30,50,.4);opacity:0;transform:translateY(16px) scale(.94);transition:opacity .45s var(--ease),transform .55s cubic-bezier(.2,.9,.25,1.2);pointer-events:none}
.sc-fl.on{opacity:1;transform:none}
.sc-fb{display:block;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.035em;margin-top:4px;color:var(--label);font-variant-numeric:tabular-nums}
.sc-fb.sm{font-size:17px;letter-spacing:-.02em;overflow-wrap:anywhere}
.sc-fb.r{color:var(--red)}
.sc-fs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--label-2);margin-top:3px}
.sc-fx{display:flex;gap:10px;margin-top:10px}
.sc-fx span{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:650}
.sc-toast{display:flex;align-items:center;gap:10px}
.sc-toast b{display:block;font-size:14px}.sc-toast span{font-size:12px;color:var(--label-2)}
.sc-ring{display:flex;align-items:center;gap:14px}
.sc-ring svg{width:76px;height:76px;flex:none;transform:rotate(-90deg)}
.sc-ring circle{fill:none;stroke-width:11;stroke-linecap:round}
.sc-ring .t{stroke:var(--fill)}
.sc-ring .v{stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1) .15s}
.sc-ring.on .v{stroke-dashoffset:calc(314 * (1 - var(--v)))}
.sc-ring b{display:block;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.03em}
.sc-ring span{font-size:12.5px;color:var(--label-2)}
.sc-gauge{min-width:250px;text-align:center}
.sc-gauge svg{width:170px;height:100px;display:block;margin:0 auto -54px}
.sc-gauge path{fill:none;stroke-width:13;stroke-linecap:round}
.sc-gauge .t{stroke:var(--fill)}
.sc-gauge .v{stroke-dasharray:208;stroke-dashoffset:208;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1) .15s}
.sc-gauge.on .v{stroke-dashoffset:calc(208 * (1 - var(--v)))}
.sc-gauge small{display:block;font-size:10.5px;font-weight:700;color:var(--label-3);letter-spacing:.02em}
.sc-gauge>div>b{display:block;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.035em}
.sc-gx{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--sep)}
.sc-gx span{font-size:11px;color:var(--label-3)}
.sc-gx b{display:block;font-size:14px;color:var(--label);font-variant-numeric:tabular-nums}
.sc-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px;position:relative;z-index:1}
.sc-note{font-size:13px;color:var(--label-3)}
@media (max-width:980px){
  .sc-r{padding:30px 22px 120px;min-height:0}
  .sc-win{transform:none}
  .sc-fl{right:16px;bottom:16px}
}
@media (max-width:760px){
  .sc{margin-top:32px}
  .sc-tabs{width:auto;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;border-radius:16px;padding:5px;margin:0 -16px 12px;background:none;backdrop-filter:none;gap:6px;padding-left:16px;padding-right:16px;scroll-padding:16px}
  .sc-tabs::-webkit-scrollbar{display:none}
  .sc-t{flex:none;border-radius:999px;padding:10px 15px 11px;background:color-mix(in srgb,var(--bg-el) 70%,transparent);box-shadow:0 0 0 1px var(--sep);font-size:14px}
  .sc-t.on{background:#0b1430;color:#fff;box-shadow:none}
  .sc-t.on svg{color:#5EF2CF}
  :root[data-theme="dark"] .sc-t.on{background:#5EF2CF;color:#04211d}
  :root[data-theme="dark"] .sc-t.on svg{color:#04211d}
  .sc-t u{left:14px;right:14px;bottom:4px}
  .sc-t.on u{background:rgba(255,255,255,.18)}
  .sc-t.on u::after{background:#5EF2CF}
  .sc-stage{padding:10px;border-radius:24px}
  .sc-p{grid-template-columns:minmax(0,1fr);gap:10px}
  .sc-r{order:-1;flex-direction:column;align-items:stretch;padding:16px 12px 14px;border-radius:18px;background-size:14px 14px}
  .sc-win{border-radius:13px}
  .sc-wb{padding:12px;gap:10px;font-size:13px}
  .sc-chk{grid-template-columns:1fr}
  .sc-fl{position:relative;left:auto;right:auto;bottom:auto;display:none;margin:-22px 10px 0;max-width:none;min-width:0;padding:13px 15px;border-radius:16px}
  .sc-fl.on{display:flex;flex-direction:column;animation:scPop .5s cubic-bezier(.2,.9,.25,1.2)}
  .sc-fl.sc-toast.on,.sc-fl.sc-ring.on{flex-direction:row}
  .sc-fl.sc-gauge.on{display:grid}
  @keyframes scPop{from{opacity:0;transform:translateY(12px) scale(.96)}}
  .sc-fb{font-size:24px}
  .sc-ring svg{width:58px;height:58px}
  .sc-gauge{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;text-align:left}
  .sc-gauge svg{width:96px;height:58px;margin:0;grid-row:span 2}
  .sc-gauge .sc-gx{grid-column:1 / -1}
  .sc-l{padding:6px;border-radius:18px;gap:2px}
  .sc-i{padding:13px 14px 15px;grid-template-columns:32px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start}
  .sc-ic{width:32px;height:32px;margin:0;grid-row:span 2;border-radius:10px}
  .sc-i b{font-size:16px}
  .sc-d{font-size:13.5px}
  .sc-i:not(.on) .sc-d{display:none}
  .sc-bar{left:58px;right:14px;bottom:6px}
  .shd h2{font-size:clamp(32px,9.4vw,44px)}
  .sh-k{font-size:13px;margin-bottom:14px}
  .shd>p:not(.sh-k){font-size:16.5px;margin-top:14px}
}
@media (max-width:760px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-t.on{background:#5EF2CF;color:#04211d}:root:not([data-theme="light"]) .sc-t.on svg{color:#04211d}:root:not([data-theme="light"]) .sc-t.on u::after{background:#0b1430}}
@media (prefers-reduced-motion:reduce){
  .shd .w>span{transform:none;transition:none}
  .shd .sh-k,.shd>p:not(.sh-k),.shd .btn{opacity:1;transform:none;transition:none}
  .shd h2 .g,.sh-k i,.sc-aura i,.sc-live{animation:none}
  .sc-p.on,.sc-p.on .sc-chk div,.sc-p.on .sc-bars i,.sc-p.on .sc-sb i,.sc-p.on .sc-tie svg path{animation:none}
  .sc-fl,.sc-ring .v,.sc-gauge .v,.sc-new,.sc-row{transition:none}
  .hro-cur{display:none}
}
/* dark theme: the three numbered steps under "Your fellow does it" and "Your fellow makes it" */
.hxc-st li{color:var(--label)}
:root[data-theme="dark"] .hxc-st i{background:rgba(94,242,207,.14);color:#5EF2CF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hxc-st i{background:rgba(94,242,207,.14);color:#5EF2CF}}

/* ═══ v104 · A shorter header and footer ═══ */
.pvsign{font-size:15px;font-weight:600;color:var(--label-2);text-decoration:none;padding:8px 10px;border-radius:10px}
.pvsign:hover{color:var(--label);background:var(--fill)}
.pvm.pvm2{display:none;grid-template-columns:1fr 1fr;gap:4px 8px;width:640px;padding:12px}
.pvd.open .pvm.pvm2{display:grid}
.pvm-c{display:flex;flex-direction:column;gap:2px}
.pvm-c h6{margin:4px 12px 4px;font-size:12.5px;font-weight:700;color:var(--label-3);letter-spacing:.01em}
.pvm-hub{grid-column:1 / -1;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;margin-top:6px;padding:12px 14px!important;border-radius:12px;background:color-mix(in srgb,#5EF2CF 12%,var(--bg-el2))}
.pvm-hub b{font-size:15px}
.pvm-hub span{font-size:13.5px;color:var(--label-2)}
.pvm-hub em{font-style:normal;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0E8577,#0B5A7E);padding:6px 12px;border-radius:999px}
.pvs-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0}
.pvs-g a,.pvs-g button{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;border:0;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);font:inherit;font-size:15px;font-weight:600;color:var(--label);text-decoration:none;text-align:left;cursor:pointer}
.pvs-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pvs-cta .btn{justify-content:center}
.pvf2{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px 40px;padding:6px 0 4px}
.pvf2-l .about{margin:12px 0 0;max-width:360px;font-size:14.5px;line-height:1.55;color:var(--label-2)}
.pvf2-c{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.pvf2-c h6{margin:2px 0 8px;font-size:13px;font-weight:700;color:var(--label)}
.pvf2-c a,.pvf2-c button{padding:5px 0;border:0;background:none;font:inherit;font-size:14.5px;color:var(--label-2);text-decoration:none;cursor:pointer;text-align:left}
.pvf2-c a:hover,.pvf2-c button:hover{color:var(--accent)}
.pvf2-b{align-items:center}
.pvf2-lg{display:flex;flex-wrap:wrap;gap:6px 18px}
.pvf2-lg a{color:var(--label-3);text-decoration:none}
.pvf2-lg a:hover{color:var(--label)}
.pvf2-th{border:0;background:var(--fill);color:var(--label-2);font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}
@media (max-width:1020px){ .pvsign{display:none} }
@media (max-width:760px){
  .pvf2{grid-template-columns:1fr 1fr;gap:26px 20px}
  .pvf2-l{grid-column:1 / -1}
  .pvf2-c a,.pvf2-c button{padding:8px 0;min-height:44px;display:flex;align-items:center}
  .pvf2-b{flex-direction:column;align-items:flex-start;gap:12px}
}

/* ═══ v105 · Solutions: one page per kind of funnel, from one template ═══ */
.sl-hero .pp-mark i{background:color-mix(in srgb,var(--sc) 16%,transparent);color:var(--sc)}
.sl-hero .pp-h1 .sl-g{display:block;background:linear-gradient(100deg,#0E8577 0%,#1E9488 40%,#0B5A7E 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
:root[data-theme="dark"] .sl-hero .pp-h1 .sl-g{background-image:linear-gradient(100deg,#6BFFDF 0%,#3CC9A4 45%,#62a8ff 100%)}
.sl-demo{position:relative;border-radius:22px;background:var(--bg-el);border:1px solid var(--sep);padding:16px;box-shadow:var(--shadow-lg);overflow:hidden}
.sl-dh{display:flex;align-items:center;gap:12px;padding:2px 2px 14px}
.sl-dh>div{flex:1;min-width:0}
.sl-dh b{display:block;font:700 16px/1.2 var(--display);letter-spacing:-.01em;color:var(--label)}
.sl-dh small{display:block;font-size:12.5px;color:var(--label-3);margin-top:2px}
.sl-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--sc);background:color-mix(in srgb,var(--sc) 15%,transparent)}
.sl-ic svg{width:20px;height:20px}
.sl-goal{font-style:normal;font-size:11.5px;font-weight:700;color:var(--sc);background:color-mix(in srgb,var(--sc) 12%,transparent);border-radius:999px;padding:5px 10px;white-space:nowrap}
.sl-rows{display:grid;gap:8px}
.sl-r{border-radius:16px;background:var(--bg-el2);padding:12px 14px;border:1px solid transparent;transition:border-color .5s var(--ease),box-shadow .5s var(--ease),opacity .45s var(--ease),transform .45s var(--ease)}
.sl-rh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.sl-rh b{font-size:14.5px;font-weight:700;color:var(--label)}
.sl-rh span{font:500 12.5px/1 var(--mono);color:var(--label-3)}
.sl-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sl-n div{min-width:0}
.sl-n b{display:block;font:600 17px/1.15 var(--mono);color:var(--label);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sl-n small{display:block;font-size:11px;line-height:1.3;color:var(--label-3);margin-top:3px}
.sl-n div:last-child b{color:var(--label)}
.sl-r.best{border-color:color-mix(in srgb,var(--sc) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc) 14%,transparent)}
.sl-r.best .sl-n div:last-child b{color:var(--sc)}
.sl-r.sl-dim{opacity:.62}
.sl-toast{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:16px;background:var(--bg);border:1px solid var(--sep);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.sl-toast img{width:28px;height:28px;border-radius:24%;flex:none}
.sl-toast b{display:block;font-size:12.5px;font-weight:700;color:var(--label-2)}
.sl-toast p{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--label)}
/* the one moment: rows come in, numbers count, the best lights, the morning message lands */
.sl-demo[data-st="0"] .sl-r{opacity:0;transform:translateY(10px)}
.sl-demo[data-st="0"] .sl-toast,.sl-demo[data-st="1"] .sl-toast{opacity:0;transform:translateY(12px)}
/* before and after */
.sl-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.sl-ba-c{border-radius:24px;padding:22px;border:1px solid var(--sep)}
.sl-ba-c.off{background:var(--bg-el2)}
.sl-ba-c.on{background:var(--bg-el);box-shadow:var(--shadow)}
.sl-tag{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--display);color:var(--label-2);margin-bottom:14px}
.sl-tag i{width:8px;height:8px;border-radius:50%;background:var(--label-3)}
.sl-tag.f{color:var(--accent)}.sl-tag.f i{background:var(--brand-grad)}
.sl-ba-c h3{font:700 22px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 14px;color:var(--label)}
.sl-off{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sl-off li{border-radius:14px;background:var(--bg-el);padding:12px 14px;border:1px solid var(--sep)}
.sl-off b{display:block;font-size:15px;color:var(--label)}
.sl-off span{display:block;font-size:13.5px;color:var(--label-3);margin-top:2px}
.sl-cmp{display:grid;gap:8px}
.sl-cmp div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;background:var(--bg-el2)}
.sl-cmp div.best{background:color-mix(in srgb,var(--sc) 10%,var(--bg-el2))}
.sl-cmp span{font-size:14px;font-weight:600;color:var(--label)}
.sl-cmp em{font-style:normal;text-align:right}
.sl-cmp em b{display:block;font:600 17px/1.1 var(--mono);color:var(--label);font-variant-numeric:tabular-nums}
.sl-cmp div.best em b{color:var(--sc)}
.sl-cmp em small{display:block;font-size:11px;color:var(--label-3);margin-top:2px}
/* the funnel, in order */
.sl-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:sl}
.sl-steps li{position:relative;border-radius:20px;background:var(--bg-el);border:1px solid var(--sep);padding:18px 16px 16px;counter-increment:sl;display:flex;flex-direction:column}
.sl-steps li::before{content:counter(sl);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--display);color:var(--sc);background:color-mix(in srgb,var(--sc) 14%,transparent);margin-bottom:12px}
.sl-steps li:not(:last-child)::after{content:"";position:absolute;top:31px;right:-13px;width:14px;height:2px;background:var(--sep-strong)}
.sl-steps b{font:700 16px/1.25 var(--display);color:var(--label)}
.sl-steps p{font-size:13.5px;line-height:1.45;color:var(--label-2);margin:6px 0 12px;flex:1}
.sl-steps a,.sl-steps em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;min-height:24px}
.sl-steps em{color:var(--label-3)}
.sl-steps a:hover{text-decoration:underline}
/* the two numbers */
.sl-nums{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.sl-num{border-radius:22px;background:var(--bg-el);border:1px solid var(--sep);padding:22px}
.sl-num b{display:block;font:700 20px/1.2 var(--display);letter-spacing:-.01em;color:var(--label)}
.sl-num p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--label-2)}
.sl-num em{display:inline-block;margin-top:14px;font:600 13px/1 var(--mono);font-style:normal;color:var(--sc);background:color-mix(in srgb,var(--sc) 10%,transparent);border-radius:8px;padding:7px 9px}
/* questions and the other solutions */
.sl-faq{max-width:820px;margin:32px auto 0}
.sl-more{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}
.sl-more a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 8px;border-radius:999px;background:var(--bg-el);border:1px solid var(--sep);color:var(--label);font-weight:600;font-size:14.5px;text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.sl-more a i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--oc);background:color-mix(in srgb,var(--oc) 14%,transparent)}
.sl-more a i svg{width:16px;height:16px}
.sl-more a:hover{border-color:var(--oc);transform:translateY(-1px)}
@media (max-width:1020px){.sl-steps{grid-template-columns:1fr 1fr}.sl-steps li::after{display:none}}
@media (max-width:760px){
  .sl-ba,.sl-nums{grid-template-columns:1fr}
  .sl-steps{grid-template-columns:1fr;gap:0;position:relative}
  .sl-steps li{flex-direction:row;flex-wrap:wrap;gap:0 14px;border-radius:0;border:0;border-bottom:1px solid var(--sep);background:none;padding:16px 0}
  .sl-steps li::before{margin:0}
  .sl-steps li>div{flex:1;min-width:0}
  .sl-steps p{margin:4px 0 8px}
  .sl-demo{padding:12px;border-radius:20px}
  .sl-dh{flex-wrap:wrap}.sl-goal{order:3;margin-left:50px}
  .sl-r{padding:11px 12px}
  .sl-n{gap:6px}.sl-n b{font-size:15.5px}.sl-n small{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.sl-r,.sl-toast,.sl-more a{transition:none}}
.sl-steps li>div{display:flex;flex-direction:column;flex:1;min-width:0}


.sl-plh{margin-bottom:36px}

/* ═══ v105 · The header: The Hub, Solutions, Supplies, Pricing, Resources. One panel that changes shape ═══ */
.pvh .pvn,.pvh .pvd{display:none!important}
.nv{position:relative;display:flex;align-items:center;gap:2px;margin-left:14px}
.nv-t{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 13px;border:0;border-radius:12px;background:none;font:500 15px/1 var(--font);color:#4b5563;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease)}
.nv-t svg{width:14px;height:14px;opacity:.7;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nv-t[aria-expanded="true"] svg{transform:rotate(180deg)}
.nv-t:hover,.nv-t[aria-expanded="true"],.nv-t[aria-current="page"],.nv-t.cur{color:var(--label)}
.nv-t.cur::after,.nv-t[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.nv-t:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nv-pill{position:absolute;top:50%;left:0;width:0;height:40px;margin-top:-20px;border-radius:12px;background:rgba(0,0,0,.05);opacity:0;pointer-events:none;transition:left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .2s}
.nv.nv-is-pill .nv-pill{opacity:1}
.nv-panel{position:absolute;top:calc(100% + 15px);left:0;width:var(--w,600px);height:var(--h,300px);border-radius:22px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 28px 60px -24px rgba(15,23,42,.35),0 10px 24px -14px rgba(15,23,42,.18);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:var(--ox,50%) 0;pointer-events:none;transition:opacity .2s var(--ease),transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s,left .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1)}
.nv.nv-is-open .nv-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .2s var(--ease),transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s,left .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1)}
.nv.nv-is-snap .nv-panel{transition:opacity .2s var(--ease),transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.nv-panel::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(94,242,207,.7),rgba(98,168,255,.6),transparent)}
.nv-stage{position:relative;width:100%;height:100%}
.nv-v{position:absolute;top:0;left:0;display:grid;gap:10px;padding:14px;opacity:0;visibility:hidden;transform:translateX(var(--dx,0));transition:opacity .22s var(--ease),transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s .34s}
.nv-v.on{opacity:1;visibility:visible;transform:none;transition:opacity .26s var(--ease) .04s,transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s}
.nv-v[data-m="hub"]{width:968px;grid-template-columns:300px 316px 1fr}
.nv-v[data-m="sol"]{width:820px;grid-template-columns:1fr 240px}
.nv-v[data-m="sup"]{width:600px;grid-template-columns:1fr 230px}
.nv-v[data-m="res"]{width:620px;grid-template-columns:1fr 220px}
.nv-c{display:flex;flex-direction:column;gap:2px;min-width:0}
.nv-g2{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px;align-content:start}
.nv-g2 h6{grid-column:1 / -1}
.nv-c h6,.nv-pv h6{margin:4px 10px 6px;font-size:12px;font-weight:700;color:var(--label-3);letter-spacing:.01em}
.nv-i{display:flex;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:14px;background:none;font:inherit;text-align:left;color:var(--label);text-decoration:none;cursor:pointer;transition:background .18s var(--ease)}
.nv-i>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--ic);background:color-mix(in srgb,var(--ic) 13%,transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.nv-i>i svg{width:18px;height:18px}
.nv-i div{min-width:0}
.nv-i b{display:block;font-size:14.5px;font-weight:650;line-height:1.25}
.nv-i span{display:block;font-size:12.5px;line-height:1.35;color:var(--label-3);margin-top:1px}
.nv-i:hover,.nv-i.nv-hv,.nv-i:focus-visible{background:var(--bg-el2);outline:0;text-decoration:none}
.nv-i:hover>i,.nv-i.nv-hv>i{transform:scale(1.06)}
.nv-i[aria-current="page"] b{color:var(--accent)}
.nv-i .pvn-new{display:none}
.nv-ev{padding-left:12px;border-left:1px solid var(--sep)}
.nv-e{display:flex;align-items:center;min-height:36px;padding:0 10px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--label-2);text-decoration:none;text-align:left;cursor:pointer}
.nv-e:hover,.nv-e:focus-visible{color:var(--label);background:var(--bg-el2);outline:0}
.nv-open{display:block;margin-top:auto;padding:12px 14px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0E8577,#0B5A7E);box-shadow:0 10px 24px -14px rgba(11,90,126,.8)}
.nv-open b{display:block;font-size:14.5px}
.nv-open span{display:block;font-size:12.5px;opacity:.85;margin-top:1px}
.nv-note{margin:8px 10px 2px;font-size:12.5px;color:var(--label-3)}
.nv-pv{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:16px;background:var(--bg-el2);padding:16px;min-height:200px;overflow:hidden}
.nv-tools{justify-content:flex-start}
.nv-panel a:hover{text-decoration:none}
.nv-pvk{display:none}
.nv-pvk.on{display:block;animation:nvPvIn .4s cubic-bezier(.2,.8,.2,1)}
@keyframes nvPvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nv-pv small{display:block;margin-top:12px;font-size:12px;line-height:1.4;color:var(--label-3)}
.nv-tools a{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--label);text-decoration:none}
.nv-tools a:hover{background:var(--bg-el)}
/* the previews */
.pv-ad{border-radius:14px;background:var(--bg-el);padding:12px;box-shadow:0 0 0 1px var(--sep)}
.pv-adh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pv-adh b{font-size:12.5px}
.pv-adh em{font-style:normal;font-size:11px;font-weight:700;color:#0A7A70;background:rgba(10,122,112,.1);border-radius:999px;padding:3px 8px}
.pv-ty{margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.35;color:var(--label)}
.pv-ty span{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--accent);animation:pvType 1.6s steps(40,end) both,pvCaret .8s step-end 1.6s 3}
@keyframes pvType{from{width:0}to{width:100%}}
@keyframes pvCaret{50%{border-color:transparent}}
.pv-ln{display:block;height:7px;border-radius:4px;background:var(--fill);margin-top:6px;transform-origin:0 50%;animation:pvGrow .6s cubic-bezier(.2,.8,.2,1) .9s both}
.pv-ln.s{width:62%;animation-delay:1.1s}
@keyframes pvGrow{from{transform:scaleX(0)}to{transform:none}}
.pv-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.pv-cal i{aspect-ratio:1;border-radius:6px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep)}
.pv-cal i.w{animation:pvFill .35s var(--d) both}
@keyframes pvFill{to{background:color-mix(in srgb,#0A7A70 22%,var(--bg-el));box-shadow:0 0 0 1px rgba(10,122,112,.35)}}
.pv-up{display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--bg-el);padding:10px 12px;box-shadow:0 0 0 1px var(--sep)}
.pv-up b{flex:1;font-size:13px}
.pv-up em{font-style:normal;font-size:11px;font-weight:700;color:#0A7A70}
.pv-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#22c55e}
.pv-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22c55e;animation:pvPing 1.6s ease-out infinite}
@keyframes pvPing{from{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}
.pv-spark{display:flex;align-items:flex-end;gap:4px;height:56px;margin-top:12px}
.pv-spark i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#3CC9A4,#1E9488);transform-origin:50% 100%;animation:pvRise .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes pvRise{from{transform:scaleY(0)}to{transform:none}}
.pv-big b{display:block;font:700 30px/1 var(--display);letter-spacing:-.03em;color:var(--sc,var(--label))}
.pv-big span{display:block;font-size:12.5px;color:var(--label-3);margin-top:4px}
.pv-bars{display:grid;gap:7px;margin-top:12px}
.pv-bars i{position:relative;display:block;height:22px;border-radius:7px;background:var(--bg-el);overflow:hidden}
.pv-bars i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:color-mix(in srgb,#2aabee 26%,transparent);animation:pvGrow .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:0 50%}
.pv-bars em{position:relative;font-style:normal;font-size:11.5px;font-weight:600;line-height:22px;padding-left:8px;color:var(--label)}
.pv-acc{display:grid;grid-template-columns:1fr auto;gap:0 8px;border-radius:12px;background:var(--bg-el);padding:10px 12px;box-shadow:0 0 0 1px var(--sep);margin-bottom:6px;animation:nvPvIn .4s both}
.pv-acc.o{animation-delay:.12s;opacity:.7}
.pv-acc b{font-size:13px}.pv-acc span{grid-row:2;font-size:11.5px;color:var(--label-3)}
.pv-acc em{grid-row:1 / 3;align-self:center;font-style:normal;font-size:11px;font-weight:700;color:#0A7A70;background:rgba(10,122,112,.1);border-radius:999px;padding:3px 8px}
.pv-acc em.x{color:#c0262d;background:rgba(192,38,45,.1)}
.pv-card{position:relative;aspect-ratio:1.6;border-radius:14px;padding:14px;color:#fff;background:linear-gradient(135deg,#1E9488,#0B5A7E 60%,#1B224A);display:flex;flex-direction:column;justify-content:space-between;animation:pvTilt .7s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}
.pv-card::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);animation:pvShine 2.4s ease-in-out .5s infinite}
.pv-card b{font-size:12px;letter-spacing:.02em}.pv-card span{font:600 15px/1 var(--mono);letter-spacing:.08em}.pv-card em{font-style:normal;font-size:11px;opacity:.8}
@keyframes pvTilt{from{transform:perspective(500px) rotateX(18deg) translateY(10px);opacity:0}to{transform:none;opacity:1}}
@keyframes pvShine{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
.pv-sms{border-radius:16px 16px 16px 4px;background:var(--bg-el);padding:12px 14px;box-shadow:0 0 0 1px var(--sep);animation:nvPvIn .45s both}
.pv-sms b{display:block;font-size:12px;color:var(--label-3)}.pv-sms span{font:600 18px/1.4 var(--mono);letter-spacing:.12em}
.pv-lv{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:10.5px;font-weight:700;color:var(--label-3);text-align:center}
.pv-lv span.on{color:#d9730d}
.pv-meter{height:8px;border-radius:4px;background:var(--bg-el);margin-top:8px;overflow:hidden}
.pv-meter i{display:block;width:50%;height:100%;border-radius:4px;background:linear-gradient(90deg,#f2b33d,#d9730d);transform-origin:0 50%;animation:pvGrow 1s cubic-bezier(.2,.8,.2,1) both}
.pv-fn{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px}
.pv-fn span{font-size:11.5px;font-weight:700;color:var(--label-2);background:var(--bg-el);border-radius:999px;padding:5px 9px;box-shadow:0 0 0 1px var(--sep);animation:nvPvIn .35s var(--d) both}
.pv-fn span:not(:last-child)::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-top:1.6px solid var(--label-3);border-right:1.6px solid var(--label-3);transform:rotate(45deg) translateY(-1px)}
/* the right side */
.pvh-r{display:flex;align-items:center;gap:6px}
.nv-th{position:relative;width:40px;height:40px;border:0;border-radius:12px;background:none;color:var(--label-2);cursor:pointer;display:grid;place-items:center;transition:background .2s var(--ease),color .2s var(--ease)}
.nv-th:hover{background:var(--fill);color:var(--label)}
.nv-th svg{position:absolute;width:19px;height:19px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s var(--ease)}
.nv-th .moon{opacity:0;transform:rotate(-90deg) scale(.5)}
:root[data-theme="dark"] .nv-th .sun{opacity:0;transform:rotate(90deg) scale(.5)}
:root[data-theme="dark"] .nv-th .moon{opacity:1;transform:none}
.nv-burg{position:relative;width:42px;height:42px}
.nv-burg i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .34s cubic-bezier(.2,.8,.2,1),top .34s cubic-bezier(.2,.8,.2,1)}
.nv-burg i:first-child{top:16px}.nv-burg i:last-child{top:24px}
body.nv-on .nv-burg i:first-child{top:20px;transform:rotate(45deg)}
body.nv-on .nv-burg i:last-child{top:20px;transform:rotate(-45deg)}
@media (min-width:1024px){.pvh .pvburg{display:none!important}.pvsign{display:inline-flex!important}}
@media (max-width:1023px){.nv,.pvsign{display:none!important}.pvh .pvburg{display:inline-grid!important}}
@media (max-width:560px){.nv-th{display:none}}
/* the phone sheet */
.nvs{position:fixed;inset:0;z-index:48;visibility:hidden;pointer-events:none}
.nvs.on{visibility:visible;pointer-events:auto}
.nvs-bg{position:absolute;inset:0;background:rgba(10,14,20,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ease)}
.nvs.on .nvs-bg{opacity:1}
.nvs-card{position:absolute;left:10px;right:10px;top:var(--top,72px);max-height:calc(100dvh - var(--top,72px) - 10px);display:flex;flex-direction:column;border-radius:24px;background:var(--bg);box-shadow:0 0 0 1px var(--sep),0 30px 60px -20px rgba(0,0,0,.35);overflow:hidden;opacity:0;transform:translateY(-14px) scale(.97);transform-origin:50% 0;transition:opacity .25s var(--ease),transform .38s cubic-bezier(.2,.8,.2,1)}
.nvs.on .nvs-card{opacity:1;transform:translateY(var(--drag,0px))}
.nvs.nvs-drag .nvs-card{transition:none}
.nvs-grab{display:block;width:36px;height:4px;border-radius:2px;background:var(--label-4,rgba(0,0,0,.18));margin:8px auto 2px;flex:none}
.nvs-track{position:relative;flex:1;min-height:0;overflow:hidden;transition:height .34s cubic-bezier(.2,.8,.2,1)}
.nvs-v{position:absolute;inset:0 0 auto 0;padding:6px 14px 12px;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s var(--ease),visibility 0s .38s}
.nvs-v.on{position:relative;opacity:1;visibility:visible;transform:none;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s var(--ease),visibility 0s}
.nvs-v.out{transform:translateX(-28%);opacity:0}
.nvs-r,.nvs-l{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 4px;border:0;border-bottom:1px solid var(--sep);background:none;font:inherit;text-align:left;color:var(--label);text-decoration:none;cursor:pointer}
.nvs-r>i,.nvs-l>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent)}
.nvs-r>i svg,.nvs-l>i svg{width:18px;height:18px}
.nvs-r>span:not(.chev),.nvs-l>span{flex:1;min-width:0}
.nvs-r b,.nvs-l b{display:block;font-size:16px;font-weight:650}
.nvs-r small,.nvs-l small{display:block;font-size:12.5px;color:var(--label-3);margin-top:1px;line-height:1.35}
.nvs-l[aria-current="page"] b,.nvs-r[aria-current="page"] b{color:var(--accent)}
.nvs-l .pvn-new{display:none}
.nvs.on .nvs-v.on>*{animation:nvsIn .42s cubic-bezier(.2,.8,.2,1) both}
.nvs.on .nvs-v.on>*:nth-child(2){animation-delay:30ms}.nvs.on .nvs-v.on>*:nth-child(3){animation-delay:60ms}.nvs.on .nvs-v.on>*:nth-child(4){animation-delay:90ms}.nvs.on .nvs-v.on>*:nth-child(5){animation-delay:120ms}.nvs.on .nvs-v.on>*:nth-child(6){animation-delay:150ms}.nvs.on .nvs-v.on>*:nth-child(n+7){animation-delay:180ms}
@keyframes nvsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nvs-th{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 4px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--label-2);cursor:pointer}
.nvs-sw{position:relative;width:46px;height:28px;border-radius:999px;background:var(--fill);transition:background .25s var(--ease)}
.nvs-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
:root[data-theme="dark"] .nvs-sw{background:#0A7A70}
:root[data-theme="dark"] .nvs-sw::after{transform:translateX(18px)}
.nvs-back{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 8px 0 0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--accent);cursor:pointer}
.nvs-back svg{width:20px;height:20px}
.nvs-v h5{margin:0 0 4px 4px;font:700 24px/1.15 var(--display);letter-spacing:-.02em;color:var(--label)}
.nvs-v h6{margin:18px 4px 6px;font-size:12.5px;font-weight:700;color:var(--label-3)}
.nvs-ev{display:flex;flex-wrap:wrap;gap:8px}
.nvs-e{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);font:inherit;font-size:14px;font-weight:600;color:var(--label);text-decoration:none;cursor:pointer}
.nvs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.nvs-tile{display:flex;flex-direction:column;gap:4px;min-height:118px;padding:14px;border-radius:18px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);color:var(--label);text-decoration:none}
.nvs-tile i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:6px;color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent)}
.nvs-tile i svg{width:18px;height:18px}
.nvs-tile b{font-size:15px;font-weight:700;line-height:1.2}
.nvs-tile small{font-size:12px;line-height:1.35;color:var(--label-3)}
.nvs-tile[aria-current="page"]{box-shadow:0 0 0 2px var(--accent)}
.nvs-note{margin:12px 4px 0;font-size:13px;color:var(--label-3)}
.nvs-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sep);background:var(--bg);flex:none}
.nvs-cta .btn{justify-content:center;min-height:48px}
body.nv-lock{overflow:hidden}
/* the footer, in the same groups */
.pvf2.pvf3{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:28px 32px}
@media (max-width:1020px){.pvf2.pvf3{grid-template-columns:repeat(4,minmax(0,1fr))}.pvf2.pvf3 .pvf2-l{grid-column:1 / -1}}
@media (max-width:760px){.pvf2.pvf3{grid-template-columns:1fr 1fr}}
/* dark */
:root[data-theme="dark"] .nv-t{color:#c7cbd1}
:root[data-theme="dark"] .nv-t:hover,:root[data-theme="dark"] .nv-t[aria-expanded="true"],:root[data-theme="dark"] .nv-t.cur,:root[data-theme="dark"] .nv-t[aria-current="page"]{color:#f3f4f6}
:root[data-theme="dark"] .nv-pill{background:rgba(255,255,255,.08)}
:root[data-theme="dark"] .nv-panel{background:rgba(28,28,30,.96);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 28px 60px -24px rgba(0,0,0,.8)}
:root[data-theme="dark"] .nvs-card{background:#1c1c1e}
:root[data-theme="dark"] .nvs-cta{background:#1c1c1e}
@media (prefers-reduced-motion:reduce){
  .nv-panel,.nv-v,.nv-pill,.nvs-card,.nvs-v,.nvs-bg,.nv-burg i,.nv-th svg{transition:none!important}
  .nv-pvk.on,.nvs.on .nvs-v.on>*,.pv-ty span,.pv-ln,.pv-cal i.w,.pv-dot::after,.pv-spark i,.pv-bars i::before,.pv-acc,.pv-card,.pv-card::after,.pv-sms,.pv-meter i,.pv-fn span{animation:none!important}
  .pv-cal i.w{background:color-mix(in srgb,#0A7A70 22%,var(--bg-el))}
}

/* ═══ v106 · The hero, direct: the promise first, your funnel picked, stories on a phone, arrows on a computer ═══ */
.hp-tag{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 12px 5px 5px;border-radius:999px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);font:600 13.5px/1 var(--font);color:var(--label-2)}
.hp-tag img{width:22px;height:22px;border-radius:24%}
.pvhero .hp-tag+h1{margin-top:18px}
.hp-fun{margin-top:26px}
.hp-fh{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--label-3)}
.hp-cs{display:flex;flex-wrap:wrap;gap:8px}
.hp-c{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);font:600 14px/1 var(--font);color:var(--label);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.hp-c:hover{box-shadow:0 0 0 1px var(--label-3)}
.hp-c:active{transform:scale(.97)}
.hp-c.on{color:#fff;background:linear-gradient(135deg,#0E8577,#0B5A7E);box-shadow:0 8px 18px -10px rgba(11,90,126,.8)}
.hp-c:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hp-go{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin-top:6px;font-size:14.5px;font-weight:650;color:var(--accent);text-decoration:none}
.hp-go:hover{text-decoration:underline}
/* arrows beside the phone */
.hro-arw{position:absolute;top:44%;left:50%;z-index:3;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--bg-el);color:var(--label);box-shadow:0 0 0 1px var(--sep),0 10px 24px -12px rgba(15,23,42,.35);cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease)}
.hro-arw svg{width:20px;height:20px}
.hro-arw.p{margin-left:-210px}.hro-arw.n{margin-left:166px}
.hro-arw:hover{transform:scale(1.06)}
.hro-arw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (hover:none),(pointer:coarse),(max-width:1023px){.hro-arw{display:none}}
/* stories on a phone: bars at the top of the screen, a first-time hint */
.hro-sb2{position:absolute;left:22px;right:22px;top:60px;z-index:11;display:flex;gap:4px;pointer-events:none}
.hro-sb2 i{flex:1;height:3px;border-radius:2px;background:rgba(15,23,42,.14);overflow:hidden}
.hro-sb2 b{display:block;height:100%;width:calc(var(--p,0) * 100%);border-radius:2px;background:#0E8577}
.ip.sb-light .hro-sb2 i,.ip-lock.on~.hro-sb2 i{background:rgba(255,255,255,.3)}
.ip.sb-light .hro-sb2 b{background:#fff}
@media (hover:hover) and (pointer:fine){.hro-sb2{display:none}}
@media (hover:none),(pointer:coarse){.hro-rail{display:none}}
.hro-hint{position:absolute;right:-6px;top:46%;z-index:13;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-radius:999px;background:rgba(11,20,48,.88);color:#fff;font:600 13px/1 var(--font);opacity:0;transform:translateX(8px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
.hro-hint::before{content:"";width:12px;height:12px;border-radius:50%;background:#5EF2CF;box-shadow:0 0 0 0 rgba(94,242,207,.6);animation:hroHint 1.2s ease-out infinite}
.hro-hint.on{opacity:1;transform:none}
@keyframes hroHint{to{box-shadow:0 0 0 10px rgba(94,242,207,0)}}
@media (min-width:761px){.hp-fun.hp-m{display:none}}
@media (max-width:760px){
  .hp-fh{padding:0}
  .hp-cs{flex-wrap:nowrap;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hp-cs::-webkit-scrollbar{display:none}
  .hp-fun.hp-d{display:none}
  .hp-fun.hp-m{margin:18px 0 0}
  .hp-m .hp-cs{margin:0 -16px}
}
@media (prefers-reduced-motion:reduce){.hro-hint,.hro-hint::before{animation:none;transition:none}.hp-c,.hro-arw{transition:none}}

.hro{--hd:.65s}
.hro .wk-scr.on .ip-tgc{animation-delay:calc(1.6s + var(--hd))}
@media (prefers-reduced-motion:reduce){.hro{--hd:0s}}

/* ═══ v107 · what free is, one ad before the email, live stock, the walkthrough ═══ */
.hb-free{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--label-2);max-width:520px}
.hb-free b{color:var(--label);font-weight:650}
.ft-one .ft-ad p{margin:8px 0 6px;white-space:pre-line;font-size:15px;line-height:1.5;color:var(--label)}
.ft-one .ft-ad b{display:block;font-size:14px}
.ft-one .ft-ad .ft-fl{display:block;margin-top:8px;font-size:12.5px;color:var(--orange)}
.ft-ad-h em.ok,.ft-ad-h em.bad{width:auto;height:auto;flex:none;white-space:nowrap}
.ft-more{padding:14px;border-radius:14px;background:var(--bg-el2);box-shadow:0 0 0 1px var(--sep)}
.ft-more>p{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:var(--label-2)}
.ft-more>p b{color:var(--label)}
.tf-stk{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30c76b;box-shadow:0 0 0 3px rgba(48,199,107,.18);margin-right:7px;vertical-align:1px}
.tf-stk-l{margin:14px 0 0;font-size:14.5px;font-weight:600;color:var(--label-2)}
.sl-walk{display:inline-flex;align-items:center;gap:8px}
.sl-walk svg{width:18px;height:18px;color:#2aabee;flex:none}
.sl-walk-n{margin:12px 0 0;font-size:14px;color:var(--label-3)}
@media (max-width:760px){.hb-free{text-align:center;margin-left:auto;margin-right:auto;font-size:14px}.sl-walk-n{text-align:left}}

/* ═══ v108 · Pricing: hire your fellow, build your crew ═══ */
.fw-av{width:var(--s);height:var(--s);border-radius:calc(var(--s)*.32);display:grid;place-items:center;flex:none;color:#fff;background:var(--c)}
.fw-av svg{width:48%;height:48%}
.fw-hero .fw-h{text-align:center;max-width:760px;margin:0 auto}
.fw-hero .pp-h1 .g{display:block;background:var(--brand-grad,linear-gradient(110deg,#0e8577,#0b5a7e));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.fw-hero .pp-sub{margin-left:auto;margin-right:auto}
.fw-lead{position:relative;overflow:hidden;margin-top:36px;padding:26px 22px;border-radius:28px;color:#fff;background:radial-gradient(120% 90% at 10% 0%,#1d6f63 0%,#0d3a4a 55%,#0b1d2e 100%);box-shadow:0 30px 60px -36px rgba(11,40,60,.9);display:grid;gap:20px}
.fw-lead:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.fw-lead>*{position:relative}
.fw-lt{display:flex;align-items:center;gap:14px}
.fw-lt b{display:block;font:700 22px/1.1 var(--display)}
.fw-lt small{display:block;font-size:13.5px;color:rgba(230,255,246,.72);margin-top:3px}
.fw-pr{font-size:58px;font-weight:720;letter-spacing:-.045em;line-height:1;margin:20px 0 2px;font-variant-numeric:tabular-nums}
.fw-pr small{font-size:17px;font-weight:500;letter-spacing:0;color:rgba(230,255,246,.66)}
.fw-sub{font-size:15px;color:rgba(230,255,246,.8);margin:6px 0 0}
.fw-go{width:100%;margin-top:18px;background:#fff!important;color:#0b2a36!important;box-shadow:none!important}
.fw-fn{font-size:13px;color:rgba(230,255,246,.66);text-align:center;margin:10px 0 0}
.fw-core{display:grid;gap:10px}
.fw-cf{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fw-cf b{display:block;font-size:15px;font-weight:650}
.fw-cf small{display:block;font-size:13px;color:rgba(230,255,246,.72);margin-top:3px;line-height:1.4}
.fw-s2{margin-top:56px}
.fw-s2 h2{font:760 32px/1.05 var(--display);letter-spacing:-.03em;margin:0}
.fw-s2>p{font-size:16px;color:var(--label-2);margin:10px 0 0;max-width:620px}
.fw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.fw-sp{text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;padding:16px;border-radius:20px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);display:flex;flex-direction:column;gap:10px}
.fw-sp b{display:block;font-size:15px;font-weight:650;color:var(--label)}
.fw-sp small{display:block;font-size:12.5px;color:var(--label-3);line-height:1.35;margin-top:2px}
.fw-pp{margin-top:auto}
.fw-sp:hover{box-shadow:0 0 0 1px var(--accent);transform:translateY(-1px)}
.fw-pp b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.fw-pp span{display:block;font-size:12px;color:var(--label-3);margin-top:2px}
.fw-how{display:grid;gap:10px;margin-top:28px}
.fw-how>div{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep)}
.fw-n{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:750;flex:none}
.fw-how b{display:block;font-size:15.5px;color:var(--label)}
.fw-how small{display:block;font-size:14px;color:var(--label-2);margin-top:3px;line-height:1.45}
.fw-h3{font:720 24px/1.15 var(--display);letter-spacing:-.02em;margin:44px 0 0;color:var(--label)}
.fw-lad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.fw-lad>div{padding:18px 12px;border-radius:18px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep);text-align:center}
.fw-in{display:block;font-size:13.5px;font-weight:600;color:var(--label-3)}
.fw-lad b{display:block;font-size:24px;font-weight:720;letter-spacing:-.02em;margin-top:8px;color:var(--label);font-variant-numeric:tabular-nums}
.fw-lad small{display:block;font-size:11.5px;color:var(--label-3);margin-top:4px}
.fw-lad em{display:inline-block;margin-top:10px;font-style:normal;font-size:12px;font-weight:700;color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent);border-radius:999px;padding:4px 8px}
.fw-lad em.z{color:var(--label-3);background:var(--bg-el2)}
.fw-cw{display:grid;gap:18px;margin-top:44px}
.fw-calc{padding:18px;border-radius:24px;background:var(--bg-el);box-shadow:0 0 0 1px var(--sep)}
.fw-r{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--sep)}
.fw-r .t{flex:1;min-width:0}
.fw-r .t b{display:block;font-size:14.5px;font-weight:600;color:var(--label)}
.fw-r .t small{display:block;font-size:12.5px;color:var(--label-3)}
.fw-st{display:flex;align-items:center;gap:4px}
.fw-st button{width:32px;height:32px;border-radius:10px;border:0;background:var(--bg-el2);color:var(--label-2);font-size:17px;font-weight:700;cursor:pointer}
.fw-st b{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.fw-q{min-width:76px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--label)}
.fw-tot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border-radius:16px;background:var(--bg-el2);padding:14px 4px}
.fw-tot>div{padding:0 10px;position:relative}
.fw-tot>div+div:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:var(--sep)}
.fw-tot b{display:block;font-size:20px;font-weight:720;font-variant-numeric:tabular-nums;color:var(--label)}
.fw-tot small{display:block;font-size:12px;color:var(--label-3);margin-top:4px}
.fw-tot .g b{color:var(--accent)}
@media (min-width:900px){
  .fw-lead{grid-template-columns:360px 1fr;gap:20px 40px;padding:36px;align-items:start}
  .fw-core{grid-template-columns:1fr 1fr}
  .fw-grid{grid-template-columns:repeat(4,1fr);gap:12px}
  .fw-s2 h2{font-size:46px}
  .fw-how{grid-template-columns:repeat(3,1fr)}
  .fw-lad{grid-template-columns:repeat(4,1fr);gap:12px}
  .fw-cw{grid-template-columns:1fr 1fr;gap:28px;align-items:start}
}
@media (max-width:420px){.fw-r{flex-wrap:wrap}.fw-r .t{flex-basis:calc(100% - 50px)}.fw-st{margin-left:46px}.fw-q{margin-left:auto}}

/* ═══ v109 · The hire card: headline, price, Start free, and the crew chat ═══ */
.pl4{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}
.pl4-h{margin:0;font-size:40px;line-height:1.04;font-weight:800;letter-spacing:-.04em;color:#fff}
.pl4 .pl1-pr{margin-top:22px}
.pl4 .pl1-cta{margin-top:24px}
.pl3-av{width:var(--s,34px);height:var(--s,34px);border-radius:calc(var(--s,34px)*.32);display:grid;place-items:center;flex:none;color:#fff;background:var(--c)}
.pl3-av svg{width:54%;height:54%}
.pl4 .pl1-r{padding:0;overflow:hidden}
.pl3-top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.pl3-top>span{min-width:0}
.pl3-top b{display:block;font-size:15px;color:#fff}
.pl3-top small{display:block;font-size:12.5px;color:rgba(234,255,244,.58)}
.pl3-top em{margin-left:auto;font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#8ff5e0;white-space:nowrap}
.pl3-top em::before{content:"";width:7px;height:7px;border-radius:50%;background:#5EF2CF;box-shadow:0 0 0 3px rgba(94,242,207,.18)}
.pl3-feed{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:16px 16px 14px}
.pl3-m{display:flex;gap:10px;align-items:flex-end;min-width:0}
.pl3-in{transition:opacity .4s,transform .4s;transition-delay:calc(var(--i,0)*160ms)}
.pl1.pl-anim:not(.seen) .pl3-in{opacity:0;transform:translateY(6px)}
.pl3-b{flex:1 1 auto;min-width:0;padding:9px 13px 10px;border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pl3-b b{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;color:var(--n)}
.pl3-b time{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:500;color:rgba(234,255,244,.4)}
.pl3-b p{margin:3px 0 0;font-size:14.5px;line-height:1.45;color:#eafffb}
.pl3-b p strong{font-weight:800;color:#fff}
.pl4-more{justify-self:center;margin-top:6px;font-size:13px;text-align:center;color:rgba(234,255,244,.62);text-decoration:underline;text-decoration-color:rgba(234,255,244,.3);text-underline-offset:3px}
.pl4-more:hover{color:#fff}
@media (max-width:760px){
  .pl4{grid-template-columns:minmax(0,1fr)}
  .pl4-h{font-size:34px}
  .pl4 .pl1-r{padding:0}
  .pl3-feed{padding:14px 12px 16px}
}
@media (prefers-reduced-motion:reduce){.pl3-in{transition:none}}

.tf-in .pvsign,.tf-in .nvs-cta .btn-s[href="/account"]{display:none!important}
/* ═══ v110 · Run it your way, in the five steps' frame: one window per way ═══ */
.wy2{margin-top:44px}
.wy2 .wy-w{display:none}
.wy2 .sc-p[data-k="0"] .wy-w[data-w="0"],.wy2 .sc-p[data-k="1"] .wy-w[data-w="1"],.wy2 .sc-p[data-k="2"] .wy-w[data-w="2"]{display:block;animation:scIn .5s cubic-bezier(.2,.8,.2,1)}
.wy2 .sc-chn+.sc-chn{margin-top:-4px}
.wy-al p{margin-top:6px!important;font-size:13.5px!important;color:var(--label)!important}
.wy-ab{display:flex;align-items:center;gap:10px;margin-top:10px}
.wy-as{font-size:12.5px;color:var(--label-3)}
.wy2 .sc-url{font-size:13px;overflow:hidden;white-space:nowrap}
@media (max-width:560px){.wy2 .sc-url .sc-pill{display:none}}
/* ═══ v110 · /plan: one centred page; the crew on call ═══ */
#fwp .fw-h{max-width:820px;margin:0 auto;text-align:center}
#fwp .fw-card{margin-top:36px}
#fwp .fw-card .pl1{margin-top:0}
#crew .shd .sh-k,#crew .shd>p:not(.sh-k){opacity:1;transform:none}
.crx-h{text-align:center;max-width:760px;margin:0 auto}
.crx-h .sh-k{justify-content:center}
.crx{border-radius:30px;padding:26px}
.crx-g{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.crx-t{position:relative;display:flex;text-decoration:none!important;flex-direction:column;gap:12px;padding:18px;border-radius:20px;text-decoration:none;color:#eafffb;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .35s,box-shadow .35s}
.crx-t:hover,.crx-t.lit{background:rgba(255,255,255,.085);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#5EF2CF) 60%,transparent),0 18px 40px -24px rgba(94,242,207,.55)}
.crx-t .wy-av{--s:40px}
.crx-t:nth-child(1) .wy-av{--c:#3b6fe0}
.crx-n b{display:block;font-size:16px;color:#fff;letter-spacing:-.01em}
.crx-n small{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:rgba(234,255,244,.66)}
.crx-l{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;font-weight:600;color:#8ff5e0}
.crx-l i{width:7px;height:7px;border-radius:50%;background:#5EF2CF;box-shadow:0 0 0 0 rgba(94,242,207,.6);flex:none}
.crx-l em{font-style:normal}
.crx-t.lit .crx-l i{animation:pl1Dot 1.6s ease-out infinite}
.crx.crx-anim:not(.seen) .crx-t{opacity:0}
.crx.crx-anim .crx-t{transition:opacity .45s,background .35s,box-shadow .35s;transition-delay:calc(var(--i,0)*120ms),0s,0s}
.crx-f{position:relative;z-index:1;margin:18px 0 0;text-align:center;font-size:14px;color:rgba(234,255,244,.66)}
@media (max-width:1000px){.crx-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.crx{padding:14px;border-radius:24px}.crx-g{gap:8px}.crx-t{padding:14px;gap:10px}.crx-n b{font-size:15px}.crx-n small{font-size:12.5px}}

/* ═══ v111 · the crew's icon tiles ═══ */
.crx .wy-av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 88%,#fff),color-mix(in srgb,var(--c) 72%,#000));box-shadow:0 12px 26px -12px var(--c),inset 0 1px 0 rgba(255,255,255,.28)}
.crx .wy-av svg{width:22px;height:22px;stroke-width:1.9}
@media (max-width:560px){.crx .wy-av{width:38px;height:38px;border-radius:12px}.crx .wy-av svg{width:19px;height:19px}}

/* v116 · the honest line under Try it free */
.pl1-free{margin:10px 2px 0;font-size:13.5px;line-height:1.45;color:rgba(234,255,244,.72);text-align:center}

/* v117 · search phrase at the start of an industry heading */
.pp-h1 .pp-kw{display:block;margin:0 0 .4em;font-size:max(15px,.34em);line-height:1.2;letter-spacing:-.01em;font-weight:700;color:var(--label-2)}
.pp-h1 .pp-kc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* v118 · six fellows on call on the plan page: three across, two rows */
@media (min-width:1001px){.crx-g{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v119 · Questions? Ask us: the home page's way to the operator */
.ask-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:89;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 14px;border-radius:999px;border:1px solid var(--sep);background:var(--bg-el);color:var(--label);font:600 15px/1 inherit;font-family:inherit;box-shadow:0 12px 30px -12px rgba(4,33,29,.35),0 2px 6px rgba(4,33,29,.08);cursor:pointer;transition:transform .2s,opacity .2s,bottom .3s}
.ask-fab svg{width:20px;height:20px;color:#0a9b5a;flex:none}
.ask-fab:active{transform:scale(.97)}
.ask-fab:focus-visible{outline:2px solid #0a9b5a;outline-offset:3px}
body:has(.mbar.on) .ask-w{bottom:calc(78px + env(safe-area-inset-bottom))}
html.qs-on .ask-w{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ask-fab{transition:none}}

/* v121 · Discord, asked for */
.pp-dc{margin:10px 0 0;font-size:14px;color:var(--label-2)}
.pp-dc a{font-weight:600}

/* v122 · the Hub menu: two groups of four fellows, the preview and Open the Hub on the right */
.nv-c2{padding-left:12px;border-left:1px solid var(--sep)}
.nv-c3{display:flex;flex-direction:column;gap:10px;min-width:0}
.nv-c3 .nv-pv{flex:1}
.nv-c3 .nv-open{margin-top:0}
.pv-adh em.pv-g{color:#0E8A55;background:rgba(22,199,122,.12)}
.pv-adh em.pv-r{color:#8B5E3C;background:rgba(139,94,60,.12)}
.pv-gr i::before{background:color-mix(in srgb,#15A04A 24%,transparent)}
.pv-ly span.on{color:#C9861A}
.pv-lym i{width:72%;background:linear-gradient(90deg,#f2c14e,#C9861A)}
:root[data-theme="dark"] .pv-adh em.pv-g{color:#4fe0a0}
:root[data-theme="dark"] .pv-adh em.pv-r{color:#d9a57c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pv-adh em.pv-g{color:#4fe0a0}:root:not([data-theme="light"]) .pv-adh em.pv-r{color:#d9a57c}}

/* v122 · Ask us folds to a round button once you read on, and can be hidden */
.ask-w{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:89;transition:opacity .2s,bottom .25s}
.ask-w[hidden]{display:none}
.ask-w .ask-fab{position:relative;right:auto;bottom:auto;transition:padding .25s cubic-bezier(.2,.8,.2,1),gap .25s}
.ask-w .ask-fab span{display:inline-block;max-width:220px;overflow:hidden;white-space:nowrap;transition:max-width .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
.ask-w.sm .ask-fab{padding:0 13px;gap:0}
.ask-w.sm .ask-fab span{max-width:0;opacity:0}
@media (hover:hover){.ask-w.sm:hover .ask-fab{padding:0 18px 0 14px;gap:8px}.ask-w.sm:hover .ask-fab span{max-width:220px;opacity:1}}
.ask-x{position:absolute;top:-7px;left:-7px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid var(--sep);border-radius:50%;background:var(--bg-el);color:var(--label-2);box-shadow:0 2px 6px rgba(4,33,29,.12);cursor:pointer}
.ask-x svg{width:11px;height:11px}
.ask-x:hover{color:var(--label)}
.ask-x:focus-visible{outline:2px solid #0a9b5a;outline-offset:2px}
.ask-x::after{content:"";position:absolute;inset:-6px}
body:has(#nvSheet.on) .ask-w{opacity:0;visibility:hidden;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ask-w,.ask-w .ask-fab,.ask-w .ask-fab span{transition:none}}

/* v122 · the message icon types */
.tdots circle{transform-box:fill-box;transform-origin:center}
.ask-fab .tdots circle{animation:tdot 5.5s ease-in-out infinite}
.ask-fab .tdots circle:nth-child(2){animation-delay:.14s}.ask-fab .tdots circle:nth-child(3){animation-delay:.28s}
@keyframes tdot{0%,16%,100%{transform:none;opacity:1}4%{transform:translateY(-2.4px);opacity:.45}8%{transform:none;opacity:1}12%{transform:translateY(-2.4px);opacity:.45}}
.nv-i:hover .tdots circle,.nv-i:focus-visible .tdots circle,.nvs-l:active .tdots circle{animation:tdot2 1.1s ease-in-out infinite}
.nv-i .tdots circle:nth-child(2),.nvs-l .tdots circle:nth-child(2){animation-delay:.14s}.nv-i .tdots circle:nth-child(3),.nvs-l .tdots circle:nth-child(3){animation-delay:.28s}
@keyframes tdot2{0%,60%,100%{transform:none;opacity:1}25%{transform:translateY(-2.4px);opacity:.45}}
@media (prefers-reduced-motion:reduce){.tdots circle{animation:none!important}}

/* v122 · the four new fellow pages */
body[data-product="money"]{--pc:#15A04A;--pcd:#12813C}body[data-product="loyal"]{--pc:#C9861A;--pcd:#9A5F08}body[data-product="spy"]{--pc:#16C77A;--pcd:#0B8450}body[data-product="reply"]{--pc:#8B5E3C;--pcd:#7A4F30}
:root[data-theme="dark"] body[data-product="reply"]{--pc:#C08A5E}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-product="reply"]{--pc:#C08A5E}}
/* the Sample data note under a before/after was drawn as a 30px circle by a later .fw-n rule */
.hxc-s .fw-n{width:auto;height:auto;border-radius:0;background:none;color:var(--label-3);display:block;font-weight:500}

/* v123 · the crew in the pricing card */
.pc-r{display:flex;flex-direction:column;padding:16px 18px 16px!important}
.pc-top{display:flex;justify-content:space-between;align-items:center}.pc-top b{color:#fff;font-size:15px}
.pc-top em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:700;color:#8ff5e0}
.pc-top em::before{content:"";width:7px;height:7px;border-radius:50%;background:#5EF2CF;box-shadow:0 0 0 3px rgba(94,242,207,.18)}
.pc{display:flex;flex-direction:column;flex:1;min-width:0}
.pc-say{margin:12px 0 10px;min-height:60px;display:flex}
.pc-say>span{display:block;width:100%;box-sizing:border-box;padding:9px 13px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px var(--sc,rgba(255,255,255,.18));transition:box-shadow .3s}
.pc-say i{display:block;font-style:normal;font-size:11.5px;font-weight:800;color:var(--sc,#8ff5e0)}
.pc-say b{display:block;margin-top:2px;font-size:14px;font-weight:600;line-height:1.38;color:#fff}
.pc-say.go>span{animation:pcIn .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes pcIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.pc-win{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),margin .3s}
.pc-win.on{grid-template-rows:1fr;margin:-2px 0 12px}
.pc-win-in{overflow:hidden;min-height:0}
.pc-shot{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1.5px var(--sc,rgba(255,255,255,.2)),0 18px 36px -18px rgba(0,0,0,.6);max-height:300px}
.pc-shot img{display:block;width:100%;height:auto;opacity:0;transform:translateY(8px);transition:opacity .35s ease .1s,transform .45s cubic-bezier(.2,.8,.2,1) .1s}
.pc-shot img.in{opacity:1;transform:none}
.pc-shot::after{content:"";position:absolute;inset:auto 0 0 0;height:56px;background:linear-gradient(transparent,rgba(255,255,255,.95));pointer-events:none}
.pc-shot.dk::after{background:linear-gradient(transparent,rgba(12,18,40,.95))}
.pc-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}
.pc-ft>span{font-size:11.5px;color:rgba(255,255,255,.55);text-align:right}
.pc-go{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none;font-size:13.5px;font-weight:700;color:var(--sc,#5EF2CF);text-decoration:none}
.pc-lead{display:flex;justify-content:center;margin-bottom:4px}
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 2px;justify-items:center}
.pc-hint{margin:10px 0 0;font-size:12px;color:rgba(255,255,255,.55);text-align:center}
.pc-r .pl4-more{margin:14px 0 0}
.pc .cw{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:78px;text-decoration:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc .cw b{font-size:12.5px;font-weight:700;color:#fff;transition:color .2s}
.pc .cw:focus-visible{outline:2px solid #5EF2CF;outline-offset:2px;border-radius:12px}
.pc .cw-s{width:70px;height:79px;overflow:visible;filter:drop-shadow(0 10px 12px color-mix(in srgb,var(--c) 35%,transparent));animation:cwBob 3.4s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.41s);transition:filter .3s}
.pc .cw.lead{width:100px}.pc .cw.lead .cw-s{width:86px;height:97px}
.pc .cw.sel .cw-s{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--c) 75%,transparent))}.pc .cw.sel b{color:var(--c)}
.pc .cw:hover .cw-s{transform:translateY(-5px)}
.pc .cw-s *{transform-box:fill-box;transform-origin:center}
.pc .cw-s .pu{transition:transform .35s ease;transform:translate(var(--lx,0px),var(--ly,0px))}
.pc .cw-s .ey{animation:cwBlink 5.5s infinite;animation-delay:calc(var(--k,0) * -.9s);transform-origin:50% 55%}
.pc .cw-s .mo2{opacity:0}.pc .cw.talk .cw-s .mo{opacity:0}.pc .cw.talk .cw-s .mo2{opacity:1;animation:cwMouth .26s ease-in-out infinite alternate}
.pc .cw.hop .cw-s{animation:cwHop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes cwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cwBlink{0%,47%,51%,100%{transform:scaleY(1)}49%{transform:scaleY(.08)}}
@keyframes cwMouth{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes cwHop{0%{transform:translateY(0)}40%{transform:translateY(-20px) rotate(-5deg)}70%{transform:translateY(0) scale(1.06,.94)}100%{transform:none}}
.k-lead .st{animation:cwGlow 2.4s ease-in-out infinite}@keyframes cwGlow{50%{transform:scale(1.25) rotate(20deg)}}
.k-lead.talk .ant{animation:cwNod .5s ease-in-out 3}@keyframes cwNod{50%{transform:rotate(-12deg)}}
.k-spy .mag{animation:cwScan 3s ease-in-out infinite}@keyframes cwScan{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,-4px)}}
.k-spy.talk .mag{animation:cwLens .9s ease forwards}@keyframes cwLens{to{transform:translate(-26px,-22px) scale(1.15)}}
.k-spy .hat{animation:cwTip 6s ease-in-out infinite}@keyframes cwTip{0%,90%,100%{transform:none}94%{transform:translateY(-5px) rotate(-8deg)}}
.k-magic .orb{transform-origin:40px 56px;transform-box:view-box;animation:cwOrbit 6s linear infinite}@keyframes cwOrbit{to{transform:rotate(360deg)}}
.k-magic.talk .orb{animation:cwOrbit 1.2s linear infinite}
.k-magic .hat2{transform-origin:50% 100%;animation:cwHatW 3.6s ease-in-out infinite}@keyframes cwHatW{50%{transform:rotate(5deg)}}
.k-writer .note path{stroke-dasharray:24;stroke-dashoffset:0}.k-writer.talk .note path{animation:cwScrib 1.4s ease forwards}.k-writer.talk .note .sc2{animation-delay:.3s}.k-writer.talk .note .sc3{animation-delay:.6s}
@keyframes cwScrib{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.k-writer .pen{animation:cwPen 2.8s ease-in-out infinite}@keyframes cwPen{50%{transform:rotate(-8deg)}}
.k-page .up{animation:cwUp 1.6s ease-in-out infinite}@keyframes cwUp{50%{opacity:.35}}
.k-page .beat{stroke-dasharray:70;stroke-dashoffset:0}.k-page.talk .beat{animation:cwBeat 1.2s linear 2}@keyframes cwBeat{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}
.k-reply .dots circle{animation:cwDot 3.6s ease-in-out infinite}.k-reply .dots circle:nth-child(2){animation-delay:.15s}.k-reply .dots circle:nth-child(3){animation-delay:.3s}
.k-reply.talk .dots circle{animation-duration:1.2s}@keyframes cwDot{0%,30%,100%{transform:translateY(0);opacity:.7}15%{transform:translateY(-4px);opacity:1}}
.k-channel .plane{animation:cwHover 2.6s ease-in-out infinite}@keyframes cwHover{50%{transform:translate(2px,-3px) rotate(4deg)}}
.k-channel .plus{opacity:0}.k-channel.talk .plane{animation:cwFly 1.6s cubic-bezier(.5,0,.3,1) forwards}.k-channel.talk .plus{animation:cwPlus 1.6s ease forwards}
@keyframes cwFly{0%{transform:none}45%{transform:translate(60px,-40px) rotate(20deg);opacity:0}55%{transform:translate(-60px,-10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes cwPlus{0%,55%{opacity:0;transform:translateY(6px)}70%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.k-money .spin{animation:cwCoin 5s ease-in-out infinite}@keyframes cwCoin{0%,80%,100%{transform:scaleX(1)}88%{transform:scaleX(.15)}}
.k-money .coins,.k-money .paid{opacity:0}.k-money.talk .coins{animation:cwCoins 1.4s ease forwards}.k-money.talk .paid{animation:cwPlus 1.8s ease forwards}
@keyframes cwCoins{0%{opacity:0;transform:translateY(30px)}40%{opacity:1;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-20px)}}
.k-loyal .medal{transform-origin:50% 0%;animation:cwSwing 2.6s ease-in-out infinite}@keyframes cwSwing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.k-loyal .conf{opacity:0}.k-loyal.talk .conf{animation:cwConf 1.4s ease forwards}@keyframes cwConf{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}100%{opacity:0;transform:translateY(-14px) rotate(25deg)}}
@media (max-width:640px){.pc .cw{width:70px}.pc .cw-s{width:60px;height:68px}.pc .cw.lead .cw-s{width:78px;height:88px}.pc-shot{max-height:260px}}
@media (prefers-reduced-motion:reduce){.pc .cw-s,.pc .cw-s *{animation:none!important}.pc-say.go>span{animation:none}.pc-win,.pc-shot img{transition:none}}