:root{--bg:#06070a;--card:rgba(255,255,255,.035);--card2:#0f1318;--line:rgba(255,255,255,.08);--txt:#f3f5f8;--mut:#8e99a6;--acc:#ff9f0a;--acc2:#ffd27a;--grn:#4ade80;--blue:#7cc4ff}
*{box-sizing:border-box}html,body{margin:0}
body{background:radial-gradient(900px 500px at 75% -10%,rgba(255,159,10,.16),transparent 60%),radial-gradient(700px 400px at 0% 30%,rgba(124,196,255,.07),transparent 60%),var(--bg);color:var(--txt);font-family:Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.w{max-width:1140px;margin:0 auto;padding:0 22px}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.01em}
.lg{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#2b3038,#111418);border:1px solid #363e48;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:7px}
.lg i{border-radius:2px;background:#56616d}.lg i:last-child{background:var(--acc)}
.links{display:flex;gap:26px;font-size:14px;color:var(--mut)}
.navbtn{padding:10px 18px;border-radius:999px;background:var(--txt);color:#000;font-weight:700;font-size:14px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:56px 0 80px}
.pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);background:var(--card);border:1px solid var(--line);padding:6px 12px 6px 6px;border-radius:999px}
.pill b{font-size:11px;color:#1a1000;background:var(--acc);padding:3px 8px;border-radius:999px}
h1{font-size:66px;line-height:1;margin:20px 0 18px;letter-spacing:-.035em;font-weight:800}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--mut);line-height:1.55;max-width:520px;margin:0}
.dl{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 14px}
.store{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:14px;background:var(--txt);color:#000;min-width:168px}
.store.dark{background:var(--card);color:var(--txt);border:1px solid var(--line)}
.store .ic{font-size:22px}.store small{display:block;font-size:10px;opacity:.65}.store b{font-size:15px}
.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--mut)}.trust span:before{content:"✓ ";color:var(--grn)}
/* phone pair */
.stage{display:flex;flex-direction:column;align-items:center;gap:18px}
.pair{display:flex;gap:22px;align-items:flex-start}
.ph{position:relative;width:236px;height:480px;border-radius:40px;background:#000;border:8px solid #1c2027;box-shadow:0 40px 80px -30px #000,inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;flex:none}
.ph:before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:76px;height:22px;border-radius:999px;background:#1c2027;z-index:2}
.calc{padding:52px 16px 20px;display:flex;flex-direction:column;margin-top:36px}
.vault{background:linear-gradient(180deg,#10151b,#07090c);padding:46px 14px 14px;box-shadow:0 50px 100px -30px rgba(255,159,10,.4),0 30px 60px -20px #000}
.disp{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0 4px 14px}
.disp small{color:var(--acc);font-size:12px;letter-spacing:.35em;margin-bottom:4px}.disp b{font-size:50px;font-weight:300;letter-spacing:-.02em}
.keys{display:grid;grid-template-columns:repeat(4,42px);grid-auto-rows:42px;gap:9px;justify-content:center}
.k{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:500;background:#2e2e30;color:#fff}
.k.kf{background:#a5a5a5;color:#000;font-size:14px}.k.o{background:var(--acc);font-size:19px}
.k.z{grid-column:span 2;width:auto;border-radius:21px;justify-content:flex-start;padding-left:16px}
.k.glow{box-shadow:0 0 0 3px rgba(255,159,10,.35),0 0 18px rgba(255,159,10,.6)}
.vh{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;margin-bottom:10px}
.vh small{font-size:10px;color:var(--grn);font-weight:700;background:rgba(74,222,128,.12);padding:3px 7px;border-radius:999px}
.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs span{font-size:10px;padding:4px 9px;border-radius:999px;background:#1a2028;color:var(--mut)}.tabs span:first-child{background:var(--txt);color:#000;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ph .t{aspect-ratio:1;border-radius:6px}
.t1{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff8a3d%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffcf7a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2734%27%20r%3D%2710%27%20fill%3D%27%23ffd36e%27/%3E%3Crect%20y%3D%2736%27%20width%3D%2760%27%20height%3D%2724%27%20fill%3D%27%231e3a5f%27/%3E%3Cpath%20d%3D%27M0%2040h60M6%2045h48M14%2050h32%27%20stroke%3D%27%23ffb347%27%20stroke-width%3D%271.2%27%20opacity%3D%27.6%27/%3E%3C/svg%3E") center/cover}.t2{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%237cc4ff%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23cfe8ff%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Cpath%20d%3D%27M0%2044l14-16%2010%2010%2012-18%2024%2024v16H0z%27%20fill%3D%27%232f4858%27/%3E%3Cpath%20d%3D%27M36%2020l6%208-3-1-3%203-3-3-3%201z%27%20fill%3D%27%23fff%27%20opacity%3D%27.9%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2712%27%20r%3D%274%27%20fill%3D%27%23fff%27%20opacity%3D%27.8%27/%3E%3C/svg%3E") center/cover}.t3{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%234fc3f7%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23b3e5fc%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Crect%20y%3D%2740%27%20width%3D%2760%27%20height%3D%2720%27%20fill%3D%27%23f1d39b%27/%3E%3Cpath%20d%3D%27M0%2040c10-4%2020%204%2030%200s20-4%2030%200v4H0z%27%20fill%3D%27%232bb3c0%27/%3E%3Cpath%20d%3D%27M44%2040c0-10%202-18%204-22%27%20stroke%3D%27%235b3a1e%27%20stroke-width%3D%272%27%20fill%3D%27none%27/%3E%3Cpath%20d%3D%27M48%2018c-6-1-10%202-12%205M48%2018c5-2%209%200%2011%203M48%2018c-2%204-7%206-10%206M48%2018c3%203%208%204%2010%207%27%20stroke%3D%27%232f7d32%27%20stroke-width%3D%272.4%27%20fill%3D%27none%27/%3E%3C/svg%3E") center/cover}.t4{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%237b2ff7%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23f107a3%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%2711%27%20fill%3D%27rgba%280%2C0%2C0%2C.45%29%27/%3E%3Cpath%20d%3D%27M27%2024l9%206-9%206z%27%20fill%3D%27white%27/%3E%3C/svg%3E") center/cover}.t5{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%232a3340%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%231a2028%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Crect%20x%3D%2712%27%20y%3D%278%27%20width%3D%2736%27%20height%3D%2744%27%20rx%3D%273%27%20fill%3D%27%23fff%27/%3E%3Crect%20x%3D%2712%27%20y%3D%278%27%20width%3D%2736%27%20height%3D%2710%27%20rx%3D%273%27%20fill%3D%27%23e53935%27/%3E%3Ctext%20x%3D%2730%27%20y%3D%2716%27%20font-size%3D%276%27%20font-family%3D%27Arial%27%20font-weight%3D%27700%27%20fill%3D%27%23fff%27%20text-anchor%3D%27middle%27%3EPDF%3C/text%3E%3Cpath%20d%3D%27M17%2025h26M17%2030h26M17%2035h20M17%2040h24%27%20stroke%3D%27%23c7ccd1%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") center/cover}.t6{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%231b2a6b%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23e86f8b%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Cg%20fill%3D%27%230d1b2a%27%3E%3Crect%20x%3D%274%27%20y%3D%2730%27%20width%3D%278%27%20height%3D%2730%27/%3E%3Crect%20x%3D%2714%27%20y%3D%2722%27%20width%3D%2710%27%20height%3D%2738%27/%3E%3Crect%20x%3D%2726%27%20y%3D%2714%27%20width%3D%278%27%20height%3D%2746%27/%3E%3Crect%20x%3D%2736%27%20y%3D%2726%27%20width%3D%2710%27%20height%3D%2734%27/%3E%3Crect%20x%3D%2748%27%20y%3D%2734%27%20width%3D%278%27%20height%3D%2726%27/%3E%3C/g%3E%3Cg%20fill%3D%27%23ffd36e%27%3E%3Crect%20x%3D%2716%27%20y%3D%2726%27%20width%3D%272%27%20height%3D%272%27/%3E%3Crect%20x%3D%2720%27%20y%3D%2732%27%20width%3D%272%27%20height%3D%272%27/%3E%3Crect%20x%3D%2728%27%20y%3D%2720%27%20width%3D%272%27%20height%3D%272%27/%3E%3Crect%20x%3D%2730%27%20y%3D%2730%27%20width%3D%272%27%20height%3D%272%27/%3E%3Crect%20x%3D%2739%27%20y%3D%2732%27%20width%3D%272%27%20height%3D%272%27/%3E%3C/g%3E%3C/svg%3E") center/cover}.t7{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffe0b2%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffb74d%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%2726%27%20r%3D%278%27%20fill%3D%27%23ffcc99%27/%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2728%27%20r%3D%277%27%20fill%3D%27%23e0a878%27/%3E%3Cpath%20d%3D%27M8%2060c2-14%2010-20%2014-20s12%206%2014%2020zM26%2060c2-12%208-17%2012-17s10%205%2012%2017z%27%20fill%3D%27%232f5d8a%27/%3E%3C/svg%3E") center/cover}.t8{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%232a3340%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%231a2028%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Crect%20x%3D%2712%27%20y%3D%278%27%20width%3D%2736%27%20height%3D%2744%27%20rx%3D%273%27%20fill%3D%27%23fff%27/%3E%3Crect%20x%3D%2712%27%20y%3D%278%27%20width%3D%2736%27%20height%3D%2710%27%20rx%3D%273%27%20fill%3D%27%231e88e5%27/%3E%3Ctext%20x%3D%2730%27%20y%3D%2716%27%20font-size%3D%275.5%27%20font-family%3D%27Arial%27%20font-weight%3D%27700%27%20fill%3D%27%23fff%27%20text-anchor%3D%27middle%27%3EDOC%3C/text%3E%3Cpath%20d%3D%27M17%2025h26M17%2030h26M17%2035h20%27%20stroke%3D%27%23c7ccd1%27%20stroke-width%3D%272%27/%3E%3C/svg%3E") center/cover}.t9{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%2311998e%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2338ef7d%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2760%27%20height%3D%2760%27%20fill%3D%27url%28%23g%29%27/%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%2711%27%20fill%3D%27rgba%280%2C0%2C0%2C.45%29%27/%3E%3Cpath%20d%3D%27M27%2024l9%206-9%206z%27%20fill%3D%27white%27/%3E%3Cpath%20d%3D%27M0%2046l16-12%2014%2010%2014-14%2016%2016v14H0z%27%20fill%3D%27rgba%28255%2C255%2C255%2C.18%29%27/%3E%3C/svg%3E") center/cover}
.bk{margin-top:10px;background:#141a21;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font-size:11px;line-height:1.4}
.bk b{color:var(--grn)}.bk .bar{height:4px;border-radius:3px;background:#222a33;margin-top:7px;overflow:hidden}.bk .bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--grn),#86efac)}
.cap{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)}
.cap .code{display:flex;gap:5px}.cap .code span{min-width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--txt);font-weight:700;font-size:13px}
.cap .code span:last-child{background:var(--acc);color:#1a1000;border:0}
section{padding:72px 0}
.st{text-align:center;max-width:660px;margin:0 auto 40px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--acc)}
.st h2{font-size:42px;margin:10px 0 10px;letter-spacing:-.03em;line-height:1.08}.st p{color:var(--mut);margin:0;font-size:17px;line-height:1.5}
/* never lose */
.nl{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.big{background:linear-gradient(160deg,rgba(74,222,128,.08),var(--card));border:1px solid rgba(74,222,128,.22);border-radius:24px;padding:28px}
.big h3{font-size:24px;margin:0 0 6px;letter-spacing:-.02em}.big p{color:var(--mut);margin:0 0 18px;line-height:1.55}
.health{background:#0b0f13;border:1px solid var(--line);border-radius:16px;padding:16px}
.hr{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line)}.hr:last-child{border:0}.hr span:last-child{color:var(--grn);font-weight:700}
.list{display:grid;gap:12px}
.li{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.li .i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:rgba(255,255,255,.05);flex:none}
.li b{font-size:16px}.li p{margin:4px 0 0;color:var(--mut);font-size:14px;line-height:1.5}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.f{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}
.f .i{font-size:24px}.f b{display:block;margin:12px 0 4px;font-size:16px}.f p{margin:0;color:var(--mut);font-size:14px;line-height:1.5}
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;font-size:15px}
.cmp th,.cmp td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:center}.cmp tr:last-child td{border:0}
.cmp th{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp .us{background:rgba(255,159,10,.06);color:var(--txt);font-weight:700}.y{color:var(--grn)}.n{color:#5b6570}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.p{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column}
.p.best{background:linear-gradient(180deg,rgba(255,159,10,.10),rgba(255,255,255,.03));border:1px solid rgba(255,159,10,.5);position:relative}
.p.best:before{content:"MOST POPULAR";position:absolute;top:-11px;left:26px;font-size:10px;font-weight:900;letter-spacing:.08em;background:var(--acc);color:#1a1000;padding:4px 10px;border-radius:999px}
.p h3{margin:0;font-size:15px;color:var(--mut);font-weight:600}.amt{font-size:44px;font-weight:800;margin:10px 0 2px;letter-spacing:-.03em}.amt small{font-size:15px;color:var(--mut);font-weight:500}
.p ul{list-style:none;padding:0;margin:16px 0 22px;font-size:14px;color:var(--mut);line-height:2;flex:1}.p li:before{content:"✓  ";color:var(--grn)}
.btn{display:block;text-align:center;padding:13px;border-radius:999px;font-weight:700;border:1px solid var(--line)}
.p.best .btn{background:var(--acc);color:#1a1000;border:0}
.faq{max-width:760px;margin:0 auto}
.q{border-bottom:1px solid var(--line);padding:18px 4px}.q b{font-size:16px}.q p{margin:8px 0 0;color:var(--mut);font-size:15px;line-height:1.55}
.cta{text-align:center;border-radius:28px;padding:56px 20px;background:radial-gradient(600px 240px at 50% 0%,rgba(255,159,10,.22),transparent),var(--card);border:1px solid var(--line)}
.cta h2{font-size:44px;margin:0 0 10px;letter-spacing:-.03em}.cta p{color:var(--mut);margin:0;font-size:17px}.cta .dl{justify-content:center}
footer{padding:34px 0 44px;color:var(--mut);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer div{display:flex;gap:20px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:28px}.links{display:none}h1{font-size:46px}.nl,.feat,.price{grid-template-columns:1fr}.p.best{order:-1}.st h2{font-size:32px}.cta h2{font-size:32px}}
@media(max-width:560px){.pair{gap:12px;zoom:.7}.dl{display:grid;grid-template-columns:1fr 1fr}.store{min-width:0}.store.dark{grid-column:span 2;justify-content:center}

.cmp{font-size:13px}.cmp th,.cmp td{padding:11px 10px}h1{font-size:40px}}
/* ---- site additions (keep the approved design above untouched) ---- */
html,body{overflow-x:hidden}
.logo,.navbtn,footer div a{min-height:44px;display:inline-flex;align-items:center}
.navbtn{justify-content:center}
.links a{padding:12px 0}
.store{min-height:52px}
.btn{min-height:44px}
.pill{flex-wrap:wrap}
.pill .ea{font-style:normal;font-size:11px;font-weight:700;color:var(--acc);border:1px solid rgba(255,159,10,.4);padding:2px 8px;border-radius:999px}
.tbl{overflow-x:auto}
footer div{flex-wrap:wrap;gap:4px 20px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:420px){.pair{zoom:.6}.w{padding:0 18px}h1{font-size:38px}}
/* dialog + forms */
dialog{background:#0f1318;color:var(--txt);border:1px solid var(--line);border-radius:24px;padding:28px;width:min(440px,calc(100vw - 32px));box-shadow:0 40px 100px -20px #000}
dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
dialog h2{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}
dialog p{color:var(--mut);margin:0 0 18px;line-height:1.5;font-size:15px}
.x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--mut);font-size:22px;cursor:pointer}
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input,.form textarea{font:inherit;font-size:16px;color:var(--txt);background:#06070a;border:1px solid #2a323c;border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--acc)}
fieldset{border:0;margin:0;padding:0}legend{font-size:14px;font-weight:600;margin-bottom:6px;padding:0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips label{display:block;font-weight:600}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2a323c;background:#06070a;cursor:pointer;font-size:14px}
.chips input:checked+span{background:var(--acc);color:#1a1000;border-color:var(--acc)}
.chips input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.submit{min-height:48px;border:0;border-radius:999px;background:var(--acc);color:#1a1000;font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.submit:disabled{opacity:.6}
.fine{font-size:12px;color:var(--mut);margin:0}.fine a{text-decoration:underline}
.err{color:#ff8a80;font-size:14px;margin:0}
.done{text-align:center;padding:10px 0}.done .ok{font-size:40px;color:var(--grn)}
/* inner pages */
.page{max-width:760px;margin:0 auto;padding:40px 0 40px}
.page h1{font-size:48px;margin:14px 0 10px}
.page h2{font-size:22px;margin:34px 0 8px;letter-spacing:-.01em}
.page p,.page li{color:var(--mut);line-height:1.65;font-size:16px}
.page ul{padding-left:20px}
.page strong{color:var(--txt)}
.page a.u{color:var(--acc);text-decoration:underline}
.draft{display:inline-block;font-size:13px;font-weight:700;color:#1a1000;background:var(--acc);padding:6px 12px;border-radius:999px}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px}
@media(max-width:900px){.page h1{font-size:36px}}