/* Homepage (redesign 2026-11). Built from redesign/_*.css; edit those and rebuild, or edit here once shipped. */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 800;font-display:optional;src:url(fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 800;font-display:optional;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --paper:oklch(14% 0.012 300);--paper-2:oklch(18% 0.014 300);--ink:oklch(95% 0.008 300);--ink-2:oklch(78% 0.02 300);--ink-3:oklch(62% 0.02 300);
  --rule:oklch(30% 0.02 300);--violet:oklch(52% 0.22 295);--violet-ink:oklch(98% 0.01 295);--green:oklch(86% 0.14 165);--green-ink:oklch(25% 0.08 165);
  --ease-out:cubic-bezier(0.22,1,0.36,1);--dur:560ms;
  --sp-1:8px;--sp-2:12px;--sp-3:16px;--sp-4:24px;--sp-5:40px;--sp-6:64px;--sp-7:96px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;font-synthesis:none}
body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--violet);color:var(--violet-ink)}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
h1{font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;color:var(--ink)}
.lede{font-size:1.1rem;line-height:1.55;color:var(--ink-2);max-width:34ch;text-wrap:pretty}
.fine{font-size:.85rem;color:var(--ink-3)}
.phone{position:relative;width:var(--w,340px);padding:8px;border-radius:calc(var(--w,340px) * .16);background:oklch(10% 0.01 300);box-shadow:inset 0 0 0 1.5px oklch(32% 0.01 300),0 30px 60px -20px oklch(5% 0.02 300 / .8)}
.phone::after{content:"";position:absolute;top:calc(8px + 1%);left:50%;transform:translateX(-50%);width:31%;height:3.7%;background:#000;border-radius:999px;z-index:5}
.phone video{width:100%;height:auto;aspect-ratio:720/1560;border-radius:calc(var(--w,340px) * .14);background:#050505}
.settle{animation:settle var(--dur) var(--ease-out) both}
.settle[style*="--i"]{animation-delay:calc(var(--i) * 70ms)}
@keyframes settle{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.settle{animation:none}}
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem}
.header-wrap{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:.6rem}
.header-inner{flex:1;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,.72);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-radius:60px;border:1px solid rgba(255,255,255,.08);padding:.9rem 2rem;transition:border-color .3s}
.header-inner:hover{border-color:rgba(124,58,237,.3)}
.logo{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:700;font-size:1rem}
.logo img{width:auto;height:32px;object-fit:contain}
.nav{display:flex;gap:1.75rem}
.nav a{color:rgba(255,255,255,.7);font-size:.88rem;font-weight:500;transition:color .2s;position:relative}
.nav a:hover{color:#fff}
.nav a::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:#7c3aed;border-radius:2px;transition:width .25s,left .25s}
.nav a:hover::after{width:100%;left:0}
.nav-download-group{display:inline-flex;align-items:center;gap:.5rem}
.nav-download{display:inline-flex;align-items:center;justify-content:center;background:#7c3aed;width:42px;height:42px;border-radius:50%;flex:0 0 auto;transition:transform .2s,box-shadow .2s,background .2s}
.nav-download:hover{transform:translateY(-1px);background:#a78bfa;box-shadow:0 6px 20px rgba(124,58,237,.4)}
.nav-download img{width:auto;height:18px;object-fit:contain;filter:brightness(0) invert(1)}
.nav-download-play img{height:19px;filter:none}
@media(max-width:768px){.header{padding:.75rem 1rem}.nav{display:none}.header-inner{padding:.7rem 1.2rem}}
.stores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.store{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 22px 0 18px;border-radius:14px;background:#fff;color:#0a0a0a;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.store:hover{transform:translateY(-2px);box-shadow:0 14px 34px oklch(3% 0.02 300 / .5)}
.store img{width:26px;height:26px;object-fit:contain}
.store span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.store small{font-size:.7rem;font-weight:500;opacity:.65}
.store b{font-size:1.08rem;font-weight:700;white-space:nowrap}
.proof{display:flex;justify-content:center;padding:var(--sp-4) var(--sp-6);background:radial-gradient(ellipse 50% 70% at 50% 50%,oklch(14% 0.012 300 / .9) 40%,transparent 80%)}
.proof>*{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 var(--sp-5);border-left:1px solid var(--rule)}
.proof>:first-child{border-left:0}
.proof b{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);display:flex;align-items:baseline;gap:6px}
.proof b small{font-size:.78rem;font-weight:500;color:oklch(82% 0.14 85);letter-spacing:.02em}
.proof span{font-size:.74rem;color:var(--ink-3)}
@media(max-width:720px){.proof>*{padding:0 var(--sp-3)}.proof b{font-size:1.25rem}.proof b small{display:none}}
.glow{position:absolute;left:50%;width:min(1100px,120vw);height:700px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 45% at 50% 50%,oklch(58% 0.24 295 / .7) 0%,oklch(44% 0.2 295 / .32) 35%,transparent 70%);filter:blur(8px)}
.shadow{position:absolute;left:50%;bottom:-26px;width:min(460px,90vw);height:90px;transform:translateX(-50%);background:radial-gradient(ellipse at center,oklch(3% 0.02 300 / .85),transparent 70%);filter:blur(8px);z-index:1;pointer-events:none}
.phone{box-shadow:inset 0 0 0 1.5px oklch(34% 0.02 300),inset 0 1px 0 oklch(100% 0 0 / .18),0 60px 110px -30px oklch(3% 0.02 300),0 0 90px oklch(52% 0.22 295 / .35)}
.phone::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,oklch(100% 0 0 / .10),transparent 38%);pointer-events:none;z-index:4}
.dots{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.grain{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.vig{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 45%,transparent 60%,oklch(6% 0.01 300 / .55) 100%)}
.hl{font-weight:300;letter-spacing:-.03em}
.hl b{font-weight:700}
.vbtn{position:absolute;left:calc(50% - 21px);bottom:-60px;z-index:6;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);
  background:oklch(18% 0.02 300 / .6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .12);opacity:.75;transition:opacity 160ms,background 160ms}
