:root{--bg:#f7f8fc;--ink:#161a2b;--mut:#6b7390;--line:#e8eaf3;--card:#fff;
--brand:#6c5ce7;--brand2:#8e7bff;--accent:#00c2a8;--amber:#ff9f43;--pink:#ff6b9d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}
.nav{position:sticky;top:0;z-index:40;background:rgba(247,248,252,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px 26px}
.nav .logo{font-weight:800;font-size:1.15rem;background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav .sp{flex:1}.nav a.lnk{color:var(--mut);font-weight:600;font-size:.92rem}
.btn{display:inline-block;border:0;border-radius:14px;padding:13px 26px;font-weight:700;cursor:pointer;font-size:1rem}
.btn.primary{background:linear-gradient(95deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 26px rgba(108,92,231,.32)}
.btn.primary:hover{filter:brightness(1.05)}
.btn.big{padding:18px 40px;font-size:1.18rem;border-radius:18px}
.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
.hero{position:relative;overflow:hidden;padding:70px 0 50px}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:3.1rem;line-height:1.08;margin:.1em 0 .3em;letter-spacing:-.02em}
.hero h1 .g{background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-size:1.2rem;color:var(--mut);margin:0 0 26px;max-width:34ch}
.hero .pills{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.pill{background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:.85rem;color:var(--mut);font-weight:600}
.heroimg{border-radius:24px;width:100%;box-shadow:0 30px 60px rgba(108,92,231,.18)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1}
section{padding:54px 0}
.h2{font-size:2rem;text-align:center;margin:0 0 8px;letter-spacing:-.01em}
.sub2{text-align:center;color:var(--mut);max-width:60ch;margin:0 auto 34px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:920px){.hero .grid{grid-template-columns:1fr}.heroimg{order:-1}.grid3,.grid4{grid-template-columns:1fr 1fr}.hero h1{font-size:2.3rem}}
@media(max-width:600px){.grid3,.grid4,.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(22,26,43,.04)}
.adv{display:flex;flex-direction:column;gap:8px}.adv .ic{font-size:1.7rem}.adv b{font-size:1.02rem}.adv span{color:var(--mut);font-size:.9rem}
.get{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.get .ck{color:var(--accent);font-weight:800;font-size:1.1rem}
.tag{display:inline-block;font-size:.66rem;font-weight:800;border-radius:6px;padding:2px 7px;color:#fff;margin-left:6px}
.tag.pro{background:var(--amber)}.tag.max{background:var(--ink)}
.tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
@media(max-width:820px){.tariffs{grid-template-columns:1fr}}
.tariff{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.tariff.pop{border:2px solid var(--brand);box-shadow:0 18px 44px rgba(108,92,231,.18);position:relative}
.tariff.pop:before{content:"Популярный";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:20px}
.tariff h3{margin:.2em 0;font-size:1.3rem}.tariff .price{font-size:2.3rem;font-weight:800}.tariff .price span{font-size:1rem;color:var(--mut);font-weight:600}
.tariff ul{list-style:none;padding:0;margin:14px 0;flex:1}.tariff li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:.94rem}
.diff{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:820px){.diff{grid-template-columns:1fr}}
.diff .x{color:#e55}.diff .v{color:var(--accent)}
.ex{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;transition:.15s}
.ex:hover{box-shadow:0 12px 30px rgba(22,26,43,.08);transform:translateY(-2px)}.ex .em{font-size:2rem}
.rev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.rev .stars{color:var(--amber)}
.clog{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px}.clog .d{color:var(--mut);font-size:.82rem;font-weight:700}
.foot{background:#0f1326;color:#aeb6d6;padding:40px 0;font-size:.86rem;margin-top:30px}.foot a{color:#cbd2f0}
.center{text-align:center}
.soc{display:inline-flex;gap:12px;align-items:center}
.soc a{display:inline-flex;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);align-items:center;justify-content:center;font-size:1.1rem}