/* Extracted from assets/css/vatax.css on 2026-06-25. Do not edit vatax.css for page-only styles; edit this file. */

/* Compass */
.compass-shell{
  padding:72px 0 92px;
}


.choice{
  display:flex;
  align-items:center;
  gap:16px;
  border:2px solid #d1dde0;
  background:#f8fbfc;
  border-radius:16px;
  padding:18px 22px;
  margin-bottom:16px;
  cursor:pointer;
  transition:.2s;
  font-size:18px;
  font-weight:700;
}


.choice-circle{
  width:22px;
  height:22px;
  border-radius:999px;
  border:2px solid #b9c9cd;
  flex:0 0 auto;
}


.choice:hover,.choice.selected{border-color:var(--teal);background:#edf6f7}


.choice.selected .choice-circle{background:var(--teal);box-shadow:inset 0 0 0 5px #fff}


.case-progress{max-width:780px;margin:0 auto 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start;direction:rtl}


.case-step{text-align:center;position:relative;color:#61777b;font-weight:800}


.case-step:not(:last-child)::after{content:"";position:absolute;top:24px;right:50%;width:100%;height:3px;background:#cad8db;z-index:-1}


.case-step-dot{width:48px;height:48px;border-radius:50%;background:#e1edef;color:#587075;display:grid;place-items:center;font-weight:900;margin:0 auto 9px;transition:.25s}


@media (max-width:980px){
.case-progress{grid-template-columns:repeat(2,1fr);gap:20px}
.case-step::after{display:none}
}


.hint{font-size:13px;color:#6b7d80}


.wizard-step{display:none}


.wizard-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}


.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}


@media (max-width:980px){
.wizard-actions{flex-direction:column}
}


.question-block{display:grid;gap:18px;margin-bottom:34px}


.question-block h2{font-size:28px;line-height:1.35;margin:0;font-weight:900;color:#061112;text-align:right}


.quiz-progress{max-width:740px;margin:0 auto 26px}


.quiz-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#536b70;font-weight:800;margin-bottom:10px}


.quiz-progress-track{height:10px;background:#d8e6e8;border-radius:999px;overflow:hidden}


.quiz-progress-track span{display:block;height:100%;background:var(--teal);border-radius:999px;animation:fillTrack 1s ease forwards}


.choice input{margin-left:10px}


.choice{font-weight:800;align-items:center}


.case-progress .case-step{z-index:1}


@media (max-width:980px){
.quiz-progress-meta{flex-direction:column;align-items:flex-start}
}


@media (max-width:760px){
.case-progress{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:22px;
  }
.case-step{
    display:flex;
    align-items:center;
    gap:10px;
    text-align:inherit;
  }
.case-step-dot{margin:0!important;flex:0 0 42px;width:42px;height:42px}
.case-card h2,.question-block h2{font-size:23px;text-align:inherit}
.case-actions,.wizard-actions,.toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
}


/* ===== Compass / Services / Contact experience polish ===== */
.compass-hero,.services-hero,.contact-hero{background:radial-gradient(circle at 70% 18%,rgba(223,155,34,.16),transparent 34%),linear-gradient(135deg,#001818,#003638 55%,#002427);position:relative;overflow:hidden}


.compass-hero:after,.services-hero:after,.contact-hero:after{content:"";position:absolute;inset:auto -6% -70px -6%;height:140px;background:#eef5f6;border-radius:50% 50% 0 0/64% 64% 0 0;transform:rotate(-1.5deg)}


.compass-modern-shell{padding:70px 0 96px;background:linear-gradient(180deg,#eef5f6 0%,#f8fbfc 100%)}


.compass-wizard-card{background:#fff;border:1px solid #c8dce0;border-radius:34px;padding:34px;box-shadow:0 28px 70px rgba(3,35,37,.10);overflow:hidden;position:relative}


.compass-wizard-card:before{content:"";position:absolute;inset:-120px auto auto -120px;width:280px;height:280px;border-radius:50%;background:rgba(223,155,34,.12);pointer-events:none}


.compass-wizard-head{text-align:center;max-width:820px;margin:0 auto 28px;position:relative}


.compass-wizard-head h2{font-size:clamp(30px,4vw,46px);margin:14px 0 10px;font-weight:900}


.compass-wizard-head p{color:var(--muted);font-size:18px;line-height:1.8;margin:0}


.compass-progress{max-width:940px}


.compass-stage-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start;position:relative}


.compass-stage-rail{display:grid;gap:14px;position:sticky;top:106px}


.compass-stage-card{border:1px solid #cddfe3;background:#f8fbfc;color:#163a3d;border-radius:22px;padding:16px;display:grid!important;grid-template-columns:44px 1fr;align-items:center;gap:13px;font-weight:900;box-shadow:none;text-align:inherit}


.compass-stage-card b{width:44px;height:44px;border-radius:15px;background:#e7f2f3;color:var(--teal);display:grid;place-items:center}


.compass-stage-card span{display:grid;gap:3px}


.compass-stage-card small{color:#71868a;font-size:12px}


.compass-stage-card.active{background:linear-gradient(135deg,#003638,#005a5c);border-color:#005a5c;color:#fff;box-shadow:0 16px 32px rgba(0,90,92,.20)}


.compass-stage-card.active b{background:var(--gold);color:#111}


.compass-stage-card.active small{color:#d6eeee}


.compass-question-panel{background:#f8fbfc;border:1px solid #d5e5e8;border-radius:28px;padding:26px}


.stage-title-row{display:flex;align-items:center;gap:16px;margin-bottom:22px}


.stage-number{display:grid;place-items:center;width:74px;height:74px;border-radius:24px;background:#fff7e7;color:#9a5e00;border:1px solid #f0d29a;font-weight:900}


.stage-title-row h3{margin:2px 0 0;font-size:28px;font-weight:900}


.compass-question-block{background:#fff;border:1px solid #d5e5e8;border-radius:24px;padding:24px;margin-bottom:18px;transition:.25s}


.compass-question-block.invalid{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.08)}


.compass-question-block h2{font-size:clamp(22px,3vw,32px);line-height:1.35;margin:10px 0 22px}


.compass-choice-grid{grid-template-columns:1fr!important}


.compass-choice{position:relative;margin:0;padding:16px 18px;background:#fbfdfd}


.compass-choice input{position:absolute;opacity:0;pointer-events:none}


.compass-actions{border-top:1px solid #ddebed;padding-top:22px}


.compass-actions .btn:first-child{visibility:hidden}


.wizard-step:not(:first-child) .compass-actions .btn:first-child{visibility:visible}


.compass-result-card{max-width:920px;margin:auto;background:#fff;border:1px solid #c8dce0;border-radius:34px;padding:42px;box-shadow:0 30px 76px rgba(3,35,37,.12);text-align:center}


.compass-result-icon{width:78px;height:78px;border-radius:26px;background:#003638;color:#fff;display:grid;place-items:center;margin:0 auto 16px}


.compass-result-card h2{font-size:clamp(30px,5vw,48px);margin:12px 0}


.compass-result-card>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:720px;margin:0 auto 24px}


.compass-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}


.compass-result-grid div{background:#f5fafb;border:1px solid #d4e4e7;border-radius:24px;padding:22px}


.compass-result-grid strong{display:block;font-size:34px;font-weight:900;color:var(--teal)}


.compass-result-grid span{color:#60777b;font-weight:800}


.result-note{background:#f8fbfc;border:1px solid #d8e7e9;border-radius:22px;padding:18px;margin:14px 0;text-align:inherit}


.result-note b{display:block;margin-bottom:6px}


.result-note p{margin:0;color:#536b70;line-height:1.8}


.compass-services-result{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:linear-gradient(135deg,#003638,#005a5c);border-radius:32px;padding:30px;color:#fff;margin-bottom:42px;box-shadow:0 28px 62px rgba(0,54,56,.22);position:relative;overflow:hidden}


.compass-services-result:before{content:"";position:absolute;inset:auto -80px -100px auto;width:260px;height:260px;border-radius:50%;background:rgba(223,155,34,.18)}


.compass-services-result .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}


.compass-services-result h2{font-size:clamp(28px,4vw,42px);margin:12px 0}


.compass-services-result p{color:#d8eded;line-height:1.8;margin:0 0 12px}


@media (max-width:1080px){
.compass-stage-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media (max-width:720px){
.compass-question-panel{padding:16px;border-radius:22px}
.stage-title-row{align-items:flex-start}
.stage-number{width:58px;height:58px;border-radius:18px}
.compass-result-grid{grid-template-columns:1fr}
.compass-services-result{padding:22px 16px;border-radius:24px}
}


/* ===== VATAX Compass same-page wizard result patch ===== */
.compass-case-wizard{max-width:980px;margin-inline:auto}


.compass-case-wizard .compass-wizard-head{margin-bottom:34px}


.compass-case-progress{
  max-width:980px;
  margin:6px auto 34px;
  display:grid;
  grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr));
  gap:0;
  align-items:start;
  position:relative;
  direction:ltr;
  z-index:1;
}


.compass-case-progress .case-step{direction:inherit;text-align:center;position:relative;color:#61777b;font-weight:900;min-width:0}


.compass-case-progress .case-step span{display:block;padding-inline:6px;line-height:1.35;word-break:normal}


.compass-case-progress .case-step:not(:last-child)::after{content:"";position:absolute;top:24px;left:50%;width:100%;height:3px;background:#cad8db;z-index:-1;transition:.25s ease}


.compass-case-progress .case-step.completed:not(:last-child)::after,.compass-case-progress .case-step.is-complete:not(:last-child)::after{background:var(--teal)}


.compass-case-progress .case-step-dot{width:48px;height:48px;border-radius:50%;background:#e1edef;color:#587075;display:grid;place-items:center;font-weight:900;margin:0 auto 10px;transition:.25s ease;box-shadow:0 0 0 7px #fff}


.compass-case-progress .case-step.active .case-step-dot{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(0,90,92,.23),0 0 0 7px #fff}


.compass-case-progress .case-step.completed .case-step-dot,.compass-case-progress .case-step.is-complete .case-step-dot{background:var(--teal);color:#fff;font-size:0;box-shadow:0 8px 20px rgba(0,90,92,.18),0 0 0 7px #fff}


.compass-case-progress .case-step.completed .case-step-dot::before,.compass-case-progress .case-step.is-complete .case-step-dot::before{content:"✓";font-size:24px;font-weight:1000;line-height:1}


.compass-case-progress .case-step.completed span,.compass-case-progress .case-step.is-complete span{color:var(--teal)}


.compass-single-panel{max-width:860px;margin-inline:auto;background:#f8fbfc;border:1px solid #d5e5e8;border-radius:28px;padding:28px}


.compass-single-panel .wizard-step{display:none;animation:fadeIn .35s ease both}


.compass-single-panel .wizard-step.active{display:block}


.compass-complete-stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 30px;direction:ltr}


.compass-complete-stepper .case-step{position:relative;text-align:center;color:var(--teal);font-weight:900}


.compass-complete-stepper .case-step:not(:last-child)::after{content:"";position:absolute;top:22px;left:50%;width:100%;height:3px;background:var(--teal);z-index:0;opacity:.45}


.compass-complete-stepper .case-step-dot{position:relative;z-index:1;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:0;box-shadow:0 0 0 7px #fff}


.compass-complete-stepper .case-step-dot::before{content:"✓";font-size:22px;font-weight:1000}


.compass-same-page-result{max-width:980px}


html[dir="rtl"] .compass-case-progress,html[dir="rtl"] .compass-complete-stepper{direction:rtl}


html[dir="rtl"] .compass-case-progress .case-step:not(:last-child)::after,html[dir="rtl"] .compass-complete-stepper .case-step:not(:last-child)::after{left:auto;right:50%}


@media (max-width:900px){
.compass-case-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;margin-bottom:28px}
.compass-case-progress .case-step::after{display:none!important}
.compass-complete-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}
.compass-complete-stepper .case-step::after{display:none!important}
}


@media (max-width:620px){
.compass-case-progress{grid-template-columns:1fr;gap:12px;align-items:stretch}
.compass-case-progress .case-step{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;text-align:inherit;background:#f7fbfc;border:1px solid #d8e7e9;border-radius:18px;padding:12px}
.compass-case-progress .case-step-dot{width:42px;height:42px;margin:0;box-shadow:none}
.compass-case-progress .case-step.active{border-color:var(--teal);background:#eef9fa}
.compass-single-panel{padding:18px;border-radius:22px}
.compass-complete-stepper{grid-template-columns:1fr;text-align:inherit}
.compass-complete-stepper .case-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-align:inherit;background:#f7fbfc;border:1px solid #d8e7e9;border-radius:16px;padding:10px}
.compass-complete-stepper .case-step-dot{width:40px;height:40px;margin:0;box-shadow:none}
}


/* ===== Compass account-gated result and polished report ===== */
.compass-gated-result,.compass-result-pro{max-width:1120px;margin-inline:auto;background:#fff;border:1px solid #c8dce0;border-radius:36px;padding:34px;box-shadow:0 30px 76px rgba(3,35,37,.12);overflow:hidden;position:relative}


.compass-gated-result:before,.compass-result-pro:before{content:"";position:absolute;inset:-170px -120px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(223,155,34,.14),transparent 68%);pointer-events:none}


.gated-stepper{margin-bottom:34px}


.gated-result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 430px;gap:28px;align-items:stretch;position:relative;z-index:1}


.gated-copy{background:linear-gradient(135deg,#003638,#005a5c);border-radius:30px;padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}


.gated-copy:after{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08)}


.gated-copy .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff;width:max-content}


.gated-copy h2{font-size:clamp(30px,4vw,50px);line-height:1.15;margin:18px 0 14px;font-weight:1000;color:#fff}


.gated-copy p{font-size:18px;line-height:1.9;color:#d8eded;margin:0 0 22px;max-width:720px}


.locked-preview-card{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:24px;padding:18px;backdrop-filter:blur(10px)}


.locked-icon{width:64px;height:64px;border-radius:21px;background:var(--gold);color:#111;display:grid;place-items:center}


.locked-icon .icon{width:28px;height:28px}


.locked-preview-card strong{display:block;color:#fff;font-size:18px}


.locked-preview-card small{display:block;color:#d8eded;line-height:1.7;margin-top:4px}


.gated-register-card{background:#f8fbfc;border:1px solid #d5e5e8;border-radius:30px;padding:28px;box-shadow:0 18px 42px rgba(3,35,37,.08);display:grid;gap:14px;align-content:start}


.gated-register-card h3{font-size:30px;margin:4px 0 0;font-weight:1000}


.gated-register-card p{margin:0 0 6px;color:#637b80;line-height:1.7}


.gated-register-card .form-field{margin:0}


.gated-register-card .btn{width:100%;justify-content:center;margin-top:4px}


.gated-actions{margin-top:24px}


.gated-actions .btn{border-color:rgba(255,255,255,.24);color:#fff}


.gated-actions .btn-muted{background:rgba(255,255,255,.10)}


.result-pro-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center;text-align:initial;position:relative;z-index:1}


.result-title-block h2{font-size:clamp(32px,4.4vw,56px);line-height:1.13;margin:14px 0;font-weight:1000}


.result-title-block p{font-size:18px;line-height:1.85;color:#60777b;margin:0;max-width:740px}


.risk-meter{min-height:240px;border-radius:34px;display:grid;place-items:center;text-align:center;padding:24px;background:#f4fafb;border:1px solid #d5e5e8;position:relative;overflow:hidden}


.risk-meter:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;border:18px solid rgba(0,90,92,.14)}


.risk-meter strong,.risk-meter span,.risk-meter b{position:relative;z-index:1}


.risk-meter strong{font-size:56px;line-height:1;color:var(--teal);font-weight:1000}


.risk-meter span{color:#60777b;font-weight:900}


.risk-meter b{display:inline-flex;border-radius:999px;padding:8px 16px;margin-top:8px;background:#e6f4f5;color:var(--teal);font-weight:1000}


.risk-meter.risk-high b{background:#fee2e2;color:#991b1b}


.risk-meter.risk-medium b{background:#fef3c7;color:#92400e}


.risk-meter.risk-low b{background:#dcfce7;color:#166534}


.risk-meter.risk-high:before{border-color:rgba(153,27,27,.16)}


.risk-meter.risk-medium:before{border-color:rgba(217,149,34,.22)}


.risk-meter.risk-low:before{border-color:rgba(22,101,52,.16)}


.result-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 0;text-align:initial}


.result-insight-grid .result-note{margin:0;padding:22px;border-radius:24px}


.result-insight-grid b{font-size:18px}


.result-insight-grid p{font-size:16px}


.important-note{background:#fffaf0;border-color:#efd6a6}


.recommendation-note{background:#f3fbfb;border-color:#cce4e6}


.result-next-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;text-align:initial}


.result-next-steps div{background:#fff;border:1px solid #d9e7e9;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(3,35,37,.05)}


.result-next-steps span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#003638;color:#fff;font-weight:1000;margin-bottom:10px}


.result-next-steps strong{display:block;font-weight:1000;color:#0b2224;margin-bottom:5px}


.result-next-steps small{display:block;color:#60777b;line-height:1.6}


.result-actions{justify-content:center;margin-top:20px}


@media (max-width:980px){
.gated-result-grid,.result-pro-head,.result-insight-grid{grid-template-columns:1fr}
.risk-meter{min-height:190px}
.result-next-steps{grid-template-columns:1fr}
}


@media (max-width:620px){
.compass-gated-result,.compass-result-pro{padding:18px;border-radius:24px}
.gated-copy,.gated-register-card{padding:22px 16px;border-radius:22px}
.locked-preview-card{grid-template-columns:1fr;text-align:center}
.locked-icon{margin-inline:auto}
.result-title-block h2,.gated-copy h2{font-size:30px}
.risk-meter strong{font-size:44px}
.hero-actions.result-actions,.hero-actions.gated-actions{display:grid;grid-template-columns:1fr;width:100%}
.hero-actions.result-actions .btn,.hero-actions.gated-actions .btn{width:100%;justify-content:center}
.compass-complete-stepper{margin-bottom:18px}
}


/* ===== Compass separate account creation flow ===== */
.gated-result-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
}


.gated-copy-wide{
  min-height:360px;
}


.gated-benefit-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}


.gated-benefit-list span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  position:relative;
  z-index:1;
}


.gated-benefit-list svg{width:18px;height:18px;color:var(--gold)}


.compass-auth-modal-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(0,25,26,.62);
  backdrop-filter:blur(10px);
}


.compass-auth-modal{
  width:min(560px,100%);
  background:#fff;
  border:1px solid #cfe0e3;
  border-radius:34px;
  padding:34px;
  box-shadow:0 34px 95px rgba(0,0,0,.25);
  text-align:center;
  position:relative;
  overflow:hidden;
}


.compass-auth-modal:before{
  content:"";
  position:absolute;
  inset:-150px auto auto -120px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(223,155,34,.16),transparent 68%);
  pointer-events:none;
}


.compass-auth-modal h2{
  font-size:clamp(28px,4vw,42px);
  line-height:1.2;
  margin:16px 0 12px;
  font-weight:1000;
  position:relative;
}


.compass-auth-modal p{
  color:#60777b;
  line-height:1.85;
  font-size:17px;
  margin:0 auto 24px;
  max-width:470px;
  position:relative;
}


@media (max-width:640px){
.compass-auth-modal-overlay{padding:12px;align-items:end}
.compass-auth-modal{border-radius:26px;padding:26px 18px}
.gated-copy-wide{min-height:auto;padding:24px 18px}
.gated-benefit-list{display:grid;grid-template-columns:1fr}
}


.compass-question-block h2{
  line-height:1.65;
}


.compass-choice-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}


.compass-choice{
  min-height:58px;
  justify-content:flex-start;
}


html[dir="rtl"] .compass-choice{justify-content:flex-start;text-align:right}


@media (max-width:720px){
.compass-choice-grid{grid-template-columns:1fr}
}


.compass-inline-note{
  display:flex;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,#effafa,#fff);
  border:1px solid #c6dde1;
  border-radius:20px;
  padding:16px 18px;
  margin:0 0 22px;
}


.compass-inline-note span{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:var(--teal);
  color:#fff;
  flex:0 0 auto;
}


.compass-inline-note strong{display:block;font-weight:1000;color:#073436;margin-bottom:3px}


.compass-inline-note small{display:block;color:#5f777b;line-height:1.55;font-weight:700}


/* Keep VATAX Compass visual selection synced with one selected radio option per question */
.compass-choice input[type="radio"]{position:absolute;opacity:0;pointer-events:none}


.compass-choice.selected{
  border-color:var(--teal);
  background:#edf8f8;
  box-shadow:0 14px 30px rgba(0,90,92,.11);
}


.compass-choice.selected .choice-circle{
  background:var(--teal);
  box-shadow:inset 0 0 0 5px #fff;
}


.create-account-card-wide .compass-inline-note{
  max-width:760px;
  margin-inline:auto;
}


@media (max-width:900px){
.create-account-card-wide .compass-inline-note{max-width:100%}
}


.compass-home-card{background:#001f20;color:white;border-radius:30px;padding:60px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;overflow:hidden}


.vtx-wizard-card .case-progress{max-width:980px}


html[dir="ltr"] .case-progress{direction:ltr}


html[dir="ltr"] .case-step:not(:last-child)::after{right:auto;left:50%}


@media (max-width:760px){
.case-progress{grid-template-columns:1fr!important}
.case-step{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;text-align:inherit;background:#f7fbfc;border:1px solid #d9e6e9;border-radius:16px;padding:10px}
.case-step-dot{margin:0!important}
.case-step::after{display:none!important}
}


.service-submit-card>input[name="service_group"]+.case-progress{margin-bottom:42px}


.service-submit-card .wizard-step>h2{font-size:clamp(28px,3vw,42px);margin-bottom:12px}


.service-submit-card .wizard-step>.muted{max-width:760px;margin-bottom:28px}


.service-submit-progress .case-step.completed .case-step-dot,.service-submit-progress .case-step.is-complete .case-step-dot{font-size:0;background:var(--teal);color:#fff}


.service-submit-progress .case-step.completed .case-step-dot:before,.service-submit-progress .case-step.is-complete .case-step-dot:before{content:"✓";font-size:24px}


.service-submit-progress .case-step.completed span,.service-submit-progress .case-step.is-complete span{color:var(--teal)}


@media (max-width:760px){
.service-submit-progress .case-step:not(:last-child)::after{display:none}
}


.compass-risk-gauge-wrap{display:grid!important;place-items:center;gap:10px;padding:18px!important;min-width:260px}


.compass-risk-gauge-wrap .vatax-risk-gauge{min-width:220px}


.compass-risk-gauge-wrap>span{font-weight:900;color:#60787c}


.compass-risk-gauge-wrap>b{font-size:18px;border-radius:999px;padding:6px 12px;background:#f7fbfc;color:#143b3d}


@media (max-width:620px){
.compass-risk-gauge-wrap{min-width:0;width:100%}
}


/* Compass result gauge: use the same working needle gauge used by VAT Return Checker. */
.compass-return-style-gauge{min-width:260px;padding:18px 18px 16px;align-self:stretch;display:grid;place-items:center;gap:8px}


.compass-return-style-gauge .vatax-risk-gauge .gauge-arc{width:170px;height:90px}


.compass-return-style-gauge .vatax-risk-gauge strong{color:#fff}


.compass-return-style-gauge .vatax-risk-gauge small{color:#d8eff0}


.compass-return-style-gauge>span{font-weight:900;color:#d8eff0}


@media (max-width:620px){
.compass-return-style-gauge{min-width:0;width:100%}
}


.checker-status-gauge-card .vatax-risk-gauge .gauge-arc,.compass-return-style-gauge .vatax-risk-gauge .gauge-arc{filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}


.checker-status-gauge-card .vatax-risk-gauge strong,.compass-return-style-gauge .vatax-risk-gauge strong{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.18)}


/* AskVATAX contextual field assistance */
.form-field > label,.compass-question-block > h2,.checker-desc{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap}


.compass-question-help{margin-inline-start:6px}


.compass-stop-notice{margin:16px 0 0;padding:13px 15px;border-radius:18px;background:#fff8e8;border:1px solid rgba(215,149,34,.35);color:#5f430b;font-weight:900;display:flex;align-items:center;gap:10px}


.compass-stop-notice svg{width:20px;height:20px;flex:0 0 auto}


.compass-choice.is-stop-selected{outline:3px solid rgba(215,149,34,.35);background:#fff8e8}


.compass-choice.is-high-stop{outline-color:rgba(240,82,69,.35);background:#fff2f0}


/* Tools and compass refinements */
.tools-hero h1,
.compass-page h1,
.vat-checker-page h1{
  font-size:clamp(2rem,4vw,3.7rem)!important;
  line-height:1.18!important;
}


.compass-wizard-card,
.vat-checker-card{
  max-width:1120px!important;
  margin-inline:auto!important;
}


.compass-question-block h2,
.compass-question-title,
.vat-checker-card h2{
  font-size:clamp(1.35rem,2.35vw,2.15rem)!important;
  line-height:1.45!important;
}


.compass-result-card,
.compass-results-panel{
  margin-inline:auto!important;
  text-align:inherit!important;
}


html[dir="rtl"] .compass-result-card,
html[dir="rtl"] .compass-results-panel{
  direction:rtl!important;
  text-align:right!important;
}


html[dir="ltr"] .compass-result-card,
html[dir="ltr"] .compass-results-panel{
  direction:ltr!important;
  text-align:left!important;
}


/* Remove the visible field/question helper marks while keeping AskVATAX manual chat active */
.askvatax-field-help,
.compass-question-help,
.checker-row-help,
.form-field label .askvatax-field-help,
.compass-question-block h2 .askvatax-field-help,
[data-checker-row] .askvatax-field-help{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


.askvatax-field-help,
.compass-question-help,
.checker-row-help,
.form-field label .askvatax-field-help,
.compass-question-block h2 .askvatax-field-help,
[data-checker-row] .askvatax-field-help,
[data-vtx-help]:not(.askvatax-widget){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


html[dir="rtl"] body.public-body:not(.admin-body) :where(.section-head,.tool-card,.public-service-card,.service-pillar-card,.service-panel-head,.service-detail-main,.compass-wizard-card,.compass-wizard-head,.compass-question-block,.stage-title-row,.result-title-block,.result-note,.result-next-steps){direction:rtl;text-align:right;}


html[dir="ltr"] body.public-body:not(.admin-body) :where(.section-head,.tool-card,.public-service-card,.service-pillar-card,.service-panel-head,.service-detail-main,.compass-wizard-card,.compass-wizard-head,.compass-question-block,.stage-title-row,.result-title-block,.result-note,.result-next-steps){direction:ltr;text-align:left;}


html[dir="rtl"] body.public-body:not(.admin-body) :where(.section-head,.compass-wizard-head){margin-inline-start:auto;margin-inline-end:0;}


html[dir="ltr"] body.public-body:not(.admin-body) :where(.section-head,.compass-wizard-head){margin-inline-start:0;margin-inline-end:auto;}


html[dir="rtl"] body.public-body:not(.admin-body) .compass-wizard-head p,
html[dir="rtl"] body.public-body:not(.admin-body) .compass-question-block h2,
html[dir="rtl"] body.public-body:not(.admin-body) .compass-question-block .hint{margin-inline-start:auto;margin-inline-end:0;text-align:right;}


html[dir="ltr"] body.public-body:not(.admin-body) .compass-wizard-head p,
html[dir="ltr"] body.public-body:not(.admin-body) .compass-question-block h2,
html[dir="ltr"] body.public-body:not(.admin-body) .compass-question-block .hint{margin-inline-start:0;margin-inline-end:auto;text-align:left;}


html[dir="rtl"] body.public-body:not(.admin-body) .choice-grid,
html[dir="rtl"] body.public-body:not(.admin-body) .compass-choice-grid{direction:rtl;text-align:right;}


html[dir="ltr"] body.public-body:not(.admin-body) .choice-grid,
html[dir="ltr"] body.public-body:not(.admin-body) .compass-choice-grid{direction:ltr;text-align:left;}


html[dir="rtl"] body.public-body:not(.admin-body) .wizard-actions,
html[dir="rtl"] body.public-body:not(.admin-body) .compass-actions,
html[dir="rtl"] body.public-body:not(.admin-body) .result-actions{justify-content:flex-start;direction:rtl;}


html[dir="ltr"] body.public-body:not(.admin-body) .wizard-actions,
html[dir="ltr"] body.public-body:not(.admin-body) .compass-actions,
html[dir="ltr"] body.public-body:not(.admin-body) .result-actions{justify-content:flex-start;direction:ltr;}


.compass-choice.is-stop-selected{
  outline:3px solid rgba(232,161,29,.34)!important;
  background:#fff8e8!important;
  border-color:rgba(232,161,29,.5)!important;
}


.compass-choice.is-high-stop{
  outline-color:rgba(224,69,57,.36)!important;
  background:#fff3f1!important;
  border-color:rgba(224,69,57,.42)!important;
}


.compass-choice.is-medium-stop{
  outline-color:rgba(232,161,29,.38)!important;
  background:#fff8e8!important;
  border-color:rgba(232,161,29,.46)!important;
}


.compass-choice.is-low-stop{
  outline-color:rgba(43,179,107,.34)!important;
  background:#f1fff7!important;
  border-color:rgba(43,179,107,.42)!important;
}


.compass-stop-notice{
  margin-top:14px!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:#fff8e8!important;
  border:1px solid rgba(232,161,29,.35)!important;
  color:#5f430b!important;
  font-weight:900;
  line-height:1.55!important;
}


.vtx-swal-compass-result .vtx-swal-risk-card.compass-return-style-gauge{padding:18px 18px 16px!important;box-shadow:0 20px 46px rgba(0,90,92,.22)!important;}


/* VATAX Compass success flash is rendered through branded SweetAlert; keep the page clean from the inline blue banner. */
body.page-vatax-compass-body .vtx-flash-alert.alert-success,
body.public-vatax-compass-body .vtx-flash-alert.alert-success{display:none!important;}


/* ===== VATAX final requested patch 2026-06-23: compass gauge side, success icon, direct email link ===== */
body.public-body:not(.admin-body) .compass-result-pro .result-pro-head{
  grid-template-columns:260px minmax(0,1fr)!important;
}


body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .checker-status-gauge-card,
body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .compass-return-style-gauge{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:stretch!important;
}


body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .result-title-block{
  grid-column:2!important;
  grid-row:1!important;
}


@media (max-width:980px){
body.public-body:not(.admin-body) .compass-result-pro .result-pro-head{
    grid-template-columns:1fr!important;
  }
body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .checker-status-gauge-card,
  body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .compass-return-style-gauge,
  body.public-body:not(.admin-body) .compass-result-pro .result-pro-head .result-title-block{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* VATAX 2026-06-27: smaller compass questions without breaking RTL/LTR alignment */
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block h2,
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-title{font-size:clamp(17px,1.45vw,22px)!important;line-height:1.55!important;margin:8px 0 14px!important;letter-spacing:0!important;max-width:100%!important;}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{font-size:14px!important;line-height:1.55!important;min-height:52px!important;padding:12px 14px!important;gap:10px!important;align-items:flex-start!important;}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice span:not(.choice-circle){font-size:14px!important;line-height:1.55!important;}
html[dir="rtl"] body.public-body.page-vatax-compass-body .compass-question-block h2,
html[dir="rtl"] body.public-body.page-vatax-compass-body .compass-choice{text-align:right!important;direction:rtl!important;}
html[dir="ltr"] body.public-body.page-vatax-compass-body .compass-question-block h2,
html[dir="ltr"] body.public-body.page-vatax-compass-body .compass-choice{text-align:left!important;direction:ltr!important;}
@media(max-width:620px){html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block h2,html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-title{font-size:16px!important;line-height:1.6!important;}html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice,html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice span:not(.choice-circle){font-size:13.5px!important;}}