.vbtn:hover{opacity:1;background:oklch(24% 0.03 300 / .75)}
.vbtn svg{width:14px;height:14px;fill:currentColor}
@media(max-width:1000px){.vbtn{left:calc(50% - 19px);bottom:-54px;width:38px;height:38px}}
.mobile-nav,.mobile-fixed-bottom{display:none}
@media(max-width:768px){
  .header{display:none}
  .mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;top:0;left:0;right:0;z-index:99;background:#0a0a0a;padding:.6rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-nav-link{color:rgba(255,255,255,.55);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:20px;transition:color .2s,background .2s}
  .mobile-nav-link.active{color:#fff;background:#7c3aed}
  .mobile-fixed-bottom{display:block;position:fixed;bottom:0;left:0;right:0;z-index:99}
  .mobile-bar{display:flex;align-items:center;justify-content:space-between;background:#111;padding:.55rem .85rem;border-top:1px solid rgba(255,255,255,.08)}
  .mobile-bar-brand{display:flex;align-items:center;gap:.5rem}
  .mobile-bar-brand img{width:auto;height:28px;object-fit:contain}
  .mobile-bar-brand div{font-weight:700;font-size:.95rem;color:#fff}
  .mobile-bar-brand span{display:block;font-weight:400;font-size:.72rem;color:rgba(255,255,255,.55)}
  .mobile-bar-btn{display:flex;align-items:center;gap:.4rem;background:#7c3aed;color:#fff;padding:.65rem 1.1rem;border-radius:12px;font-weight:600;font-size:.85rem;white-space:nowrap}
  .cta-stores{display:inline-flex;align-items:center;gap:.3rem;margin-right:.45rem}
  .cta-stores img{width:auto;height:15px;object-fit:contain;filter:brightness(0) invert(1)}
  .cta-stores .cta-store-play{width:16px;height:16px;filter:none}
  body{padding-bottom:64px}
  .mobile-bar-btn{flex-shrink:0}
  .mobile-bar-brand{min-width:0}
}
.proof .pi,.proof .star1,.proof .short{display:none}
@media(max-width:720px){
  .proof{padding:var(--sp-3) var(--sp-2)}
  .proof>*{flex-direction:row;align-items:center;gap:6px;padding:0 var(--sp-3)}
  .proof span{display:none}
  .proof b{font-size:1.15rem;gap:3px}
  .proof b small{display:none}
  .proof .pi{display:block;width:15px;height:15px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
  .proof .pi.play{filter:none}
  .proof .star1{display:inline;font-size:.8rem;color:oklch(82% 0.14 85)}
  .proof>div{flex-direction:column;gap:3px}
  .proof>div>span{display:block;font-size:.66rem;line-height:1}
}
@media(max-width:1000px){.hl br{display:none}}
@media(max-width:480px){
  .stores{flex-wrap:nowrap;gap:10px;width:100%;max-width:360px;margin-left:auto;margin-right:auto}
  .store{flex:1 1 0;min-width:0;height:50px;padding:0 12px;gap:9px;justify-content:center;border-radius:12px}
  .store img{width:22px;height:22px}
  .store small{font-size:.62rem}
  .store b{font-size:.95rem}
}
.header,.mobile-nav{transition:transform 320ms var(--ease-out)}
html.nav-away .header,html.nav-away .mobile-nav{transform:translateY(-110%)}
@media(prefers-reduced-motion:reduce){.header,.mobile-nav{transition:none}}
.beat{position:absolute;inset:8px;border-radius:calc(var(--w,340px) * .14);overflow:hidden;pointer-events:none;z-index:6}
.beat-pill{position:absolute;left:6%;right:6%;top:50%;display:flex;flex-direction:column;align-items:center;gap:.45em;text-align:center;
  font-size:calc(var(--w,340px) * .066);line-height:1.15;color:#fff;text-shadow:0 2px 14px oklch(3% 0.02 300 / .8);
  opacity:0;transform:translateY(calc(-50% + 8px));transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out)}
.beat-pill i{font-style:normal;display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;background:#7c3aed;font-weight:700;font-size:.72em;text-shadow:none;box-shadow:0 4px 16px oklch(52% 0.22 295 / .6)}
.beat-pill b{font-weight:600;letter-spacing:-.01em;text-wrap:balance;white-space:pre-line}
.beat.hold .beat-pill{opacity:1;transform:translateY(-50%)}
@media(prefers-reduced-motion:reduce){.beat-pill{transition:none}}
@media(max-width:360px){.cta-stores{display:none}.mobile-bar-brand span{font-size:.68rem}}
.vctl{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);z-index:6;width:142px;height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;white-space:nowrap;
  color:var(--ink);font-weight:600;font-size:.86rem;background:oklch(18% 0.02 300 / .6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .12);transition:background 160ms}
.vctl:hover{background:oklch(24% 0.03 300 / .75)}
.vc-ic{display:grid;place-items:center;width:13px;height:13px}
.vc-ic svg{width:13px;height:13px;fill:currentColor}
@media(max-width:1000px){.vctl{bottom:-54px;height:38px;width:132px;font-size:.8rem}}
:root{--red:oklch(66% 0.21 15)}
.sec{position:relative;padding:clamp(4.5rem,8vw,7rem) var(--sp-5);overflow:clip;isolation:isolate}
.wrap{max-width:1180px;margin:0 auto;position:relative;z-index:1}
.sec-h{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:300;letter-spacing:-.035em;line-height:1.04;text-wrap:balance;color:var(--ink)}
.sec-h b{font-weight:700}
.sec-sub{margin-top:var(--sp-4);color:var(--ink-2);font-size:1.1rem;line-height:1.55;max-width:34ch;text-wrap:pretty}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(to bottom,transparent,var(--paper));z-index:1;pointer-events:none}
.problem::before{content:"";position:absolute;left:-8%;bottom:4%;width:64%;height:78%;background:radial-gradient(closest-side,oklch(45% 0.17 18 / .24),transparent);z-index:0;pointer-events:none}
.problem .wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:var(--sp-7);align-items:start}
.problem .head{position:sticky;top:130px}
.problem .sec-h b{color:var(--red)}
.facts{list-style:none}
.facts li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:var(--sp-5);align-items:end;padding:var(--sp-5) 0;border-top:1px solid var(--rule)}
.facts li:last-child{border-bottom:1px solid var(--rule)}
.facts .n{font-size:clamp(3.2rem,5.6vw,5.4rem);font-weight:300;letter-spacing:-.055em;line-height:.85;color:var(--red);font-variant-numeric:tabular-nums;white-space:nowrap}
.facts .n small{font-size:.36em;font-weight:400;letter-spacing:-.01em;margin-left:.1em}
.facts p{font-size:1.15rem;color:var(--ink);line-height:1.45;text-wrap:pretty}
.facts a{display:block;margin-top:var(--sp-2);font-size:.8rem;line-height:1.45;color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.facts a:hover{color:var(--ink-2)}
.calc{text-align:center}
.calc::before{content:"";position:absolute;left:50%;top:52%;width:min(900px,110vw);height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,color-mix(in oklch,var(--red) calc(var(--heat,0.4) * 100%),oklch(52% 0.22 295)) 0%,transparent 62%);opacity:.22;z-index:0;pointer-events:none;transition:background 300ms}
.calc .sec-h,.calc .sec-sub{margin-left:auto;margin-right:auto}
.years{margin:var(--sp-6) 0 var(--sp-5);line-height:.85}
.yn{display:block;font-size:clamp(5rem,13vw,10rem);font-weight:300;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:color-mix(in oklch,var(--red) calc(var(--heat,0.4) * 100%),var(--ink));transition:color 200ms}
.yl{display:block;margin-top:var(--sp-3);font-size:1rem;color:var(--ink-2)}
.calc-form{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}
.sliders{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);text-align:left}
.sl-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-3);font-size:.95rem;color:var(--ink-2)}
.sl-top output{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.rng{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;outline:none;cursor:pointer;
  background:linear-gradient(to right,var(--ink) 0,var(--ink) var(--fill,33%),oklch(100% 0 0 / .12) var(--fill,33%))}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px oklch(100% 0 0 / .08);transition:box-shadow 160ms}
