/* asaf-brand-v11.css - consolidated Brand page stylesheet. */

/* Showtime layer for the brand diagnosis flow. */
html,body{
  background:#F6F1E9 !important;
}

.main{
  background:
    linear-gradient(115deg,rgba(221,236,243,.44),transparent 34%),
    linear-gradient(245deg,rgba(231,201,192,.42),transparent 38%),
    linear-gradient(180deg,#FBF9F5 0%,#EFE7DC 100%) !important;
}

.campaign-fast{
  width:min(1180px,calc(100% - 28px)) !important;
  margin:clamp(24px,4vw,54px) auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(360px,.64fr) !important;
  gap:clamp(18px,3vw,42px) !important;
  align-items:start !important;
}

.fast-hero,
.fast-form{
  padding:clamp(26px,4vw,54px) !important;
  border-radius:34px !important;
}

.fast-hero{
  min-height:auto !important;
  background:
    linear-gradient(145deg,rgba(8,43,54,.96),rgba(10,66,83,.90)),
    linear-gradient(90deg,rgba(201,169,110,.18),transparent) !important;
  color:#fff !important;
}

.fast-kicker,
.fast-lead,
.fast-proof span{
  color:rgba(255,255,255,.86) !important;
}

.fast-hero h1{
  color:#fff !important;
  font-size:clamp(42px,6vw,84px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

.fast-lead{
  font-size:clamp(18px,1.5vw,22px) !important;
  line-height:1.62 !important;
  max-width:46ch !important;
}

.fast-proof{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:22px !important;
}

.fast-proof span{
  min-height:42px !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.fast-form-head h2{
  font-size:clamp(28px,3vw,42px) !important;
  color:#082B36 !important;
  line-height:1.05 !important;
}

.fast-form-head p{
  font-size:17px !important;
  color:#315964 !important;
  font-weight:800 !important;
}

.fast-choices{
  display:grid !important;
  gap:12px !important;
}

.fast-choice{
  position:relative !important;
  display:grid !important;
  gap:6px !important;
  padding:20px 22px 20px 58px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:2px solid rgba(8,43,54,.14) !important;
  box-shadow:0 12px 34px rgba(8,43,54,.08) !important;
  cursor:pointer !important;
}

[dir="rtl"] .fast-choice{
  padding:20px 58px 20px 22px !important;
}

.fast-choice input{
  position:absolute !important;
  inset-inline-start:20px !important;
  top:24px !important;
  width:22px !important;
  height:22px !important;
  opacity:1 !important;
  accent-color:#0A4253 !important;
}

[dir="rtl"] .fast-choice input{
  inset-inline-start:auto !important;
  inset-inline-end:20px !important;
}

.fast-choice strong{
  font-size:clamp(18px,1.45vw,22px) !important;
  color:#082B36 !important;
}

.fast-choice span{
  font-size:15px !important;
  color:#315964 !important;
  line-height:1.45 !important;
}

.fast-choice.is-selected,
.fast-choice:has(input:checked){
  border-color:#0A4253 !important;
  background:linear-gradient(145deg,#fff,rgba(221,236,243,.72)) !important;
}

.fast-submit,
.fast-whatsapp{
  min-height:58px !important;
  border-radius:999px !important;
  font-size:17px !important;
  font-weight:900 !important;
}

.main > .step{
  display:none !important;
}

.topbar{
  min-height:64px !important;
  background:linear-gradient(90deg,#062630,#0A4253) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

.topbar-logo,
.topbar-logo svg,
.topbar-name,
.home-btn,
.lang-btn{
  color:#fff !important;
}

.home-btn,
.lang-btn{
  border-color:rgba(255,255,255,.26) !important;
  background:rgba(255,255,255,.08) !important;
}

.step{
  width:min(820px,100% - 32px) !important;
  min-height:calc(100dvh - 118px) !important;
  padding-top:clamp(34px,5vw,70px) !important;
}

.brand-intro,
.final-wrap{
  padding:clamp(28px,5vw,58px) !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50)) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  box-shadow:0 34px 100px rgba(8,43,54,.16),inset 0 1px 0 rgba(255,255,255,.9) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.28) !important;
  backdrop-filter:blur(30px) saturate(1.28) !important;
}

.intro-hook,
.step-title,
.final-title{
  color:#082B36 !important;
  font-size:clamp(38px,7vw,72px) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}

.intro-sub,
.step-sub,
.final-sub,
.option-desc{
  color:#284B57 !important;
  font-size:clamp(17px,2vw,21px) !important;
  line-height:1.72 !important;
}

.options-grid{
  gap:14px !important;
}

.option-card{
  min-height:84px !important;
  padding:22px 24px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58)) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  box-shadow:0 18px 52px rgba(8,43,54,.11),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.option-title{
  color:#082B36 !important;
  font-size:clamp(17px,2vw,22px) !important;
  line-height:1.26 !important;
}

.option-card.selected{
  border-color:rgba(10,66,83,.42) !important;
  background:linear-gradient(145deg,rgba(221,236,243,.82),rgba(255,255,255,.70)) !important;
}

.form-input,
.fast-fields input,
.fast-timing select{
  min-height:58px !important;
  border-radius:18px !important;
  font-size:17px !important;
}

.bottom-nav{
  max-width:820px !important;
  background:rgba(251,249,245,.82) !important;
  border:1px solid rgba(255,255,255,.80) !important;
  border-bottom:0 !important;
  -webkit-backdrop-filter:blur(28px) saturate(1.22) !important;
  backdrop-filter:blur(28px) saturate(1.22) !important;
  box-shadow:0 -24px 70px rgba(8,43,54,.12) !important;
}

.btn-primary,
.btn-secondary,
.btn-wa{
  min-height:58px !important;
  border-radius:999px !important;
  font-size:17px !important;
}

@media(max-width:640px){
  .campaign-fast{
    grid-template-columns:1fr !important;
    width:min(100% - 22px,560px) !important;
  }

  .fast-hero,
  .fast-form{
    padding:24px 20px !important;
    border-radius:26px !important;
  }

  .fast-hero h1{
    font-size:clamp(34px,10vw,50px) !important;
  }

  .step{
    width:min(100% - 22px,560px) !important;
  }

  .brand-intro,
  .final-wrap{
    padding:24px 20px !important;
    border-radius:26px !important;
  }

  .intro-hook,
  .step-title,
  .final-title{
    font-size:clamp(34px,10vw,48px) !important;
  }
}

/* Brand organization pass - keep the visual language, make the flow obvious. */
.campaign-fast{
  width:min(1040px,calc(100% - 28px)) !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  margin:clamp(24px,4vw,48px) auto clamp(48px,7vw,88px) !important;
}

.fast-hero{
  min-height:auto !important;
  padding:clamp(34px,5vw,68px) !important;
  text-align:center !important;
  border-radius:34px !important;
  background:
    linear-gradient(135deg,rgba(8,43,54,.98),rgba(10,66,83,.94)),
    linear-gradient(90deg,rgba(201,169,110,.16),transparent) !important;
}

.fast-kicker,
.fast-lead{
  margin-inline:auto !important;
}

.fast-hero h1{
  max-width:13ch !important;
  margin:10px auto 18px !important;
  font-size:clamp(42px,5.4vw,72px) !important;
  line-height:1.02 !important;
}

.fast-lead{
  max-width:58ch !important;
  font-size:clamp(18px,1.35vw,21px) !important;
}

.fast-proof{
  justify-content:center !important;
}

.fast-form{
  width:min(920px,100%) !important;
  margin:0 auto !important;
  padding:clamp(26px,4vw,46px) !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 26px 84px rgba(8,43,54,.13),inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.fast-form-head{
  text-align:center !important;
  margin-bottom:18px !important;
}

.fast-form-head h2{
  font-size:clamp(29px,3vw,42px) !important;
}

.fast-choices{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

.fast-choice{
  min-height:154px !important;
  align-content:start !important;
  padding:52px 18px 18px !important;
  text-align:center !important;
}

[dir="rtl"] .fast-choice{
  padding:52px 18px 18px !important;
}

.fast-choice input,
[dir="rtl"] .fast-choice input{
  inset-inline-start:50% !important;
  inset-inline-end:auto !important;
  top:18px !important;
  transform:translateX(-50%) !important;
}

.fast-choice strong{
  font-size:clamp(18px,1.2vw,21px) !important;
  line-height:1.15 !important;
}

.fast-choice span{
  font-size:15.5px !important;
  line-height:1.45 !important;
}

.fast-timing,
.fast-fields,
.fast-consent,
.fast-submit,
.fast-whatsapp,
.fast-error,
.fast-success{
  width:min(720px,100%) !important;
  margin-inline:auto !important;
}

.fast-timing{
  display:grid !important;
  gap:8px !important;
  margin-top:18px !important;
}

.fast-fields{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:16px !important;
}

.fast-fields label{
  display:grid !important;
  gap:7px !important;
}

.fast-consent{
  margin-top:16px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  background:rgba(8,43,54,.045) !important;
}

.fast-submit{
  margin-top:18px !important;
}

.fast-whatsapp{
  margin-top:10px !important;
}

@media(max-width:820px){
  .fast-choices,
  .fast-fields{
    grid-template-columns:1fr !important;
  }

  .fast-choice{
    min-height:auto !important;
    padding:20px 58px 20px 22px !important;
    text-align:right !important;
  }

  [dir="ltr"] .fast-choice{
    padding:20px 22px 20px 58px !important;
    text-align:left !important;
  }

  .fast-choice input,
  [dir="rtl"] .fast-choice input{
    inset-inline-start:auto !important;
    inset-inline-end:20px !important;
    top:24px !important;
    transform:none !important;
  }

  [dir="ltr"] .fast-choice input{
    inset-inline-start:20px !important;
    inset-inline-end:auto !important;
  }
}

@media(max-width:640px){
  .campaign-fast{
    width:min(100% - 20px,560px) !important;
    margin-top:18px !important;
  }

  .fast-hero,
  .fast-form{
    border-radius:24px !important;
  }

  .fast-hero{
    padding:30px 20px !important;
  }

  .fast-hero h1{
    max-width:12ch !important;
    font-size:clamp(34px,9.8vw,44px) !important;
  }
}


/* ===== brand-researchfix-v11.css ===== */
.lang-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:52px;min-height:42px}
.campaign-fast{box-shadow:0 34px 90px rgba(12,63,81,.14)!important}
.fast-submit,.btn-primary,#btnNext{min-height:48px}
.option-card,.fast-choice{cursor:pointer}
.option-card:focus-visible,.fast-choice:focus-within,.lang-btn:focus-visible,.home-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid #C9A96E!important;outline-offset:3px!important}
@media(max-width:640px){.intro-hook,.fast-hero h1{letter-spacing:0!important}.main{padding-inline:10px}.campaign-fast{width:min(100%,560px)!important}}