.crumb{font-size:.82rem;color:var(--muted);padding:26px 0 0}
.crumb a:hover{color:var(--orange-l)}
.phead{display:flex;gap:24px;align-items:center;padding:22px 0 30px;flex-wrap:wrap}
.phead .avatar{width:110px;height:110px;border-radius:24px;border:3px solid rgba(214,137,52,.5)}
.phead h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800}
.phead .badges{margin:0 0 8px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:start;padding-bottom:70px}
.panel{background:linear-gradient(170deg,var(--card),#0b2e26);border:1px solid var(--line);border-radius:var(--r);padding:26px;margin-bottom:22px}
.panel h2{font-size:1.7rem;margin-bottom:6px}
.panel>p{color:var(--muted);font-size:.93rem}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.kpi{background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:16px 14px}
.kpi b{display:block;font-family:'Barlow Condensed';font-size:2.3rem;font-weight:800;line-height:1}
.kpi b.y{color:var(--pos)}
.kpi span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.chart-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.chart-top .tab{padding:6px 14px;font-size:.78rem}
#chart{width:100%;height:260px;display:block;touch-action:none}
.tip{position:absolute;pointer-events:none;background:#041812;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.78rem;display:none;white-space:nowrap}
.cwrap{position:relative}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.facts div{background:rgba(0,0,0,.22);border-radius:12px;padding:14px}
.facts span{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
.facts b{font-size:.98rem}
table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:14px}
th{text-align:left;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 6px;border-bottom:1px solid var(--line)}
td{padding:11px 6px;border-bottom:1px solid var(--line)}
.res{font-weight:700;font-size:.78rem;padding:3px 9px;border-radius:999px}
.res.w{background:rgba(79,214,156,.15);color:var(--pos)}.res.l{background:rgba(255,122,107,.15);color:var(--neg)}
.pos{color:var(--pos)}.neg{color:var(--neg)}
/* checkout */
.buy{position:sticky;top:92px;background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid rgba(214,137,52,.4);border-radius:22px;padding:26px;box-shadow:0 30px 60px -30px #000}
.buy h3{font-size:1.8rem;margin-bottom:4px}
.buy>small{color:var(--muted)}
.plans{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.plan{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative}
.plan:hover{border-color:rgba(255,255,255,.3)}
.plan input{accent-color:var(--orange);width:18px;height:18px;flex:none}
.plan.on{border-color:var(--orange);background:rgba(214,137,52,.1)}
.plan .pn{flex:1;line-height:1.25}.plan .pn b{display:block;font-size:.95rem}.plan .pn small{color:var(--muted);font-size:.74rem}
.plan .pp{text-align:right}.plan .pp strong{font-family:'Barlow Condensed';font-size:1.7rem;font-weight:800;line-height:1}
.plan .pp s{display:block;color:var(--muted);font-size:.74rem}
.best{position:absolute;top:-10px;right:14px;background:var(--orange);color:#1b1205;font-size:.62rem;font-weight:800;letter-spacing:.1em;padding:3px 9px;border-radius:999px;text-transform:uppercase}
.buy .btn{width:100%;justify-content:center;font-size:1.02rem}
.safe{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:.8rem;color:var(--muted)}
.safe span::before{content:"✓ ";color:var(--pos);font-weight:800}
.stripe{margin-top:14px;text-align:center;font-size:.72rem;color:var(--muted)}
.stripe b{color:#9fa8ff}
.others{padding-top:0}
.terms-note{font-size:.72rem;color:var(--muted);margin-top:14px;text-align:center}.terms-note a{text-decoration:underline}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;place-items:center;z-index:100;padding:20px}
.modal.on{display:grid}
.modal div{background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:460px;padding:30px}
.modal h3{font-size:1.8rem;margin-bottom:10px}.modal p{color:var(--muted);font-size:.92rem;margin-bottom:18px}
@media(max-width:960px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .buy{position:static;order:-1}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .nav ul{display:none}
}
@media(max-width:560px){.kpi b{font-size:1.8rem}.kpi{padding:12px 10px;min-width:0}.facts{grid-template-columns:1fr}table{font-size:.78rem}.panel{padding:20px}.phead .avatar{width:84px;height:84px}}