:root{--blue:#2d60fa;--blue-d:#1f47c7;--blue-l:#8aa6ff;--dark:#242424;--dark2:#0e0e10;
--text:#0b0b0c;--mid:#4a4a4a;--muted:#888;--card:#f3f3f5;--line:#e6e6ea;
--yellow:#fde047;--yellow-l:#fef08a;--green:#16a34a;--red:#e5484d}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:#fff;color:var(--text);font-family:'Onest',system-ui,sans-serif;font-size:16px}
body{min-height:100vh;background-image:radial-gradient(circle,#d9d9df 1.6px,transparent 1.9px);background-size:28px 28px;background-position:14px 14px}
.app{max-width:520px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}
.top{display:flex;flex-direction:column;gap:14px;position:sticky;top:0;z-index:5;padding:4px 0 10px;
background:linear-gradient(#fff 82%,rgba(255,255,255,0))}
.eyebrow{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#3a3a40}
.dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(45,96,250,.16)}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border-radius:100px;padding:4px;border:1.5px solid var(--line)}
.tabs.three{grid-template-columns:repeat(3,1fr)}
.tab[hidden]{display:none}
.tab{border:0;background:transparent;border-radius:100px;padding:11px 8px;font:600 15px 'Onest',sans-serif;color:var(--mid);cursor:pointer}
.tab.on{background:var(--dark);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}
h1{font-family:'Golos Text',sans-serif;font-weight:700;font-size:40px;line-height:.98;letter-spacing:-.045em;margin:18px 0 6px}
h1 em{font-style:normal;color:var(--blue)}
h2{font-family:'Golos Text',sans-serif;font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:30px 0 12px}
h2 em{font-style:normal;color:var(--blue)}
.mono{font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:12px}
.lead{color:var(--mid);font-size:16px;line-height:1.4}
.panel{position:relative;background:var(--dark);color:#fff;border-radius:28px;padding:22px;margin-top:14px;overflow:hidden}
.panel .mono{color:#9a9aa4}
.big{font-family:'Golos Text',sans-serif;font-weight:700;font-size:64px;letter-spacing:-.05em;line-height:1;margin-top:8px}
.big small{font-size:22px;letter-spacing:-.02em;color:var(--blue-l);margin-left:8px;font-weight:600}
.sub{color:#b9b9c4;font-size:14px;margin-top:6px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:15px 24px;font:600 16px 'Onest',sans-serif;border:0;cursor:pointer;text-decoration:none}
.pill-white{background:#fff;color:var(--text)}
.pill-blue{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(45,96,250,.35)}
.pill-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.pill-line{background:#fff;color:var(--text);border:1.5px solid var(--line)}
.pill[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.row>.pill{flex:1 1 auto}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pack{display:flex;flex-direction:column;align-items:flex-start;position:relative;background:#fff;border:2px solid var(--line);border-radius:22px;padding:16px;text-align:left;cursor:pointer;font:inherit;color:var(--text)}
.pack .n{font-family:'Golos Text',sans-serif;font-weight:700;font-size:28px;letter-spacing:-.04em}
.pack .p{font-family:'Golos Text',sans-serif;font-weight:700;font-size:21px;color:var(--blue);margin-top:4px;letter-spacing:-.03em}
.pack .n small{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:5px}
.pack.best .n small{color:rgba(255,255,255,.8)}
.pack .u{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.25}
.badge{display:inline-block;margin-top:auto;font:700 12px 'JetBrains Mono',monospace;letter-spacing:.04em;background:var(--blue);color:#fff;border-radius:8px;padding:3px 8px}
.pack .u{margin-bottom:10px}
.pack.hot{border-color:var(--yellow);border-width:3px}
.pack.best{background:var(--blue);border-color:var(--blue-d);color:#fff}
.pack.best .p{color:#fff}.pack.best .u{color:rgba(255,255,255,.82)}
.pack.best .badge{background:#fff;color:var(--blue)}
.tag-best{position:absolute;top:-10px;right:12px;background:var(--yellow);color:#1a1a1a;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.05em;border-radius:100px;padding:5px 10px;text-transform:uppercase}
.bulk{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border-radius:20px;padding:16px;margin-top:10px;font-size:15px;color:var(--mid)}
.list{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.item{display:flex;justify-content:space-between;gap:12px;align-items:baseline;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:13px 16px;font-size:15px}
.item .v{font-weight:700;white-space:nowrap}
.item .d{color:var(--muted);font-size:13px}
.plus{color:var(--green)}.minus{color:var(--mid)}
.empty{color:var(--muted);font-size:15px;padding:8px 2px}
.steps{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.step{display:flex;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:16px}
.step .no{font:700 13px 'JetBrains Mono',monospace;color:var(--blue);padding-top:3px}
.step b{display:block;font-family:'Golos Text',sans-serif;font-size:18px;letter-spacing:-.02em;margin-bottom:2px}
.step span{color:var(--mid);font-size:14px;line-height:1.35}
.calc{margin-top:14px;background:var(--yellow-l);border:1.5px solid #f3dc5e;border-radius:20px;padding:16px;font-size:15px;line-height:1.4}
.calc b{font-family:'Golos Text',sans-serif;font-size:22px;letter-spacing:-.03em}
.idea{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:16px;margin-top:10px}
.idea.hot{border-color:var(--blue);box-shadow:0 10px 30px rgba(45,96,250,.12)}
.idea .h{display:flex;gap:12px;align-items:center}
.idea .ic{font-size:26px;line-height:1}
.idea .t{font-family:'Golos Text',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1.15}
.idea .tg{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-top:3px}
.idea p{color:var(--mid);font-size:14.5px;line-height:1.42;margin-top:10px}
.rules{display:grid;gap:10px;margin-top:10px}
.rules div{border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.4}
.rules .ok{background:#e8f7ee}.rules .no{background:#fdecec}
.rules ul{list-style:none;margin-top:6px;display:grid;gap:4px}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--mid);line-height:1.35}
.consent input{width:22px;height:22px;accent-color:var(--blue);flex:none;margin-top:1px}
.consent a{color:var(--blue)}
.link{background:var(--dark2);border-radius:16px;padding:14px;margin-top:14px;font:500 13px 'JetBrains Mono',monospace;color:#d9e1ff;word-break:break-all;line-height:1.4}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.stat{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:14px 16px}
.stat .v{font-family:'Golos Text',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.04em;margin-top:2px}
.stat .mono{color:var(--muted)}
.stat.hl{background:var(--blue);border-color:var(--blue-d);color:#fff}
.stat.hl .mono{color:rgba(255,255,255,.8)}
.sheet{position:fixed;inset:0;z-index:20;background:rgba(10,10,14,.55);display:flex;align-items:flex-end;justify-content:center}
.sheet[hidden]{display:none}
.sheet .card{width:100%;max-width:520px;background:#fff;border-radius:28px 28px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto}
.sheet h3{font-family:'Golos Text',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.04em;margin-bottom:6px}
.sheet p{color:var(--mid);font-size:15px;line-height:1.4;margin-top:8px}
.sheet .row{margin-top:18px}
.opt{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:15px 16px;font:600 16px 'Onest',sans-serif;color:var(--text);margin-top:8px;cursor:pointer;text-align:left}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;background:var(--dark);color:#fff;border-radius:100px;padding:13px 22px;font-size:15px;max-width:90vw;text-align:center}
.toast[hidden]{display:none}
.loading,.err{padding:48px 0;text-align:center;color:var(--muted)}
details.more{margin-top:18px}
details.more summary{list-style:none;cursor:pointer;font:600 16px 'Onest',sans-serif;color:var(--blue);padding:6px 0}
details.more summary::-webkit-details-marker{display:none}