/* ======================================================================
   ZAUNTURA — Conversion layer
   A single, accessible consultation path across the marketing homepage.
   ====================================================================== */

html{scroll-padding-top:96px}

/* Keep the floating header stable at every viewport width. */
:root{--nav-float-maxw:1480px}

nav.nav{
  min-width:0;
  gap:clamp(14px,1.6vw,28px);
  overflow:hidden;
  background:rgba(10,13,15,.94)!important;
  border-color:rgba(255,255,255,.18)!important;
}

nav.nav.scrolled{background:rgba(10,13,15,.97)!important}

nav.nav .brand,
nav.nav .nav-right{flex:0 0 auto;min-width:0}
nav.nav .nav-links{min-width:0;gap:clamp(16px,1.5vw,24px)}

nav.nav .brand,
nav.nav.scrolled .brand,
nav.nav .nav-links a,
nav.nav.scrolled .nav-links a,
nav.nav .nav-tel,
nav.nav.scrolled .nav-tel,
nav.nav .lang button,
nav.nav.scrolled .lang button{
  color:#fff!important;
  opacity:1!important;
}

nav.nav .lang,
nav.nav.scrolled .lang,
nav.nav .nav-burger,
nav.nav.scrolled .nav-burger{border-color:rgba(255,255,255,.42)!important}

nav.nav .nav-burger span,
nav.nav.scrolled .nav-burger span{background:#fff!important}

nav.nav .lang button.on,
nav.nav.scrolled .lang button.on{color:#1a1407!important}

.btn{
  min-height:48px;
  justify-content:center;
}

.btn:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(232,178,58,.92);
}

.btn-conversion{
  background:var(--accent)!important;
  color:var(--accent-ink)!important;
  font-weight:700;
  letter-spacing:.015em;
  box-shadow:0 12px 34px -12px rgba(232,178,58,.86);
}

.nav-conversion{white-space:nowrap}
nav.nav .nav-conversion,
nav.nav.scrolled .nav-conversion{
  border-color:#e8b23a!important;
  background:#e8b23a!important;
  color:#1a1407!important;
  opacity:1!important;
}

.hero-cta-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:18px;
  color:rgba(244,246,247,.8);
  font-size:13px;
}

.hero-cta-proof span{display:inline-flex;align-items:center;gap:7px}
.hero-cta-proof b{color:var(--accent);font-size:15px}
.hero .scroll-cue{display:none}

.consult-strip{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) minmax(300px,1fr) auto;
  align-items:center;
  gap:clamp(24px,4vw,54px);
  margin-top:clamp(34px,5vw,62px);
  padding:clamp(28px,4vw,48px);
  border:1px solid rgba(232,178,58,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 10% 0%,rgba(232,178,58,.16),transparent 32%),
    linear-gradient(135deg,#15191c 0%,#20272b 100%);
  color:#f4f6f7;
  box-shadow:0 28px 80px -46px rgba(14,17,19,.72);
}

.consult-strip::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--accent);
}

.consult-kicker,
.section-conversion-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--accent);
  font-family:var(--font-display);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.consult-strip h2{margin:0 0 10px;font-size:clamp(24px,2.4vw,36px);line-height:1.08}
