:root{--p:#0d7c72;--pd:#0b4f4a;--pdd:#06302d;--acc:#fbbf24;--acc-d:#f59e0b;--ink:#0f172a;--mut:#475569;--line:#e2e8f0;--bg:#fff;--alt:#f4f7f6;--wa:#efeae2;--r:18px;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:88px;--sh:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%}a{color:var(--pd)}
h1,h2,h3{line-height:1.15;margin:0 0 var(--s2);letter-spacing:-.02em}h2{font-size:clamp(1.75rem,3.2vw,2.5rem);text-align:center}h3{font-size:1.15rem;letter-spacing:-.01em}
p{margin:0 0 var(--s2)}
:focus-visible{outline:3px solid var(--acc-d);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--s3)}.narrow{max-width:780px}
.sub{text-align:center;color:var(--mut);max-width:620px;margin:0 auto var(--s4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p);color:#fff;padding:.75em 1.4em;border-radius:999px;text-decoration:none;font-weight:650;border:2px solid var(--p);cursor:pointer;font-size:1rem;line-height:1.2;transition:transform .15s,background .15s}
.btn:hover{background:var(--pd);border-color:var(--pd);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}
.btn.lg{padding:.95em 1.7em;font-size:1.05rem}.btn.sm{padding:.5em 1em;font-size:.92rem}
.btn.ghost{background:transparent;color:var(--pd)}.btn.ghost:hover{background:var(--pd);color:#fff}
.btn.accent{background:var(--acc);border-color:var(--acc);color:var(--ink)}.btn.accent:hover{background:var(--acc-d);border-color:var(--acc-d)}
.btn.ghost-light{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}.btn.ghost-light:hover{background:#fff;color:var(--pd)}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:var(--s2)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.links{display:flex;gap:26px}.links a{color:var(--ink);text-decoration:none;font-weight:550;font-size:.97rem}.links a:hover{color:var(--p)}
.nav-r{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-prod{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pd);border:1px solid currentColor;border-radius:999px;padding:.15em .6em;margin-left:2px}
.links{min-width:0}
.lang{order:9;flex-shrink:0;display:flex;border:1px solid #cbd5e1;border-radius:999px;padding:2px;background:#fff}
.lang button{border:0;background:none;padding:.3em .65em;cursor:pointer;font-weight:700;font-size:.85rem;color:var(--mut);border-radius:999px;min-width:38px;min-height:32px}
.lang button[aria-pressed=true]{background:var(--pd);color:#fff}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:10px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1000px 500px at 85% 10%,rgba(251,191,36,.18),transparent 60%),linear-gradient(140deg,var(--pdd) 0%,var(--pd) 55%,var(--p) 100%);color:#fff;padding:var(--s5) 0}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.eyebrow{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fde68a;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;padding:.35em .9em;border-radius:999px;margin-bottom:var(--s3)}
h1{font-size:clamp(2.2rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;margin-bottom:var(--s3)}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:#d5ebe8;max-width:600px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:var(--s4) 0 var(--s3)}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.25em .85em;font-size:.85rem;color:#e6f4f2}
.hero-visual{position:relative;justify-self:center;width:100%;max-width:360px}
.mini-phone{background:var(--wa);border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);border:8px solid #0b1220;transform:rotate(2deg)}
.mini-body{padding:14px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.float-card{position:absolute;left:-36px;bottom:-18px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;font-weight:650;font-size:.9rem;box-shadow:0 12px 30px rgba(0,0,0,.25);display:flex;align-items:center;gap:8px}
.dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2)}
/* bubbles */
.bubble{max-width:85%;padding:.5em .8em;border-radius:12px;font-size:.93rem;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08);white-space:pre-line;overflow-wrap:anywhere}
.bubble.in{background:#fff;align-self:flex-start;border-top-left-radius:3px}
.bubble.out{background:#d9fdd3;align-self:flex-end;border-top-right-radius:3px}
.bubble.card-sum{background:#fff;border-left:4px solid var(--p);font-size:.88rem}
.bubble.sys{background:#fef3c7;align-self:center;font-size:.82rem}
/* why */
.why{background:#fffbeb;border-bottom:1px solid #fde68a;padding:64px 0}
.why-in{max-width:860px}.why h2{color:var(--ink)}.why p{text-align:center;font-size:1.1rem;color:#3f3a2c;margin:0}
/* sections */
.sec{padding:var(--s5) 0}.alt{background:var(--alt)}
.steps{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s4) var(--s3) var(--s3)}
.num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pd);color:#fff;font-weight:800;margin-bottom:var(--s2)}
.steps p,.card p{color:var(--mut);margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s4)}
.card{background:#fff;border-radius:var(--r);padding:var(--s4) var(--s3) var(--s3);box-shadow:var(--sh);border:1px solid var(--line)}
.ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e6f4f2;font-size:1.5rem;margin-bottom:var(--s2)}
/* demo */
.demo-in{display:grid;grid-template-columns:1fr 390px;gap:64px;align-items:center}.demo-copy h2{text-align:left}
.mode{display:inline-block;background:#e6f4f2;color:var(--pd);font-weight:600;padding:.35em .8em;border-radius:8px;font-size:.92rem}
.note{color:var(--mut);font-size:.88rem;margin-top:var(--s2)}
.phone{border:10px solid #0b1220;border-radius:38px;overflow:hidden;background:var(--wa);height:620px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(15,23,42,.22)}
.wa-head{background:#075e54;color:#fff;display:flex;gap:10px;align-items:center;padding:12px 14px}.wa-head small{display:block;opacity:.85;font-size:.78rem}
.av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--acc);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.wa-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.wa-body .bubble{animation:pop .2s ease-out}@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.typing{align-self:flex-end;background:#d9fdd3;padding:.6em .8em;border-radius:12px;display:flex;gap:4px}
.typing span{width:6px;height:6px;border-radius:50%;background:#5b6b63;animation:blink 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.25}}
.wa-opts{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#f6f6f6;border-top:1px solid #e5e5e5}.wa-opts:empty{display:none}
.wa-opts button{border:1.5px solid var(--p);color:var(--pd);background:#fff;border-radius:999px;padding:.45em .95em;cursor:pointer;font-size:.9rem;font-weight:600;min-height:38px}.wa-opts button:hover{background:var(--pd);color:#fff}
.wa-input{display:flex;gap:8px;padding:10px;background:#f6f6f6}
.wa-input input{flex:1;border:1px solid #d4d4d4;border-radius:999px;padding:.6em 1em;font:inherit;font-size:.95rem;min-width:0}
.wa-input button{width:44px;height:44px;border-radius:50%;border:0;background:#075e54;color:#fff;cursor:pointer;font-size:1rem}
/* pricing */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);align-items:stretch}
.price{background:#fff;border-radius:var(--r);padding:var(--s4) var(--s3) var(--s3);border:1px solid var(--line);position:relative;display:flex;flex-direction:column}
.price.hl{border:2px solid var(--p);box-shadow:0 16px 40px rgba(13,124,114,.16)}
.price ul{padding-left:1.15em;color:var(--mut);flex:1;margin:var(--s2) 0 var(--s3)}.price li{margin-bottom:6px}
.amt{font-size:2.5rem;font-weight:800;letter-spacing:-.03em}.amt small{font-size:.95rem;color:var(--mut);font-weight:500;letter-spacing:0}
.tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--acc);color:var(--ink);padding:.3em 1em;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}
/* faq */
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--p);transition:transform .2s}details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mut);margin:12px 0 0}
/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3);background:#fff;padding:var(--s4);border-radius:var(--r);box-shadow:var(--sh)}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.form input:not([type=checkbox]){padding:.75em .9em;border:1.5px solid #94a3b8;border-radius:10px;font:inherit;background:#fff}
.form input:focus{outline:3px solid rgba(13,124,114,.35);border-color:var(--p)}
.form input[aria-invalid=true]{border-color:#b91c1c;background:#fef2f2}
.form .chk{grid-column:1/-1;flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}.chk input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--p)}
.form .btn{grid-column:1/-1;justify-self:start}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.err{color:#b91c1c;grid-column:1/-1;margin:0;font-weight:600}
.thanks{text-align:center;background:#fff;border-radius:var(--r);padding:var(--s4);box-shadow:var(--sh)}
/* footer */
.foot{background:var(--pdd);color:#cfe3e0;padding:var(--s4) 0}.foot a{color:#fff}.foot-in{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.legal{padding:var(--s4) var(--s3) var(--s5)}.legal h1{font-size:2.2rem}.legal h2{text-align:left;font-size:1.3rem;margin-top:1.6em}.todo{background:#fef9c3;color:#713f12;padding:.1em .3em;border-radius:4px}
/* responsive */
@media(max-width:980px){
 .links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px var(--s3) 16px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(15,23,42,.08)}
 .links.open{display:flex}.links a{padding:12px 0;border-bottom:1px solid var(--line)}.burger{display:flex}.nav-cta{display:none}
}
@media(max-width:900px){
 :root{--s5:64px}
 .hero-in,.demo-in{grid-template-columns:1fr;gap:var(--s4)}.hero-visual{max-width:320px;margin-top:var(--s2)}.float-card{left:-8px}
 .steps,.grid,.prices{grid-template-columns:1fr}.prices{gap:var(--s4)}
 .demo-copy h2{text-align:center}.demo-copy{text-align:center}.phone{max-width:390px;margin:0 auto;width:100%;height:560px}
}
@media(max-width:560px){
 :root{--s3:18px;--s4:28px}body{font-size:16px}
 .wrap{padding:0 18px}.logo{font-size:1.05rem}.logo-prod{display:none}.logo img{width:26px;height:26px}
 .cta-row .btn{width:100%}.form{grid-template-columns:1fr;padding:var(--s3)}.form .btn{width:100%}
 .tag{white-space:normal;text-align:center;width:max-content;max-width:90%}
 .foot-in{flex-direction:column}.phone{border-width:6px;border-radius:28px}
}
.menu-cta{display:none}
@media(max-width:980px){.links a.menu-cta{display:block;margin-top:12px;border:0;background:var(--pd);color:#fff;text-align:center;border-radius:999px;font-weight:700}}