:root{--paper:#faf7f2;--card:#fff;--ink:#17201c;--muted:#5d665f;--line:#e6e0d4;--green:#1f5c47;--green-2:#2f7a5f;
--cell:#fff4c7;--cell-line:#ecd98a;--good:#e3f1ea;--radius:16px;--shadow:0 1px 2px rgba(23,32,28,.06),0 8px 24px rgba(23,32,28,.06);
--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
@media (prefers-color-scheme:dark){:root{--paper:#121614;--card:#1a201d;--ink:#ecefe9;--muted:#a1aaa3;--line:#2b332f;
--green:#7fcfae;--green-2:#9adcc0;--cell:#3a3420;--cell-line:#5a4f2a;--good:#1d3329;--shadow:none}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
nav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;gap:28px;height:64px}
.logo{font:600 22px var(--serif);text-decoration:none;display:flex;align-items:center;gap:10px;margin-right:auto}
.logo i{width:26px;height:26px;border-radius:7px;background:var(--green);display:grid;place-items:center;color:var(--paper);font:500 13px var(--mono);font-style:normal}
nav a.nl{text-decoration:none;font-weight:500;font-size:15px;color:var(--muted)}nav a.nl:hover{color:var(--ink)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:88px 0 72px}
.hero h1{font-size:clamp(40px,6.4vw,68px);margin:18px 0 20px}.hero h1 em{font-style:italic;color:var(--green)}
.hero p{font-size:19px;color:var(--muted);max-width:520px;margin:0 0 32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:var(--paper);text-decoration:none;
font:600 15px var(--sans);padding:14px 22px;border-radius:999px;border:0;transition:transform .15s,background .15s}
.btn:hover{background:var(--green-2);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.off{background:var(--line);color:var(--muted);pointer-events:none}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.sheet{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;font:500 14px var(--mono);transform:rotate(1.2deg)}
.sheet .bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line)}.sheet .bar b{width:10px;height:10px;border-radius:50%;background:var(--line)}
.sheet table{width:100%;border-collapse:collapse}.sheet td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.sheet td:last-child{text-align:right}.sheet tr:last-child td{border-bottom:0}
.sheet .in{background:var(--cell);box-shadow:inset 0 0 0 1px var(--cell-line)}.sheet .out{background:var(--good);color:var(--green);font-weight:600}
.sheet .lbl{color:var(--muted);font-family:var(--sans);font-weight:500}
.strip{display:flex;flex-wrap:wrap;gap:12px 32px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}
.strip span:before{content:"✓";color:var(--green);font-weight:600;margin-right:8px}
section{padding:80px 0}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(30px,4vw,44px);margin-top:12px}.sec-head p{color:var(--muted);max-width:420px;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.tag{align-self:flex-start;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--good);padding:7px 10px;border-radius:999px;margin-bottom:18px}
.card h3{font-size:24px;margin-bottom:10px}.card p{color:var(--muted);margin:0 0 18px;font-size:16px}
.card ul{list-style:none;padding:0;margin:0 0 24px;font-size:15px}.card li{padding:7px 0 7px 26px;position:relative;border-top:1px dashed var(--line)}
.card li:before{content:"";position:absolute;left:2px;top:14px;width:12px;height:8px;border-radius:2px;background:var(--cell);box-shadow:inset 0 0 0 1px var(--cell-line)}
.buy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.price{font:600 30px var(--serif)}.price small{font:400 13px var(--sans);color:var(--muted);display:block}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}
.step:before{counter-increment:s;content:"0" counter(s);font:500 13px var(--mono);color:var(--green)}
.step h3{font-size:21px;margin:14px 0 8px}.step p{color:var(--muted);margin:0;font-size:16px}
.faq{max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{font:600 19px var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary:after{content:"+";font:400 22px var(--sans);color:var(--green)}.faq details[open] summary:after{content:"−"}
.faq p{color:var(--muted);margin:12px 0 0}
.page-head{padding:72px 0 40px;max-width:760px}.page-head h1{font-size:clamp(36px,5.5vw,56px);margin:14px 0 16px}
.page-head p{font-size:19px;color:var(--muted);margin:0}
.list{display:grid;gap:16px;padding-bottom:80px}
.list a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;transition:box-shadow .2s}
.list a:hover{box-shadow:var(--shadow)}.list strong{font:600 22px/1.25 var(--serif);display:block;margin-bottom:6px}.list span{color:var(--muted);font-size:16px}
article.guide{max-width:700px;margin:0 auto;padding:64px 0 88px;font-size:18px;line-height:1.75}
article.guide h1{font-size:clamp(34px,5vw,50px);margin:14px 0 28px}
article.guide h2{font-size:28px;margin:48px 0 12px}article.guide a{color:var(--green)}
article.guide li{margin:6px 0}article.guide strong{font-weight:600}article.guide em{color:var(--muted)}
.cta{margin-top:48px;padding:32px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.cta h3{font-size:24px;margin:12px 0 8px}.cta p{color:var(--muted);margin:0 0 20px;font-size:16px}
.thanks{text-align:center;padding:120px 0}.thanks h1{font-size:clamp(36px,6vw,56px);margin:14px 0 16px}.thanks p{color:var(--muted);font-size:18px}
footer{border-top:1px solid var(--line);padding:40px 0 56px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{text-decoration:none;margin-left:20px}
.form.calc{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;margin:32px 0 20px;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.form.calc label{display:flex;flex-direction:column;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:var(--muted);line-height:1.4}
.form.calc input{font:500 17px var(--mono);color:var(--ink);background:var(--cell);border:1px solid var(--cell-line);border-radius:10px;padding:11px 14px;width:100%;outline:none;transition:box-shadow .15s}
.form.calc input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent);border-color:var(--green)}
.result{display:grid;gap:2px;padding:8px 28px;border-radius:var(--radius);background:var(--good);margin-bottom:12px}
.result p{margin:0;padding:14px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:16px;border-bottom:1px solid color-mix(in srgb,var(--green) 18%,transparent)}
.result p:last-child{border-bottom:0}.result strong{font:600 24px var(--mono);color:var(--green)}
.result p:first-child strong{font-size:34px}
.result p:last-child{display:block}.result p:last-child strong{font-size:17px}
.faq+article.guide{margin:0;padding-top:24px}
.contact{margin:32px 0;padding:28px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius)}
.contact p{margin:0 0 10px}.contact p:last-child{margin:0;color:var(--muted);font-size:16px}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding:56px 0 48px;gap:40px}.steps{grid-template-columns:1fr}section{padding:56px 0}
.grid{grid-template-columns:1fr}.sheet{transform:none}.form.calc{grid-template-columns:1fr;padding:20px}.result{padding:4px 20px}nav .wrap{gap:18px}}