:root{--bg:#fbf7f1;--card:#fff;--ink:#27332e;--muted:#5f6d66;--line:#e9e2d6;--accent:#2f8a6c;--accent-d:#256f57;--accent-ink:#fff;
--tint:#e4f2ec;--coral:#e8806d;--sun:#f4c76a;--warn:#fff3d9;--warn-ink:#6b4a00;--shadow:0 6px 24px rgba(39,51,46,.07)}
@media (prefers-color-scheme:dark){:root{--bg:#131916;--card:#1b2420;--ink:#e9f0ec;--muted:#a6b6ad;--line:#2b3832;--accent:#5ec4a0;--accent-d:#7ad6b5;--accent-ink:#0c1a13;
--tint:#1f3029;--coral:#f09a89;--sun:#e0b45a;--warn:#2e2610;--warn-ink:#f1d98a;--shadow:0 6px 24px rgba(0,0,0,.35)}}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 ui-rounded,-apple-system,"SF Pro Rounded","Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:820px;margin:0 auto;padding:0 18px}
.ic{flex:none}
header.site{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px}
.logo{white-space:nowrap;display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:-.01em}
.logo i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--accent-ink)}
nav{display:flex;gap:4px}nav a{padding:7px 12px;border-radius:99px;color:var(--muted);text-decoration:none;font-size:15px;font-weight:600}
nav a:hover,nav a.on{background:var(--tint);color:var(--accent-d)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding:36px 0 18px}
.hero h1{font-size:clamp(30px,5.4vw,46px);line-height:1.1;letter-spacing:-.025em;margin:0 0 14px}
.hero h1 em{font-style:normal;color:var(--accent)}
.lead{font-size:19px;color:var(--muted);margin:0 0 22px}.art{width:100%;height:auto;max-height:260px}
.page-h{padding:30px 0 8px}.page-h h1{font-size:clamp(26px,4.6vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
h2{font-size:24px;line-height:1.25;letter-spacing:-.015em;margin:36px 0 12px}
p{margin:0 0 14px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);padding:13px 22px;border-radius:14px;text-decoration:none;font-weight:700;border:0;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}
.btn:hover{background:var(--accent-d)}.btn.ghost{background:transparent;color:var(--accent-d);box-shadow:none;border:1.5px solid var(--accent)}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.tiles{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.tile{flex:1 1 220px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.tile .ic{color:var(--accent);margin-bottom:8px}.tile b{display:block;margin-bottom:4px;font-size:17px}.tile span{color:var(--muted);font-size:15px;line-height:1.45}
a.tool{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:12px 0;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
a.tool:hover{transform:translateY(-2px);border-color:var(--accent)}
a.tool .ic{color:var(--accent);margin-top:2px}a.tool b{display:block;font-size:18px}a.tool span{color:var(--muted);font-size:15px}
.warn{background:var(--warn);color:var(--warn-ink);border-radius:14px;padding:13px 16px;font-size:15px;margin:18px 0;line-height:1.5}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.chips a{padding:8px 14px;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:15px;font-weight:600}
.chips a:hover{border-color:var(--accent);color:var(--accent-d)}
.sect{margin:34px 0 8px;scroll-margin-top:70px}.sect h2{margin:0}.sect p{color:var(--muted);margin:2px 0 0;font-size:15px}
.tl{position:relative;margin:14px 0 0;padding-left:26px}
.tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--accent),var(--tint))}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:var(--shadow)}
.step::before{content:"";position:absolute;left:-24px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--card);border:3px solid var(--accent)}
.age{display:inline-block;font-weight:800;font-size:15px;background:var(--tint);color:var(--accent-d);padding:3px 12px;border-radius:99px;margin-bottom:6px}
.v{padding:8px 0;border-top:1px dashed var(--line)}.v:first-of-type{border-top:0}.v b{font-weight:700}
.note{color:var(--muted);font-size:15px}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:1px 9px;border-radius:99px;background:var(--warn);color:var(--warn-ink);margin-left:6px;vertical-align:middle}
.cta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,var(--tint),var(--card));border:1px solid var(--accent);border-radius:20px;padding:22px;margin:34px 0;box-shadow:var(--shadow)}
.cta p{margin:0}.cta .t{font-weight:800;font-size:19px;letter-spacing:-.01em}
.form{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:18px 0;box-shadow:var(--shadow)}
.form label{font-weight:700}input[type=date]{font:inherit;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);min-width:200px}
input[type=date]:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.res{display:grid;gap:10px;margin:14px 0}
.r{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px 16px;box-shadow:var(--shadow)}
.r .when{font-weight:800;font-size:17px}.r .sub{color:var(--muted);font-size:14px}
.r.past{opacity:.55;box-shadow:none}.r.next{border:2px solid var(--accent);background:linear-gradient(135deg,var(--tint),var(--card))}
.tag{display:inline-block;font-size:12px;font-weight:800;background:var(--accent);color:var(--accent-ink);padding:1px 9px;border-radius:99px;margin-left:6px;vertical-align:middle}
footer{border-top:1px solid var(--line);margin-top:48px;padding:26px 0 90px;color:var(--muted);font-size:14px}
footer p{margin:0 0 8px}a{color:var(--accent-d)}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:none}
.sticky .btn{width:100%;justify-content:center}
@media (max-width:720px){.hero{grid-template-columns:1fr;padding-top:22px}.art{max-height:190px;order:-1}.sticky{display:block}
nav a{padding:6px 8px;font-size:13.5px}.logo span{font-size:15px}.logo i{width:28px;height:28px}header.site .wrap{gap:6px}.btns .btn{justify-content:center}.cta{padding:18px}.form input{width:100%}}
@media (min-width:721px){footer{padding-bottom:30px}}

