/* PAPADATA landing styles */
/* Dark palette and light-mode fixes */
:root{
  --bg: #0b0e12;
  --bg-soft: radial-gradient(1200px 600px at 20% 0%, #121826 0, #0b0e12 50%);
  --text: #e9edf2;
  --muted:#9aa4b2;
  --card:#121826;
  --border:#1e2430;
  --chip:#0f1522;
  --accent:#8aa5ff;        /* blue */
  --accent-2:#7b68ff;      /* violet */
  --accent-3:#2bd4a7;      /* teal */
}
:root.light{
  --bg:#f7f9fc;
  --bg-soft:none;
  --text:#111827;
  --muted:#4b5563;
  --card:#ffffff;
  --border:#e5e7eb;
  --chip:#eef2f7;
  --accent:#315efb;
  --accent-2:#7b68ff;
  --accent-3:#0aa36e;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.55 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  color:var(--text); background:var(--bg);
  background-image: var(--bg-soft);
}
.container{max-width:1180px; margin:0 auto; padding:0 20px}

/* Header */
.header{position:sticky; top:0; z-index:20; backdrop-filter:saturate(180%) blur(10px);}
.header--nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0; border-bottom:1px solid var(--border);
  background:linear-gradient(180deg, rgba(10,12,17,.85), rgba(10,12,17,.65));
}
:root.light .header--nav{
  background:rgba(255,255,255,.9);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.brand{display:flex; align-items:center; gap:10px}
.logo img{height:28px}
.brand__tagline{color:var(--muted); font-size:12px}
.nav{display:flex; gap:18px; flex-wrap:wrap}
.nav a{color:#c9d2e2; text-decoration:none; padding:8px 12px; border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.06)}
:root.light .nav a{color:#111827}
:root.light .nav a:hover{background:#eef2f7}
.header__actions{display:flex; gap:10px; align-items:center}
.only-mobile{display:none}
.hide-mobile{display:inline-flex}

/* Buttons */
.btn.primary{background:var(--accent); border-color:transparent; color:white; font-weight:700}
.btn.ghost{border:1px solid var(--border); background:#0f1522; color:#e6eefc}
:root.light .btn.ghost{background:#0f172a; color:#eef2ff; border-color:#e5e7eb}

/* Badges */
.badge{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.02em; padding:6px 10px; border-radius:999px; background:linear-gradient(180deg, rgba(138,165,255,.25), rgba(43,212,167,.25)); color:#cfe3ff; border:1px solid var(--border)}
.badge.soft{background:#0f1522; color:#cbd6e8; border-color:var(--border)}
.badges{display:flex; gap:8px; margin-bottom:10px}
:root.light .badge{background:#eef2ff; color:#1f2937; border-color:#e5e7eb}
:root.light .badge.soft{background:#eef2f7; color:#374151}

.btn{border:1px solid var(--border); background:transparent; color:var(--text); padding:10px 16px; border-radius:12px; cursor:pointer}
.btn.ghost:hover{background:rgba(255,255,255,.06)}
:root.light .btn.ghost:hover{background:#eef2f7}
.btn.pill{border:0; background:#101622; color:#dfe6f2; border-radius:999px; padding:10px 16px; font-weight:600}
.btn.pill.alt{background:#1b2a3d}
:root.light .btn.pill{background:#0f172a; color:#eef2ff}
:root.light .btn.pill.alt{background:#111827; color:#e5e7eb}
.btn.gradient{
  border:0; color:white; font-weight:700;
  background: linear-gradient(135deg, var(--accent), var(--accent-2) 45%, var(--accent-3));
  box-shadow: 0 10px 30px rgba(77, 132, 255, .25);
}

/* Hero */
.hero{display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center; padding:56px 0}
.eyebrow{letter-spacing:.2em; font-size:12px; color:#89a1ff}
:root.light .eyebrow{color:#315efb}
.hero h1{font-size:48px; line-height:1.15; margin:8px 0 12px}
.hero h1 .accent{color:#8fb0ff}
:root.light .hero h1 .accent{color:#315efb}
.hero p{color:var(--muted); max-width:720px}
.hero__cta{display:flex; gap:12px; margin:12px 0 14px}
.hero__stats{display:flex; gap:10px; flex-wrap:wrap}
.stat{background:#0f1522; border:1px solid var(--border); padding:14px 16px; border-radius:14px; min-width:180px}
:root.light .stat{background:#ffffff; border-color:#e5e7eb}
.stat strong{display:block; font-size:18px}
.panel{background:rgba(18, 24, 38, .75); border:1px solid var(--border); border-radius:16px; padding:16px}
:root.light .panel{background:#ffffff; border-color:#e5e7eb}
.panel__title{color:#c9d2e2; margin-bottom:10px}
:root.light .panel__title{color:#111827}
.chips{display:flex; gap:10px; flex-wrap:wrap}
.chip{background:var(--chip); border:1px solid var(--border); color:#cbd6e8; border-radius:999px; padding:8px 12px; font-size:13px}
:root.light .chip{background:#eef2f7; color:#374151; border-color:#e5e7eb}

/* Sections */
.section{padding:56px 0}
.lead{color:var(--muted); max-width:900px}
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px}
.card{background:var(--card); border:1px solid var(--border); padding:18px; border-radius:16px}

.card{position:relative; overflow:hidden}
.card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:48px;
  background:linear-gradient(180deg, rgba(138,165,255,.08), rgba(0,0,0,0));
  pointer-events:none;
}

.card h3{margin-top:0}
.projects .card p{color:var(--muted)}

/* Process steps */
.steps{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:16px}
.step{background:var(--card); border:1px solid var(--border); padding:14px; border-radius:14px; color:#cbd6e8}
:root.light .step{color:#111827}
.step span{display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#1a2233; color:#b7c3d9; margin-right:8px}
:root.light .step span{background:#e5e7eb; color:#111827}

/* Form / Footer */
.form{margin-top:16px; background:var(--card); border:1px solid var(--border); padding:20px; border-radius:16px}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:12px}
label{display:block; font-weight:600; margin-bottom:10px}
input, textarea{
  width:100%; padding:12px 12px; border-radius:10px; border:1px solid var(--border); background:#0e1420; color:var(--text);
}
:root.light input, :root.light textarea{
  background:#ffffff; color:#111827; border-color:#e5e7eb;
}
input:focus, textarea:focus{outline:2px solid var(--accent)}
.consent{display:flex; gap:10px; align-items:flex-start; font-weight:400}
.consent a{color:var(--accent)}
.form-actions{display:flex; align-items:center; gap:12px; margin-top:10px}
.contacts{display:flex; gap:16px; margin-top:16px}
.contacts a{color:var(--text)}
.footer{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 0; border-top:1px solid var(--border); margin-top:32px}
.footer-links a{color:var(--muted); margin-left:12px}

/* Modal */
.modal{position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; padding:20px}
.modal__dialog{background:var(--card); border:1px solid var(--border); padding:20px; border-radius:12px; max-width:720px; width:100%}
.modal__content{ max-height:60vh; overflow:auto; }
.modal__content h4{ margin:8px 0 6px; }
.modal__content p{ margin:6px 0; }
.modal.show{display:flex}

/* Drawer (mobile menu) */
.drawer{position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; z-index:30}
.drawer.show{display:block}
.drawer__panel{position:absolute; right:0; top:0; bottom:0; width:78%; max-width:340px; background:var(--card); border-left:1px solid var(--border); padding:16px}
.drawer__close{position:absolute; top:10px; right:10px}
.drawer__nav{display:flex; flex-direction:column; gap:10px; margin-top:36px}
.drawer__nav a{color:var(--text); text-decoration:none; padding:10px 12px; border-radius:10px}
.drawer__nav a:hover{background:rgba(255,255,255,.06)}
.drawer__cta{display:block; text-align:center; margin-top:14px}

/* --- CTA buttons (first-iteration style) --- */
.cta{
  display:inline-flex; align-items:center; gap:8px;
  background: linear-gradient(135deg, var(--accent-3), var(--accent-2));
  color:#0b0d12; font-weight:800;
  padding:10px 16px; border-radius:12px; border:none; cursor:pointer;
  text-decoration:none; box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.cta:hover{ filter: brightness(1.05); text-decoration:none; }
.cta.cta--ok{ background: linear-gradient(135deg, var(--accent-3), var(--accent)); color:#0b0d12; }
:root.light .cta{ color:#0b0d12; }



/* Responsive */
@media (max-width: 1024px){
  .hero{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 680px){
  .nav{display:none}
  .only-mobile{display:inline-flex}
  .hide-mobile{display:none}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid-2{grid-template-columns:1fr}
  .hero h1{font-size:40px}
  .cta {width: 100%; text-align: center;}
}

.consent{
  display: grid;                 /* вместо flex */
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: start;
  width: 100%;
}

.consent input[type="checkbox"]{
  margin-top: 3px;
}

.consent span{
  min-width: 0;                  /* критично для Safari */
  line-height: 1.4;
  white-space: normal;           /* обычные переносы */
  /* никаких word-break/overflow-wrap здесь не нужно */
}

.consent a{
  color: var(--accent);
  text-decoration: underline;
}