/* Тест-драйв 48 часов — стиль по brand-kit Z·CORTEX */
:root{
  --bg:#07070f; --card1:#12122a; --card2:#161638; --line:#242450;
  --text:#eef0ff; --mute:#9aa0c9; --neon:#b5f23c; --violet:#7c3aed; --blue:#3b82f6;
  --navh:0px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);overflow-x:clip}
body{font:400 16.4px/1.6 Onest,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}

/* ───────── HERO: ровно один экран ───────── */
.hero{min-height:100svh;height:100svh;display:flex;flex-direction:column;justify-content:center;
  position:relative;overflow:hidden;padding:clamp(14px,2.4vh,28px) 0}
.hero::before{content:"";position:absolute;inset:-30% -10% auto -10%;height:80%;
  background:radial-gradient(60% 60% at 30% 20%,rgba(124,58,237,.30),transparent 70%),
             radial-gradient(50% 50% at 85% 10%,rgba(59,130,246,.22),transparent 70%);
  filter:blur(20px);pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;
  gap:clamp(18px,3vw,46px);align-items:center;height:100%}
.hero-main{display:flex;flex-direction:column;justify-content:center;gap:clamp(7px,1.5vh,17px);min-height:0}
.hero-side{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);min-height:0}
.mini{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card1),var(--card2));
  padding:clamp(10px,1.6vh,16px) clamp(12px,1.4vw,18px);display:flex;gap:12px;align-items:flex-start}
.mini .n{font:800 clamp(15px,2.1vh,22px)/1 Unbounded,sans-serif;color:transparent;-webkit-text-stroke:1.2px var(--violet);flex-shrink:0}
.mini h4{margin:0;font:700 clamp(13px,1.75vh,16.4px)/1.3 Onest,sans-serif;color:var(--text)}
.mini p{margin:4px 0 0;font:400 clamp(11.5px,1.5vh,14px)/1.4 Onest,sans-serif;color:var(--mute)}
.mini.locked{border-style:dashed;opacity:.72}
.mini.locked .n{-webkit-text-stroke-color:#5a5a86}
.brandline{display:flex;align-items:center;gap:10px}
.brandline img{width:clamp(28px,3.4vh,38px);height:clamp(28px,3.4vh,38px);border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}
.brandline span{font:600 clamp(12px,1.5vh,14.5px)/1.2 Onest,sans-serif;color:var(--mute);letter-spacing:.02em}
.eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  border:1px solid var(--line);background:rgba(18,18,42,.7);border-radius:99px;
  padding:6px 14px;font:600 clamp(11.5px,1.45vh,13.5px)/1 Onest,sans-serif;color:var(--neon)}
h1{margin:0;font:800 clamp(30px,min(5.6vw,7.2vh),64px)/1.06 Unbounded,Onest,sans-serif;letter-spacing:-.02em;
  background:linear-gradient(120deg,#fff 12%,var(--neon) 52%,#c4b5fd 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
h1 span{display:block}
.sub{margin:0;color:var(--mute);font:600 clamp(13px,1.75vh,17.5px)/1.45 Onest,sans-serif}
.lead{margin:0;max-width:70ch;color:#cfd4f2;font:400 clamp(13.5px,1.8vh,17.5px)/1.55 Onest,sans-serif}

/* таймер */
.timer{display:flex;gap:clamp(6px,1vw,12px);flex-wrap:wrap}
.timer .cell{min-width:clamp(62px,8vw,92px);border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,var(--card1),var(--card2));padding:clamp(6px,1.1vh,12px) 8px;text-align:center}
.timer .n{display:block;font:800 clamp(20px,min(3.4vw,4.4vh),38px)/1 Unbounded,sans-serif;
  color:var(--text);font-variant-numeric:tabular-nums}
.timer .c{display:block;margin-top:4px;font:600 clamp(9.5px,1.25vh,12px)/1 Onest,sans-serif;color:var(--mute);text-transform:lowercase}
.timer.urgent .n{color:#ff6b6b}
.deadline{margin:0;font:600 clamp(12px,1.6vh,15.5px)/1.4 Onest,sans-serif;color:var(--mute)}
.deadline b{color:var(--neon)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;
  border-radius:99px;padding:clamp(10px,1.5vh,15px) clamp(20px,2.6vw,30px);text-decoration:none;
  font:700 clamp(13px,1.7vh,16px)/1 Onest,sans-serif;transition:transform .18s ease,box-shadow .18s ease}
.btn-primary{background:linear-gradient(120deg,var(--neon),#7ee081);color:#07120a;box-shadow:0 10px 30px rgba(181,242,60,.22)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(181,242,60,.32)}
.btn-ghost{background:rgba(18,18,42,.8);border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--neon)}

/* ───────── секции ───────── */
section.block{padding:clamp(40px,7vh,86px) 0;border-top:1px solid rgba(36,36,80,.6)}
h2{margin:0 0 clamp(14px,2.4vh,26px);font:800 clamp(22px,3vw,35px)/1.15 Unbounded,Onest,sans-serif;letter-spacing:-.01em}
h3{margin:0;font:700 clamp(17px,2vw,21.5px)/1.25 Unbounded,Onest,sans-serif}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px)}
.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--card1),var(--card2));
  padding:clamp(18px,2.4vw,28px);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.6}
