@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff) format("woff")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff) format("woff")}
@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(fonts/poppins-300.woff) format("woff")}
:root{--bg:var(--c-paper,#F6F1E7);--sf:#FFFDF8;--sf2:#EFE8D8;--ink:var(--c-ink,#1B2433);--mut:#605F58;--bd:#E2D9C6;--amb:var(--c-amber,#F2A33A);--ambt:#9A5806;--onamb:var(--c-ink,#1B2433);--sh:0 1px 2px rgba(27,36,51,.06),0 8px 24px rgba(27,36,51,.06);color-scheme:light}
:root[data-t=dark]{--bg:var(--c-night,#121826);--sf:#1A2233;--sf2:#222C41;--ink:#F3EEE3;--mut:#A3A8B5;--ambt:var(--c-amber,#F2A33A);--bd:#2B364D;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}
@media(prefers-color-scheme:dark){:root[data-t=auto]{--bg:var(--c-night,#121826);--sf:#1A2233;--sf2:#222C41;--ink:#F3EEE3;--mut:#A3A8B5;--ambt:var(--c-amber,#F2A33A);--bd:#2B364D;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}.w{max-width:1200px;margin:0 auto;padding:0 24px}
.sr{position:absolute;left:-9999px}
header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.hd{display:flex;align-items:center;gap:22px;height:68px}
.logo{display:flex;align-items:center;gap:10px}.logo svg{width:34px;height:34px}.logo b{font:700 25px/1 Poppins,Inter;letter-spacing:-.01em}.logo b i{font-style:normal;font-weight:300}
nav{display:flex;gap:22px;margin-left:18px;color:var(--mut);font-weight:600;font-size:15px}nav a:hover{color:var(--ink)}.sp{flex:1}
.seg{display:inline-flex;background:var(--sf2);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;color:var(--mut);font:600 13px Inter;padding:6px 11px;border-radius:8px;cursor:pointer}
.seg button{display:inline-flex;align-items:center;justify-content:center}
.seg button.on{background:var(--sf);color:var(--ink);box-shadow:var(--sh)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;padding:11px 18px;font:600 15px Inter;border:1px solid var(--bd);background:var(--sf);color:var(--ink);cursor:pointer}
.btn.p{background:var(--amb);border-color:var(--amb);color:var(--onamb)}
.hero{padding:56px 0 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eb{font:600 13px Inter;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:10px}.eb:before{content:"";width:26px;height:3px;background:var(--amb);border-radius:2px}
h1{font:700 56px/1.04 Poppins,Inter;margin:14px 0 16px;letter-spacing:-.01em}h1 em{font-style:normal;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--amb) 55%,transparent) 62%)}
.lead{font-size:19px;color:var(--mut);max-width:520px;margin:0 0 26px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.trust{display:flex;gap:22px;margin-top:26px;color:var(--mut);font-size:14px;flex-wrap:wrap}.trust span:before{content:"✓ ";color:var(--amb);font-weight:700}
.live{background:var(--sf);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--sh);padding:20px}
.live .t{display:flex;justify-content:space-between;font:600 14px Inter;color:var(--mut);margin-bottom:6px}
.live svg.draw{width:100%;height:230px;display:block}
.sl{display:grid;grid-template-columns:90px 1fr 92px;gap:12px;align-items:center;margin:9px 0;font-size:14px}.sl label{color:var(--mut);font-weight:600}
.sl output{font:600 14px Inter;text-align:right;background:var(--sf2);padding:4px 8px;border-radius:8px}
input[type=range]{width:100%;accent-color:var(--amb)}
.fmt{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.fmt span{font:600 12px Inter;background:var(--sf2);border-radius:7px;padding:4px 9px;color:var(--mut)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0 54px}
.st{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:20px}.st i{font:700 13px Poppins;color:var(--ambt);display:block;margin-bottom:6px;font-style:normal}.st b{font:600 17px Inter}.st p{margin:6px 0 0;color:var(--mut);font-size:15px}
h2{font:700 32px/1.1 Poppins,Inter;margin:0 0 6px}.sub{color:var(--mut);margin:0 0 20px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.chip{border:1px solid var(--bd);background:var(--sf);border-radius:999px;padding:7px 14px;font:600 14px Inter;color:var(--mut)}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--sf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.card .im{aspect-ratio:8/5;background:var(--sf2);position:relative;display:grid;place-items:center}.card .im svg{width:46%;opacity:.55}.card .im img{width:100%;height:100%;object-fit:cover;display:block}
.tag{position:absolute;left:10px;top:10px;font:600 11px Inter;letter-spacing:.06em;background:var(--ink);color:var(--bg);padding:3px 8px;border-radius:6px}
.card .b{padding:12px 14px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card b{font:600 16px Inter}
.cr{font:600 12px Inter;border-radius:999px;padding:4px 10px;background:var(--sf2);color:var(--mut);white-space:nowrap}.cr.f{background:color-mix(in srgb,var(--amb) 30%,transparent);color:var(--ink)}
.cr small{display:block;font:500 11px Inter;margin-top:1px;text-align:center}
button.chip{cursor:pointer}.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:8px 0 48px}.card.path{display:block}.card.path .b{flex-wrap:wrap}.card.path p{flex-basis:100%;margin:6px 0 0;font:400 14px/1.45 Inter;color:var(--mut)}@media(max-width:640px){.paths{grid-template-columns:1fr}}.tag.lz{left:auto;right:10px;background:var(--amb);color:#1c1917}
.more{text-align:center;margin:26px 0 56px}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 64px}
.pc{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:22px}.pc.hl{border:2px solid var(--amb)}
.pc h3{font:600 16px Inter;margin:0;color:var(--mut)}.pc .n{font:700 38px Poppins,Inter;margin:6px 0}.pc .n small{font:600 15px Inter;color:var(--mut)}
.pc ul{list-style:none;padding:0;margin:12px 0 0;color:var(--mut);font-size:15px}.pc li:before{content:"✓ ";color:var(--amb);font-weight:700}
footer{border-top:1px solid var(--bd);padding:26px 0 40px;color:var(--mut);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:900px){.w{padding:0 14px}.hd{gap:6px}.logo{gap:7px}.logo svg{width:28px;height:28px}.logo b{font-size:20px}.seg{padding:2px}.seg button{padding:6px 7px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:30px}h1{font-size:40px}.grid{grid-template-columns:repeat(2,1fr)}.steps,.price{grid-template-columns:1fr}nav,.hide-m{display:none}.hd{gap:10px}.logo b{font-size:22px}}
dialog#buy-dialog{border:0;border-radius:18px;padding:0;max-width:min(860px,94vw);width:100%;background:var(--sf);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}dialog#buy-dialog::backdrop{background:rgba(10,14,22,.6)}
.bd{position:relative;padding:26px 26px 22px}.bd h2{font:700 26px Poppins,Inter;margin:0 0 6px}.bd .sub{color:var(--mut);margin:0 0 18px}.bd .x{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--mut);font-size:26px;line-height:1;cursor:pointer}.bd .x:hover{background:var(--sf2)}
.bps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.bp{border:1px solid var(--bd);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--sf)}.bp.hl{border:2px solid var(--amb)}.bp h3{font:600 16px Inter;margin:0}.bp .n{font:700 30px Poppins,Inter}.bp .n small{font:500 14px Inter;color:var(--mut)}.bp ul{list-style:none;margin:0;padding:0;color:var(--mut);font-size:14px;line-height:1.7;flex:1}.bp .btn{text-align:center;text-decoration:none}
.soon-note{margin:22px 0 56px;padding:14px 18px;border:1px dashed var(--bd);border-radius:14px;color:var(--mut);font-size:15px}.soon-note b{color:var(--ink)}.soon-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.cat .soon-note{margin:22px 0 10px}
.dot{position:fixed;bottom:4px;right:36px;z-index:40;width:6px;height:6px;border-radius:50%;background:var(--bd)}
.btn.dng{border-color:#c0392b;color:#c0392b}.btn.dng:hover{background:#c0392b;color:#fff}