/* Coordinated UX/content revision: home, about, roadmap lead and consultation booking. */
:root {
  --mrtax-brand: #0167ad;
  --mrtax-brand-dark: #04223b;
  --mrtax-accent: #fba830;
  --mrtax-line: #e7eef5;
  --mrtax-surface: #f5f9fd;
  --mrtax-ink: #0c1b2b;
  --mrtax-muted: #5d6b7c;
}

.home-hero-secondary-link { min-height: 3rem; padding: .65rem .25rem; border-bottom: 1px solid rgba(255,255,255,.45); }
.home-trust-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; color:var(--mrtax-muted); font-size:.8rem; font-weight:800; }
.home-trust-heading a { display:inline-flex; align-items:center; gap:.35rem; min-height:2.75rem; color:var(--mrtax-brand); }
.home-trust-heading svg { width:1rem; height:1rem; }
.home-trust-logos { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.75rem; }
.home-trust-logo { display:grid; place-items:center; min-height:4.5rem; padding:.65rem; border:1px solid var(--mrtax-line); border-radius:.5rem; background:#fff; }
.home-trust-logo img { width:100%; height:2.5rem; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s ease,opacity .2s ease; }
.home-trust-logo:hover img { filter:none; opacity:1; }
.article-title { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height:1.8; }
.article-card .card-excerpt-clamp { -webkit-line-clamp:2; }
.about-hero-trustline { margin-bottom:1.75rem; color:#fff; font-size:.85rem; font-weight:750; line-height:1.9; }
.about-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.about-profile-card { border:1px solid var(--mrtax-line); border-radius:.5rem; background:var(--mrtax-surface); overflow:hidden; }
.about-profile-card summary { display:flex; align-items:center; gap:.8rem; padding:1rem; cursor:pointer; list-style:none; }
.about-profile-card summary::-webkit-details-marker { display:none; }
.about-profile-card summary>span { display:grid; place-items:center; width:2.75rem; height:2.75rem; flex:0 0 auto; border-radius:.5rem; background:#e8f3fb; color:var(--mrtax-brand); }
.about-profile-card summary>span svg { width:1.25rem; height:1.25rem; }
.about-profile-card h3 { flex:1; font-family:Morabba,IRANSansX,sans-serif; font-size:1.05rem; font-weight:800; }
.about-profile-chevron { width:1rem; height:1rem; color:var(--mrtax-muted); transition:transform .2s ease; }
.about-profile-card[open] .about-profile-chevron { transform:rotate(180deg); }
.about-profile-card ul { padding:0 1rem 1rem; color:var(--mrtax-muted); font-size:.84rem; line-height:2; }
.about-profile-card li { position:relative; padding-right:1rem; }
.about-profile-card li:before { content:""; position:absolute; top:.9rem; right:0; width:.35rem; height:.35rem; border-radius:50%; background:var(--mrtax-accent); }
.about-institution-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.about-institution-group { padding:1rem; border-top:3px solid var(--mrtax-brand); background:#fff; }
.about-institution-group h3 { margin-bottom:.8rem; font-size:.9rem; font-weight:850; }
.about-institution-group ul { display:grid; gap:.55rem; color:var(--mrtax-muted); font-size:.78rem; }
.about-institution-group li { display:flex; align-items:flex-start; gap:.45rem; line-height:1.8; }
.about-institution-group svg { width:.9rem; height:.9rem; flex:0 0 auto; margin-top:.25rem; color:var(--mrtax-brand); }
.about-logo-card { border-radius:.5rem; }

.consultation-hero { position:relative; overflow:hidden; }
.consultation-hero-panel { padding:1.1rem; border-radius:1.25rem; background:rgba(255,255,255,.96); color:var(--mrtax-ink); box-shadow:0 24px 55px rgba(4,34,59,.28); }
.consultation-hero-panel-head { display:flex; align-items:center; gap:.8rem; padding:1rem; border-bottom:1px solid var(--mrtax-line); }
.consultation-hero-panel-head>span { display:grid; place-items:center; width:3rem; height:3rem; flex:0 0 auto; border-radius:.9rem; background:var(--mrtax-brand); color:#fff; }
.consultation-hero-panel-head svg { width:1.35rem; height:1.35rem; }
.consultation-hero-panel-head div,.consultation-hero-steps span { display:grid; gap:.2rem; }
.consultation-hero-panel-head strong { font-family:Morabba,IRANSansX,sans-serif; font-size:1.05rem; }
.consultation-hero-panel-head small,.consultation-hero-steps small { color:var(--mrtax-muted); font-size:.7rem; line-height:1.8; }
.consultation-hero-steps { display:grid; gap:.15rem; padding:.75rem 0; }
.consultation-hero-steps li { display:flex; align-items:center; gap:.75rem; min-height:4rem; padding:.65rem 1rem; }
.consultation-hero-steps b { display:grid; place-items:center; width:2rem; height:2rem; flex:0 0 auto; border-radius:50%; background:var(--mrtax-brand-tint,#eef6fc); color:var(--mrtax-brand); font-size:.8rem; }
.consultation-hero-steps strong { font-size:.82rem; }
.consultation-hero-note { display:flex; align-items:flex-start; gap:.55rem; padding:.8rem 1rem; border-radius:.9rem; background:#fff7ec; color:#6b4a16; font-size:.7rem; line-height:1.9; }
.consultation-hero-note svg { width:1rem; height:1rem; flex:0 0 auto; margin-top:.2rem; color:var(--mrtax-accent); }
.consultation-kicker { display:inline-flex; align-items:center; gap:.45rem; width:max-content; margin-bottom:1rem; color:var(--mrtax-accent); font-size:.78rem; font-weight:850; }
.consultation-kicker svg { width:1rem; height:1rem; }
.consultation-section { padding:4.5rem 0; }
.consultation-section-heading { max-width:46rem; margin:0 auto 2.5rem; text-align:center; }
.consultation-section-heading h2 { margin:.45rem 0 .65rem; font-family:Morabba,IRANSansX,sans-serif; font-size:clamp(1.65rem,4vw,2.35rem); font-weight:900; line-height:1.5; }
.consultation-section-heading p { color:var(--mrtax-muted); font-size:.9rem; line-height:2; }
.consultation-featured { display:grid; grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr); max-width:68rem; margin:0 auto 1.5rem; border:1px solid rgba(255,255,255,.08); border-radius:1.25rem; background:var(--mrtax-brand-dark); color:#fff; overflow:hidden; box-shadow:0 22px 55px -38px rgba(4,34,59,.8); }
.consultation-featured-media { display:grid; place-items:center; min-height:30rem; padding:1rem; background:#07365b; }
.consultation-featured-media img { width:100%; height:auto; max-height:30rem; border-radius:1rem; object-fit:contain; }
.consultation-featured-copy { padding:2.25rem; }
.consultation-featured-copy h3 { margin-bottom:1rem; font-family:Morabba,IRANSansX,sans-serif; font-size:2rem; font-weight:900; }
.consultation-featured-copy>p { color:rgba(255,255,255,.76); line-height:2; }
.consultation-featured-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:.55rem 1rem; margin:1.25rem 0; font-size:.82rem; }
.consultation-featured-copy li:before { content:"✓"; margin-left:.4rem; color:var(--mrtax-accent); font-weight:900; }
.consultation-featured-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin:1.35rem 0 .85rem; }
.consultation-featured .btn,.consultation-strategic-form .btn,.consultant-card .btn,.booking-wizard .btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:3rem; padding:.7rem 1rem; border-radius:.85rem; font-size:.82rem; font-weight:850; }
.consultation-outline { border:1px solid currentColor; background:transparent; color:inherit; }
.consultation-featured-copy>small { display:block; color:rgba(255,255,255,.6); font-size:.72rem; line-height:1.9; }
.consultation-strategic-form { max-width:68rem; margin:0 auto; padding:1.5rem; border:1px solid var(--mrtax-line); border-radius:1.25rem; background:#fff; box-shadow:0 18px 45px -38px rgba(4,34,59,.75); }
.consultation-form-heading { display:flex; align-items:center; gap:.75rem; margin-bottom:1.25rem; }
.consultation-form-heading>span { display:grid; place-items:center; width:2.75rem; height:2.75rem; border-radius:.85rem; background:#eef6fc; color:var(--mrtax-brand); }
.consultation-form-heading svg { width:1.25rem; height:1.25rem; }
.consultation-form-heading h3 { font-size:1.05rem; font-weight:850; }
.consultation-form-heading p { margin-top:.2rem; color:var(--mrtax-muted); font-size:.76rem; }
.consultation-fields { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.1rem; }
.consultation-fields label { display:grid; gap:.4rem; color:var(--mrtax-ink); font-size:.78rem; font-weight:750; }
.consultation-fields label.is-wide { grid-column:1/-1; }
.consultation-fields label small { color:var(--mrtax-muted); font-weight:500; }
.consultation-fields input,.consultation-fields textarea { width:100%; min-height:3rem; padding:.7rem .8rem; border:1px solid var(--mrtax-line); border-radius:.75rem; background:#fff; outline:none; }
.consultation-fields textarea { min-height:6.5rem; resize:vertical; }
.consultation-fields input:focus,.consultation-fields textarea:focus { border-color:var(--mrtax-brand); box-shadow:0 0 0 3px rgba(1,103,173,.08); }
.consultation-status { min-height:1.3rem; margin-top:.75rem; color:var(--mrtax-muted); font-size:.78rem; }
.consultation-status.is-success { color:#047857; }
.consultation-status.is-error { color:#b42318; }
.consultant-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.consultant-card { display:flex; flex-direction:column; min-width:0; padding:1.15rem; border:1px solid var(--mrtax-line); border-radius:1.25rem; background:#fff; box-shadow:0 16px 38px -34px rgba(4,34,59,.7); }
.consultant-card-head { display:flex; align-items:center; gap:.75rem; }
.consultant-card-head img { width:4rem; height:4rem; flex:0 0 auto; border-radius:1rem; background:#eef6fc; object-fit:cover; object-position:top; }
.consultant-card-head h3 { margin-bottom:.15rem; font-family:Morabba,IRANSansX,sans-serif; font-size:1.05rem; font-weight:900; }
.consultant-card-head p { color:var(--mrtax-brand); font-size:.7rem; font-weight:750; line-height:1.7; }
.consultant-summary { margin:.9rem 0; color:var(--mrtax-muted); font-size:.78rem; line-height:1.95; }
.consultant-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.8rem; }
.consultant-tags li { padding:.3rem .55rem; border-radius:999px; background:#eef6fc; color:var(--mrtax-brand-dark); font-size:.65rem; font-weight:750; }
.consultant-resume { margin:auto 0 .9rem; border-top:1px solid var(--mrtax-line); }
.consultant-resume summary { display:flex; align-items:center; justify-content:space-between; min-height:2.75rem; color:var(--mrtax-brand); font-size:.72rem; font-weight:800; cursor:pointer; list-style:none; }
.consultant-resume summary::-webkit-details-marker { display:none; }
.consultant-resume summary svg { width:.9rem; height:.9rem; }
.consultant-resume ul { padding-bottom:.65rem; color:var(--mrtax-muted); font-size:.72rem; line-height:1.9; }
.consultant-resume li { position:relative; padding-right:.75rem; }
.consultant-resume li:before { content:""; position:absolute; top:.75rem; right:0; width:.28rem; height:.28rem; border-radius:50%; background:var(--mrtax-accent); }
.consultant-card>.btn { width:100%; }
.booking-wizard { scroll-margin-top:6rem; border:1px solid var(--mrtax-line); border-radius:1.25rem; background:#fff; overflow:hidden; box-shadow:0 18px 45px -38px rgba(4,34,59,.75); }
.booking-progress { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--mrtax-line); background:var(--mrtax-surface); }
.booking-progress span { display:flex; align-items:center; justify-content:center; gap:.45rem; min-height:4rem; color:var(--mrtax-muted); font-size:.72rem; font-weight:750; }
.booking-progress b { display:grid; place-items:center; width:1.7rem; height:1.7rem; border:1px solid var(--mrtax-line); border-radius:50%; background:#fff; }
.booking-progress span.is-active { color:var(--mrtax-brand); }
.booking-progress span.is-active b,.booking-progress span.is-done b { border-color:var(--mrtax-brand); background:var(--mrtax-brand); color:#fff; }
.booking-step { display:none; padding:1.5rem; }
.booking-step.is-active { display:block; }
.booking-step>h3 { margin-bottom:1.25rem; font-family:Morabba,IRANSansX,sans-serif; font-size:1.3rem; font-weight:900; }
.booking-consultants { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.booking-consultants button { display:flex; align-items:center; gap:.7rem; min-height:5rem; padding:.65rem; border:1px solid var(--mrtax-line); border-radius:1rem; text-align:right; }
.booking-consultants button.is-selected,.booking-session-types button.is-selected { border-color:var(--mrtax-brand); background:#eef6fc; box-shadow:0 0 0 3px rgba(1,103,173,.07); }
.booking-consultants img { width:3.5rem; height:3.5rem; flex:0 0 auto; border-radius:.85rem; object-fit:cover; object-position:top; }
.booking-consultants span { display:grid; gap:.15rem; flex:1; }
.booking-consultants strong { font-size:.82rem; }
.booking-consultants small { color:var(--mrtax-muted); font-size:.68rem; line-height:1.7; }
.booking-consultants>button>svg { width:1.1rem; height:1.1rem; color:var(--mrtax-line); }
.booking-consultants button.is-selected>svg { color:var(--mrtax-brand); fill:var(--mrtax-brand); }
.booking-session-types { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.booking-session-types button { display:grid; grid-template-columns:auto 1fr; gap:.7rem; padding:1rem; border:1px solid var(--mrtax-line); border-radius:1rem; text-align:right; }
.booking-session-types>button>svg { width:1.5rem; height:1.5rem; color:var(--mrtax-brand); }
.booking-session-types span { display:grid; gap:.25rem; }
.booking-session-types small { color:var(--mrtax-muted); font-size:.7rem; line-height:1.8; }
.booking-session-types b { grid-column:1/-1; padding-top:.7rem; border-top:1px solid var(--mrtax-line); color:var(--mrtax-brand); font-size:.82rem; }
.booking-duration { display:grid; grid-template-columns:3rem minmax(0,1fr) 3rem; gap:1rem; align-items:center; max-width:28rem; margin:2rem auto; }
.booking-duration button { display:grid; place-items:center; width:3rem; height:3rem; border:1px solid var(--mrtax-line); border-radius:.85rem; color:var(--mrtax-brand); }
.booking-duration svg { width:1.2rem; height:1.2rem; }
.booking-duration div { display:grid; gap:.2rem; text-align:center; }
.booking-duration strong { font-size:1.35rem; }
.booking-duration small { color:var(--mrtax-muted); font-size:.7rem; }
.booking-live-price { display:flex; justify-content:space-between; gap:1rem; max-width:28rem; margin:0 auto; padding:1rem; border-radius:1rem; background:var(--mrtax-surface); }
.booking-live-price strong { color:var(--mrtax-brand); }
.booking-review { margin-top:1rem; padding:1rem; border-radius:1rem; background:var(--mrtax-surface); }
.booking-review h4 { margin-bottom:.75rem; font-weight:850; }
.booking-review dl { display:grid; grid-template-columns:1fr 1fr; gap:.65rem 1rem; }
.booking-review dl div { display:flex; justify-content:space-between; gap:.75rem; padding-bottom:.45rem; border-bottom:1px solid var(--mrtax-line); font-size:.76rem; }
.booking-review dt { color:var(--mrtax-muted); }
.booking-review dd { font-weight:800; }
.booking-review p { display:flex; align-items:flex-start; gap:.4rem; margin-top:.8rem; color:var(--mrtax-muted); font-size:.7rem; line-height:1.8; }
.booking-review p svg { width:1rem; height:1rem; flex:0 0 auto; margin-top:.2rem; color:var(--mrtax-brand); }
.booking-nav { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:1.25rem; }
.booking-mobile-summary { display:none; }

/* Article categories belong to the content hierarchy, not the image overlay. */
.article-body>.article-cat,
.archive-featured-body>.article-cat {
  position:static;
  z-index:auto;
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  width:max-content;
  margin:0 0 .55rem;
  padding:.28rem .72rem;
  border:1px solid rgba(1,103,173,.13);
  border-radius:999px;
  background:#eef6fc;
  box-shadow:none;
  color:var(--brand);
  font-size:.68rem;
  line-height:1.55;
}

@media (min-width: 768px) {
  .about-profile-card>ul { display:block; }
  .about-profile-card .about-profile-chevron { display:none; }
}

@media (max-width: 1023px) {
  .home-trust-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .consultant-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767px) {
  #header #burger,#header a[aria-label*="حساب"],#drawerClose { width:3rem; height:3rem; }
  body.home .home-hero-actions { gap:.45rem; }
  body.home .home-hero-secondary-link { align-self:center; width:max-content; min-height:2.75rem; padding-inline:.25rem; }
  body.home .home-featured-course-details>ul li:nth-child(n+3) { display:none; }
  body.home .home-service-grid .font-title.text-xl { margin-bottom:.75rem; font-size:1rem; line-height:1.8; }
  .home-trust-heading { align-items:flex-start; }
  .home-trust-heading>a { min-height:2rem; }
  .home-trust-logos { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-trust-logo { min-height:3.75rem; }
  .home-trust-logo img { height:2rem; }
  .about-hero-media picture,.about-hero-media img { display:block; width:100%; aspect-ratio:4/5; }
  .about-hero-media img { object-fit:cover; object-position:center 20%; }
  .about-profile-grid,.about-institution-groups { grid-template-columns:1fr; }
  .about-profile-card summary { min-height:4rem; }
  .consultation-section { padding:3rem 0; }
  .consultation-hero .lg\:col-span-5 { display:none; }
  .consultation-booking .consultation-hero-inner { padding-top:2rem; padding-bottom:3rem; gap:0; }
  .consultation-featured { grid-template-columns:1fr; }
  .consultation-featured-media { min-height:0; padding:.75rem; }
  .consultation-featured-media img { max-height:none; }
  .consultation-featured-copy { padding:1.25rem; }
  .consultation-featured-copy h3 { font-size:1.55rem; line-height:1.6; }
  .consultation-featured-copy ul { grid-template-columns:1fr; }
  .consultation-featured-actions { flex-direction:column; }
  .consultation-featured-actions .btn { width:100%; }
  .consultation-fields,.consultant-grid,.booking-consultants,.booking-session-types,.booking-review dl { grid-template-columns:1fr; }
  .consultation-fields label.is-wide { grid-column:auto; }
  .consultation-strategic-form { padding:1rem; }
  .booking-progress { overflow-x:auto; }
  .booking-progress span { min-width:6.75rem; min-height:3.5rem; font-size:.66rem; }
  .booking-step { padding:1rem; }
  .booking-nav .btn { flex:1; }
  .booking-mobile-summary { position:fixed; z-index:68; right:.75rem; bottom:calc(5.15rem + env(safe-area-inset-bottom)); left:.75rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem; min-height:4rem; padding:.55rem .65rem; border:1px solid rgba(255,255,255,.16); border-radius:1rem; background:var(--mrtax-brand-dark); box-shadow:0 16px 35px rgba(4,34,59,.3); color:#fff; }
  .booking-mobile-summary[hidden] { display:none; }
  .booking-mobile-summary span { display:grid; min-width:0; }
  .booking-mobile-summary small { overflow:hidden; color:rgba(255,255,255,.68); font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
  .booking-mobile-summary strong { font-size:.78rem; }
  .booking-mobile-summary button { min-height:2.8rem; padding:.55rem .8rem; border-radius:.8rem; background:var(--mrtax-accent); color:#3a2300; font-size:.75rem; font-weight:850; }
}

@media (prefers-reduced-motion: reduce) {
  .home-trust-logo img,.about-profile-chevron { transition:none; }
}

/* Manager review: dynamic course state, premium roadmap milestones and verified lead gate. */
.product-hero-start { display:inline-flex; align-items:center; gap:.7rem; max-width:100%; margin:-.35rem 0 1.35rem; padding:.65rem .85rem; border:1px solid rgba(255,210,142,.3); border-radius:.85rem; background:linear-gradient(135deg,rgba(251,168,48,.14),rgba(255,255,255,.07)); color:#fff; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.product-hero-start>span { display:grid; place-items:center; width:2.25rem; height:2.25rem; border-radius:.7rem; background:#fba830; color:#3a2300; flex:0 0 auto; }
.product-hero-start svg { width:1.15rem; height:1.15rem; }
.product-hero-start>div { display:grid; gap:.05rem; min-width:0; text-align:right; }
.product-hero-start small { color:rgba(255,255,255,.65); font-size:.65rem; font-weight:750; }
.product-hero-start strong { overflow-wrap:anywhere; font-size:.82rem; font-weight:900; line-height:1.8; }

.roadmap-v3-step.is-featured { margin-block:.75rem; padding:1rem .75rem; border:1px solid transparent; border-radius:1rem; box-shadow:0 14px 34px -24px rgba(4,34,59,.5); }
.roadmap-v3-step.is-featured:hover { padding-inline:.85rem; }
.roadmap-v3-step.is-featured-expert { border-color:rgba(234,139,16,.28); background:linear-gradient(135deg,#fff8e9,#fff 62%,#ffefd0); }
.roadmap-v3-step.is-featured-expert .roadmap-v3-step-number,
.roadmap-v3-step.is-featured-expert .roadmap-v3-step-icon { background:linear-gradient(140deg,#ffd78b,#ed9316); color:#3a2300; }
.roadmap-v3-step.is-featured-advisor { border-color:rgba(251,168,48,.3); background:linear-gradient(135deg,#04223b,#0a4168); }
.roadmap-v3-step.is-featured-advisor :is(.roadmap-content-type,.roadmap-v3-step-copy strong,.roadmap-v3-step-copy small) { color:#fff; }
.roadmap-v3-step.is-featured-advisor .roadmap-v3-step-copy small { color:rgba(255,255,255,.72); }
.roadmap-v3-step.is-featured-advisor .roadmap-v3-step-number,
.roadmap-v3-step.is-featured-advisor .roadmap-v3-step-icon { background:linear-gradient(140deg,#ffd78b,#fba830); color:#3a2300; }
.roadmap-v3-step.is-featured-advisor .roadmap-step-actions a { color:#ffd28e; }

.roadmap-lead-gate { display:none; }
.roadmap-gate-enabled .roadmap-v3-result.is-lead-locked { position:relative; min-height:42rem; overflow:hidden; }
.roadmap-gate-enabled .roadmap-v3-result.is-lead-locked .roadmap-v3-content { max-height:34rem; overflow:hidden; filter:blur(3px); opacity:.62; pointer-events:none; user-select:none; -webkit-mask-image:linear-gradient(#000 0 48%,transparent 94%); mask-image:linear-gradient(#000 0 48%,transparent 94%); }
.roadmap-gate-enabled .roadmap-v3-result.is-lead-locked .roadmap-lead-gate { position:absolute; z-index:5; top:9.5rem; right:50%; display:grid; gap:.9rem; width:min(28rem,calc(100% - 2rem)); padding:1.4rem; border:1px solid rgba(1,103,173,.17); border-radius:1.3rem; background:rgba(255,255,255,.96); box-shadow:0 24px 70px -25px rgba(4,34,59,.42); transform:translateX(50%); backdrop-filter:blur(16px); text-align:center; }
.roadmap-lead-gate[hidden] { display:none!important; }
.roadmap-lead-gate__icon { display:grid; place-items:center; width:3.25rem; height:3.25rem; margin:-3rem auto 0; border:5px solid #fff; border-radius:1.05rem; background:linear-gradient(140deg,#ffd889,#fba830); color:#3a2300; box-shadow:0 10px 25px rgba(163,98,16,.2); }
.roadmap-lead-gate__icon svg { width:1.55rem; height:1.55rem; }
.roadmap-lead-gate__copy { display:grid; gap:.25rem; }
.roadmap-lead-gate__copy>span { color:#8a4d00; font-size:.68rem; font-weight:900; }
.roadmap-lead-gate__copy h3 { color:#04223b; font-family:Morabba,IRANSansX,sans-serif; font-size:1.35rem; font-weight:900; line-height:1.65; }
.roadmap-lead-gate__copy p { color:#66788a; font-size:.76rem; font-weight:650; line-height:1.9; }
.roadmap-lead-step { display:grid; gap:.55rem; text-align:right; }
.roadmap-lead-step[hidden] { display:none; }
.roadmap-lead-step label { color:#243d52; font-size:.72rem; font-weight:850; }
.roadmap-lead-field { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.55rem; min-height:3.2rem; padding:0 .8rem; border:1px solid #ccdbe6; border-radius:.85rem; background:#f8fbfd; transition:border-color .18s,box-shadow .18s; }
.roadmap-lead-field:focus-within { border-color:#0167ad; box-shadow:0 0 0 3px rgba(1,103,173,.11); }
.roadmap-lead-field svg { width:1.1rem; height:1.1rem; color:#0167ad; }
.roadmap-lead-field input { width:100%; min-width:0; border:0; outline:0; background:transparent; direction:ltr; color:#0c1b2b; font-family:Dana,IRANSansX,sans-serif; font-size:.92rem; font-weight:800; text-align:right; }
.roadmap-lead-field.is-code input { letter-spacing:.42rem; text-align:center; }
.roadmap-lead-step>button:not(.roadmap-lead-back) { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:3.2rem; padding:.7rem 1rem; border-radius:.85rem; background:linear-gradient(135deg,#0167ad,#014f86); color:#fff; box-shadow:0 10px 22px rgba(1,103,173,.2); font-size:.8rem; font-weight:900; }
.roadmap-lead-step>button svg { width:1rem; height:1rem; }
.roadmap-lead-back { justify-self:center; min-height:2.25rem; padding:.3rem .6rem; color:#536477; font-size:.7rem; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.roadmap-lead-gate.is-busy { opacity:.75; }
.roadmap-lead-status { display:none; padding:.55rem .7rem; border-radius:.65rem; background:#edf8f3; color:#087453; font-size:.7rem; font-weight:750; line-height:1.8; }
.roadmap-lead-status.is-visible { display:block; }
.roadmap-lead-status.is-error { background:#fff0f0; color:#b42318; }
.roadmap-lead-gate>small { display:flex; align-items:flex-start; justify-content:center; gap:.35rem; color:#7b8996; font-size:.62rem; font-weight:650; line-height:1.8; }
.roadmap-lead-gate>small svg { width:.9rem; height:.9rem; margin-top:.15rem; color:#0167ad; flex:0 0 auto; }

@media (max-width:767px) {
  .product-hero-start { margin-inline:auto; }
  .roadmap-gate-enabled .roadmap-v3-result.is-lead-locked { min-height:45rem; }
  .roadmap-gate-enabled .roadmap-v3-result.is-lead-locked .roadmap-v3-content { max-height:37rem; }
  .roadmap-gate-enabled .roadmap-v3-result.is-lead-locked .roadmap-lead-gate { top:10.5rem; width:calc(100% - 1.25rem); padding:1.15rem; }
  .roadmap-lead-gate__copy h3 { font-size:1.2rem; }
  .roadmap-lead-gate__copy p { font-size:.72rem; }
}