:root{--t:#00bfc4;--td:#00898d;--ink:#253139;--mut:#5f6b73;--bg:#fff;--soft:#eaf9f9;--line:#dce5e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--td)}img,svg{max-width:100%}
.w{max-width:1120px;margin:auto;padding:0 20px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.3rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
header{position:sticky;top:0;background:#fffe;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;color:var(--ink);text-decoration:none}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}nav a:hover{color:var(--td)}
.btn{display:inline-block;background:var(--t);color:#04282a;font-weight:700;padding:12px 24px;border-radius:8px;text-decoration:none;border:2px solid var(--t)}
.btn:hover{background:#00a9ae}.btn.o{background:transparent;color:var(--ink);border-color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.hero{background:linear-gradient(135deg,#eaf9f9 0%,#fff 60%);padding:56px 0 48px}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero p{font-size:1.15rem;color:var(--mut);max-width:34em}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none}
.tags li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 12px;font-size:.85rem}
section{padding:60px 0}.alt{background:var(--soft)}
.lead{color:var(--mut);max-width:44em}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:28px}
.plan{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.plan.hot{border:2px solid var(--t);box-shadow:0 12px 32px #00bfc42e}
.price{font-size:2.8rem;font-weight:800;line-height:1}.price small{font-size:1rem;font-weight:500;color:var(--mut)}
.plan ul{list-style:none;padding:0;margin:20px 0;columns:1}
.plan li{padding:5px 0 5px 26px;position:relative;font-size:.95rem}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--td);font-weight:700}
.plan .btn{width:100%;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}
.card{border-left:4px solid var(--t);padding:4px 0 4px 18px}.card p{margin:0;color:var(--mut)}
.sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.sec ul{padding-left:18px;margin:0}.sec li{margin:8px 0}
.logos{overflow:hidden;padding:20px 0;border-block:1px solid var(--line);-webkit-mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.track{display:flex;width:max-content;animation:sl 55s linear infinite}
.logos:hover .track{animation-play-state:paused}
.track a{margin-right:48px;font-weight:800;font-size:1.15rem;color:#8a959b;text-decoration:none;letter-spacing:.02em;white-space:nowrap;filter:grayscale(1)}
.track a:hover{color:var(--ink)}
@keyframes sl{to{transform:translateX(-50%)}}
details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:700}details p{margin:.6em 0 0;color:var(--mut)}
.contact{display:flex;gap:32px;flex-wrap:wrap;font-size:1.1rem}
footer{background:var(--ink);color:#cfd8dc;padding:40px 0;font-size:.9rem}footer a{color:#fff}
footer .w{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.legal{background:#fff;padding:48px 0}.legal h2{font-size:1.4rem}.legal h3{font-size:1.05rem;margin-top:1.4em}.legal p,.legal li{color:var(--mut);font-size:.95rem}
#ck{position:fixed;left:16px;bottom:16px;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 8px 28px #0003;font-size:.88rem;z-index:20}
#ck p{margin:0 0 10px}#ck .btn{padding:7px 14px;font-size:.88rem;cursor:pointer;font-family:inherit}
@media(max-width:800px){.hero .w,.sec{grid-template-columns:1fr}.hero svg{max-width:340px;margin:auto}nav{display:none}#ck{right:16px;max-width:none}}
@media(prefers-reduced-motion:reduce){.track{animation:none}.logos{overflow-x:auto}html{scroll-behavior:auto}}
.brand img{height:76px;width:auto;display:block}
.logos a{display:flex;align-items:center;height:44px}
.logos img{height:auto;width:auto;max-height:44px;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}
.logos a:hover img{opacity:1}
.page{padding:40px 20px 64px;max-width:820px}.page h1{font-size:clamp(1.7rem,4vw,2.4rem)}.page h2{font-size:1.25rem;margin-top:1.6em}.page p,.page li{color:#44515a}

@media(max-width:800px){.brand img{height:60px}header .w{min-height:76px}}