:root{--bg:#f6f8fc;--fg:#0c1633;--mut:#4f5b78;--card:#fff;--line:#dde4f2;--c1:#38bdf8;--c2:#0369a1;--c3:#0a2a6b;--acc:#0a4fa8;--gold:#f5b942;--nav:rgba(246,248,252,.85)}
[data-theme=dark]{--bg:#070d1f;--fg:#eaf1ff;--mut:#9fb0d0;--card:#0e1730;--line:#1f2d55;--c1:#bae6fd;--c2:#38bdf8;--c3:#2563eb;--acc:#60a5fa;--nav:rgba(7,13,31,.85)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 Inter,system-ui,sans-serif;overflow-x:hidden;transition:background .3s,color .3s}
h1,h2,h3,.brand{font-family:'Space Grotesk',Inter,sans-serif;line-height:1.05;letter-spacing:-.02em}
a{color:inherit}.sr,.skip:not(:focus){position:absolute;left:-9999px}.skip{position:absolute;z-index:99;background:var(--gold);color:#000;padding:8px}

/* Переливающиеся буквы */
.grad{
  color:var(--c2);
  background-image:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c2),var(--c1));
  background-size:300% 100%;
  background-position:0% 50%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:shimmer 10s ease-in-out infinite alternate;
}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}
/* без трансформаций у родителя заголовка (иначе браузеры рисуют градиент квадратом) */
.hero-in{transform:none!important}
/* фон под заголовком полностью убран */
.hero .blob{display:none}

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;background:var(--nav);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:700;font-size:1.1rem}
.links{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.links a{text-decoration:none;font-weight:500}.links a:hover,.links a[aria-current]{color:var(--acc)}
.btn{display:inline-block;background:linear-gradient(100deg,var(--c2),var(--c3));color:#fff!important;border:0;padding:14px 28px;border-radius:99px;font:600 1rem Inter;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px var(--c3)}.btn.sm{padding:8px 18px}
.theme,.burger{background:none;border:1px solid var(--line);color:var(--fg);width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center}
.burger{display:none}.burger span{display:block;width:16px;height:2px;background:currentColor;margin:2px 0}
.hero{position:relative;min-height:88vh;display:grid;align-items:center;padding:12vh 5vw 8vh;overflow:hidden}.hero.small{min-height:56vh}
.hero-in{position:relative;z-index:2;max-width:1100px}
.hero h1{font-size:clamp(2.9rem,9vw,7.5rem);margin:.2em 0;padding-bottom:.08em}.small h1{font-size:clamp(2.3rem,6vw,4.6rem)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:var(--gold);font-weight:600;margin:0}
.lead{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--mut);max-width:720px}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28;will-change:transform;pointer-events:none}
.b1{width:46vw;height:46vw;background:var(--c2);top:-10%;right:-8%}.b2{width:36vw;height:36vw;background:var(--c3);bottom:-15%;left:-8%}.b3{width:16vw;height:16vw;background:var(--gold);top:30%;left:45%;opacity:.15}
.sec{padding:9vh 5vw;max-width:1200px;margin:0 auto}.narrow{max-width:800px}
.sec h2{font-size:clamp(2rem,5vw,3.6rem);margin:0 0 .5em;padding-bottom:.06em}.intro{color:var(--mut);margin-top:-.6em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;text-decoration:none;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-6px);border-color:var(--c2)}.card h3{font-size:1.4rem;margin:.3em 0}.card p{color:var(--mut);margin:0}
.num{font:700 .9rem 'Space Grotesk';color:var(--gold)}.more{color:var(--acc);font-weight:600;text-decoration:none}.card small{color:var(--mut)}
.quote blockquote{font:700 clamp(1.8rem,5vw,3.8rem)/1.1 'Space Grotesk';margin:0;text-align:center;letter-spacing:-.02em;padding-bottom:.08em}
.box{background:linear-gradient(135deg,color-mix(in srgb,var(--c2) 14%,var(--card)),color-mix(in srgb,var(--c3) 18%,var(--card)));border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,64px);text-align:center}
.box h2{margin-top:0}.cta h2{font-size:clamp(1.8rem,4vw,3rem)}
.subform{display:flex;gap:10px;max-width:520px;margin:24px auto 0;flex-wrap:wrap;justify-content:center}
.subform input[type=email]{flex:1 1 240px;padding:14px 20px;border-radius:99px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:1rem Inter}
.hp{position:absolute;left:-9999px}.msg{min-height:1.5em;font-weight:600;color:var(--acc)}
.prose p{font-size:1.1rem}.prose h2{font-size:1.9rem;margin:1.6em 0 .4em;background:none;-webkit-text-fill-color:currentColor;animation:none}.src{color:var(--mut);font-size:.9rem;border-top:1px solid var(--line);padding-top:16px;margin-top:2em}
.foot{border-top:1px solid var(--line);padding:40px 5vw 24px;color:var(--mut)}.foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1200px;margin:auto}.copy{text-align:center;font-size:.85rem}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.burger{display:grid}.links{position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:20px;gap:16px;border-bottom:1px solid var(--line);display:none}.links.open{display:flex}}
@media(prefers-reduced-motion:reduce){*:not(.grad){animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}