.rng::-webkit-slider-thumb:hover{box-shadow:0 0 0 9px oklch(100% 0 0 / .1)}
.rng::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--ink)}
.rng:focus-visible{outline:2px solid var(--green);outline-offset:8px}
.tip{position:relative;display:inline-block}
.tip-btn{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}
.tip-btn:hover{color:var(--ink)}
.tip-btn i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.72rem;font-weight:600;box-shadow:inset 0 0 0 1px var(--ink-3);text-decoration:none}
.tip-pop{position:absolute;bottom:calc(100% + 12px);left:50%;width:min(360px,88vw);transform:translate(-50%,6px);padding:var(--sp-4);border-radius:14px;text-align:left;font-size:.88rem;line-height:1.5;color:var(--ink-2);
  background:oklch(19% 0.016 300);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .1),0 24px 60px -20px oklch(3% 0.02 300);display:grid;gap:var(--sp-2);opacity:0;visibility:hidden;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out),visibility 0s 180ms;z-index:5}
.tip-pop::after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:oklch(19% 0.016 300)}
.tip-pop b{color:var(--ink);font-weight:600}
.tip:hover .tip-pop,.tip:focus-within .tip-pop,.tip.open .tip-pop{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
.go{height:54px;padding:0 28px;border-radius:14px;background:var(--ink);color:var(--paper);font-weight:600;font-size:1rem;transition:transform 160ms var(--ease-out)}
.go:hover{transform:translateY(-1px)}
@media(max-width:900px){
  .sec{padding:72px var(--sp-3)}
  .sec-h,.sec-sub{text-align:center;margin-left:auto;margin-right:auto}
  .sec-h{line-height:1.16}
  .sec-sub{margin-top:var(--sp-2)}
  .problem .head,.faq .head,.blog-head{text-align:center}
  .problem .wrap{grid-template-columns:1fr;gap:var(--sp-5)}
  .problem .head{position:static}
  .facts{display:grid;gap:14px}
  .facts li,.facts li:last-child{display:block;padding:var(--sp-5) var(--sp-4) var(--sp-4);border:0;border-radius:24px;text-align:center;
    background:radial-gradient(ellipse 80% 60% at 50% 0%,oklch(66% 0.21 15 / .08),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(66% 0.21 15 / .16);
    transition:box-shadow 450ms var(--ease-out),transform 450ms var(--ease-out),background 450ms}
  .facts li.lit{transform:scale(1.02);box-shadow:inset 0 0 0 1px oklch(66% 0.21 15 / .45),0 20px 50px -20px oklch(66% 0.21 15 / .35)}
  .facts .n{display:block;font-size:4rem;font-weight:700;letter-spacing:-.05em;line-height:1;text-shadow:0 0 30px oklch(66% 0.21 15 / .25)}
  .facts .n small{font-size:.4em;font-weight:600}
  .facts p{margin-top:var(--sp-2);font-size:1.05rem;line-height:1.4;max-width:24ch;margin-left:auto;margin-right:auto}
  .facts a{margin-top:var(--sp-3);font-size:.74rem;text-decoration:none;color:var(--ink-3)}
  .facts .ven{display:none}
  .problem .head{margin-bottom:var(--sp-3)}
  .sliders{grid-template-columns:1fr;gap:var(--sp-5)}
  .go{width:100%;max-width:360px}
}
:root{--violet-l:oklch(74% 0.15 295);--gold:oklch(82% 0.14 85);--surface:oklch(17% 0.014 300)}
.transform .sec-sub,.quotes .sec-sub,.compare .sec-sub,.final .sec-sub{max-width:46ch}
.sec-h.sm{font-size:clamp(1.9rem,3.2vw,3rem)}
.sec-sub a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.sec-sub a:hover{text-decoration-color:var(--ink-2)}
[data-r]{opacity:0;transform:translateY(16px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}
[data-r].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-r]{opacity:1;transform:none;transition:none}}
.strike{text-align:center}
.strike .but{font-size:1.05rem;color:var(--ink-3);margin-bottom:var(--sp-3)}
.strike .sec-h{max-width:16ch;margin:0 auto}
.strike .sec-h b{color:var(--violet-l)}
.arena{--R1:140px;--R2:228px;position:relative;width:min(560px,92vw);aspect-ratio:1;margin:var(--sp-5) auto 0}
.arena .field{z-index:0}
.arena::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(closest-side,oklch(52% 0.22 295 / .45),transparent);filter:blur(6px)}
.ring{position:absolute;inset:0;animation:spin 90s linear infinite;will-change:transform}
.strike:not(.live) .ring,.strike:not(.live) .orb img{animation-play-state:paused}
.ring.r2{animation-duration:140s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.orb{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;transform:rotate(var(--a)) translateY(calc(-1 * var(--R1))) rotate(calc(-1 * var(--a)))}
.r2 .orb{width:44px;height:44px;margin:-22px 0 0 -22px;transform:rotate(var(--a)) translateY(calc(-1 * var(--R2))) rotate(calc(-1 * var(--a)))}
.orb img{width:100%;height:100%;border-radius:24%;box-shadow:0 10px 26px oklch(3% 0.02 300 / .6);animation:spin 90s linear infinite reverse;transition:filter 700ms var(--ease-out),opacity 700ms var(--ease-out),scale 700ms var(--ease-out);transition-delay:calc(var(--i) * 90ms + 700ms)}
.r2 .orb img{animation-duration:140s;animation-direction:normal}
.orb img{will-change:transform,filter,opacity}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:oklch(12% 0.012 300 / .85);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .1),0 0 60px oklch(52% 0.22 295 / .5);z-index:3}
.core span{font-weight:600;font-size:1.05rem}
.core i{font-style:normal;color:var(--ink-3)}
.core img{height:26px;width:auto}
.wave{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.08);border:2px solid var(--violet-l);opacity:0;pointer-events:none}
.strike.struck .wave{animation:wave 1300ms var(--ease-out) 500ms forwards}
.strike.struck .wave.w2{animation-delay:700ms}
@keyframes wave{0%{opacity:.9;transform:translate(-50%,-50%) scale(.08)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}
.strike.struck .orb img{filter:grayscale(1) brightness(.55);opacity:.8;scale:.88}
@media(max-width:720px){.arena{--R1:96px;--R2:160px}.orb{width:44px;height:44px;margin:-22px 0 0 -22px}.r2 .orb{width:34px;height:34px;margin:-17px 0 0 -17px}}
@media(prefers-reduced-motion:reduce){.ring,.orb img{animation:none}.wave{display:none}}
.how .sec-h{text-align:center;margin:0 auto}
.how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-7);margin-top:var(--sp-6);align-items:start}
.steps{list-style:none;position:relative;padding-left:var(--sp-5)}
.rail{position:absolute;left:0;top:12vh;bottom:12vh;width:2px;background:var(--rule);border-radius:2px}
.rail i{position:absolute;left:0;top:0;width:100%;height:calc(var(--p,0) * 100%);background:linear-gradient(var(--violet-l),var(--green));border-radius:2px}
.step{min-height:80vh;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-content:center}
.step h3{color:var(--ink-2);transition:color 400ms var(--ease-out)}
.step p{transition:color 400ms var(--ease-out)}
.step.on h3{color:var(--ink)}
.step.on p{color:var(--ink-2)}
.step .num{font-size:clamp(3rem,5vw,4.6rem);font-weight:300;letter-spacing:-.05em;line-height:.9;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color 400ms}
.step.on .num{color:var(--violet-l)}
.step[data-i="3"].on .num{color:var(--green)}
.step h3{font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:300;letter-spacing:-.025em;line-height:1.15;margin-top:.35em;text-wrap:balance}
.step p{margin-top:var(--sp-3);color:var(--ink-3);font-size:1.08rem;line-height:1.55;max-width:36ch;text-wrap:pretty}
.step>div{min-width:0}
.how-prog{display:none;padding:12px 24px 12px;background:oklch(12% 0.012 300 / .97);border-top:1px solid var(--rule)}
.how-prog.show{animation:hp-in 300ms var(--ease-out)}
@keyframes hp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hp-in{position:relative;max-width:300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.hp-track{position:absolute;left:14px;right:14px;top:50%;height:2px;margin-top:-1px;background:oklch(100% 0 0 / .1);border-radius:2px}
.hp-track i{position:absolute;inset:0 auto 0 0;width:calc(var(--p,0) * 100%);background:var(--violet-l);border-radius:2px;transition:width 350ms var(--ease-out)}
.hp-dot{position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--ink-3);background:var(--paper-2);box-shadow:inset 0 0 0 1.5px oklch(100% 0 0 / .12);transition:all 300ms var(--ease-out)}
.hp-dot.done{color:var(--ink-2);box-shadow:inset 0 0 0 1.5px oklch(74% 0.15 295 / .5)}
.hp-dot.on{color:#fff;background:#7c3aed;box-shadow:0 0 16px oklch(52% 0.22 295 / .6);transform:scale(1.1)}
.hp-dot.on.last{background:var(--green);color:var(--green-ink);box-shadow:0 0 16px oklch(86% 0.14 165 / .5)}
.step-img{display:none}
.n-m{display:none}
.num b{font-weight:inherit}
.how-stage{position:sticky;top:calc(50vh - min(40vh,370px));height:min(80vh,740px);display:flex;justify-content:center}
.how-stage .glow{top:50%;width:640px;height:640px;transition:background 600ms}
.how-stage.green .glow{background:radial-gradient(ellipse 50% 45% at 50% 50%,oklch(70% 0.15 165 / .45) 0%,oklch(50% 0.12 165 / .2) 35%,transparent 70%)}
.shots{position:relative;height:100%;aspect-ratio:864/1534;z-index:1;scale:1.2}
.shots .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(14px) scale(.98);transition:opacity 500ms var(--ease-out),transform 600ms var(--ease-out)}
.shots .shot.on{opacity:1;transform:none}
.payoff{margin:var(--sp-5) auto 0;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;
  padding:var(--sp-6) var(--sp-5) var(--sp-5);border-radius:28px;background:radial-gradient(ellipse 70% 60% at 50% 0%,oklch(86% 0.14 165 / .1),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(86% 0.14 165 / .28),0 30px 80px -40px oklch(86% 0.14 165 / .35)}
.payoff .tick{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--green-ink);font-size:1.4rem;font-weight:700;margin-bottom:var(--sp-4);box-shadow:0 0 50px oklch(86% 0.14 165 / .35)}
.payoff .sec-h b{color:var(--green)}
.payoff .sec-sub{margin-left:auto;margin-right:auto}
.transform .sec-h,.transform .sec-sub{text-align:center;margin-left:auto;margin-right:auto}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:var(--sp-6)}
.side{padding:var(--sp-5) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;border-radius:28px;background:var(--surface)}
.before{background:radial-gradient(ellipse 80% 50% at 20% 0%,oklch(66% 0.21 15 / .1),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(66% 0.21 15 / .22)}
.after{background:radial-gradient(ellipse 80% 50% at 20% 0%,oklch(86% 0.14 165 / .1),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(86% 0.14 165 / .3),0 30px 80px -40px oklch(86% 0.14 165 / .3)}
.lab{font-size:.9rem;color:var(--ink-3);font-weight:500}
.after .lab{color:var(--green)}
.big{margin-top:var(--sp-3);font-size:clamp(3.2rem,5.6vw,5.2rem);font-weight:300;letter-spacing:-.055em;line-height:.9;font-variant-numeric:tabular-nums}
.before .big{color:var(--red)}
.after .big{color:var(--green)}
.unit{margin-top:var(--sp-2);color:var(--ink-2)}
.bar{display:block;margin-top:var(--sp-4);height:6px;border-radius:99px;background:oklch(100% 0 0 / .06);position:relative;overflow:hidden}
.bar::after{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;transition:width 1200ms var(--ease-out) 200ms}
.before .bar::after{background:var(--red)}
.after .bar::after{background:var(--green)}
.ba.in .bar::after{width:var(--w)}
.side ul{list-style:none;margin-top:var(--sp-5);display:grid;gap:var(--sp-3)}
.side li{position:relative;padding-left:28px;color:var(--ink-2);line-height:1.45}
.side li::before{position:absolute;left:0;top:0;font-weight:700}
.before li::before{content:"✕";color:var(--red);opacity:.8}
.after li::before{content:"✓";color:var(--green)}
.after li{color:var(--ink)}
.transform .foot{margin-top:var(--sp-4);text-align:center;font-size:.85rem;color:var(--ink-3)}
.features .sec-h{max-width:18ch}
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-7);margin-top:var(--sp-6);align-items:start}
.flist{list-style:none;border-top:1px solid var(--rule)}
.fi{border-bottom:1px solid var(--rule)}
.fi button{width:100%;text-align:left;display:flex;align-items:baseline;gap:var(--sp-4);padding:15px 0}
.fi .tag{flex:0 0 9.5em;font-size:.78rem;color:var(--ink-3);font-weight:500}
.fi h3{font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:300;letter-spacing:-.025em;line-height:1.1;color:var(--ink-2);transition:color 200ms}
.fi button:hover h3{color:var(--ink)}
.fi.on h3{color:var(--ink);font-weight:400}
.fi.on .tag{color:var(--violet-l)}
.fd{display:grid;grid-template-rows:0fr;transition:grid-template-rows 450ms var(--ease-out)}
.fi.on .fd{grid-template-rows:1fr}
.fd>div{overflow:hidden}
.fd p{padding:0 0 20px calc(9.5em * .78 + var(--sp-4));color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.fi-img{display:none}
.fstage{position:sticky;top:calc(50vh - min(40vh,370px));display:flex;justify-content:center;height:min(80vh,740px)}
.fstage .glow{top:50%;width:680px;height:680px}
.fstage .shots{aspect-ratio:1135/2014}
.quotes .sec-h,.quotes .sec-sub{text-align:center;margin-left:auto;margin-right:auto}
.wall{columns:3 300px;column-gap:20px;margin-top:var(--sp-6)}
.q{break-inside:avoid;margin:0 0 20px;padding:24px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .06);transition:box-shadow 300ms}
.q:hover{box-shadow:inset 0 0 0 1px oklch(74% 0.15 295 / .35)}
@media(hover:hover) and (pointer:fine){.q{transition:box-shadow 300ms,opacity 300ms var(--ease-out)}.wall:has(.q:hover) .q:not(:hover){opacity:.45}}
.q .st{color:var(--gold);letter-spacing:2px;font-size:.85rem}
.q .qt{margin-top:var(--sp-2);font-weight:600}
.q blockquote{margin-top:var(--sp-2);color:var(--ink-2);line-height:1.55}
.q figcaption{display:flex;align-items:center;gap:12px;margin-top:var(--sp-4)}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:oklch(52% 0.22 295 / .25);color:var(--violet-l);font-weight:600;font-size:.9rem}
.q figcaption>span:nth-child(2){display:flex;flex-direction:column;line-height:1.25}
.q figcaption b{font-size:.92rem;font-weight:600}
.q figcaption small{font-size:.78rem;color:var(--ink-3)}
.src{margin-left:auto;color:var(--ink-3);display:flex}
.src-i{width:14px;height:14px}
.show-all{display:none}
@media(max-width:720px){
  .wall{columns:auto;display:grid;gap:14px;margin-top:var(--sp-5)}
  .q{margin:0}
  .q{order:9}.q.best{order:var(--o)}
  .wall:not(.all) .q:not(.best),.q.desk{display:none}
  .show-all{display:block;margin:var(--sp-4) auto 0;height:48px;padding:0 24px;border-radius:999px;font-size:.92rem;font-weight:600;color:var(--ink);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .18)}
  .show-all:hover{background:oklch(100% 0 0 / .05)}
}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th,.tbl td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--rule)}
.tbl th[scope=row]{text-align:left;font-weight:400;color:var(--ink)}
.tbl thead th{font-size:.82rem;font-weight:600;color:var(--ink-3);border-bottom:1px solid oklch(40% 0.02 300)}
.tbl thead th:first-child{text-align:left}
.tbl td{color:var(--ink-2)}
.tbl .y{color:var(--green);font-weight:700}
.tbl .n,.tbl .x{color:var(--ink-3)}
.tbl .part{font-size:.82rem;color:var(--ink-2)}
.price-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--sp-7);margin-top:var(--sp-6);align-items:start}
.ptbl .pro{color:var(--ink);background:oklch(52% 0.22 295 / .1)}
.ptbl thead .pro{color:var(--violet-l);border-radius:12px 12px 0 0}
.plans{position:sticky;top:120px;display:grid;gap:12px}
.plan{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--rule)}
.plan .pt{font-size:.78rem;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.plan .pa{font-size:2.4rem;font-weight:300;letter-spacing:-.04em;line-height:1}
.plan .pa small{font-size:.95rem;letter-spacing:0;color:var(--ink-2);margin-left:4px}
.plan.best{background:oklch(52% 0.22 295 / .12);box-shadow:inset 0 0 0 1.5px oklch(74% 0.15 295 / .6),0 20px 60px -20px oklch(52% 0.22 295 / .6)}
.plan.best .pt{color:var(--violet-l)}
.trial{font-size:.9rem;color:var(--green);font-weight:500}
.stores.left{justify-content:flex-start;margin-top:var(--sp-3)}
.plists,.only-card{display:none}
.swipe{display:none}
.cmp-m{display:none}
@media(max-width:820px){
  .ctbl-wrap,.swipe,.only-card{display:none!important}
  .cmp-m{display:block;margin-top:var(--sp-5)}
  .cm-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:18px;background:oklch(100% 0 0 / .06);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .06)}
  .cm-app{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px 7px;border-radius:14px;color:var(--ink-3);font-size:.66rem;font-weight:600;transition:background 220ms var(--ease-out),color 220ms}
  .cm-app img{width:28px;height:28px;object-fit:contain;border-radius:7px;opacity:.55;transition:opacity 220ms}
  .cm-app[data-a="0"] img{border-radius:0;height:20px;margin:4px 0}
  .cm-app.on{background:var(--paper-2);color:var(--ink);box-shadow:0 4px 14px oklch(3% 0.02 300 / .5),inset 0 0 0 1px oklch(100% 0 0 / .1)}
  .cm-app.on img{opacity:1}
  .cmp-m[data-sel="0"] .cm-app.on{background:oklch(52% 0.22 295 / .22);box-shadow:inset 0 0 0 1px oklch(74% 0.15 295 / .45)}
  .cm-list{list-style:none;margin-top:12px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .06);overflow:hidden}
  .cm-list li{display:grid;grid-template-columns:58% 1fr;gap:10px;align-items:center;padding:15px 16px;border-top:1px solid var(--rule)}
  .cm-list li:first-child{border-top:0}
  .cm-l{font-size:.88rem;font-weight:500;line-height:1.3;color:var(--ink-2);white-space:nowrap}
  .cm-l sup{margin-left:5px;font-size:.62rem;font-weight:600;letter-spacing:.04em;color:var(--ink-3);vertical-align:.45em}
  .cm-v{display:none;align-items:center;gap:7px;font-size:.88rem;line-height:1.3;color:var(--ink)}
  .cmp-m[data-sel="0"] .cm-v[data-a="0"],.cmp-m[data-sel="1"] .cm-v[data-a="1"],.cmp-m[data-sel="2"] .cm-v[data-a="2"],.cmp-m[data-sel="3"] .cm-v[data-a="3"]{display:flex;animation:cm-in 240ms var(--ease-out)}
  @keyframes cm-in{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
  .cm-v .ok{color:var(--green);font-weight:700}
  .cm-v .no{color:var(--red);opacity:.8}
  .cm-v .no+.vt{color:var(--ink-3)}
  .cm-v .pt-i{color:var(--gold);font-weight:700}
  .cm-v b{font-weight:600}
}
@media(max-width:720px){
  .ptbl{display:none}
  .plists{display:grid;gap:14px}
  .pl{padding:var(--sp-4);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .06)}
  .pl.pro{background:radial-gradient(ellipse 80% 60% at 20% 0%,oklch(52% 0.22 295 / .16),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(74% 0.15 295 / .35)}
  .pl h3{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
  .pl.pro h3{color:var(--violet-l)}
  .pl ul{list-style:none;margin-top:var(--sp-3);display:grid;gap:10px}
  .pl li{position:relative;padding-left:26px;font-size:.98rem;line-height:1.35;color:var(--ink)}
  .pl li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:700}
  .pl.pro li::before{content:"+";color:var(--violet-l)}
  .only-card{display:block;margin-top:var(--sp-5);padding:var(--sp-4);border-radius:22px;background:radial-gradient(ellipse 80% 60% at 20% 0%,oklch(52% 0.22 295 / .18),transparent 70%),var(--surface);box-shadow:inset 0 0 0 1px oklch(74% 0.15 295 / .35)}
  .only-card h3{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-l)}
  .only-card ul{list-style:none;margin-top:var(--sp-3);display:grid;gap:10px}
  .only-card li{position:relative;padding-left:26px;font-size:.98rem;line-height:1.35}
  .only-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
  .only-card p{margin-top:var(--sp-3);font-size:.78rem;color:var(--ink-3)}
  .ctbl tr.only{display:none}
}
.compare .sec-h,.compare .sec-sub{text-align:center;margin-left:auto;margin-right:auto}
.ctbl-wrap{margin-top:var(--sp-6);overflow-x:auto;-webkit-overflow-scrolling:touch}
.ctbl{min-width:760px}
.ctbl th[scope=row]{width:32%}
.ctbl .hd{background:oklch(52% 0.22 295 / .14);color:var(--ink)}
.ctbl thead .hd{color:var(--ink);font-size:.95rem;border-radius:14px 14px 0 0}
.ctbl thead .hd img{display:inline-block;height:16px;width:auto;vertical-align:-3px;margin-right:6px}
.ctbl tbody tr:last-child .hd{border-radius:0 0 14px 14px}
.ctbl .note{font-size:.78rem;color:var(--ink-3)}
@media(max-width:820px){
  .ctbl-wrap{margin:var(--sp-4) calc(-1 * var(--sp-3)) 0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .ctbl-wrap::-webkit-scrollbar{display:none}
  .ctbl{min-width:600px;font-size:.84rem;margin:0 var(--sp-3)}
  .ctbl th[scope=row],.ctbl thead th:first-child{position:sticky;left:0;z-index:2;background:var(--paper);box-shadow:-16px 0 0 var(--paper),10px 0 14px -10px oklch(3% 0.02 300 / .9);padding-left:0}
  .ctbl th[scope=row]::before,.ctbl thead th:first-child::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:var(--sp-3);background:var(--paper)}
  .ctbl th[scope=row]{width:150px;min-width:150px;padding-left:0}
  .ctbl th,.ctbl td{padding:12px 10px}
  .ctbl .part{font-size:.76rem}
  .swipe{display:block;margin-top:var(--sp-4);text-align:center;font-size:.82rem;color:var(--ink-3)}
}
.faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:var(--sp-7);align-items:start}
.faq .head{position:sticky;top:130px}
.qas{border-top:1px solid var(--rule)}
.qa{border-bottom:1px solid var(--rule)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:22px 0;font-size:1.15rem;font-weight:400;color:var(--ink)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{position:relative;flex:0 0 18px;height:18px}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:0;top:8px;width:18px;height:1.5px;background:var(--ink-2);transition:transform 300ms var(--ease-out)}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i::after{transform:rotate(0)}
.qa summary:hover{color:var(--violet-l)}
.ans p{padding:0 0 24px;color:var(--ink-2);line-height:1.6;max-width:62ch}
.qa::details-content{block-size:0;overflow:hidden;transition:block-size 400ms var(--ease-out),content-visibility 400ms allow-discrete}
.qa[open]::details-content{block-size:auto}
:root{interpolate-size:allow-keywords}
.blog-head .sec-sub{margin-top:var(--sp-3)}
.posts{margin-top:var(--sp-5);border-top:1px solid var(--rule)}
.post{display:grid;grid-template-columns:168px minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;padding:20px 0;border-bottom:1px solid var(--rule);color:inherit}
.ban{display:block;width:168px;aspect-ratio:16/10;border-radius:14px;transition:transform 500ms var(--ease-out),filter 500ms var(--ease-out)}
.post:hover .ban{transform:scale(1.03);filter:brightness(1.1) saturate(1.15)}
.ptx{display:flex;flex-direction:column;gap:6px;min-width:0}
.post .tag{font-size:.8rem;color:var(--ink-3)}
.post .pt{font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:400;letter-spacing:-.015em;line-height:1.25;text-wrap:balance;transition:color 200ms}
.post:hover .pt{color:#fff}
.post .pm{font-size:.82rem;color:var(--ink-3)}
.post .arr{color:var(--ink-3);font-size:1.1rem;transition:transform 300ms var(--ease-out),color 300ms}
.post:hover .arr{transform:translateX(6px);color:var(--violet-l)}
.post[data-category="research"] .ban{background:radial-gradient(ellipse at 25% 40%,rgba(251,191,36,.95) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(251,113,133,.8) 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(245,158,11,.8) 0%,transparent 50%),radial-gradient(ellipse at 10% 15%,rgba(254,215,170,.7) 0%,transparent 40%),linear-gradient(160deg,#c2410c 0%,#f59e0b 35%,#fbbf24 60%,#fb7185 100%)}
.post[data-category="personal"] .ban{background:radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.95) 0%,transparent 50%),radial-gradient(ellipse at 80% 25%,rgba(59,130,246,.8) 0%,transparent 45%),radial-gradient(ellipse at 50% 85%,rgba(99,102,241,.75) 0%,transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(167,139,250,.5) 0%,transparent 40%),linear-gradient(160deg,#312e81 0%,#6366f1 35%,#8b5cf6 60%,#3b82f6 100%)}
.post[data-category="guide"] .ban{background:radial-gradient(ellipse at 10% 40%,rgba(59,130,246,.95) 0%,transparent 50%),radial-gradient(ellipse at 80% 15%,rgba(167,139,250,.85) 0%,transparent 45%),radial-gradient(ellipse at 55% 90%,rgba(45,212,191,.8) 0%,transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(244,114,182,.45) 0%,transparent 40%),linear-gradient(160deg,#1e3a5f 0%,#2563eb 40%,#7dd3fc 70%,#c4b5fd 100%)}
.more{display:inline-block;margin-top:var(--sp-5);color:var(--ink-2);font-size:.95rem}
.more:hover{color:var(--ink)}
.intro .sec-h{text-align:center;margin:0 auto}
.vframe{position:relative;max-width:960px;margin:var(--sp-6) auto 0}
.vframe .glow{top:50%;width:120%;height:140%}
.facade,.vframe iframe{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0 / .1),0 40px 90px -30px oklch(3% 0.02 300);border:0}
.facade img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease-out)}
.facade:hover img{transform:scale(1.02)}
.vplay{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;background:oklch(100% 0 0 / .92);box-shadow:0 10px 40px oklch(3% 0.02 300 / .5);transition:transform 300ms var(--ease-out)}
.vplay svg{width:26px;height:26px;fill:var(--paper);margin-left:4px}
.facade:hover .vplay{transform:scale(1.06)}
.final{text-align:center;min-height:min(92vh,820px);display:flex;align-items:center;padding-bottom:clamp(7rem,14vw,11rem)}
.final .wrap{width:100%}
.final .glow{top:36%}
.final .sec-h{max-width:15ch;margin:0 auto;position:relative}
.final .sec-h b{color:var(--red)}
.final .sec-sub{margin:var(--sp-4) auto 0;position:relative}
.final .stores{margin-top:var(--sp-5);position:relative;justify-content:center}
.final .fine{margin-top:var(--sp-3);position:relative}
.final .grain{-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}
.featured{padding:var(--sp-5) 0 var(--sp-6);border-top:1px solid var(--rule)}
.featured .lab{display:block;text-align:center;font-size:.8rem;margin-bottom:var(--sp-4)}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.track{display:flex;align-items:center;gap:40px;width:max-content;animation:marq 60s linear infinite}
.track a{flex:0 0 auto;opacity:.7;transition:opacity 200ms}
.track a:hover{opacity:1}
.track img{height:44px;width:auto}
.marq:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.featured:not(.live) .track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}
.foot-wrap{padding:var(--sp-6) var(--sp-5) var(--sp-5);border-top:1px solid var(--rule)}
.ftop{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
.tagline{color:var(--ink-3);font-size:.9rem}
.flinks{margin-left:auto;display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:.9rem;color:var(--ink-2)}
.flinks a:hover{color:var(--ink)}
.fcopy{margin-top:var(--sp-2);font-size:.78rem;color:var(--ink-3)}
.ftop+.fcopy{margin-top:var(--sp-5)}
.qr{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 12px;border-radius:18px;background:oklch(16% 0.014 300 / .92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--rule),0 20px 50px -20px oklch(3% 0.02 300);opacity:0;transform:translateY(10px);transition:opacity 400ms var(--ease-out),transform 400ms var(--ease-out)}
.qr.show{opacity:1;transform:none}
.qr img{width:96px;height:96px;border-radius:8px;background:#fff;padding:4px}
.qr span{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.qr-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--rule);font-size:.9rem;line-height:1;color:var(--ink-2)}
@media(max-width:1000px){.qr{display:none}}
@media(max-width:900px){
  .how-grid{grid-template-columns:1fr;gap:0}
  .how-stage,.rail{display:none}
  .steps{padding-left:0}
  .steps{padding-left:0}
  .step{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;opacity:1;gap:0}
  .step>div{display:contents}
  .step-img{display:block;order:-1;align-self:flex-start;width:min(340px,96vw);max-width:none;height:auto;margin:calc(min(340px,96vw) * -.15) 0 calc(min(340px,96vw) * -.16) calc(50% - min(170px,48vw))}
  .step .num{order:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:.55em 1.1em;border-radius:999px;color:var(--violet-l);background:oklch(52% 0.22 295 / .16);margin-top:0}
  .step[data-i="3"] .num{color:var(--green);background:oklch(86% 0.14 165 / .12)}
  .n-d{display:none}.n-m{display:inline}
  .step h3{order:1;margin-top:var(--sp-3);font-size:1.02rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--ink);max-width:none}
  .step p{display:none}
  .step{position:relative;padding:var(--sp-7) 0 var(--sp-6)}
  .step::after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,oklch(52% 0.22 295 / .45),transparent)}
  .step:first-of-type{padding-top:var(--sp-5)}.step:last-of-type{padding-bottom:0}.step:last-of-type::after{display:none}
  .payoff{margin-top:var(--sp-7)}
  .how-prog.show{display:block}
  .ba{grid-template-columns:1fr;gap:14px}
  .side{padding:var(--sp-5) var(--sp-4)}
  .feat{grid-template-columns:1fr;margin-top:var(--sp-5)}
  .how-grid{margin-top:var(--sp-4)}
  .fstage{display:none}
  .flist{border-top:0}
  .fi{display:flex;flex-direction:column;align-items:center;text-align:center;border:0;position:relative;padding:var(--sp-7) 0 var(--sp-6)}
  .fi::after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,oklch(52% 0.22 295 / .45),transparent)}
  .fi:first-child{padding-top:var(--sp-4)}.fi:last-child{padding-bottom:0}.fi:last-child::after{display:none}
  .fi .fd,.fi .fd>div{display:contents}
  .fi-img{display:block;order:0;width:min(330px,92vw);max-width:none;height:auto;margin:calc(min(330px,92vw) * -.15) auto calc(min(330px,92vw) * -.16)}
  .fi button{order:1;flex-direction:column;align-items:center;gap:6px;padding:0;pointer-events:none}
  .fi .tag{flex-basis:auto;color:var(--violet-l);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
  .fi h3{color:var(--ink);font-weight:400;font-size:1.45rem}
  .fd p{order:2;padding:var(--sp-2) 0 0;font-size:.98rem;max-width:34ch}
  .price-grid{grid-template-columns:1fr;gap:var(--sp-5)}
  .plans{position:static}
  .faq .wrap{grid-template-columns:1fr;gap:var(--sp-4)}
  .faq .head{position:static}
  .post{grid-template-columns:92px minmax(0,1fr);gap:var(--sp-3);padding:16px 0}
  .ban{width:92px;border-radius:12px}
  .post .arr{display:none}
  .post .pt{font-size:1.05rem}
  .foot-wrap{padding:var(--sp-5) var(--sp-3) calc(var(--sp-5) + 64px);text-align:center}
  .ftop{flex-direction:column;gap:var(--sp-3)}
  .flinks{margin-left:0;width:100%;justify-content:center}
  .blog .more{display:block;text-align:center}
  .side{align-items:center}
  .side .bar{width:100%}
  .side ul{align-self:stretch}
}
@media(max-width:600px){
  .tbl th,.tbl td{padding:12px 8px}
  .ptbl{font-size:.88rem}
  .final{min-height:0}
  .stores.left{justify-content:center}
}
.os-ios .cta-stores .cta-store-play{display:none}.os-android .cta-stores img:not(.cta-store-play){display:none}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px var(--sp-5) var(--sp-6);overflow:clip;isolation:isolate}
.grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-6);max-width:1320px;width:100%;margin:0 auto}
.mid{position:relative;display:flex;justify-content:center}
.mid .glow{top:50%}
.phone{--w:clamp(280px,min(28.8vw,calc((100svh - 174px) / 2.12)),468px);
  position:relative;z-index:3;animation:rise 1100ms cubic-bezier(.16,1,.3,1) 280ms both}
