:root{--ink:#0B1215;--mint:#7CF0C8;--bg:#F5F7F4;--soft:#E3EAE7;--mut:#4D5F5B;--g:#0E8F78}
body{margin:0;font:17px/1.55 Manrope,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}h1,h2,h3,p{margin:0}
.w{max-width:1160px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.row{display:flex;flex-wrap:wrap;gap:16px}
.t{font-weight:800;letter-spacing:-.03em;line-height:1.05}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 26px;min-height:48px;box-sizing:border-box;border-radius:999px;font:800 16px Manrope,sans-serif;text-decoration:none;border:0;cursor:pointer;background:var(--mint);color:var(--ink)}
.btn.k{background:var(--ink);color:#fff}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--g);outline-offset:3px}
.top{background:var(--ink);color:#fff;border-radius:0 0 40px 40px;padding-bottom:64px}
.top header{align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px}
.logo{font-size:22px;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:14px;height:14px;border-radius:50%;background:var(--mint)}
nav{align-items:center;gap:26px;font-weight:600;font-size:15px}nav a{text-decoration:none}
.hero{padding-top:56px;display:flex;flex-direction:column;gap:24px}
.hero h1{font-size:clamp(42px,7vw,88px);max-width:940px}.hero.s h1{font-size:clamp(36px,5vw,64px)}
.hero p{font-size:20px;max-width:580px;color:#C3D2CE}
.bar{background:#142126;border-radius:24px;padding:16px;align-items:flex-end;max-width:860px}
.f{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;font-size:14px;font-weight:600}
.f input,.f select,.f textarea{min-height:48px;border-radius:14px;border:1px solid #9FB3AE;background:#fff;color:var(--ink);padding:10px 14px;font:inherit;font-size:16px;box-sizing:border-box}
.bar .f{color:#9FB3AE}.bar .f input,.bar .f select{background:var(--ink);border-color:#2B3D40;color:#fff}
.sec{padding:80px 0}.sec h2{font-size:clamp(30px,4.5vw,50px);margin-bottom:32px}
.card{border-radius:28px;padding:32px;background:var(--soft);flex:1 1 320px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;box-sizing:border-box}
.card.d{background:var(--ink);color:#fff}.card h3{font-size:26px}.pr{font-weight:800;color:var(--g)}.d .pr{color:var(--mint)}
.cta{background:var(--ink);color:#fff;border-radius:40px;padding:56px 44px;align-items:center;justify-content:space-between;gap:28px}
details{background:#fff;border-radius:20px;padding:20px 26px;margin-bottom:12px}summary{font-weight:800;cursor:pointer}details p{margin-top:12px;color:var(--mut)}
.pill{background:var(--soft);border-radius:999px;padding:12px 22px;text-decoration:none;font-weight:600}
footer{padding:40px 0;font-size:15px;color:var(--mut);justify-content:space-between}
.pro{max-width:760px}
.call{display:none}
@media(max-width:700px){.call{display:flex;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:52px;padding:0 26px;align-items:center;border-radius:999px;background:var(--mint);color:var(--ink);font-weight:800;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.25)}footer{padding-bottom:96px}}
.top .hero{position:relative}.mark{position:absolute;right:28px;top:40px;width:min(30vw,300px);height:auto}.hero:not(.s) h1{max-width:700px}.hero:not(.s) .bar{max-width:720px}
@media(max-width:900px){.mark{display:none}}
img.ph{width:100%;height:210px;object-fit:cover;border-radius:20px;display:block}.pro h2{font-size:26px;margin:32px 0 8px}