body{background-image:radial-gradient(900px 420px at 88% -8%,color-mix(in srgb,var(--sun) 24%,transparent),transparent),radial-gradient(760px 420px at -8% 6%,color-mix(in srgb,var(--accent) 15%,transparent),transparent);background-repeat:no-repeat}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:no-preference){.art .fl{animation:float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.art .fl2{animation:float 7.5s ease-in-out infinite reverse;transform-box:fill-box;transform-origin:center}}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.trust span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:7px 13px;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--muted)}
.trust .ic{color:var(--accent)}
.how{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;margin:8px 0 6px}
.sts{display:grid;gap:12px}.st{display:flex;gap:14px;align-items:flex-start}
.st i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-style:normal;font-weight:800;font-size:18px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}
.st b{display:block;font-size:18px;margin-bottom:2px}.st span{color:var(--muted);font-size:15.5px}
.phone{margin:0;background:linear-gradient(180deg,var(--tint),color-mix(in srgb,var(--tint) 50%,var(--card)));border:1px solid var(--line);border-radius:30px;padding:16px 14px 14px;box-shadow:0 18px 40px rgba(39,51,46,.14);max-width:360px;justify-self:center;width:100%}
.ph-top{display:flex;align-items:center;gap:10px;padding:2px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.ph-top i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink)}
.ph-top b{display:block;line-height:1.2}.ph-top small{color:var(--muted);font-size:12.5px}
.msg{background:var(--card);border-radius:18px 18px 18px 5px;padding:11px 14px;margin:0 28px 10px 0;font-size:15px;line-height:1.45;box-shadow:0 2px 8px rgba(39,51,46,.07);border:1px solid var(--line)}
.msg.late{margin-bottom:4px}
.phone figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:10px}
.tl.s-newborn{--dot:var(--coral)}.tl.s-year1{--dot:var(--accent)}.tl.s-y1_2{--dot:#d9a441}.tl.s-school{--dot:#5b8def}
.tl::before{background:linear-gradient(var(--dot,var(--accent)),color-mix(in srgb,var(--dot,var(--accent)) 15%,transparent))}
.step::before{border-color:var(--dot,var(--accent))}
.step .age{background:color-mix(in srgb,var(--dot,var(--accent)) 16%,var(--card));color:color-mix(in srgb,var(--dot,var(--accent)) 70%,var(--ink))}
.sect h2{display:flex;align-items:center;gap:10px}.sect h2::before{content:"";width:10px;height:26px;border-radius:6px;background:var(--dot,var(--accent))}
.sect.s-newborn{--dot:var(--coral)}.sect.s-year1{--dot:var(--accent)}.sect.s-y1_2{--dot:#d9a441}.sect.s-school{--dot:#5b8def}
.nextbig{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:var(--accent-ink);border-radius:22px;padding:20px 22px;margin:18px 0;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 35%,transparent)}
.nextbig .k{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.nextbig .n{font-size:clamp(32px,7vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.nextbig .d{font-size:16px;line-height:1.4;opacity:.95}.nextbig .d b{display:block;font-size:18px}
@media (max-width:720px){.how{grid-template-columns:1fr}.phone{max-width:none}}

.fld{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:18px 0;box-shadow:var(--shadow)}
.fld .g{display:flex;gap:8px;flex-wrap:wrap}.fld .g label{cursor:pointer}
.fld .g input{position:absolute;opacity:0;pointer-events:none}
.fld .g span{display:inline-block;padding:9px 18px;border-radius:99px;border:1.5px solid var(--line);font-weight:700}
.fld .g input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.fld .g input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.fld .r2{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.fld .fl label{display:block;font-weight:700;margin-bottom:5px;font-size:15px}
.fld input[type=number],.fld input[type=text]{width:100%;font:inherit;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.fld input[type=number]:focus,.fld input[type=text]:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.hint{color:var(--muted);font-size:14px}
.cres{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:var(--shadow)}
.cres h3{margin:0 0 4px;font-size:19px}.cres .bd{display:inline-block;font-weight:800;font-size:14px;padding:3px 12px;border-radius:99px;margin:4px 0 10px}
.bd.mid{background:color-mix(in srgb,var(--accent) 18%,var(--card));color:var(--accent-d)}
.bd.mid_low,.bd.mid_high{background:var(--warn);color:var(--warn-ink)}
.bd.low,.bd.high{background:color-mix(in srgb,#5b8def 20%,var(--card));color:color-mix(in srgb,#5b8def 75%,var(--ink))}
.sc{position:relative;height:14px;border-radius:99px;margin:18px 0 6px;display:flex;overflow:visible}
.sc i{display:block;height:100%}.sc i:nth-child(1){width:10%;background:color-mix(in srgb,#5b8def 40%,var(--card));border-radius:99px 0 0 99px}
.sc i:nth-child(2){width:20%;background:color-mix(in srgb,var(--sun) 55%,var(--card))}.sc i:nth-child(3){width:40%;background:color-mix(in srgb,var(--accent) 45%,var(--card))}
.sc i:nth-child(4){width:20%;background:color-mix(in srgb,var(--sun) 55%,var(--card))}.sc i:nth-child(5){width:10%;background:color-mix(in srgb,#5b8def 40%,var(--card));border-radius:0 99px 99px 0}
.sc b{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--ink);border:4px solid var(--card);transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tk{position:relative;height:18px;font-size:12px;color:var(--muted)}.tk span{position:absolute;transform:translateX(-50%)}
details.tb{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:10px 0}
details.tb summary{cursor:pointer;font-weight:700;padding:10px 0}
.tw{overflow-x:auto;margin:6px 0 12px}table.t{border-collapse:collapse;width:100%;font-size:14px;min-width:420px}
table.t th,table.t td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--line)}table.t th:first-child,table.t td:first-child{text-align:left;white-space:nowrap}
table.t thead th{position:sticky;top:0;background:var(--card);color:var(--muted);font-weight:700}table.t td.m{font-weight:700;color:var(--accent-d)}
@media (max-width:560px){header.site .wrap{flex-wrap:wrap}header.site nav{width:100%;justify-content:space-between;margin:0 -6px}header.site nav a{flex:1;text-align:center}}

:root{--bg:#f7f4ee;--card:#fffdf9;--ink:#211c17;--muted:#675c50;--line:rgba(33,28,23,.10);--accent:#3f7a55;--accent-d:#2f6044;--accent-ink:#fff;
--tint:#e6efe9;--coral:#c05a3e;--sun:#e5b455;--warn:#f6ecd4;--warn-ink:#6b4a14;--shadow:0 10px 30px rgba(60,40,15,.08);
--clay:#a8651c;--clay-d:#8f5a1e;--clay-ink:#fff;--sage-wash:#e6efe9;--clay-wash:#f5e7d1;--ochre-wash:#f6ecd4;--rose-wash:#f6e0d8}
@media (prefers-color-scheme:dark){:root{--bg:#14110f;--card:#1d1915;--ink:#f2ece3;--muted:#b5a999;--line:rgba(255,255,255,.09);--accent:#7fc29a;--accent-d:#9bd6b3;--accent-ink:#0d1a12;
--tint:#1f2a23;--warn:#2e2610;--warn-ink:#f1d98a;--shadow:0 10px 30px rgba(0,0,0,.4);--clay:#e0a45a;--clay-d:#efba7a;--clay-ink:#1a1208;
--sage-wash:#1f2a23;--clay-wash:#2b2216;--ochre-wash:#2a2412;--rose-wash:#2b1d19}}
body{background-image:none}
.btn{background:var(--clay);color:var(--clay-ink);box-shadow:0 6px 20px color-mix(in srgb,var(--clay) 38%,transparent)}
.btn:hover{background:var(--clay-d)}.btn.ghost{background:transparent;color:var(--accent-d);box-shadow:none;border:1.5px solid var(--accent)}
.btn.big{padding:16px 28px;font-size:18px;border-radius:16px}
.logo i{background:var(--clay);color:var(--clay-ink)}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}.js .rv.d1{transition-delay:.08s}.js .rv.d2{transition-delay:.16s}.js .rv.d3{transition-delay:.24s}
/* --- главный экран: ночное небо --- */
.home header.site{position:absolute;left:0;right:0;top:0;background:transparent;border:0;backdrop-filter:none}
.home header.site .logo,.home header.site nav a{color:#f4efe6}.home header.site nav a:hover,.home header.site nav a.on{background:rgba(255,255,255,.14);color:#fff}
.sky{position:relative;overflow:hidden;color:#f4efe6;padding:128px 0 170px;
 background:radial-gradient(900px 520px at 78% 18%,rgba(224,164,90,.22),transparent 60%),linear-gradient(180deg,#080d1f 0%,#111c42 38%,#27305e 64%,#6a4a5c 84%,#c98a4e 100%)}
.stars i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:.2;animation:tw var(--t) ease-in-out infinite var(--d)}
@keyframes tw{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.aur{position:absolute;filter:blur(70px);border-radius:50%;opacity:.55;animation:drift 20s ease-in-out infinite alternate;pointer-events:none}
.aur.a1{width:560px;height:340px;left:-120px;top:90px;background:radial-gradient(closest-side,rgba(92,143,110,.6),transparent)}
.aur.a2{width:500px;height:320px;right:-80px;top:10px;background:radial-gradient(closest-side,rgba(192,90,62,.38),transparent);animation-delay:-8s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(50px,-26px) scale(1.18)}}
.moon{position:absolute;right:max(7%,18px);top:112px;width:min(190px,32vw);height:auto;overflow:visible;animation:bob 9s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.cloud{position:absolute;opacity:.07;animation:slide 70s linear infinite}.cloud.c2{animation-duration:95s;animation-delay:-30s}
@keyframes slide{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}
.hero2{position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 15px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600;color:#f3e8d2;backdrop-filter:blur(8px);margin:0 0 22px}
.hero2 h1{font-size:clamp(40px,8.4vw,88px);line-height:1.01;letter-spacing:-.04em;margin:0 0 22px;font-weight:800;max-width:900px}
.grad{background:linear-gradient(95deg,#ffe0a8,#f6a98a 55%,#b9dcc6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead2{font-size:clamp(17px,2.3vw,22px);color:rgba(244,239,230,.84);max-width:600px;margin:0 0 30px;line-height:1.5}
.sky .btn{box-shadow:0 10px 36px rgba(224,164,90,.45)}.sky .btn.ghost{color:#f4efe6;border-color:rgba(255,255,255,.45);box-shadow:none}.sky .btn.ghost:hover{background:rgba(255,255,255,.12)}
.glass{margin-top:40px;padding:22px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);max-width:560px;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.glass label{font-weight:700;display:block;margin-bottom:10px;font-size:18px}
.glass input[type=date]{width:100%;background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.3);color-scheme:dark;font-size:17px}
.glass input[type=date]:focus{outline:2px solid #ffd9a0;border-color:#ffd9a0}
.gres{margin-top:16px;min-height:60px;color:rgba(244,239,230,.85)}
.gres .k{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffd9a0}
.gres .n{font-size:clamp(30px,6vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff}
.gres .d{margin:4px 0 8px;line-height:1.4}.gres .d b{color:#fff}.gres a.more{color:#ffd9a0;font-weight:700;text-decoration:none}
.horizon{position:absolute;left:0;right:0;bottom:-1px;line-height:0}.horizon svg{width:100%;height:clamp(60px,9vw,120px);display:block}
/* --- бенто --- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0}
.bt{position:relative;overflow:hidden;border-radius:26px;padding:24px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card);min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s}
.bt:hover{transform:translateY(-4px)}.bt .ic{width:34px;height:34px;color:var(--accent);margin-bottom:auto}
.bt b{font-size:21px;letter-spacing:-.015em;margin:12px 0 4px;display:block}.bt span.t{color:var(--muted);font-size:15.5px;line-height:1.45}
.bt.w4{grid-column:span 4}.bt.w2{grid-column:span 2}.bt.w3{grid-column:span 3}
.bt.s{background:var(--sage-wash)}.bt.c{background:var(--clay-wash)}.bt.o{background:var(--ochre-wash)}.bt.r{background:var(--rose-wash)}
.bt.c .ic{color:var(--clay)}.bt.o .ic{color:#9b7415}.bt.r .ic{color:var(--coral)}
.mini{display:grid;gap:8px;margin:14px 0 4px}.mini div{display:flex;gap:10px;align-items:center;background:color-mix(in srgb,var(--card) 70%,transparent);border-radius:12px;padding:8px 12px;font-size:14.5px;border:1px solid var(--line)}
.mini em{font-style:normal;font-weight:800;color:var(--accent-d);min-width:52px}
.bell{width:100%;height:54px;margin:8px 0 2px;opacity:.9}
h2.big2{font-size:clamp(28px,4.6vw,44px);letter-spacing:-.03em;line-height:1.1;margin:56px 0 8px}
.sub2{color:var(--muted);font-size:18px;margin:0 0 18px;max-width:560px}
.trust{margin-top:22px}
@media (max-width:720px){.sky{padding:104px 0 130px}.moon{top:84px;width:92px}.bt.w4,.bt.w2,.bt.w3{grid-column:span 6}.bt{min-height:0;padding:20px}.glass{margin-top:28px}
.hero2 h1{letter-spacing:-.03em}.eyebrow{font-size:13px}}

.soon{position:relative;overflow:hidden;border-radius:30px;padding:clamp(26px,5vw,48px);margin:56px 0 8px;color:#f4efe6;
 background:radial-gradient(500px 260px at 88% 10%,rgba(224,164,90,.35),transparent 65%),linear-gradient(135deg,#0d1533,#1f2a57 55%,#5a4560);box-shadow:0 24px 60px rgba(20,25,60,.35)}
.soon .pill{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:99px;background:rgba(255,217,160,.16);color:#ffd9a0;border:1px solid rgba(255,217,160,.35);margin-bottom:14px}
.soon h2{font-size:clamp(26px,4.4vw,40px);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px;max-width:min(560px,calc(100% - clamp(150px,26vw,250px)))}
.soon p{color:rgba(244,239,230,.84);font-size:clamp(16px,2vw,19px);max-width:min(560px,calc(100% - clamp(150px,26vw,250px)));margin:0 0 22px;line-height:1.5}
.soon .btn{box-shadow:0 10px 30px rgba(224,164,90,.4)}
.soon .ph{position:absolute;right:clamp(10px,5vw,60px);bottom:-30px;width:clamp(110px,22vw,200px);opacity:.95;transform:rotate(8deg);pointer-events:none}
@media (max-width:720px){.soon .ph{opacity:.22;right:-14px}.soon h2,.soon p{max-width:100%}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}

@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:"Manrope",ui-rounded,-apple-system,"SF Pro Rounded","Segoe UI",Roboto,sans-serif;font-feature-settings:"ss01";letter-spacing:-.005em}
h1,h2,h3,.logo,.btn,.tool b,.bt b{font-family:"Manrope",ui-rounded,-apple-system,"Segoe UI",sans-serif}
/* полоса прокрутки */
.prog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:60;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#ffd9a0,#f6a98a 50%,#7fc29a);pointer-events:none}
/* параллакс-слои неба */
.pl{position:absolute;inset:0;transform:translate3d(0,calc(var(--py,0)*var(--f,0)*1px),0);will-change:transform;pointer-events:none}
.sky .stars{position:absolute;inset:0;pointer-events:none;transform:translate3d(0,calc(var(--py,0)*.06px),0)}
/* падающая звезда */
.shoot{position:absolute;top:16%;left:6%;width:150px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff 70%,#fff);opacity:0;transform:rotate(20deg);animation:shoot 12s ease-in infinite 4s;filter:drop-shadow(0 0 6px #fff)}
@keyframes shoot{0%{opacity:0;transform:translate(0,0) rotate(20deg)}2%{opacity:1}9%{opacity:0;transform:translate(62vw,26vh) rotate(20deg)}100%{opacity:0}}
/* заголовок по словам */
.w{display:inline-block;opacity:0;transform:translateY(.55em);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.15s + var(--i)*.09s);white-space:pre}
@keyframes rise{to{opacity:1;transform:none}}
.g1{background:linear-gradient(90deg,#ffe3b0,#fdcf96);-webkit-background-clip:text;background-clip:text;color:transparent}
.g2{background:linear-gradient(90deg,#fdcf96,#f8b48e);-webkit-background-clip:text;background-clip:text;color:transparent}
.g3{background:linear-gradient(90deg,#f8b48e,#e8a99c);-webkit-background-clip:text;background-clip:text;color:transparent}
.g4{background:linear-gradient(90deg,#e8a99c,#b9dcc6);-webkit-background-clip:text;background-clip:text;color:transparent}
/* рамка-свечение виджета */
.glass{position:relative}
.glass::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,217,160,.9),rgba(255,255,255,.05) 38%,rgba(246,169,138,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
/* блеск кнопок */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
.btn:hover::after{left:140%}.btn.ghost::after{display:none}
/* подсветка карточек */
.bt::before,a.tool::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,.42),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none}
@media (prefers-color-scheme:dark){.bt::before,a.tool::before{background:radial-gradient(380px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,.10),transparent 62%)}}
.bt:hover::before,a.tool:hover::before{opacity:1}a.tool{position:relative;overflow:hidden}
/* рисование иконок при появлении */
.js .bt .ic *{stroke-dasharray:1;stroke-dashoffset:1}
.js .bt.in .ic *{animation:draw 1.3s .25s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
/* ночной подвал */
footer{position:relative;margin-top:64px;padding:48px 0 96px;color:#cfc6b6;border-top:0;
 background:radial-gradient(520px 220px at 85% 0%,rgba(224,164,90,.18),transparent 70%),linear-gradient(180deg,#0e1330,#090c1d)}
footer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
 background-image:radial-gradient(1.2px 1.2px at 12% 30%,#fff 50%,transparent),radial-gradient(1px 1px at 32% 70%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 58% 25%,#fff 50%,transparent),radial-gradient(1px 1px at 78% 62%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 91% 22%,#fff 50%,transparent),radial-gradient(1px 1px at 46% 85%,#fff 50%,transparent)}
footer .wrap{position:relative}footer p{color:#b9b0a1}footer a{color:#ffd9a0}
.fbrand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#f4efe6;margin-bottom:14px}
.fbrand img{border-radius:10px;display:block}
@media (min-width:721px){footer{padding-bottom:44px}}
@media (prefers-reduced-motion:reduce){.w{opacity:1;transform:none}.shoot{display:none}.js .bt .ic *{stroke-dashoffset:0!important;stroke-dasharray:none!important}.pl,.sky .stars{transform:none}}

/* --- веб-трекер: минимализм --- */
.tr-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--card);margin:16px 0}
.tr-sum{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.tr-muted{color:var(--muted);font-size:14.5px;font-weight:500}
.tr-link{background:none;border:0;color:var(--accent-d);font:inherit;font-weight:700;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.tr-link.danger{color:var(--coral)}
.tr-tabs{display:flex;gap:4px;padding:4px;background:var(--tint);border-radius:14px;margin:18px 0;overflow-x:auto}
.tr-tab{flex:1;border:0;background:transparent;padding:10px 12px;border-radius:10px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
.tr-tab.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.tr-form{display:grid;gap:12px}.tr-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.tr-fl{flex:1 1 140px}.tr-fl label{display:block;font-weight:700;font-size:14px;margin-bottom:5px}
.tr-form input:not([type=radio]):not([type=checkbox]){width:100%;font:inherit;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.tr-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.tr-form .g{display:flex;gap:8px;flex-wrap:wrap}.tr-form .g label{cursor:pointer}.tr-form .g input{position:absolute;opacity:0;pointer-events:none}
.tr-form .g span{display:inline-block;padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);font-weight:700;font-size:15px}
.tr-form .g input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.tr-form .g input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.tr-next{border-radius:18px;padding:18px 20px;margin:14px 0;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:var(--accent-ink)}
.tr-next .k{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.tr-next .n{font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:2px 0}
.tr-next .d{line-height:1.45}
.tr-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.3);margin-top:12px;overflow:hidden}.tr-bar i{display:block;height:100%;background:#fff;border-radius:99px}
.tr-list{list-style:none;padding:0;margin:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.tr-list li{padding:12px 16px;border-top:1px solid var(--line)}.tr-list li:first-child{border-top:0}
.tr-list label{display:flex;gap:12px;cursor:pointer;align-items:flex-start}.tr-list input[type=checkbox]{position:absolute;opacity:0}
.tr-list .tx{line-height:1.45}.tr-list .tx>.tr-muted{display:inline}.tr-list .tx>.tr-muted.blk{display:block}.tr-list.gl .tx>div{margin-top:2px}
.bx{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--line);margin-top:1px;display:grid;place-items:center;transition:background .15s}
input:checked+.bx{background:var(--accent);border-color:var(--accent)}
input:checked+.bx::after{content:"";width:6px;height:11px;border:solid var(--accent-ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
input:focus-visible+.bx{outline:2px solid var(--accent);outline-offset:2px}
.tr-list li.done .tx{opacity:.5}.tr-list li.late .tx>.tr-muted{color:var(--coral)}
.tr-list.gl li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.tr-x{border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.tr-chart{margin:16px 0}.tr-chart figcaption{color:var(--muted);font-size:13.5px;margin-bottom:6px}
.tr-chart svg{width:100%;height:auto;display:block}.tr-chart text{fill:var(--muted);font-size:11px}
.tr-chart .a1{fill:var(--ink);opacity:.07}.tr-chart .a2{fill:var(--ink);opacity:.09}.tr-chart .p50{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 4}
.tr-chart .me{fill:none;stroke:var(--accent);stroke-width:2.5}.tr-chart .pt{fill:var(--accent);stroke:var(--card);stroke-width:2}
.tr-h{font-size:19px;margin:26px 0 4px}.tr-empty{color:var(--muted);padding:14px 0}
.tr-tools{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0 6px}
.badge.now{background:var(--accent);color:var(--accent-ink)}
.tr-card p{margin:8px 0 0}.tr-form>.btn,.tr-form .tr-row>.btn{justify-self:start;box-shadow:none;padding:11px 20px}

.soon .pill-s{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border-radius:99px;background:rgba(255,217,160,.16);color:#ffd9a0;border:1px solid rgba(255,217,160,.35);margin-bottom:14px}
.soon .btn{background:#f4efe6;color:#14183a}
/* ========== ДИЗАЙН 5: закатная сцена, гигантское слово, матовые карточки, кнопки-таблетки ========== */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/intertight-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/intertight-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f1e9dd;--card:rgba(255,255,255,.62);--ink:#14183a;--muted:#5f5d78;--line:rgba(20,24,58,.14);--accent:#14183a;--accent-d:#000;--accent-ink:#fff;
--tint:#e8e0f1;--coral:#a23a22;--sun:#f0a35e;--warn:#f6e7cf;--warn-ink:#6b4a14;--shadow:0 12px 40px rgba(20,24,58,.10);
--clay:#14183a;--clay-d:#000;--clay-ink:#fff;--sage-wash:#e6e9f3;--clay-wash:#f3e3d3;--ochre-wash:#f4ead3;--rose-wash:#f2dfe0;--s-ink:#14183a}
@media (prefers-color-scheme:dark){:root{--bg:#0e1124;--card:rgba(255,255,255,.07);--ink:#f2ecf6;--muted:#a9a6c4;--line:rgba(255,255,255,.14);--accent:#f2ecf6;--accent-d:#fff;--accent-ink:#14183a;
--tint:#1a1d3a;--warn:#2a2412;--warn-ink:#f1d98a;--shadow:0 12px 40px rgba(0,0,0,.4);--clay:#f2ecf6;--clay-d:#fff;--clay-ink:#14183a;
--coral:#ff9d86;--sage-wash:#161a33;--clay-wash:#211a20;--ochre-wash:#221f1a;--rose-wash:#241a24}}
body{font-family:"Inter Tight","Manrope",ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:normal;letter-spacing:-.012em}
h1,h2,h3,.logo,.btn,.tool b,.bt b{font-family:"Inter Tight","Manrope",ui-sans-serif,-apple-system,sans-serif}
h2.big2,.page-h h1{letter-spacing:-.04em;font-weight:600}
/* шапка из таблеток */
header.site{position:sticky;top:0;z-index:40;border:0;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;max-width:1520px;margin:0 auto}
.hd .grp{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto}.hd .grp::-webkit-scrollbar{display:none}
.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 15px;border-radius:99px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);
 font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.015em;text-decoration:none;transition:background .2s,color .2s}
.pill:hover,.pill.on{background:var(--ink);color:var(--bg)}.pill .ic{width:15px;height:15px}
.pill-cta{flex:none}
.promo{padding:10px 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);text-decoration:none;white-space:nowrap}
@media (max-width:1100px){.promo{display:none}}
@media (max-width:560px){.hd{padding:10px 10px;gap:8px;flex-wrap:wrap}.pill{padding:7px 12px;font-size:12.5px}.logo-p span{display:none}
 .hd>.logo-wm,.hd>.logo-p{order:1}.hd>.pill-cta{order:2;margin-left:auto}.hd>.grp{order:3;flex:1 1 100%}.logo-wm svg{height:20px}}
.home header.site{position:absolute;left:0;right:0;top:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.logo-wm{display:inline-flex;align-items:center;padding:9px 12px 9px 6px;text-decoration:none;flex:none}
.logo-wm svg{display:block;width:auto}
.home .pill,.home .promo{--ink:var(--s-ink);color:var(--s-ink)}.home .pill{border-color:var(--s-ink);background:rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.home .pill:hover,.home .pill.on{background:var(--s-ink);color:#fff}
/* кнопки */
.btn{border-radius:99px;background:var(--ink);color:var(--bg);text-transform:uppercase;font-size:13.5px;letter-spacing:.02em;font-weight:600;padding:13px 22px;box-shadow:none;gap:10px}
.btn:hover{background:var(--ink);opacity:.86}.btn .ic{display:none}
.btn::after{content:"→";position:static;width:auto;height:auto;background:none;transform:none;transition:transform .2s;left:auto}
.btn:hover::after{left:auto;transform:translateX(4px)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn.ghost::after{display:inline}
.btn.big{padding:15px 26px;font-size:14px;border-radius:99px}
.sticky .btn{width:100%;justify-content:center}
/* сцена */
.hero5{position:relative}
.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
.scene{position:relative;overflow:hidden;height:clamp(780px,100svh,1200px);background:#8f86d4;isolation:isolate;
 --mx:0;--my:0;--py:0}
.ly{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;transform-origin:50% 100%;will-change:transform}
.l-sky{transform:translate3d(calc(var(--mx)*-5px),calc(var(--py)*.03px),0) scale(1.05)}
.l-moon{transform:translate3d(calc(var(--mx)*-16px),calc(var(--my)*-8px + var(--py)*.12px),0) scale(1.03)}
.l-far{transform:translate3d(calc(var(--mx)*-10px),calc(var(--py)*.06px),0) scale(1.05)}
.l-mid{transform:translate3d(calc(var(--mx)*-18px),calc(var(--py)*.09px),0) scale(1.06)}
.l-lake{transform:translate3d(calc(var(--mx)*-6px),calc(var(--py)*.05px),0) scale(1.04)}
.l-near{transform:translate3d(calc(var(--mx)*-30px),calc(var(--py)*.15px),0) scale(1.08)}
.l-moon .bob{animation:bob2 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.scene::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,var(--bg));z-index:3;pointer-events:none}
.scn-grain{position:absolute;inset:0;pointer-events:none;opacity:.30;mix-blend-mode:overlay;z-index:2;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.wm{position:absolute;left:2vw;right:2vw;top:78px;margin:0;z-index:3;line-height:0;font-family:"Inter Tight",sans-serif}
.wm svg{width:100%;height:auto;display:block;font-family:"Inter Tight","Manrope",sans-serif;letter-spacing:-.04em;opacity:.93}.wm-m{display:none!important}
.scn-ui{position:absolute;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;z-index:4}
.glass2{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.55);border-radius:22px;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);
 color:var(--s-ink);box-shadow:0 20px 60px rgba(60,30,60,.18)}
.gl-left{max-width:430px;padding:24px}.gl-right{width:min(400px,100%);padding:22px}
.gl-left h1,.gl-left h2{font-size:clamp(24px,2.5vw,32px);line-height:1.05;letter-spacing:-.035em;font-weight:600;margin:0 0 10px;color:var(--s-ink)}
.gl-left p{font-size:15px;line-height:1.45;margin:0 0 16px;color:rgba(20,24,58,.82)}
.f3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.f3 div{display:grid;justify-items:center;gap:7px;text-align:center;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}
.f3 .ic{width:42px;height:42px;stroke-width:1.2}
.gl-left .btns{gap:8px}.gl-left .btn{background:var(--s-ink);color:#fff;padding:12px 18px;font-size:13px}.gl-left .btn.ghost{background:transparent;color:var(--s-ink);border-color:var(--s-ink)}
.gl-left .fine{margin:14px 0 0;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;color:rgba(20,24,58,.7)}
.gl-right label{display:block;font-weight:600;font-size:18px;letter-spacing:-.02em;margin-bottom:10px}
.gl-right input[type=date]{width:100%;font:inherit;padding:12px 14px;border:1.5px solid rgba(20,24,58,.35);border-radius:14px;background:rgba(255,255,255,.55);color:var(--s-ink);min-width:0;color-scheme:light}
.gl-right input[type=date]:focus{outline:2px solid var(--s-ink)}
.gl-right .gres{margin-top:14px;min-height:64px;color:rgba(20,24,58,.78);font-size:15px;line-height:1.4}
.gl-right .gres .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(20,24,58,.65)}
.gl-right .gres .n{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.02;letter-spacing:-.04em;color:var(--s-ink)}
.gl-right .gres .d b{color:var(--s-ink)}.gl-right .gres a.more{color:var(--s-ink);font-weight:700;text-underline-offset:3px}
@media (max-width:900px){
 .scene{height:min(150vw,650px)}.wm-d{display:none!important}.wm-m{display:block!important}.wm{top:70px;left:3vw;right:3vw}
 .scn-ui{position:relative;left:auto;right:auto;bottom:auto;flex-direction:column;align-items:stretch;padding:0 14px;margin-top:-84px;gap:14px}
 .gl-left,.gl-right{max-width:none;width:auto}
 .glass2{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.7)}}
/* блоки страницы */
.sec{max-width:1240px;margin:0 auto;padding:clamp(56px,9vw,128px) 22px 0}
.sec .eyebrow2{display:inline-block;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:14px}
.sec h2.display{font-size:clamp(36px,6.4vw,84px);letter-spacing:-.05em;line-height:.96;font-weight:600;margin:0 0 20px;max-width:980px}
.sec .sub3{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:620px;margin:0 0 30px;line-height:1.45}
.glass-c{background:var(--card);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trio .glass-c{padding:26px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.trio .ic{width:46px;height:46px;stroke-width:1.2;color:var(--ink)}.trio b{font-size:24px;letter-spacing:-.03em;font-weight:600;display:block;margin:30px 0 6px}
.trio span.t{color:var(--muted);font-size:16px;line-height:1.45}
@media (max-width:820px){.trio{grid-template-columns:1fr}.trio .glass-c{min-height:0}}
.cmp{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card);font-size:16px}
.cmp th,.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.cmp td.y{font-weight:600}.cmp td.n{color:var(--muted)}
.cmp-w{overflow-x:auto;border-radius:22px}.cmp{min-width:0}
@media (max-width:640px){.cmp{font-size:14px}.cmp th,.cmp td{padding:11px 9px}.cmp thead th{font-size:10.5px;letter-spacing:.04em}}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;list-style:none;font-size:clamp(19px,2.4vw,26px);font-weight:600;letter-spacing:-.03em;padding:16px 0;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-weight:400;font-size:28px;line-height:1;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}.faq p{color:var(--muted);font-size:17px;max-width:720px;margin:0 0 18px;line-height:1.55}
.soon{border-radius:28px}
.home .how{margin-top:10px}
.fwm{margin:0 0 26px;opacity:.9}.fwm svg{width:100%;height:auto;display:block;font-family:"Inter Tight","Manrope",sans-serif;letter-spacing:-.04em}.fwm .wm-m{display:none}
@media (max-width:900px){.fwm .wm-d{display:none}.fwm .wm-m{display:block}}
footer{background:#14183a}
/* ===== ПРОИЗВОДИТЕЛЬНОСТЬ (Safari и слабые устройства): без размытия фона, наложений, фильтров и вечных анимаций ===== */
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ly{will-change:auto!important;transform:none!important}
.l-moon .bob,.shoot,.aur,.cloud,.moon,.stars i,.art .fl,.art .fl2{animation:none!important}
.scn-grain{display:none!important}
.glass2{background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.38))!important}
header.site{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.home header.site{background:transparent}
.home .pill{background:rgba(255,255,255,.32)}
.sticky{background:var(--bg)}
@media (max-width:900px){.glass2{background:rgba(255,255,255,.9)!important}}
/* запасные цвета для браузеров без color-mix() (iOS старше 16.2, старые Android) */
@supports not (background: color-mix(in srgb, red 50%, blue)){
header.site{background:var(--bg)}
header.site,.sticky{background:var(--bg)}
.step .age{background:var(--tint);color:var(--accent-d)}
.mini div{background:var(--card)}
.tl::before{background:var(--accent)}
.sect h2::before{background:var(--dot,var(--accent))}
.btn{box-shadow:0 6px 20px rgba(0,0,0,.18)}
.bt.s{background:var(--sage-wash)}
.trust span,.chips a{background:var(--card)}
.nextbig{box-shadow:0 12px 30px rgba(0,0,0,.2)}
.r.next,.cta{background:var(--tint)}
.bd.mid{background:var(--tint);color:var(--accent-d)}
.sc i:nth-child(1),.sc i:nth-child(5){background:#9db6ea}
.sc i:nth-child(2),.sc i:nth-child(4){background:#ecd29a}
.sc i:nth-child(3){background:#9fc7ae}
}
@media print{header.site,.sticky,.cta,.btns{display:none}body{background:#fff}}