/* ============================================================
   LAJIVERTA — kurumsal site v1.0
   Palet ve kurallar: brand/BRAND.md
   ============================================================ */

:root{
  --bg0:#050914; --bg1:#081020; --bg2:#0D1830; --bg3:#142244;
  --ink:#F4F0E4; --muted:#98A3BF;
  --gold:#D9B461; --gold-2:#EECB7C; --azure:#6FA0FF;
  --line:rgba(217,180,97,.16); --line-soft:rgba(152,163,191,.14);
  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Outfit",-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",Consolas,monospace;
  --wrap:1160px; --radius:14px;
}

*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html,body{overflow-x:clip}
input,select,textarea{min-width:0}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:86px}
body{
  background:var(--bg1); color:var(--ink);
  font-family:var(--font-body); font-weight:300;
  font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* zemin dokusu: derin lacivert + çok hafif tanecik */
body::before{
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(1200px 700px at 80% -10%, #10203f 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 40%, #0a1428 0%, transparent 60%),
    var(--bg1);
}
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}

.wrap{max-width:var(--wrap); margin:0 auto; padding:0 28px}
.wrap--narrow{max-width:820px}

::selection{background:rgba(217,180,97,.28)}
a{color:inherit}

/* ---------- açılış sekansı ---------- */
.intro{
  position:fixed; inset:0; z-index:300;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(900px 640px at 50% 42%, #0B1730 0%, #050914 70%);
  transition:opacity .8s ease, visibility 0s linear .8s;
}
.intro.is-done{opacity:0; visibility:hidden; pointer-events:none}
.intro__box{text-align:center}
.intro__mark{width:104px; height:104px; overflow:visible}
.intro__l{
  opacity:0; transform:translateY(-30px);
  transform-box:fill-box; transform-origin:center;
  animation:introLayer .6s cubic-bezier(.2,.75,.25,1.1) forwards;
}
.intro__l1{animation-delay:.08s}
.intro__l2{animation-delay:.24s}
.intro__l3{animation-delay:.40s}
.intro__l4{animation-delay:.58s; animation-name:introLayerGold}
@keyframes introLayer{to{opacity:1; transform:none}}
@keyframes introLayerGold{
  60%{opacity:1; transform:none; filter:drop-shadow(0 0 0 rgba(238,203,124,0))}
  80%{filter:drop-shadow(0 0 18px rgba(238,203,124,.85))}
  100%{opacity:1; transform:none; filter:drop-shadow(0 0 8px rgba(238,203,124,.35))}
}
.intro__name{
  font-family:var(--font-display); font-weight:600; font-size:34px; letter-spacing:.01em;
  margin-top:14px; opacity:0; animation:introText .7s ease .95s forwards;
}
.intro__tag{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.34em; color:var(--gold);
  margin-top:8px; opacity:0; animation:introText .7s ease 1.12s forwards;
}
@keyframes introText{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
  .intro{display:none}
}

/* ---------- reveal animasyonu ---------- */
.reveal{opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.2,.6,.2,1), transform .8s cubic-bezier(.2,.6,.2,1)}
.reveal.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-body); font-weight:500; font-size:15px; letter-spacing:.02em;
  padding:13px 26px; border-radius:999px; text-decoration:none; cursor:pointer;
  border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.btn--lg{padding:16px 34px; font-size:16px}
