:root {
  color-scheme: light;
  --ink:#082e4c;
  --orange:#f68b00;
  --paper:#f7f4ed;
  --line:#ded7c8;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

* { box-sizing:border-box; }
html, body { height:100%; overflow:hidden; }
body { margin:0; color:var(--ink); background:var(--paper); }

/* Техническая ловушка для автоматических сканеров: она остаётся в DOM для общей логики сайта, но не занимает место на экране. */
.bot-honeypot { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }

.landing {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-height:100svh;
  min-height:100dvh;
  padding:max(22px, env(safe-area-inset-top)) 22px max(18px, env(safe-area-inset-bottom));
  overflow:hidden;
}

.backdrop { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.backdrop::before { content:""; position:absolute; top:-12vh; right:-44vw; width:110vw; height:58vh; border:1px solid rgba(8,46,76,.08); border-radius:50%; box-shadow:0 0 0 28px rgba(8,46,76,.025),0 0 0 56px rgba(8,46,76,.018); transform:rotate(-20deg); }
.backdrop span { position:absolute; display:block; border-radius:50%; }
.backdrop span:nth-child(1) { width:12px; height:12px; right:18%; top:19%; background:var(--orange); }
.backdrop span:nth-child(2) { width:5px; height:5px; right:11%; top:24%; background:var(--ink); opacity:.42; }
.backdrop span:nth-child(3) { width:280px; height:280px; left:-192px; bottom:-177px; border:1px solid rgba(246,139,0,.24); box-shadow:0 0 0 26px rgba(246,139,0,.035); }

.brand { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:42px; }
.brand img { display:block; width:142px; height:auto; }
.brand-link { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 12px 0 9px; border:1px solid #092d4e; border-radius:999px; color:#fff; background:var(--ink); box-shadow:0 5px 12px rgba(8,46,76,.16); font-size:12px; font-weight:850; text-decoration:none; white-space:nowrap; }
.brand-link img { width:22px; height:22px; object-fit:contain; }
.brand-link b { font-size:16px; font-weight:500; line-height:1; }

.hero { flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; padding:26px 0 20px; }
.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 15px; color:#5b6f80; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(246,139,0,.13); }
h1 { max-width:540px; margin:0; font-size:clamp(31px,8.55vw,47px); line-height:1.01; letter-spacing:-.06em; font-weight:860; }
h1 em { color:var(--orange); font-style:normal; }
.lead { max-width:470px; margin:20px 0 0; color:#3f596e; font-size:clamp(16px,4.3vw,18px); line-height:1.48; letter-spacing:-.012em; }

.proof { display:grid; grid-template-columns:1fr; gap:7px; margin:22px 0 0; padding:0; list-style:none; }
.proof li { display:flex; align-items:center; gap:9px; color:#183d59; font-size:14px; font-weight:750; }
.proof li::before { content:"✓"; display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#fff; background:var(--ink); font-size:11px; }

.action-card { flex:0 0 auto; width:min(100%,560px); margin:0 auto; padding:15px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.77); box-shadow:0 14px 32px rgba(8,46,76,.1); backdrop-filter:blur(8px); animation:action-card-enter .72s cubic-bezier(.22,.8,.24,1) .55s both; }
@keyframes action-card-enter { from { opacity:0; transform:translateY(calc(100% + 28px)); } to { opacity:1; transform:translateY(0); } }
.action-hint { max-width:400px; margin:0 auto 10px; color:#647889; font-size:12px; font-weight:600; line-height:1.42; text-align:center; }
.action-hint b { display:block; margin:0 0 3px; color:var(--ink); font-weight:850; }
.action-hint span { display:block; }
.go-button { display:flex; align-items:center; justify-content:center; gap:11px; min-height:62px; padding:0 17px; border-radius:16px; background:var(--orange); color:#fff; box-shadow:0 8px 0 #cf6e00,0 13px 20px rgba(246,139,0,.25); font-size:17px; font-weight:850; text-decoration:none; letter-spacing:-.015em; transition:transform .16s ease,box-shadow .16s ease; }
.go-button img { width:34px; height:34px; object-fit:contain; }
.go-button b { margin-left:auto; font-size:23px; font-weight:500; line-height:1; }
.go-button:active { transform:translateY(5px)!important; box-shadow:0 3px 0 #cf6e00,0 6px 12px rgba(246,139,0,.2); }
.action-note { margin:12px 0 0; color:#778894; font-size:11px; text-align:center; }

@media (min-width:700px) {
  .landing { width:min(680px,100%); margin:0 auto; padding-left:36px; padding-right:36px; }
  .brand img { width:158px; }
  .hero { padding-top:36px; }
  .proof { grid-template-columns:repeat(3,auto); gap:14px; }
  .proof li { font-size:12px; }
}

@media (max-height:680px) {
  .landing { padding-top:max(14px, env(safe-area-inset-top)); padding-bottom:max(12px, env(safe-area-inset-bottom)); }
  .hero { padding:18px 0 14px; }
  .eyebrow { margin-bottom:11px; }
  .lead { margin-top:14px; }
  .proof { gap:5px; margin-top:15px; }
  .proof li { font-size:13px; }
  .proof li::before { width:16px; height:16px; font-size:10px; }
  .action-card { padding:11px; border-radius:18px; }
  .action-hint { margin-bottom:7px; }
  .go-button { min-height:54px; border-radius:13px; }
  .action-note { margin-top:9px; }
}

@media (max-height:590px) {
  .proof { display:none; }
  .lead { max-width:440px; }
}

@media (prefers-reduced-motion:reduce) { .action-card { animation:none; } .go-button { transition:none; } }