.card .ico{font-size:22px;line-height:1;margin-bottom:10px;display:block}
.card p{margin:.5em 0 0;color:#cfd4f2;font-size:17.8px;line-height:1.55}
.badge{display:inline-block;border:1px solid var(--neon);color:var(--neon);border-radius:99px;
  padding:5px 13px;font:700 13.5px/1 Onest,sans-serif;margin-bottom:12px}
ul.rest{margin:14px 0 0;padding-left:0;list-style:none;display:grid;gap:9px}
ul.rest li{position:relative;padding-left:26px;color:#cfd4f2;font-size:17.8px;line-height:1.5}
ul.rest li::before{content:"";position:absolute;left:6px;top:.62em;width:8px;height:8px;border-radius:50%;
  background:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.note{margin-top:16px;border-left:3px solid var(--neon);padding:10px 0 10px 14px;color:#dfe3ff;font-size:16.6px}

/* ───────── уроки ───────── */
.lesson{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--card1),var(--card2));
  padding:clamp(16px,2.4vw,28px);margin-bottom:clamp(18px,3vh,30px)}
.lesson-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}
.num{font:800 clamp(22px,3vw,34px)/1 Unbounded,sans-serif;color:transparent;-webkit-text-stroke:1.4px var(--violet);flex-shrink:0}
.tagline{margin:6px 0 0;color:var(--neon);font:600 16.4px/1.4 Onest,sans-serif}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#05050c;border:1px solid var(--line)}
.video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#05050c}
.video-frame.locked{display:flex;align-items:center;justify-content:center}
.video-frame .lock{color:var(--mute);font:600 17px/1 Onest,sans-serif}
.desc{margin:16px 0 10px;color:#cfd4f2;font-size:17.8px}
ul.bullets{margin:0;padding-left:0;list-style:none;display:grid;gap:8px}
ul.bullets li{position:relative;padding-left:24px;color:#cfd4f2;font-size:16.4px;line-height:1.5}
ul.bullets li::before{content:"→";position:absolute;left:0;color:var(--neon);font-weight:700}
.duration{margin:14px 0 0;color:var(--mute);font:600 15px/1 Onest,sans-serif}

/* ───────── финальный CTA ───────── */
.final{text-align:center;background:radial-gradient(70% 100% at 50% 0%,rgba(124,58,237,.22),transparent 70%)}
.final .pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:7px 16px;
  color:var(--neon);font:700 14px/1 Onest,sans-serif;margin-bottom:16px}
.final p{max-width:74ch;margin:0 auto 22px;color:#cfd4f2;font-size:17.8px}
.cta-note{color:var(--mute);font-size:15px;margin-top:14px}

/* ───────── форма входа ───────── */
.gate{min-height:100svh;height:100svh;display:flex;align-items:center;overflow:hidden}
.gate .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,54px);align-items:center;width:100%}
.form{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--card1),var(--card2));
  padding:clamp(18px,2.6vw,30px)}
.form label{display:block;margin:0 0 6px;font:600 14.5px/1 Onest,sans-serif;color:var(--mute)}
.form input{width:100%;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:#0b0b1c;
  color:var(--text);padding:13px 15px;font:400 16.4px/1.2 Onest,sans-serif}
.form input:focus{outline:none;border-color:var(--neon)}
.form .hp{position:absolute;left:-9999px}
.form .btn{width:100%}
.err{color:#ff6b6b;font-size:15px;margin:10px 0 0}
.privacy{margin:12px 0 0;color:var(--mute);font-size:13.5px;line-height:1.45}

/* ───────── плашка ───────── */
#acx-made-by{display:flex;justify-content:center;
  padding:30px clamp(16px,6vw,48px) calc(env(safe-area-inset-bottom,0px) + 46px);background:#08081a}
#acx-made-by a{display:inline-flex;align-items:center;gap:11px;background:#0c1b54;color:#fff;border-radius:99px;
  padding:9px 22px 9px 11px;font:600 13.5px/1.2 Onest,system-ui,sans-serif;text-decoration:none}
#acx-made-by img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff}
#acx-made-by b{font-weight:800;color:#ff8b2e}
@media(max-width:560px){#acx-made-by{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}}

/* закрытый доступ */
body.access-closed .lessons-live{display:none}
.closed-note{display:none}
body.access-closed .closed-note{display:block}
.closed-page{min-height:100svh;display:flex;align-items:center;text-align:center}
.closed-page .card{max-width:640px;margin:0 auto}

/* ───────── адаптив: 760–1000px это ноутбук с зумом, не телефон ───────── */
@media(max-height:700px){
  .form{padding:clamp(12px,2vh,20px) clamp(14px,1.6vw,22px)}
  .form input{padding:9px 13px;margin-bottom:9px}
  .form label{margin-bottom:4px;font-size:13.5px}
  .privacy{font-size:12.5px;margin-top:8px}
  .timer .cell{padding:5px 7px}
}
@media(max-width:760px){
  .gate .grid{grid-template-columns:1fr;gap:clamp(14px,2.4vh,22px)}
  .gate{height:auto;min-height:100svh;padding:clamp(20px,4vh,40px) 0}
  .hero .wrap{grid-template-columns:1fr}
  .hero-side{display:none}
}
@media(max-width:720px){
  .grid2{grid-template-columns:1fr}
  .hero{height:auto;min-height:100svh}
  .lesson-head{gap:11px}
}

/* печать/аудит: снимаем ограничение экрана, чтобы страница целиком попадала в PDF-проверку */
@media print{.hero,.gate{height:auto;min-height:0}}