/* AST Group — «Поток»: глубокий синий, вода, латунь */
:root{
  --n950:#050C17; --n900:#07111F; --n800:#0A1A2F; --n700:#10243F; --n600:#1E3350; --n500:#2B4568;
  --water:#2EC5FF; --water-2:#7FDBFF; --water-d:#1BA8E0; --foam:#E6F7FF;
  --brass:#C9A24A; --brass-2:#E3C27A; --brass-d:#8C6A26;
  --heat:#FF8A3D; --heat-2:#FFB070;
  --text:#E6F7FF; --muted:#8FA6BF; --dim:#5E7590;
  --line:rgba(230,247,255,.09); --line-2:rgba(230,247,255,.16);
  --card:linear-gradient(180deg,rgba(30,51,80,.42),rgba(16,36,63,.42));
  --r:20px; --r-sm:12px;
  --f-head:'Unbounded',system-ui,sans-serif; --f-body:'Manrope',system-ui,sans-serif; --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.8,.24,1);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--n900);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(46,197,255,.35)}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.mono{font-family:var(--f-mono)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s,transform .35s var(--ease);border-bottom:1px solid transparent}
.hdr.solid{background:rgba(7,17,31,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo svg{height:40px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 14px;border-radius:999px;font-size:15px;color:#C9D8E8;transition:color .2s,background .2s}
.nav a:hover,.nav a.on{color:#fff;background:rgba(230,247,255,.06)}
.hdr .cta{margin-left:8px}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);margin-left:auto;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--foam);border-radius:2px;transition:transform .3s,opacity .3s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset:76px 0 0 0;background:rgba(5,12,23,.97);backdrop-filter:blur(10px);z-index:49;padding:28px 20px;display:none;flex-direction:column;gap:6px}
.menu-open .mnav{display:flex}
.mnav a{font-family:var(--f-head);font-size:22px;padding:14px 4px;border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:18px;justify-content:center}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;letter-spacing:.01em;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s;border:1px solid transparent;position:relative}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn:active{transform:scale(.98)}
.btn-water{background:var(--water);color:#03101E;box-shadow:0 0 0 0 rgba(46,197,255,.0)}
.btn-water:hover{box-shadow:0 10px 40px -8px rgba(46,197,255,.65);background:#53D1FF}
.btn-brass{background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#1A1203}
.btn-brass:hover{box-shadow:0 10px 40px -10px rgba(227,194,122,.7)}
.btn-ghost{border-color:var(--line-2);color:var(--foam)}
.btn-ghost:hover{border-color:rgba(46,197,255,.6);background:rgba(46,197,255,.06)}
.btn-sm{height:40px;padding:0 18px;font-size:14px}
.btn-xs{height:34px;padding:0 14px;font-size:13px;gap:8px}
.btn[disabled]{opacity:.45;pointer-events:none}

/* ---------- type ---------- */
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--water);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;letter-spacing:-.02em;line-height:1.08}
.h1{font-size:clamp(36px,5.4vw,78px);font-weight:700;line-height:1.02}
.h2{font-size:clamp(28px,3.6vw,50px)}
.h3{font-size:clamp(20px,1.8vw,26px);font-weight:500}
.lead{font-size:clamp(16px,1.4vw,19px);color:#B9CCDF;line-height:1.6}
.muted{color:var(--muted)}
.brass{color:var(--brass-2)}
.water{color:var(--water)}
.grad-water{background:linear-gradient(90deg,var(--foam),var(--water) 60%,var(--water-2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- sections ---------- */
.sec{padding:128px 0;position:relative}
.sec-head{display:grid;grid-template-columns:1fr minmax(0,520px);gap:40px;align-items:end;margin-bottom:56px}
.sec-head .h2{margin-top:18px}
.sec-head p{color:var(--muted);font-size:17px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);position:relative;overflow:hidden}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal-d="1"]{transition-delay:.08s}[data-reveal-d="2"]{transition-delay:.16s}[data-reveal-d="3"]{transition-delay:.24s}[data-reveal-d="4"]{transition-delay:.32s}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field>label,.flabel{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.input,.select,.textarea{width:100%;height:48px;padding:0 16px;border-radius:var(--r-sm);background:rgba(5,12,23,.6);border:1px solid var(--line-2);outline:none;transition:border-color .2s,box-shadow .2s;font-size:15px}
.textarea{height:auto;min-height:110px;padding:14px 16px;resize:vertical}
.select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237FDBFF' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.select option{background:#0A1A2F}
.input:focus,.select:focus,.textarea:focus{border-color:var(--water);box-shadow:0 0 0 4px rgba(46,197,255,.14)}
.input::placeholder,.textarea::placeholder{color:var(--dim)}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;font-weight:600;color:#C9D8E8;transition:all .2s}
.seg button:hover{border-color:rgba(46,197,255,.5)}
.seg button.on{background:rgba(46,197,255,.14);border-color:var(--water);color:#fff}
.seg button[disabled]{opacity:.35;pointer-events:none}
.range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--water) var(--p,50%),rgba(230,247,255,.12) var(--p,50%));outline:none}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--foam);border:4px solid var(--water);box-shadow:0 0 0 4px rgba(46,197,255,.18);cursor:pointer}
.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--foam);border:4px solid var(--water);cursor:pointer}
.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--water);margin-top:2px;flex-shrink:0}

/* ---------- chips/badges ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line-2);color:#C9D8E8;white-space:nowrap}
.chip.w{border-color:rgba(46,197,255,.4);color:var(--water-2);background:rgba(46,197,255,.08)}
.chip.b{border-color:rgba(201,162,74,.45);color:var(--brass-2);background:rgba(201,162,74,.08)}
.chip.h{border-color:rgba(255,138,61,.45);color:var(--heat-2);background:rgba(255,138,61,.08)}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:100;background:#0E2340;border:1px solid rgba(46,197,255,.4);color:var(--foam);padding:14px 20px;border-radius:14px;font-size:14.5px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7);transition:all .4s var(--ease);max-width:min(92vw,520px);pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- footer ---------- */
.ftr{border-top:1px solid var(--line);padding:56px 0 40px;color:var(--muted);font-size:14px}
.ftr .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.ftr h4{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:500;margin-bottom:14px}
.ftr a{display:block;padding:4px 0;color:#B9CCDF}
.ftr a:hover{color:var(--water)}
.ftr .copy{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}

/* ---------- lead form ---------- */
.lead-box{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.lead-box .side{padding:56px;background:radial-gradient(120% 120% at 0% 0%,rgba(46,197,255,.16),transparent 60%),linear-gradient(180deg,#0E2340,#0A1A2F)}
.lead-box form{padding:56px;background:rgba(5,12,23,.55);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lead-box .full{grid-column:1/-1}
.lead-box .side ul{list-style:none;margin-top:30px;display:grid;gap:14px}
.lead-box .side li{display:flex;gap:12px;color:#C9D8E8}
.lead-box .side li b{font-family:var(--f-mono);color:var(--water);font-weight:500;min-width:28px}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav,.hdr .cta{display:none}
  .burger{display:block}
}
@media (max-width:900px){
  .sec{padding:88px 0}
  .sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
  .lead-box{grid-template-columns:1fr}
  .lead-box .side,.lead-box form{padding:32px 24px}
  .ftr .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .hdr .wrap{height:64px}
  .mnav{inset:64px 0 0 0}
  .logo svg{height:34px}
  .sec{padding:72px 0}
  .lead-box form{grid-template-columns:1fr}
  .ftr .wrap{grid-template-columns:1fr}
  .btn{height:48px;padding:0 20px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}