/* DUKOIN v3 — exchange-grade light UI. Clean, trustworthy, fast. Loaded last (html.pop). */
:root.pop{
  --ink:#0B0E14;--ink-2:#3A4150;--mute:#6B7280;--faint:#A3A9B6;
  --paper:#FFFFFF;--soft:#F5F6F8;--card:#FFFFFF;--card-solid:#FFFFFF;--card-2:#F5F6F8;--line:#E9EBEF;--line-2:#D9DCE3;
  --purple:#6C47FF;--purple-2:#5A36F0;--purple-ink:#4B2BD9;--lav:#F2EEFF;--lav-2:#E4DAFF;
  --lime:#C6F432;--lime-2:#B2E01E;--lime-ink:#3F5200;
  --up:#00B386;--up-bg:#E6F7F2;--dn:#F6465D;--dn-bg:#FEECEF;--warn:#E8A317;--warn-bg:#FFF6E0;
  --coral:#F6465D;--coral-bg:#FEECEF;--sun:#F7B500;--sun-bg:#FFF6E0;--mint:#00B386;--mint-bg:#E6F7F2;--sky:#1E9BFF;--sky-bg:#E8F4FF;--pink:#F0479E;--pink-bg:#FDEBF5;--peach-bg:#FFF0E6;
  --on-accent:#fff;
  --sh-1:0 1px 2px rgba(11,14,20,.04);--sh-2:0 8px 28px rgba(11,14,20,.08);--sh-3:0 24px 64px rgba(11,14,20,.14);
  --r:14px;--r-lg:20px;
  color-scheme:light;
}
:root.pop[data-theme="dark"]{
  --ink:#EAECEF;--ink-2:#B7BDC6;--mute:#848E9C;--faint:#5E6673;
  --paper:#0B0E11;--soft:#13171D;--card:#161A20;--card-solid:#161A20;--card-2:#1E232B;--line:#252B33;--line-2:#323943;
  --lav:#1E1A33;--lav-2:#2A2350;--up-bg:#0F2A23;--dn-bg:#2E151A;--sun-bg:#2C2410;--mint-bg:#0F2A23;--sky-bg:#10233A;--pink-bg:#2E1525;--peach-bg:#2E1E12;--warn-bg:#2C2410;--coral-bg:#2E151A;
  color-scheme:dark;
}
.pop body{background:var(--paper);background-image:none;color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.pop body::before{display:none}
.pop h1,.pop h2,.pop h3,.pop h4{font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.pop b,.pop strong{font-weight:600}
.pop a{color:inherit}
.pop .grad{background:none;color:var(--purple);-webkit-text-fill-color:currentColor}
.pop .grad-2{background:none;color:var(--up);-webkit-text-fill-color:currentColor}
.pop .kicker{color:var(--purple);font-weight:600}
.pop .kicker::before{box-shadow:none}
.pop .glowcard,.pop .card,.pop .stat,.pop .kv div,.pop .ftile,.pop .plan,.pop .step,.pop .metric{background:var(--card);border:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--r-lg)}
.pop .glowcard::before{display:none}
.pop .band--ink{background:var(--ink);color:#fff}
.pop .band--lav{background:var(--lav);border:0}
.pop .band--sun{background:var(--sun-bg);border:0}
.pop .input,.pop input[type=email],.pop input[type=text],.pop input[type=number],.pop select{background:var(--card)}
.pop .tick{display:none}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--mute)}

