:root{--ink:#15171C;--soft:#3A3D45;--muted:#6B6F78;--line:#E6E7EA;--bg:#F7F7F5;--card:#fff;--accent:#0B6B4F;--accent2:#09573F;--tint:#E7F2EE;--dark:#0B3D2E;--r:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
img,svg{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:20;background:rgba(247,247,245,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:-.2px}
.brand img{width:32px;height:32px;border-radius:8px}
.nav nav{display:flex;gap:22px;align-items:center}
.nav nav a{color:var(--soft);text-decoration:none;font-size:15px;font-weight:600}
.nav nav a:hover{color:var(--accent)}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;font-weight:700;padding:13px 22px;border-radius:12px;font-size:16px;border:0;cursor:pointer}
.btn:hover{background:var(--accent2)}
.btn.ghost{background:transparent;color:var(--accent)!important;border:1.5px solid var(--accent)}
.btn.sm{padding:9px 16px;font-size:14px}
.hero{padding:64px 0 40px}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.kicker{display:inline-block;background:var(--tint);color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.3px;padding:6px 12px;border-radius:999px;margin-bottom:16px}
h1{font-size:46px;line-height:1.08;letter-spacing:-1px;margin:0 0 18px}
h2{font-size:32px;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px}
h3{font-size:20px;line-height:1.3;margin:0 0 8px}
.lead{font-size:20px;color:var(--soft);margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.small{font-size:14px;color:var(--muted)}
section{padding:56px 0}
section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.card p{margin:0;color:var(--soft);font-size:16px}
a.card{display:block;text-decoration:none;color:inherit}
a.card:hover{border-color:var(--accent);box-shadow:0 6px 24px rgba(11,107,79,.08)}
a.card h3{color:var(--ink)}
.ico{width:42px;height:42px;border-radius:12px;background:var(--tint);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:22px}
.phone{background:#15171C;border-radius:38px;padding:10px;max-width:310px;margin:0 auto;box-shadow:0 30px 60px rgba(11,61,46,.25)}
.screen{background:var(--bg);border-radius:30px;padding:18px 14px 20px;min-height:470px}
.screen .t{font-size:12px;color:var(--muted);margin:0}
.screen .h{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:2px 0 14px}
.row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:9px}
.av{width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}
.row b{display:block;font-size:14px;line-height:1.2}
.row span{display:block;font-size:12px;color:var(--muted)}
.pill{margin-left:auto;font-size:11px;font-weight:700;background:var(--tint);color:var(--accent);padding:3px 8px;border-radius:999px;white-space:nowrap}
.pill.red{background:#FDECEA;color:#B42318}
.checks{list-style:none;padding:0;margin:16px 0}
.checks li{padding-left:30px;position:relative;margin:10px 0}
.checks li:before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;line-height:21px;text-align:center;font-weight:700}
.price{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:720px}
.price .card.best{border:2px solid var(--accent)}
.amt{font-size:44px;font-weight:800;letter-spacing:-1px}
.amt small{font-size:17px;font-weight:600;color:var(--muted)}
table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--tint);font-size:14px}
tr:last-child td{border-bottom:0}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
summary{font-weight:700;cursor:pointer}
details p{margin:10px 0 0;color:var(--soft)}
.crumbs{font-size:14px;color:var(--muted);margin:26px 0 0}
.crumbs a{color:var(--muted)}
article{padding:20px 0 60px}
article h1{font-size:40px;margin-top:10px}
article h2{font-size:26px;margin:36px 0 10px}
article p,article li{color:var(--soft)}
article ul,article ol{padding-left:22px}
article li{margin:6px 0}
.note{background:var(--tint);border-radius:12px;padding:14px 18px;margin:22px 0;color:var(--soft);font-size:15px}
.toolbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:22px 0}
.toolbox label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
.toolbox input,.toolbox select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff;color:var(--ink)}
.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}
.out{background:var(--tint);border-radius:12px;padding:16px 18px;margin-top:18px}
.out .big{font-size:34px;font-weight:800;letter-spacing:-.8px;color:var(--accent)}
.out dl{margin:10px 0 0;display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:15px}
.out dt{color:var(--soft)}
.out dd{margin:0;font-weight:700;text-align:right}
.cta-band{background:var(--dark);color:#fff;border-radius:22px;padding:40px;text-align:center}
.cta-band h2{color:#fff}
.cta-band p{color:#CFE7DD;margin:0 0 20px}
.cta-band .btn{background:#fff;color:var(--dark)!important}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:14px;background:#fff}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer h4{margin:0 0 10px;color:var(--ink);font-size:14px}
footer a{display:block;color:var(--muted);text-decoration:none;margin:6px 0}
footer a:hover{color:var(--accent)}
.tag{display:inline-block;background:var(--tint);color:var(--accent);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-right:6px}
@media(max-width:820px){h1{font-size:34px}h2{font-size:26px}.hero .grid{grid-template-columns:1fr}.cards,.cards.two,.price,.fields{grid-template-columns:1fr}.nav nav a.hide{display:none}footer .cols{grid-template-columns:1fr 1fr}.hero{padding-top:36px}article h1{font-size:32px}}

.tcard{margin-top:16px}
.tcard h1{font-size:28px;margin:0 0 4px}
.bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:14px 0 4px}
.bar>i{display:block;height:100%;background:var(--accent)}
#app ul{list-style:none;margin:0;padding:0}
#app li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
#app li:first-child{border-top:0}
#app .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;margin-top:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}
#app li.done .dot{background:var(--accent);border-color:var(--accent)}
#app li.done .t{color:var(--muted)}
#app .t{font-weight:600}
#app a.call{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:600;margin-top:14px}
#app footer{text-align:center;color:var(--muted);font-size:12px;margin-top:28px;border:0;background:none;padding:0}