@keyframes rise{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
.hero>.dots,.hero>.vig,.mid>.glow,.mid>.shadow{animation:hero-bg 1400ms ease-out both}
.hero>.dots{animation-delay:150ms}
@keyframes hero-bg{from{opacity:0}to{opacity:1}}
.hl{font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.02;letter-spacing:-.035em}
.l{text-align:right;justify-self:end;animation:word-in 1000ms cubic-bezier(.16,1,.3,1) 120ms both}
.r{text-align:left;justify-self:start;animation:word-in 1000ms cubic-bezier(.16,1,.3,1) 220ms both}
.r .hl b{color:var(--green)}
.lede{margin-top:var(--sp-4);max-width:30ch}
.stores{justify-content:flex-start;margin-top:var(--sp-5)}
.fine{margin-top:var(--sp-3)}
.proof{position:relative;z-index:5;margin-top:120px;animation:settle 900ms cubic-bezier(.16,1,.3,1) 650ms both}
@keyframes word-in{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:1000px){
  .hero{padding:84px var(--sp-3) var(--sp-5);min-height:auto}
  .grid{grid-template-columns:1fr;gap:var(--sp-2);text-align:center}
  .l,.r{text-align:center;justify-self:center}
  .r{order:1}.mid{order:2;margin-top:var(--sp-5)}
  .stores{margin-top:var(--sp-4)}
  .phone{--w:288px}
  .hl{font-size:clamp(1.7rem,7.9vw,2.6rem);line-height:1.18}
  .hl{font-weight:500;letter-spacing:-.035em}
  .hl b{font-weight:700}
  .lede{margin-top:var(--sp-2)}
  .lede{margin-left:auto;margin-right:auto}.stores{justify-content:center}
  .proof{margin-top:84px}
}
@media(prefers-reduced-motion:reduce){.l,.r,.phone,.proof,.hero>.dots,.hero>.vig,.mid>.glow,.mid>.shadow{animation:none}}
html{scroll-behavior:smooth;scroll-padding-top:90px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-to-content:focus{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:auto;height:auto;padding:.75rem 1.5rem;background:#7c3aed;color:#fff;border-radius:8px;font-weight:600}