.btn--gold{
  background:linear-gradient(135deg,var(--gold-2),#C79A45); color:#1A1204;
  box-shadow:0 8px 28px -10px rgba(217,180,97,.55);
}
.btn--gold:hover{transform:translateY(-2px); box-shadow:0 14px 34px -10px rgba(217,180,97,.65)}
.btn--ghost{border-color:var(--line); color:var(--ink); background:rgba(20,34,68,.35)}
.btn--ghost:hover{border-color:var(--gold); transform:translateY(-2px)}

/* ---------- üst bar ---------- */
.topbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; gap:36px;
  padding:14px 28px;
  background:rgba(5,9,20,.78); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.topbar__brand{display:flex; align-items:center; gap:11px; text-decoration:none}
.topbar__mark{width:34px; height:34px; flex:none}
.topbar__name{font-family:var(--font-display); font-weight:600; font-size:21px; letter-spacing:.01em}
.topbar__nav{display:flex; gap:26px; margin-left:auto}
.topbar__nav a{
  text-decoration:none; color:var(--muted); font-size:15px; font-weight:400;
  transition:color .2s ease;
}
.topbar__nav a:hover{color:var(--gold-2)}
.topbar__cta{flex:none}

/* hamburger — dar ekranlarda menü buradan açılır */
.topbar__menu{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:42px; height:42px; padding:10px; flex:none;
  background:rgba(20,34,68,.5); border:1px solid var(--line-soft); border-radius:10px;
  cursor:pointer; transition:border-color .2s ease;
}
.topbar__menu span{display:block; height:2px; border-radius:2px; background:var(--ink); transition:transform .25s ease, opacity .2s ease}
.topbar__menu:hover{border-color:var(--gold)}
body.nav-open .topbar__menu span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .topbar__menu span:nth-child(2){opacity:0}
body.nav-open .topbar__menu span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1020px){
  .topbar__menu{display:flex}
  .topbar__nav{
    position:absolute; top:100%; left:0; right:0; z-index:60;
    display:none; flex-direction:column; gap:0; margin:0;
    background:#060B17;
    border-bottom:1px solid var(--line);
    box-shadow:0 30px 60px -20px rgba(0,0,0,.8);
    padding:6px 0 10px;
  }
  body.nav-open .topbar__nav{display:flex}
  .topbar__nav a{padding:13px 28px; font-size:16px}
  .topbar__cta{margin-left:auto}
}

