/* UltraStyle — дизайн-токены сайта. Почти-чёрный с синими свечениями (плоский чёрный
   Роман браковал как «мёртвый»), один акцент — электрический синий. Инлайнится в страницы. */
:root{
  --ground:#05070F;--ground2:#0A0F1F;--panel:#0E1530;--panel2:#111A38;
  --line:#1E2A4F;--line2:#2A3A6A;
  --ink:#EEF2FF;--muted:#9AA6D1;--dim:#5F6B94;
  --blue:#2D7CFF;--blue-h:#4F8DFF;--blue-deep:#1B4FD8;--cyan:#3DDCFF;
  --ok:#34D399;--warn:#FBBF24;--err:#F87171;
  --grad:linear-gradient(90deg,#2D7CFF 0%,#3DDCFF 50%,#2D7CFF 100%);
  --r1:8px;--r2:14px;--r3:20px;
  --shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
  --glow:0 8px 30px rgba(45,124,255,.35);
  --ease:cubic-bezier(.2,.8,.2,1);
  --font-d:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-b:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.55 var(--font-b);
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 700px at 85% -10%,rgba(45,124,255,.22),transparent 60%),
                   radial-gradient(900px 600px at -10% 15%,rgba(61,220,255,.10),transparent 60%);
  background-repeat:no-repeat}
@media (min-width:768px){body{font-size:18px;background-attachment:fixed}}
h1,h2,h3{font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0}
h1{font-size:clamp(34px,6vw,72px);letter-spacing:-.03em;line-height:1.03}
h2{font-size:clamp(30px,4vw,40px)}
h3{font-size:24px;letter-spacing:-.01em}
p{margin:0}
a{color:var(--blue-h);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
button:disabled{cursor:not-allowed;opacity:.5}
.eyebrow{font:700 13px/1 var(--font-b);letter-spacing:.18em;text-transform:uppercase;color:var(--blue-h)}
.lead{font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--muted)}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.sec{padding:clamp(64px,9vw,128px) 0}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow);position:relative;overflow:hidden}
.panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;
  font-weight:600;transition:transform 160ms var(--ease),box-shadow 240ms var(--ease),background 160ms var(--ease);white-space:nowrap}
.btn-p{background:var(--blue);color:#fff;box-shadow:var(--glow)}
.btn-p:hover{background:var(--blue-h);transform:translateY(-2px);box-shadow:0 12px 36px rgba(45,124,255,.45);text-decoration:none}
.btn-s{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.btn-s:hover{border-color:var(--blue-h);transform:translateY(-2px);text-decoration:none}
.btn:active{transform:translateY(0)}
.num{font-family:var(--font-d);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.sheet{font:600 12px/1 var(--font-b);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}