/* ---------------------------------------------------------------- buttons */
.pop .btn{--bg:var(--ink);--fg:#fff;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--bg);background:var(--bg);color:var(--fg);font-weight:600;font-size:.95rem;box-shadow:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.pop .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(11,14,20,.14)}
.pop .btn:active{transform:none;box-shadow:none}
.pop .btn--lime{--bg:var(--lime);--fg:#0B0E14}
.pop .btn--lime:hover{--bg:var(--lime-2)}
.pop .btn--ghost{--bg:var(--card);--fg:var(--ink);border-color:var(--line-2)}
.pop .btn--ghost:hover{border-color:var(--ink);box-shadow:none}
.pop .btn--soft{--bg:transparent;--fg:var(--ink);border-color:transparent}
.pop .btn--soft:hover{background:var(--soft);box-shadow:none;transform:none}
.pop .btn--lg{min-height:52px;padding:0 26px;font-size:1rem}
.pop .btn--sm{min-height:36px;padding:0 14px;font-size:.88rem;border-radius:10px}
.link-arrow{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:600 .95rem var(--font);color:var(--ink);text-decoration:none;cursor:pointer}
.link-arrow svg{width:16px;height:16px;transition:transform .2s}
.link-arrow:hover svg{transform:translateX(3px)}
.link-arrow:hover{color:var(--purple)}

/* ----------------------------------------------------------------- header */
.ph{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.pop[data-theme="dark"] .ph{background:rgba(11,14,17,.9)}
.ph.is-scrolled{border-bottom-color:var(--line);box-shadow:0 1px 0 rgba(11,14,20,.02)}
.ph__bar{display:flex;align-items:center;gap:20px;height:68px}
.ph .logo{flex:none}
.ph__nav{display:flex;gap:2px;align-items:center;flex:1}
.ph__nav > a,.ph__dd > button{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;font:500 .94rem/1 var(--font);color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;transition:background .15s,color .15s}
.ph__nav > a:hover,.ph__dd > button:hover,.ph__dd.open > button{background:var(--soft)}
.ph__nav > a[aria-current="page"]{color:var(--purple)}
.ph__nav > a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-14px;height:2px;background:var(--purple);border-radius:2px}
.ph__nav .new{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--lime);color:#0B0E14;border-radius:5px;padding:3px 5px}
.ph__dd{position:relative}
.ph__dd svg{transition:transform .2s}
.ph__dd.open > button svg{transform:rotate(180deg)}
.ph__panel{position:absolute;top:calc(100% + 10px);left:0;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s}
.ph__dd.open .ph__panel,.ph__dd:focus-within .ph__panel{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.ph__dd:hover .ph__panel{opacity:1;visibility:visible;transform:none}.ph__dd:hover > button svg{transform:rotate(180deg)}}
.ph__panel::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.ph__panel a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);transition:background .15s}
.ph__panel a:hover{background:var(--soft)}
.ph__panel i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--ink)}
.ph__panel i svg{width:18px;height:18px}
.ph__panel b{display:block;font-weight:600;font-size:.92rem}
.ph__panel small{display:block;color:var(--mute);font-size:.8rem;line-height:1.35;margin-top:2px}
.ph__cta{display:flex;gap:8px;align-items:center;flex:none;margin-left:auto}
.ph__burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);place-items:center;cursor:pointer;color:var(--ink)}
.ph__burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
.ph__burger span::before,.ph__burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px}
.ph__burger span::before{top:-6px}.ph__burger span::after{top:6px}
@media (max-width:1060px){.ph__nav{display:none}.ph__burger{display:grid}.ph__cta .hide-m{display:none}}