/* ---------- hero ---------- */
.hero{position:relative; padding:110px 0 90px; overflow:hidden}
.hero__glow{
  position:absolute; top:-260px; right:-180px; width:720px; height:720px;
  background:radial-gradient(circle, rgba(217,180,97,.13) 0%, transparent 62%);
  pointer-events:none;
}
.hero__grid{
  position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:
    linear-gradient(rgba(49,70,111,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49,70,111,.16) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(900px 520px at 70% 0%, #000 0%, transparent 75%);
  -webkit-mask-image:radial-gradient(900px 520px at 70% 0%, #000 0%, transparent 75%);
}
.hero__fx{position:absolute; inset:0; width:100%; height:100%; pointer-events:none}
.hero__glow,.hero__grid{will-change:transform; transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.hero__inner{position:relative; max-width:880px; z-index:1}
.eyebrow{
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold); margin-bottom:26px;
}
.eyebrow::before{content:"— "}
.hero__title{
  font-family:var(--font-display); font-weight:600;
  font-size:clamp(42px,6.4vw,76px); line-height:1.06; letter-spacing:-.01em;
  margin-bottom:28px;
}
.hero__title em{
  font-style:italic; color:var(--gold-2);
  background:linear-gradient(110deg, var(--gold-2) 0%, var(--gold-2) 42%, #FFF4D6 50%, var(--gold-2) 58%, var(--gold-2) 100%);
  background-size:260% 100%; background-position:120% 0;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:goldShine 7s ease-in-out 2.4s infinite;
}
@keyframes goldShine{
  0%,58%{background-position:120% 0}
  76%,100%{background-position:-40% 0}
}
@media (prefers-reduced-motion:reduce){.hero__title em{animation:none}}
.hero__sub{max-width:600px; color:var(--muted); font-size:19px; margin-bottom:40px}
.hero__actions{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:44px}
.hero__pay{
  display:inline-flex; align-items:center; gap:12px;
  padding:12px 20px; border-radius:12px;
  border:1px solid var(--line); background:rgba(13,24,48,.55);
  color:var(--muted); font-size:15px;
}
.hero__pay svg{width:22px; height:22px; color:var(--gold); flex:none}
.hero__pay strong{color:var(--ink); font-weight:500}

/* ---------- hero istatistik şeridi ---------- */
.hero__stats{display:flex; max-width:660px; border-top:1px solid var(--line-soft); padding-top:26px; margin-top:2px}
.stat{flex:1; padding-right:26px}
.stat + .stat{padding-left:26px; border-left:1px solid var(--line-soft)}
.stat__num{
  display:block; font-family:var(--font-mono); font-weight:500; font-size:34px; line-height:1.1;
  color:var(--gold-2); font-variant-numeric:tabular-nums;
}
.stat__label{display:block; margin-top:7px; font-size:13.5px; color:var(--muted); line-height:1.45}

/* ---------- teknoloji bandı ---------- */
.tech-band{
  position:relative; overflow:hidden; padding:17px 0;
  border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft);
  background:rgba(5,9,20,.5);
}
.tech-band::before,.tech-band::after{content:""; position:absolute; top:0; bottom:0; width:120px; z-index:1; pointer-events:none}
.tech-band::before{left:0; background:linear-gradient(90deg, var(--bg1), transparent)}
.tech-band::after{right:0; background:linear-gradient(270deg, var(--bg1), transparent)}
.tech-band__track{display:flex; align-items:center; gap:36px; width:max-content; animation:bandScroll 38s linear infinite}
.tech-band__track span{
  /* etiketler elle büyük yazılır — text-transform tr locale'de i→İ bozar */
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.18em;
  color:var(--muted); white-space:nowrap;
}
.tech-band__track i{width:5px; height:5px; flex:none; background:var(--gold); opacity:.55; transform:rotate(45deg)}
@keyframes bandScroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tech-band__track{animation:none}}

/* kademeli giriş — açılış sekansı bitince tetiklenir (body.intro-ready) */
body.intro-ready .hero .reveal{animation:heroIn .9s cubic-bezier(.2,.6,.2,1) both}
body.intro-ready .hero .reveal:nth-child(1){animation-delay:.05s}
body.intro-ready .hero .reveal:nth-child(2){animation-delay:.15s}
body.intro-ready .hero .reveal:nth-child(3){animation-delay:.28s}
body.intro-ready .hero .reveal:nth-child(4){animation-delay:.4s}
body.intro-ready .hero .reveal:nth-child(5){animation-delay:.52s}
@keyframes heroIn{from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){body.intro-ready .hero .reveal{animation:none; opacity:1}}

/* ---------- bölüm iskeleti ---------- */
.section{padding:104px 0; position:relative}
.section--alt{background:linear-gradient(180deg, rgba(13,24,48,.0), rgba(13,24,48,.55) 14%, rgba(13,24,48,.55) 86%, rgba(13,24,48,0))}
.section__head{max-width:640px; margin-bottom:56px}
.section__no{
  font-family:var(--font-mono); font-size:13px; color:var(--gold); letter-spacing:.2em;
}
.section__no::after{content:""; display:inline-block; width:52px; height:1px; background:var(--line); margin-left:14px; vertical-align:4px}
.section__head h2{
  font-family:var(--font-display); font-weight:600;
  font-size:clamp(30px,4vw,44px); line-height:1.14; margin:14px 0 16px;
}
.section__head p{color:var(--muted); font-size:17.5px}

/* ---------- bölümler (divisions) ---------- */
.divisions{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.division{
  position:relative; padding:30px 26px 34px;
  background:rgba(13,24,48,.5); border:1px solid var(--line-soft); border-radius:var(--radius);
  transition:transform .3s ease, border-color .3s ease, background .3s ease;
  overflow:hidden;
}
.division::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg, var(--gold), transparent 80%);
  opacity:0; transition:opacity .3s ease;
}
.division:hover{transform:translateY(-5px); border-color:var(--line); background:rgba(20,34,68,.55)}
.division:hover::before{opacity:1}
.division__no{
  font-family:var(--font-display); font-weight:600; font-size:44px; line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(217,180,97,.5);
  display:block; margin-bottom:20px;
}
.division h3{font-family:var(--font-display); font-weight:600; font-size:23px; margin-bottom:4px}
.division__tag{font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:14px}
.division p:last-of-type{color:var(--muted); font-size:15px; line-height:1.6}
.division__link{
  display:inline-block; margin-top:14px;
  font-size:14px; font-weight:500; color:var(--gold-2); text-decoration:none;
  border-bottom:1px solid rgba(238,203,124,.35);
  transition:border-color .18s, color .18s;
}
.division__link:hover{color:var(--ink); border-color:var(--gold)}

/* ---------- işler ---------- */
.works{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.work{
  display:grid; grid-template-columns:220px 1fr; gap:0;
  background:rgba(8,16,32,.72); border:1px solid var(--line-soft); border-radius:var(--radius);
  overflow:hidden; transition:transform .3s ease, border-color .3s ease;
}
.work:hover{transform:translateY(-4px); border-color:var(--line)}
.work__visual{
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(220px 160px at 50% 45%, rgba(217,180,97,.09) 0%, transparent 70%),
    linear-gradient(150deg, #0A1428, #10203F);
  border-right:1px solid var(--line-soft); padding:14px;
}
.work__visual svg{width:100%; height:auto; max-height:176px}
.work__body{padding:26px 28px 28px}
.work__kind{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.14em; color:var(--gold); margin-bottom:10px}
.work__body h3{font-family:var(--font-display); font-weight:600; font-size:24px; margin-bottom:8px}
.work__body p{color:var(--muted); font-size:15px}
.work__body em{color:var(--ink); font-style:normal; font-weight:400}
.work__meta{margin-top:14px; font-family:var(--font-mono); font-size:12px; color:var(--muted); opacity:.8}

/* ---------- uzmanlık ---------- */
.skills{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.skill{
  padding:28px 26px;
  background:rgba(8,16,32,.72); border:1px solid var(--line-soft); border-radius:var(--radius);
  transition:transform .3s ease, border-color .3s ease;
}
.skill:hover{transform:translateY(-4px); border-color:var(--line)}
.skill svg{
  width:30px; height:30px; margin-bottom:18px;
  fill:none; stroke:var(--gold); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
}
.skill h3{font-family:var(--font-display); font-weight:600; font-size:20px; margin-bottom:8px}
.skill p{color:var(--muted); font-size:14.5px; line-height:1.6}

/* ---------- manifesto ---------- */
.manifesto{
  padding:110px 0;
  border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft);
  background:radial-gradient(720px 340px at 50% 50%, rgba(217,180,97,.055), transparent 72%);
}
.manifesto__text{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(26px,3.6vw,40px); line-height:1.35;
  text-align:center; max-width:840px; margin:0 auto;
}
.manifesto__text em{font-style:italic; color:var(--gold-2)}
.manifesto__sign{
  /* metin elle büyük — text-transform tr locale'de i→İ bozar */
  margin-top:24px; text-align:center;
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.24em;
  color:var(--muted);
}

/* ---------- sss ---------- */
.faqs{display:grid; gap:12px}
.faq{
  background:rgba(8,16,32,.72); border:1px solid var(--line-soft); border-radius:var(--radius);
  overflow:hidden; transition:border-color .25s ease;
}
.faq[open]{border-color:var(--line)}
.faq summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:20px 24px;
  font-family:var(--font-display); font-weight:600; font-size:17.5px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:""; flex:none; width:12px; height:12px;
  background:
    linear-gradient(var(--gold),var(--gold)) center/12px 1.6px no-repeat,
    linear-gradient(var(--gold),var(--gold)) center/1.6px 12px no-repeat;
  transition:transform .3s ease;
}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 24px 22px; color:var(--muted); font-size:15px; line-height:1.65; max-width:660px}

/* ---------- süreç ---------- */
.steps{
  list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  counter-reset:step;
}
.step{
  position:relative; padding:34px 24px 30px;
  border-top:1px solid var(--line); background:linear-gradient(180deg, rgba(20,34,68,.28), transparent 70%);
  border-radius:0 0 var(--radius) var(--radius);
}
.step__no{
  position:absolute; top:-19px; left:20px;
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:15px; font-weight:500;
  background:var(--bg1); border:1px solid var(--gold); color:var(--gold-2);
}
.step h3{font-family:var(--font-display); font-weight:600; font-size:21px; margin-bottom:10px}
.step p{color:var(--muted); font-size:15px}
.step:last-child{border-top-color:var(--gold)}
.step:last-child .step__no{background:linear-gradient(135deg,var(--gold-2),#C79A45); color:#1A1204; border-color:transparent}
.step:last-child h3{color:var(--gold-2)}

/* ---------- fiyat ---------- */
.prices{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch}
.price{
  position:relative; display:flex; flex-direction:column;
  padding:30px 26px; border-radius:var(--radius);
  background:rgba(8,16,32,.72); border:1px solid var(--line-soft);
  transition:transform .3s ease, border-color .3s ease;
}
.price:hover{transform:translateY(-4px); border-color:var(--line)}
.price--featured{border-color:rgba(217,180,97,.45); background:linear-gradient(180deg, rgba(217,180,97,.07), rgba(8,16,32,.72) 40%)}
.price__badge{
  position:absolute; top:-13px; left:24px;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold-2),#C79A45); color:#1A1204;
  padding:5px 12px; border-radius:999px; font-weight:500;
}
.price h3{font-family:var(--font-display); font-weight:600; font-size:20px; margin-bottom:16px}
.price__amount{margin-bottom:20px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.price__amount span{font-family:var(--font-mono); font-weight:500; font-size:26px; color:var(--gold-2)}
.price__amount em{font-style:normal; color:var(--muted); font-size:13.5px}
.price ul{list-style:none; display:grid; gap:10px; margin-top:auto}
.price li{
  position:relative; padding-left:22px; color:var(--muted); font-size:14.5px; line-height:1.5;
}
.price li::before{
  content:""; position:absolute; left:0; top:8px; width:10px; height:5px;
  border-left:1.6px solid var(--gold); border-bottom:1.6px solid var(--gold);
  transform:rotate(-45deg);
}
.price--product{
  grid-column:1 / -1; display:flex; flex-direction:row; align-items:center; gap:28px;
  border-color:rgba(217,180,97,.35);
  background:linear-gradient(120deg, rgba(217,180,97,.07), rgba(8,16,32,.72) 55%);
  padding:24px 30px;
}
.price-product__info{flex:1; min-width:0}
.price-product__info h3{font-size:21px; margin-bottom:4px}
.price-product__info p{color:var(--muted); font-size:14.5px}
.price--product .price__amount{margin:0; flex:none}
.price--product .btn{flex:none}

.prices__note{margin-top:36px; text-align:center; color:var(--muted); font-size:16px}
.prices__note strong{color:var(--gold-2); font-weight:500}

/* ---------- talep formu ---------- */
.lead-form{
  display:grid; gap:22px;
  padding:38px 36px 34px;
  background:rgba(8,16,32,.8); border:1px solid var(--line); border-radius:18px;
  box-shadow:0 30px 80px -40px rgba(0,0,0,.7);
}
.lead-form__row{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.field{display:grid; gap:8px}
.field span{font-size:14px; font-weight:400; color:var(--muted); letter-spacing:.01em}
.field b{color:var(--gold); font-weight:500}
.field input,.field select,.field textarea{
  font-family:var(--font-body); font-size:16px; font-weight:300; color:var(--ink);
  background:rgba(13,24,48,.6); border:1px solid var(--line-soft); border-radius:10px;
  padding:13px 16px; outline:none; width:100%;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field textarea{resize:vertical; min-height:130px}
.field select{appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23D9B461' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center}
.field select option{background:var(--bg2); color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:rgba(152,163,191,.5)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--gold); box-shadow:0 0 0 3px rgba(217,180,97,.14);
}
.field input.is-bad,.field select.is-bad,.field textarea.is-bad{border-color:#E0596B; box-shadow:0 0 0 3px rgba(224,89,107,.12)}
.lead-form__submit{justify-self:start; border:none}
.lead-form__legal{font-size:13px; color:var(--muted); opacity:.75}

.lead-done{
  text-align:center; padding:70px 36px;
  background:rgba(8,16,32,.8); border:1px solid rgba(76,195,138,.3); border-radius:18px;
}
.lead-done svg{width:54px; height:54px; color:#4CC38A; margin-bottom:20px}
.lead-done h3{font-family:var(--font-display); font-weight:600; font-size:28px; margin-bottom:10px}
.lead-done p{color:var(--muted); max-width:420px; margin:0 auto}
.lead-done strong{color:var(--ink); font-weight:500}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--line-soft); padding:60px 0 40px; background:rgba(5,9,20,.6)}
.footer__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; align-items:start}
.footer__brand{display:flex; align-items:flex-start; gap:12px}
.footer__name{font-family:var(--font-display); font-weight:600; font-size:20px}
.footer__slogan{color:var(--muted); font-size:14px}
.footer__col{display:grid; gap:10px; justify-items:start}
.footer__head{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin-bottom:4px;
}
.footer__col a:not(.btn){color:var(--muted); text-decoration:none; font-size:14.5px; transition:color .2s ease}
.footer__col a:not(.btn):hover{color:var(--gold-2)}
.footer__col .btn{margin-top:6px}
.footer__note{color:var(--muted); font-size:14.5px}
.footer__base{margin-top:40px; padding-top:22px; border-top:1px solid var(--line-soft)}
.footer__copy{font-family:var(--font-mono); font-size:12px; color:var(--muted); opacity:.65}

/* ============ responsive ============ */
@media (max-width:1020px){
  .divisions{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr); row-gap:40px}
  .prices{grid-template-columns:repeat(2,1fr); row-gap:26px}
  .works{grid-template-columns:1fr}
  .skills{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr; gap:32px}
}
@media (max-width:900px){
  .price--product{flex-direction:column; align-items:flex-start; gap:14px}
}
@media (max-width:760px){
  body{font-size:16px}
  .topbar{gap:12px; padding:12px 16px}
  .topbar__cta{margin-left:auto; padding:10px 16px; font-size:14px}
  .wrap{padding:0 20px}
  .hero{padding:72px 0 64px}
  .hero__sub{font-size:17px}
  .section{padding:72px 0}
  .divisions,.steps,.prices,.skills{grid-template-columns:1fr}
  .steps{row-gap:44px}
  .hero__stats{flex-direction:column; gap:16px; padding-top:22px}
  .stat{padding-right:0}
  .stat + .stat{padding-left:0; padding-top:16px; border-left:none; border-top:1px solid var(--line-soft)}
  .stat__num{font-size:29px}
  .manifesto{padding:72px 0}
  .faq summary{padding:17px 18px; font-size:16px}
  .faq p{padding:0 18px 18px}
  .footer__grid{grid-template-columns:1fr; gap:28px}
  .work{grid-template-columns:1fr}
  .work__visual{border-right:none; border-bottom:1px solid var(--line-soft); padding:22px 40px}
  .lead-form{padding:26px 20px}
  .lead-form__row{grid-template-columns:1fr}
  .lead-form__submit{justify-self:stretch}
}