html{--bg:#fafafa;--ink:#171717;--muted:#767676;--line:rgba(0,0,0,0.09);--under:rgba(0,0,0,0.28);--slot:rgba(0,0,0,0.05);--ok:#16a34a;--no:#d4483b}
html[data-theme="dark"]{--bg:#0E0E0E;--ink:#EDEDED;--muted:#8E8E8E;--line:rgba(255,255,255,0.11);--under:rgba(255,255,255,0.3);--slot:rgba(255,255,255,0.07);--ok:#35d07f;--no:#ff6b5e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:"Funnel Display",ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.62;letter-spacing:-0.006em;min-height:100vh;transition:background .25s ease,color .25s ease;overflow-x:hidden}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--under);transition:text-decoration-color .18s ease,color .18s ease}
a:hover{color:var(--ink);text-decoration-color:var(--ink)}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ap{animation:none!important}}

.wrap{min-height:100vh;background:var(--bg);color:var(--ink);transition:background .25s ease,color .25s ease}
.page{padding:112px 24px 0}
@media (max-width:560px){.page{padding-top:72px}}

.ap{animation:appear .55s cubic-bezier(.22,.8,.3,1) both}
.d1{animation-delay:40ms}.d2{animation-delay:70ms}.d3{animation-delay:85ms}.d4{animation-delay:100ms}.d5{animation-delay:140ms}.d6{animation-delay:170ms}

.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.cap{font-size:12.5px;color:var(--muted)}

.logo{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);text-decoration:none}
.logo svg{flex:none;display:block}

.h1{margin:0;font-size:clamp(31px,7.4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-0.024em;text-wrap:balance}
.h2{margin:0;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-0.02em;text-wrap:balance}
.lead{margin:0;font-size:17px;line-height:1.58;color:var(--muted);text-wrap:pretty}

.stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;text-align:left}
.stat{padding:14px 16px;display:flex;flex-direction:column}
.stat+.stat{border-left:1px solid var(--line)}
a.stat{text-decoration:none;transition:background .18s ease}
a.stat:hover{background:var(--slot)}
.stat .num{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-0.015em}
.tnum{font-variant-numeric:tabular-nums}
.stat .sub{font-size:13px;color:var(--muted)}

.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
.row svg{flex:none;color:var(--muted)}
.row-k{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--ink)}
.row-v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;color:var(--muted)}
.us{color:var(--line)}

.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:9px;font-size:13.5px;text-decoration:none}
.btn-p{gap:8px;background:var(--ink);color:var(--bg);font-weight:450;transition:opacity .18s ease}
.btn-p:hover{opacity:.84;color:var(--bg)}
.btn-s{border:1px solid var(--line);color:var(--ink);transition:border-color .18s ease,background .18s ease}
.btn-s:hover{border-color:var(--under);background:var(--slot)}

.foot{padding:56px 24px 48px}
.foot p{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;text-align:center;color:var(--muted)}
.foot .sep{color:var(--under)}
.foot a{text-decoration-color:var(--line)}
.foot-home a:hover{text-decoration-color:var(--under)}

.theme{position:fixed;right:22px;bottom:26px;z-index:60}
.theme button{appearance:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:background .18s ease}
.theme button:hover{background:var(--slot)}
.theme .ico{display:grid;place-items:center;line-height:0;transition:transform .3s cubic-bezier(.22,.8,.3,1)}
html[data-theme="dark"] .theme .ico{transform:rotate(180deg)}

/* Home */
.hero{max-width:648px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.bio{max-width:50ch;font-size:17px;line-height:1.58;color:var(--muted);text-wrap:pretty;display:flex;flex-direction:column;gap:14px}
.bio p{margin:0}
.bio b{font-weight:500;color:var(--ink)}
.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.price{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:2px}
.price .amt{font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.price .txt{color:var(--muted);font-size:13.5px;line-height:1.45}
.get{padding:11px 0;border-bottom:1px solid var(--line)}
.get:last-child{border-bottom:0}
.step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px 2px;border-bottom:1px solid var(--line)}
.step .n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);padding-top:2px}
.step b{font-weight:500}
.step .t{text-wrap:pretty}
.step .m{color:var(--muted)}
@media (max-width:560px){
  .hero{gap:22px}
  .bio{font-size:16px}
  .prices{grid-template-columns:minmax(0,1fr)}
}

/* Vouches */
.pill{appearance:none;padding:5px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:border-color .18s ease}
.pill:hover{border-color:var(--under)}
.pill[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.vq{margin:0;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.vq+.vq{border-top:1px solid var(--line)}
.vq.deal{background:var(--slot)}
.vq blockquote{margin:0;font-size:16.5px;line-height:1.55;color:var(--ink);text-wrap:pretty;white-space:pre-line}
.vq.long blockquote{font-size:15px}
.vq figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
.tag{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;color:var(--ink)}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--ok)}

/* Playbook */
@media (max-width:640px){.pb{padding-top:72px}}
.fstep{display:grid;grid-template-columns:210px minmax(0,1fr) 120px;gap:12px 18px;padding:16px 18px;align-items:start}
.fstep+.fstep{border-top:1px solid var(--line)}
.fnum{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}
.fstep.last .fnum{background:var(--ink);color:var(--bg)}
.ftag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.fstep.last .ftag{color:var(--ok)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:640px){
  .fstep{grid-template-columns:minmax(0,1fr)}
  .three{grid-template-columns:minmax(0,1fr)}
}
.tier{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
.deal-row{display:grid;grid-template-columns:72px minmax(0,1fr) 64px;gap:12px;align-items:center;padding:7px 0}

/* 404 */
.nf{padding-top:96px}
@media (max-width:560px){.nf{padding-top:64px}}
.qbtn{appearance:none;padding:9px 16px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:border-color .18s ease}
.qbtn:hover{border-color:var(--under)}
#poke-dot{transition:transform .45s cubic-bezier(.3,1.6,.5,1),fill .3s ease}