/* Mobile sheet */
.msheet{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;padding:0 var(--gutter) calc(20px + env(safe-area-inset-bottom));background:var(--paper);overflow:auto;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .22s,transform .22s,visibility .22s}
.msheet.open{opacity:1;visibility:visible;transform:none}
.msheet__top{display:flex;align-items:center;justify-content:space-between;height:68px;margin-bottom:6px}
.msheet__close{width:42px;height:42px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink)}
.msheet__big a{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;font-size:1.2rem;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.msheet__big a span{color:var(--mute);font-weight:400}
.msheet__chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.msheet__chips a{padding:12px;border-radius:12px;background:var(--soft);text-decoration:none;color:var(--ink);font-weight:500;font-size:.9rem}
.msheet__cta{display:grid;gap:10px;margin-top:auto;padding-top:20px}

/* ------------------------------------------------------------- primitives */
.pop .sx{padding:clamp(56px,8vw,104px) 0;position:relative}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--soft);font-size:.84rem;font-weight:500;color:var(--ink-2)}
.chip--lime{background:var(--lime);color:#0B0E14}
.dot-live{width:8px;height:8px;border-radius:50%;background:var(--up);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(0,179,134,.5)}80%,100%{box-shadow:0 0 0 9px rgba(0,179,134,0)}}
.hl{font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.04;letter-spacing:-.04em;font-weight:600;margin:18px 0 18px}
.h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:10px 0 14px}
.hl em,.h2 em{font-style:normal;color:var(--purple)}
.em-pink,.em-sky,.em-sun{color:var(--purple)}
.lead{font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.6;color:var(--ink-2);max-width:560px}
.eyebrow{display:inline-block;font-size:.82rem;font-weight:600;color:var(--purple);letter-spacing:.01em}
.center{text-align:center}.center .lead{margin-inline:auto}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.ico svg{width:22px;height:22px}
.tip{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--soft);color:var(--mute);font-size:.66rem;font-weight:700;cursor:help;position:relative;vertical-align:1px}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;translate:-50% 0;width:240px;padding:10px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:400;line-height:1.45;text-align:left;text-transform:none;letter-spacing:0;white-space:normal;box-shadow:var(--sh-3)}

/* Persona switching */
.lp{display:flex;flex-direction:column}
.lp > *{order:var(--o-new,50)}
[data-who="pro"] .lp > *{order:var(--o-pro,50)}
[data-who="pro"] .lp [data-for="new"],[data-who="new"] .lp [data-for="pro"],:root:not([data-who="pro"]) .lp [data-for="pro"]{display:none}
[data-who-text]{display:none}
:root:not([data-who="pro"]) [data-who-text="new"],[data-who="pro"] [data-who-text="pro"],[data-who-text="any"]{display:revert}
span[data-who-text]{display:none}
:root:not([data-who="pro"]) span[data-who-text="new"],[data-who="pro"] span[data-who-text="pro"]{display:inline}

/* Reveal */
[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
[data-rv].in{opacity:1;transform:none}
[data-rv="z"]{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}}

/* ------------------------------------------------------------------ hero */
.hero3{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,64px);background:linear-gradient(180deg,#fff 0%,#F7F8FA 100%)}
.pop[data-theme="dark"] .hero3{background:linear-gradient(180deg,var(--paper),var(--soft))}
.hero3__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center}
@media (max-width:980px){.hero3__grid{grid-template-columns:1fr}}
.signup{display:flex;gap:8px;max-width:520px;margin-top:28px;padding:6px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);box-shadow:var(--sh-2)}
.signup input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;font:400 1rem var(--font);color:var(--ink)}
@media (max-width:480px){.signup{flex-direction:column}.signup input{min-height:48px}}
.hero3__ctas{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:18px 0 0}
.trust{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:620px}
@media (max-width:620px){.trust{grid-template-columns:1fr}}
.trust li{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--mute);line-height:1.4}
.trust svg{flex:none;width:20px;height:20px;color:var(--up);margin-top:2px}
.trust b{display:block;color:var(--ink);font-size:.9rem;font-weight:600}