.consult-strip p{max-width:58ch;margin:0;color:#b8c0c5;line-height:1.6}
.consult-strip .btn{white-space:nowrap}

.consult-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.consult-steps li{display:flex;align-items:center;gap:12px;color:#d9dee1}
.consult-steps span{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  flex:none;
  border:1px solid rgba(232,178,58,.38);
  border-radius:50%;
  color:var(--accent);
  font-size:11px;
}
.consult-steps b{font-size:14px;font-weight:600}

.section-conversion-card{
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  align-items:center;
  gap:clamp(18px,3vw,34px);
  margin-top:clamp(30px,5vw,54px);
  padding:clamp(24px,3.5vw,38px);
  border:1px solid #dfd8ca;
  border-left:4px solid var(--accent);
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#faf5e9 100%);
  box-shadow:0 22px 60px -42px rgba(22,25,28,.5);
}

.section-conversion-icon{
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid rgba(200,145,42,.35);
  border-radius:50%;
  color:#a97618;
  font-family:var(--font-display);
  font-size:13px;
  font-weight:700;
}

.section-conversion-card h3{margin:0 0 7px;font-size:clamp(20px,2vw,28px);line-height:1.2}
.section-conversion-card p{margin:0;color:#665e55;line-height:1.55}
.section-conversion-card .btn{white-space:nowrap}
.section-button{margin-top:26px}

.config-choice-actions,
.cf-cta-stack{display:flex;flex-direction:column;align-items:center;gap:8px}

.personal-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  color:#645b50;
  font-size:14px;
  font-weight:650;
  text-decoration:underline;
  text-underline-offset:4px;
}
.personal-link:hover{color:#9b6d15}
.personal-link-dark{color:#d8dde0}
.personal-link-dark:hover{color:var(--accent)}

.center-conversion,
.review-conversion{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  align-items:center;
  gap:28px;
  margin-top:clamp(28px,4vw,48px);
  padding:clamp(22px,3vw,32px);
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 50px -40px rgba(22,25,28,.55);
}

.center-conversion strong,
.review-conversion strong{display:block;margin-bottom:5px;font-size:clamp(18px,1.8vw,24px)}
.center-conversion span,
.review-conversion span{display:block;color:var(--text-dim);line-height:1.5}
.center-conversion--dark{background:#1b2125;color:#f4f6f7;border-color:rgba(232,178,58,.22)}
.center-conversion--dark span{color:#aeb7bc}
.center-conversion--team{background:#faf6ec;border-color:#e0d7c5}

.review-conversion{
  grid-template-columns:auto minmax(260px,1fr) auto;
  background:linear-gradient(135deg,#fff,#f7f1e5);
  border-color:rgba(200,145,42,.28);
}
.review-conversion-stars{color:#c8912a!important;font-size:18px;letter-spacing:.08em;white-space:nowrap}

.region-conversion{margin-top:26px}

.qform-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid #e8e0d2;
  border-radius:10px;
  background:#faf7f0;
  color:#4c554f;
  font-size:12.5px;
  font-weight:650;
}

.conversion-dock{display:none}

@media (min-width:901px){
  #hero.hero{padding-top:96px}
  #hero .hero-copy{max-width:min(860px,68vw)}
  #hero .hero-h1{
    margin:.2em 0 .18em;
    font-size:clamp(52px,5.9vw,84px);
    line-height:.96;
  }
  #hero .hero-lead{margin-bottom:24px}
}

@media (max-width:1580px){
  .nav-tel{display:none}
}

@media (max-width:1450px){
  .nav-links{display:none}
  .nav-burger{display:flex}
}

@media (max-width:1000px){
  nav.nav .nav-conversion{display:none!important}
}

@media (max-width:1220px){
  .consult-strip{grid-template-columns:1fr 1fr}
  .consult-strip .btn{grid-column:1/-1;justify-self:start}
}

@media (max-width:900px){
  .section-conversion-card{grid-template-columns:auto 1fr}
  .section-conversion-card .btn{grid-column:1/-1;justify-self:start}
  .review-conversion{grid-template-columns:1fr}
  .review-conversion .btn{justify-self:start}
}

@media (max-width:760px){
  html{scroll-padding-top:78px}
  body{padding-bottom:72px}
  #hero.hero{min-height:auto;padding-top:112px;padding-bottom:42px}
  #hero .hero-h1{font-size:clamp(42px,12vw,56px);line-height:.98;margin:.28em 0 .24em}
  #hero .hero-lead{margin-bottom:24px}
  .hero-cta{width:100%;flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%;white-space:normal;text-align:center}
  .hero-cta-proof{display:grid;gap:7px;margin-top:16px}
  .consult-strip{grid-template-columns:1fr;padding:26px 22px}
  .consult-strip .btn{grid-column:auto;width:100%;white-space:normal}
  .consult-steps{grid-template-columns:1fr}
  .section-conversion-card{grid-template-columns:1fr;padding:24px 20px}
  .section-conversion-card .btn{grid-column:auto;width:100%;white-space:normal}
  .section-button{width:100%;white-space:normal}
  .config-choice-actions{width:100%}
  .config-choice-actions .btn{width:100%}
  .center-conversion,
  .review-conversion{grid-template-columns:1fr;gap:18px;padding:22px 20px}
  .center-conversion .btn,
  .review-conversion .btn{width:100%;white-space:normal}
  .region-conversion{width:100%;white-space:normal}
  .qform-trust{display:grid}

  .conversion-dock{
    position:fixed;
    z-index:290;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:minmax(92px,.72fr) minmax(210px,1.6fr);
    gap:8px;
    padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    border-top:1px solid rgba(255,255,255,.12);
    background:rgba(14,17,19,.96);
    box-shadow:0 -12px 30px rgba(0,0,0,.2);
    backdrop-filter:blur(18px);
  }
  .conversion-dock a{
    display:flex;
    min-height:52px;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-size:13px;
    font-weight:750;
    text-align:center;
  }
  .conversion-dock-call{border:1px solid rgba(255,255,255,.28);color:#fff}
  .conversion-dock-main{background:var(--accent);color:var(--accent-ink)}
  .zc-root,.to-top{bottom:84px!important}
}

@media (max-width:420px){
  nav.nav .brand .wm{display:none}
  nav.nav .nav-right{gap:8px}
  nav.nav .lang button{padding-inline:9px}
  .conversion-dock{grid-template-columns:90px 1fr}
  .conversion-dock a{font-size:12.5px}
}

@media (any-pointer:coarse){
  .btn,.personal-link{min-height:52px}
}

@media (prefers-reduced-motion:reduce){
  .btn,.btn .arr{transition:none!important}
}