/* Phone */
.stage{position:relative;display:grid;place-items:center;min-height:620px}
@media (max-width:980px){.stage{min-height:580px}}
.phone{position:relative;width:min(320px,82vw);aspect-ratio:9/19.2;border-radius:44px;background:#0B0E14;padding:10px;box-shadow:0 50px 100px -20px rgba(11,14,20,.35),0 30px 60px -30px rgba(11,14,20,.4)}
.phone__scr{position:relative;height:100%;border-radius:35px;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:44px 16px 16px;gap:12px;color:#0B0E14}
.phone__notch{position:absolute;top:9px;left:50%;translate:-50% 0;width:92px;height:26px;border-radius:20px;background:#0B0E14;z-index:3}
.pbot{display:flex;align-items:center;gap:10px}
.pbot img{width:32px;height:32px;border-radius:50%}
.pbot b{display:block;font-size:.88rem;font-weight:600}
.pbot small{display:block;font-size:.7rem;color:#6B7280}
.pbot .chip{margin-left:auto;padding:4px 8px;font-size:.68rem;background:#E6F7F2;color:#00875F;font-weight:600}
.peq small{font-size:.7rem;color:#6B7280;font-weight:500}
.peq .v{font-size:1.9rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.15}
.peq .r{font-size:.82rem;font-weight:600}
.pchart{height:120px;margin:0 -4px}
.pchart svg{width:100%;height:100%;overflow:visible}
.pchart .ln{fill:none;stroke:var(--purple);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pchart .hd{fill:none;stroke:#C4C9D3;stroke-width:1.4;stroke-dasharray:3 4}
.pbrain{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#F5F6F8;font-size:.76rem;line-height:1.35}
.ring{flex:none;width:40px;height:40px;position:relative}
.ring svg{width:40px;height:40px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:4}
.ring .bg{stroke:#E1E4EA}.ring .fg{stroke:var(--purple);stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:.6rem;font-weight:600;font-variant-numeric:tabular-nums}
.ptoasts{position:relative;flex:1;min-height:110px}
.toast3{position:absolute;left:0;right:0;top:0;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#0B0E14;color:#fff;font-size:.76rem;line-height:1.3;box-shadow:0 10px 30px rgba(11,14,20,.25);animation:tin .5s cubic-bezier(.2,.8,.2,1) both}
.toast3 i{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.66rem;letter-spacing:.02em}
.toast3 .buy{background:var(--lime);color:#0B0E14}.toast3 .sell{background:var(--dn);color:#fff}.toast3 .hold{background:#2A303B;color:#fff}
.toast3 small{display:block;opacity:.7}
@keyframes tin{from{opacity:0;transform:translateY(20px)}}
.toast3.gone{animation:tout .35s forwards}
@keyframes tout{to{opacity:0;transform:translateY(-12px)}}
.fl{position:absolute;z-index:2;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-3);font-size:.8rem;line-height:1.3;animation:bob 7s ease-in-out infinite}
.fl small{display:block;color:var(--mute);font-size:.72rem;font-weight:500;margin-bottom:2px}
.fl b{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}
.fl--a{top:10%;left:0}
.fl--b{top:36%;right:-2%;animation-delay:-2.5s}
.fl--c{bottom:10%;left:2%;animation-delay:-4.5s}
@keyframes bob{50%{translate:0 -8px}}
@media (max-width:560px){.fl{font-size:.72rem;padding:9px 11px}.fl b{font-size:.88rem}.fl--b{right:0}}
@media (prefers-reduced-motion:reduce){.fl{animation:none}}
.flash-up{animation:fu .9s}.flash-dn{animation:fd .9s}
@keyframes fu{0%{color:var(--up)}}@keyframes fd{0%{color:var(--dn)}}

/* Price strip */
.pstrip{border-block:1px solid var(--line);background:var(--card)}
.pstrip__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.pstrip__in::-webkit-scrollbar{display:none}
.pstrip a{flex:none;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:.9rem;transition:background .15s}
.pstrip a:hover{background:var(--soft)}
.pstrip img{border-radius:50%}
.pstrip .num{font-weight:500}

/* Market table */
.mtable{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.mtable__tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line)}
.mtable__tabs button{padding:8px 14px;border-radius:10px;border:0;background:none;font:500 .9rem var(--font);color:var(--mute);cursor:pointer}
.mtable__tabs button[aria-selected="true"]{background:var(--soft);color:var(--ink);font-weight:600}
.mtable table{width:100%;border-collapse:collapse;font-size:.94rem}
.mtable th{padding:12px 16px;text-align:right;font-weight:500;font-size:.8rem;color:var(--mute);white-space:nowrap}
.mtable td{padding:14px 16px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}
.mtable .l{text-align:left}
.mtable tbody tr{transition:background .15s}
.mtable tbody tr:hover{background:var(--soft)}
.mtable .coin{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink)}
.mtable .coin img{border-radius:50%}
.mtable .coin small{display:block;color:var(--mute);font-size:.78rem}
.spk{width:110px;height:32px;display:block;margin-left:auto}
.verdict{display:inline-block;min-width:54px;text-align:center;padding:5px 10px;border-radius:8px;font-size:.8rem;font-weight:600}
.verdict--up{background:var(--up-bg);color:var(--up)}.verdict--dn{background:var(--dn-bg);color:var(--dn)}.verdict--flat{background:var(--soft);color:var(--mute)}
@media (max-width:900px){.mtable .hide-m{display:none}}
@media (max-width:640px){.mtable .hide-s{display:none}.mtable td,.mtable th{padding:12px 10px}}

/* Fear cards / kit */
.fears{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
@media (max-width:900px){.fears{grid-template-columns:1fr}}
.fear{position:relative;border-radius:var(--r-lg);padding:26px;min-height:300px;display:flex;flex-direction:column;background:var(--soft);transition:transform .25s,box-shadow .25s}
.fear:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.fear:nth-child(1),.fear:nth-child(2),.fear:nth-child(3){background:var(--soft)}
.fear q{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;quotes:"“" "”"}
.fear q::before{content:open-quote}.fear q::after{content:close-quote}
.fear .fix{margin-top:auto;padding-top:20px}
.fear .fix span{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--lime);color:#0B0E14;font-size:.76rem;font-weight:600;margin-bottom:10px}
.fear .fix p{margin:0;color:var(--ink-2);line-height:1.55;font-size:.95rem}
.fear .fig{height:80px;margin:18px 0 0}
.pop[data-theme="dark"] .fear .fig path,.pop[data-theme="dark"] .fear .fig circle,.pop[data-theme="dark"] .fear .fig text{stroke:currentColor}

/* How */
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.how__c{position:relative;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);padding:24px}
.how__c h3{font-size:1.25rem;margin:14px 0 6px}
.how__c p{color:var(--ink-2);margin:0 0 18px;line-height:1.55;font-size:.95rem}
.how__vis{height:150px;border-radius:14px;background:var(--soft);display:grid;place-items:center;overflow:hidden;position:relative}
.how__vis svg{width:100%;height:100%}

/* Bootcamp */
.camp{background:#0B0E14;color:#fff;border-radius:24px;padding:clamp(28px,5vw,64px);position:relative;overflow:hidden}
.camp .h2,.camp h3{color:#fff}.camp .h2 em{color:var(--lime)}.camp .lead{color:#AEB4BF}
.camp .eyebrow{color:var(--lime)}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:40px}
@media (max-width:1000px){.days{grid-template-columns:repeat(7,minmax(220px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}}
.day{scroll-snap-align:start;border-radius:16px;background:#151A22;border:1px solid #232A35;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:220px;transition:border-color .2s,transform .2s}
.day:hover{border-color:var(--lime);transform:translateY(-3px)}
.day .n{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:600;color:#8A93A1}
.day .n i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#232A35;color:var(--lime)}
.day .n i svg{width:17px;height:17px}
.day h4{margin:4px 0 0;font-size:1rem;font-weight:600;line-height:1.3;color:#fff}
.day p{margin:0;font-size:.84rem;line-height:1.5;color:#AEB4BF}
.day .xp{margin-top:auto;font-size:.74rem;font-weight:600;color:#8A93A1}
.day:last-child{background:var(--lime);border-color:var(--lime)}
.day:last-child h4,.day:last-child p,.day:last-child .n,.day:last-child .xp{color:#0B0E14}
.day:last-child .n i{background:#0B0E14}
.camp__bar{position:relative;height:4px;border-radius:4px;background:#232A35;margin-top:26px;overflow:hidden}
.camp__bar i{position:absolute;inset:0;width:0;background:var(--lime);border-radius:4px;transition:width 2.2s cubic-bezier(.2,.8,.2,1)}
.camp.in .camp__bar i{width:100%}
.camp__foot{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}

/* Proof of results */
.proof3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
@media (max-width:900px){.proof3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pnum{border-radius:16px;padding:20px;background:var(--soft)}
.pnum b{display:block;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.1}
.pnum span{display:block;margin-top:6px;color:var(--mute);font-size:.88rem;line-height:1.45}
.race{margin-top:14px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);padding:clamp(16px,3vw,26px)}
.race__h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.race__h h3{margin:0;font-size:1.25rem}
.race__svg{height:300px}
.race__svg svg{width:100%;height:100%;overflow:visible}
.race__legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.race__legend span{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--soft);font-size:.8rem;font-weight:500}
.race__legend i{width:10px;height:10px;border-radius:3px}
.hash{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;padding:3px 7px;border-radius:6px;background:var(--soft);color:var(--ink-2)}
.verified{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--up-bg);color:var(--up);font-weight:600;font-size:.84rem}
.verified svg{width:16px;height:16px}

/* Backtest studio */
.studio{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px;margin-top:32px}
@media (max-width:900px){.studio{grid-template-columns:1fr}}
.studio__ctl,.studio__out{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);padding:20px}
.studio__ctl label.t{display:block;font-size:.84rem;font-weight:600;color:var(--ink);margin:18px 0 8px}
.studio__ctl label.t:first-child{margin-top:0}
.coins{display:flex;flex-wrap:wrap;gap:6px}
.coins button,.strats button,.seg3 button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);font:500 .86rem var(--font);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.coins button:hover,.strats button:hover,.seg3 button:hover{border-color:var(--ink)}
.coins img{width:18px;height:18px;border-radius:50%}
.coins button[aria-pressed="true"],.strats button[aria-pressed="true"],.seg3 button[aria-pressed="true"]{border-color:var(--purple);background:var(--lav);box-shadow:inset 0 0 0 1px var(--purple)}
.strats{display:grid;gap:6px}
.strats button{text-align:left;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:2px}
.strats button b{font-weight:600}
.strats button small{font-size:.78rem;color:var(--mute);font-weight:400;line-height:1.4}
.strats .tag{font-size:.66rem;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--lime);color:#0B0E14;margin-left:6px}
.seg3{display:flex;gap:6px}
.studio__out{display:flex;flex-direction:column;min-height:460px}
.studio__chart{flex:1;min-height:280px;position:relative}
.studio__chart svg{width:100%;height:100%;overflow:visible}
.studio__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
@media (max-width:560px){.studio__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.studio__stats div{border-radius:12px;background:var(--soft);padding:12px}
.studio__stats small{display:block;font-size:.74rem;color:var(--mute);font-weight:500}
.studio__stats b{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums}
.studio__empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--mute);font-size:.92rem}
.mk{transform-box:fill-box;transform-origin:center;animation:popin .35s cubic-bezier(.2,1.5,.4,1) both}
@keyframes popin{from{transform:scale(0)}}
.spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--purple);animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* FAQ + final */
.faq3{max-width:860px;margin:32px auto 0;display:grid;gap:0;border-top:1px solid var(--line)}
.faq3 details{border-bottom:1px solid var(--line);padding:0 4px}
.faq3 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:600;font-size:1.04rem}
.faq3 summary::-webkit-details-marker{display:none}
.faq3 summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.faq3 details[open] summary::after{transform:rotate(-135deg)}
.faq3 details p{margin:0 0 20px;color:var(--ink-2);line-height:1.6}
details.faq3{border-top:0}
.final{position:relative;border-radius:24px;background:var(--lime);padding:clamp(40px,6vw,80px) clamp(24px,5vw,64px);text-align:center;overflow:hidden;color:#0B0E14}
.final .h2{color:#0B0E14}.final .h2 em{color:#0B0E14;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}

/* Pricing */
.pop .plans{gap:14px}
.pop .plan{border-radius:var(--r-lg);padding:26px}
.pop .plan--hot{border:2px solid var(--purple);box-shadow:var(--sh-2)}
.pop .plan__price{font-weight:600;letter-spacing:-.03em}
.pop .seg{background:var(--soft);border:0}

/* Footer */
.pop .ftr{background:var(--soft);color:var(--mute);border-top:1px solid var(--line);margin-top:clamp(32px,5vw,64px)}
.pop .ftr a{color:var(--ink-2)}
.pop .ftr a:hover{color:var(--ink)}
.pop .ftr__h{color:var(--ink);font-weight:600}
.pop .ftr__risk strong{color:var(--ink)!important}

/* --------------------------------------------------------------- quiz */
.quiz{position:fixed;inset:0;z-index:100;background:var(--paper);overflow:auto;display:none}
:root.quiz-on .quiz{display:block;animation:qfade .3s}
:root.quiz-on body{overflow:hidden}
@keyframes qfade{from{opacity:0}}
.quiz__in{max-width:880px;margin:0 auto;padding:0 var(--gutter) 40px;min-height:100%;display:flex;flex-direction:column}
.quiz__top{display:flex;justify-content:space-between;align-items:center;height:72px}
.quiz__bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.quiz__bar i{display:block;height:100%;width:0;background:var(--purple);border-radius:4px;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.quiz__stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:36px 0}
.qstep{animation:qin .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes qin{from{opacity:0;transform:translateX(30px)}}
.qstep h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em;margin:8px 0 10px;font-weight:600}
.qstep .qsub{color:var(--mute);margin:0 0 26px;font-size:1.05rem}
.qopts{display:grid;gap:10px}
.qopts--2{grid-template-columns:1fr 1fr}
@media (max-width:640px){.qopts--2{grid-template-columns:1fr}}
.qopt{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:18px 20px;border-radius:14px;border:1px solid var(--line-2);background:var(--card);font:500 1.02rem var(--font);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.qopt:hover{border-color:var(--ink);transform:translateY(-1px)}
.qopt[aria-pressed="true"]{border-color:var(--purple);background:var(--lav);box-shadow:inset 0 0 0 1px var(--purple)}
.qopt .qi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--soft)}
.qopt .qi svg{width:22px;height:22px}
.qopt small{display:block;color:var(--mute);font-weight:400;font-size:.88rem;margin-top:2px}
.qbig{flex-direction:column;align-items:flex-start;padding:28px;min-height:230px}
.qbig .qi{width:56px;height:56px;border-radius:16px;background:var(--lime)}
.qbig b{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin-top:auto}
.qnav{display:flex;justify-content:space-between;margin-top:24px}
.qcoins{display:flex;flex-wrap:wrap;gap:8px}
.qcoins .qopt{width:auto;padding:12px 16px}
.qcoins img{width:24px;height:24px;border-radius:50%}

/* Personal plan */
.myplan{border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,40px);background:var(--card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);box-shadow:var(--sh-2)}
@media (max-width:900px){.myplan{grid-template-columns:1fr}}
.myplan h2{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.035em;margin:8px 0 10px}
.myplan ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.myplan li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.myplan li svg{flex:none;width:20px;height:20px;color:var(--up);margin-top:2px}
.recipe{border-radius:16px;background:var(--soft);padding:18px}
.recipe dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:12px 0 0;font-size:.92rem}
.recipe dt{color:var(--mute)}
.recipe dd{margin:0;font-weight:600}
.mp-chart{height:190px;margin-top:10px}
.mp-chart svg{width:100%;height:100%;overflow:visible}

.signup[hidden]{display:none}