.sasal-contact-page { color: var(--text-primary); background: var(--surface-card); }
.sasal-contact-page__shell { width: min(1120px, calc(100% - 96px)); margin: 0 auto; }
.sasal-contact-page__hero { padding: clamp(84px, 13vw, 158px) 0 clamp(62px, 9vw, 106px); background: #123e38; color: #f5f7f4; }
.sasal-contact-page__hero h1 { max-width: 780px; margin: 16px 0 20px; color: inherit; font: var(--type-h1); letter-spacing: -.055em; }
.sasal-contact-page__hero p:last-child { max-width: 700px; margin: 0; color: rgba(245,247,244,.78); font: var(--type-body-lg); line-height: var(--leading-relaxed); }
.sasal-contact-page__eyebrow, .sasal-contact-page__kicker { margin: 0; color: var(--text-accent); font: var(--type-label); letter-spacing: .12em; text-transform: uppercase; }
.sasal-contact-page__eyebrow { color: #a4d3c4; }
.sasal-contact-page__form-section { display: grid; grid-template-columns: minmax(230px,.67fr) minmax(0,1.33fr); gap: clamp(42px,9vw,128px); padding: clamp(60px,9vw,116px) 0 clamp(78px,11vw,140px); }
.sasal-contact-page__form-intro h2 { margin: 10px 0 0; color: var(--text-primary); font: var(--type-h3); letter-spacing: -.04em; }
.sasal-contact-page__form-intro p:last-child { margin: 17px 0 0; color: var(--text-muted); font: var(--type-body); line-height: var(--leading-relaxed); }
.sasal-contact-page__consultation-link { display: grid; gap: 5px; margin-top: 28px; padding: 15px 16px; border-left: 3px solid #df5c43; background: #fff7f3; color: #123e38; text-decoration: none; }
.sasal-contact-page__consultation-link span { font: var(--type-label); letter-spacing: .02em; }
.sasal-contact-page__consultation-link small { color: #6d625e; font: var(--type-body-sm); }
.sasal-contact-page__consultation-link:hover { background: #fff0e9; }
.sasal-contact-page__form-wrap { min-width: 0; }
.sasal-contact-inquiry__notice { margin: 0 0 26px; padding: 19px 21px; border-left: 3px solid #167261; background: #ecf7f3; color: #164f45; font: var(--type-body-sm); line-height: var(--leading-relaxed); }
.sasal-contact-inquiry__notice strong { display: block; color: inherit; font: var(--type-body); }
.sasal-contact-inquiry__notice p { margin: 5px 0 0; }
.sasal-contact-inquiry__notice--error { border-color: #a34242; background: #fff3f2; color: #7d3333; }
.sasal-contact-inquiry form > p { margin: 0 0 19px; }
.sasal-contact-inquiry label, .sasal-contact-inquiry legend { color: var(--text-primary); font: var(--type-label); }
.sasal-contact-inquiry label > span { color: var(--text-muted); font-weight: 500; }
.sasal-contact-inquiry input:not([type=radio]):not([type=checkbox]), .sasal-contact-inquiry textarea, .sasal-contact-inquiry select { display: block; width: 100%; margin-top: 8px; padding: 13px 14px; border: 1px solid #c8d3cf; border-radius: 4px; background: #fff; color: var(--text-primary); font: var(--type-body); line-height: 1.45; transition: border-color .16s ease, box-shadow .16s ease; }
.sasal-contact-inquiry textarea { min-height: 168px; resize: vertical; }
.sasal-contact-inquiry input:focus, .sasal-contact-inquiry textarea:focus, .sasal-contact-inquiry select:focus { border-color: #167261; outline: 0; box-shadow: 0 0 0 3px rgba(22,114,97,.14); }
.sasal-contact-inquiry__types { margin: 0 0 30px; padding: 0; border: 0; }
.sasal-contact-inquiry__types > legend { margin-bottom: 12px; }
.sasal-contact-inquiry__types > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.sasal-contact-inquiry__type { position: relative; display: block; min-height: 100%; margin: 0; cursor: pointer; }
.sasal-contact-inquiry__type input { position: absolute; opacity: 0; pointer-events: none; }
.sasal-contact-inquiry__type > span { display: block; height: 100%; padding: 15px 15px 14px 18px; border: 1px solid #d4ddda; border-radius: 3px; background: #fff; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.sasal-contact-inquiry__type strong { display: block; color: var(--text-primary); font: var(--type-body-sm); font-weight: 700; line-height: 1.35; }
.sasal-contact-inquiry__type small { display: block; margin-top: 5px; color: var(--text-muted); font: 12px/1.45 var(--superio-main-font,Arial,sans-serif); }
.sasal-contact-inquiry__type:hover > span { border-color: #8fbdb1; background: #f6fbf9; transform: translateY(-1px); }
.sasal-contact-inquiry__type input:checked + span { border-color: #167261; background: #eaf6f2; box-shadow: inset 3px 0 0 #167261; }
.sasal-contact-inquiry__type input:focus-visible + span { outline: 3px solid rgba(22,114,97,.24); outline-offset: 2px; }
.sasal-contact-inquiry__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
.sasal-contact-inquiry__consent label { display: flex; gap: 10px; align-items: flex-start; color: var(--text-muted); font: var(--type-body-sm); line-height: 1.55; }
.sasal-contact-inquiry__consent input { flex: 0 0 auto; margin-top: 4px; }
.sasal-contact-inquiry__action { margin-top: 28px !important; }
.sasal-contact-inquiry__action button { display: inline-flex; align-items: center; gap: 16px; min-height: 50px; padding: 0 22px; border: 0; border-radius: 999px; background: #123e38; color: #fff; cursor: pointer; font: var(--type-label); }
.sasal-contact-inquiry__action button:hover { background: #167261; }
.sasal-contact-inquiry__trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.sasal-consultation-page .sasal-contact-page__hero { background: linear-gradient(115deg,#123e38 0%,#155549 70%,#1d6a5a 100%); }
.sasal-consultation-page__form-section { display: block; }
.sasal-consultation-pagination { margin: 0 0 38px; }
.sasal-consultation-pagination ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.sasal-consultation-pagination li { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 0 14px 13px 0; border-bottom: 2px solid #d4ddda; color: var(--text-muted); font: var(--type-body-sm); }
.sasal-consultation-pagination li + li { padding-left: 14px; }
.sasal-consultation-pagination b { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background: #d4ddda; color: #fff; font: 700 12px/1 var(--superio-main-font,Arial,sans-serif); }
.sasal-consultation-pagination li.is-current { border-color: #167261; color: var(--text-primary); }
.sasal-consultation-pagination li.is-current b, .sasal-consultation-pagination li.is-complete b { background: #167261; }
.sasal-consultation-step > h2 { margin: 0 0 27px; color: var(--text-primary); font: var(--type-h3); letter-spacing: -.035em; }
.sasal-consultation-pagination__controls { display: none; justify-content: space-between; gap: 12px; margin: 32px 0 0 !important; }
.sasal-pagination-ready .sasal-consultation-pagination__controls { display: flex; }
.sasal-consultation-pagination__controls--next { justify-content: flex-end; }
.sasal-consultation-pagination__controls button { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 20px; border: 0; border-radius: 999px; background: #123e38; color: #fff; cursor: pointer; font: var(--type-label); }
.sasal-consultation-pagination__controls [data-sasal-consultation-result-open] { margin-left: auto; }
.sasal-consultation-pagination__controls .sasal-consultation-pagination__back { background: transparent; color: #164f45; box-shadow: inset 0 0 0 1px #a9c7be; }
.sasal-consultation-pagination__controls button:hover { background: #167261; }
.sasal-consultation-pagination__controls .sasal-consultation-pagination__back:hover { background: #edf8f5; color: #164f45; }
.sasal-consultation-market-picker { margin: 0 0 25px; padding: 0; border: 0; }
.sasal-consultation-market-picker > legend { margin-bottom: 10px; color: var(--text-primary); font: var(--type-label); }
.sasal-consultation-market-picker > legend span { color: var(--text-muted); font-weight: 500; }
.sasal-consultation-market-picker__header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 11px; }
.sasal-consultation-market-picker__header p { margin: 0; color: var(--text-muted); font: var(--type-body-sm); }
.sasal-consultation-market-picker__header output { flex: 0 0 auto; color: #167261; font: var(--type-label); }
.sasal-consultation-market-picker__label { margin: 17px 0 8px !important; color: var(--text-primary); font: var(--type-label); }
.sasal-consultation-market-picker__regions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.sasal-consultation-market-picker__regions label { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 11px; border: 1px solid #d4ddda; background: #fff; cursor: pointer; color: var(--text-primary); font: var(--type-body-sm); line-height: 1.35; }
.sasal-consultation-market-picker__regions input { flex: 0 0 auto; margin: 0; accent-color: #167261; }
.sasal-consultation-market-picker__regions label:has(input:checked) { border-color: #167261; background: #eaf6f2; color: #164f45; }
.sasal-consultation-market-picker__regions label:has(input:focus-visible) { outline: 3px solid rgba(22,114,97,.24); outline-offset: 2px; }
.sasal-consultation-market-picker__search { display: block; margin: 0 0 8px; }
.sasal-consultation-market-picker__search input { margin-top: 0 !important; }
.sasal-consultation-market-picker__countries { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); max-height: 246px; overflow-y: auto; border: 1px solid #d4ddda; background: #fff; }
.sasal-consultation-market-picker__countries[hidden] { display: none; }
.sasal-consultation-market-picker__countries label { display: flex; gap: 8px; align-items: center; min-width: 0; padding: 10px 11px; border-right: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; cursor: pointer; color: var(--text-primary); font: var(--type-body-sm); line-height: 1.35; }
.sasal-consultation-market-picker__countries label:hover { background: #f6fbf9; }
.sasal-consultation-market-picker__countries input { flex: 0 0 auto; accent-color: #167261; }
.sasal-consultation-market-picker__empty { margin: 8px 0 0; color: var(--text-muted); font: var(--type-body-sm); }
.sasal-consultation-inquiry__choices { margin: 0 0 25px; padding: 0; border: 0; }
.sasal-consultation-inquiry__choices > legend { margin-bottom: 11px; }
.sasal-consultation-inquiry__choices > legend span { color: var(--text-muted); font-weight: 500; }
.sasal-consultation-inquiry__choices > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sasal-consultation-inquiry__choices label { display: flex; gap: 9px; align-items: flex-start; min-height: 100%; padding: 12px; border: 1px solid #d4ddda; background: #fff; cursor: pointer; font: var(--type-body-sm); line-height: 1.42; }
.sasal-consultation-inquiry__choices label:hover { border-color: #8fbdb1; background: #f6fbf9; }
.sasal-consultation-inquiry__choices input { flex: 0 0 auto; margin-top: 3px; accent-color: #167261; }
.sasal-consultation-inquiry__select-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.sasal-consultation-inquiry__select-grid--single { grid-template-columns: 1fr; }
.sasal-consultation-inquiry__select-grid .sasal-consultation-inquiry__choices > div { grid-template-columns: 1fr; }
.sasal-consultation-inquiry__select-grid--single .sasal-consultation-inquiry__choices > div { grid-template-columns: 1fr; }
.sasal-consultation-inquiry__budget-note { margin: -2px 0 25px !important; padding: 14px 16px; border-left: 3px solid #df5c43; background: #fff7f3; color: #5f554f; font: var(--type-body-sm); line-height: var(--leading-relaxed); }
.sasal-consultation-recommendation { margin: 26px 0; padding: 22px 0; border-top: 1px solid #d4ddda; border-bottom: 1px solid #d4ddda; background: transparent; }
.sasal-consultation-recommendation > p { margin: 0; color: #167261; font: var(--type-label); }
.sasal-consultation-recommendation h2 { margin: 8px 0; color: var(--text-primary); font: var(--type-h4); }
.sasal-consultation-recommendation div { color: var(--text-muted); font: var(--type-body-sm); line-height: var(--leading-relaxed); }
.sasal-consultation-recommendation [data-sasal-consultation-recommendation-detail] { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; color: #164f45; font: var(--type-label); text-decoration: none; }
.sasal-consultation-recommendation [data-sasal-consultation-recommendation-detail]:hover { color: #167261; text-decoration: underline; text-underline-offset: 3px; }
.sasal-consultation-recommendation__action { margin: 0 0 26px; }
.sasal-consultation-pagination__controls .sasal-consultation-recommendation__action { margin: 0 0 0 auto; }
.sasal-consultation-recommendation__action a { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px; border-radius: 999px; background: #123e38; color: #fff; font: var(--type-label); text-decoration: none; }
.sasal-consultation-recommendation__action a:hover { background: #167261; color: #fff; }
.sasal-cost-review-page .sasal-contact-page__hero { background: linear-gradient(115deg,#123e38 0%,#155549 70%,#1d6a5a 100%); }
.sasal-cost-review-page__steps { display: grid; gap: 0; border-top: 1px solid #d4ddda; border-bottom: 1px solid #d4ddda; }
.sasal-cost-review-page__steps article { position: relative; padding: 22px 0 22px 48px; }
.sasal-cost-review-page__steps article + article { border-top: 1px solid #edf1ef; }
.sasal-cost-review-page__steps b { position: absolute; top: 24px; left: 0; color: #167261; font: var(--type-label); }
.sasal-cost-review-page__steps h3 { margin: 0 0 6px; color: var(--text-primary); font: var(--type-body); }
.sasal-cost-review-page__steps p { margin: 0; color: var(--text-muted); font: var(--type-body-sm); line-height: var(--leading-relaxed); }
.sasal-cost-review-page__action { display: inline-flex; align-items: center; gap: 16px; margin-top: 26px; min-height: 50px; padding: 0 22px; border-radius: 999px; background: #123e38; color: #fff; font: var(--type-label); text-decoration: none; }
.sasal-cost-review-page__action:hover { background: #167261; color: #fff; }
@media (max-width: 800px) { .sasal-contact-page__shell { width: min(100% - 40px,1120px); } .sasal-contact-page__form-section { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 560px) { .sasal-contact-page__shell { width: min(100% - 30px,1120px); } .sasal-contact-page__hero { padding-top: 76px; } .sasal-contact-inquiry__types > div, .sasal-contact-inquiry__grid, .sasal-consultation-inquiry__choices > div, .sasal-consultation-inquiry__select-grid, .sasal-consultation-inquiry__select-grid--single .sasal-consultation-inquiry__choices > div, .sasal-consultation-market-picker__regions, .sasal-consultation-market-picker__countries { grid-template-columns: 1fr; } .sasal-consultation-market-picker__header { align-items: flex-start; flex-direction: column; gap: 5px; } .sasal-consultation-pagination li { gap: 6px; padding-right: 7px; font-size: 12px; } .sasal-consultation-pagination li + li { padding-left: 7px; } .sasal-consultation-pagination b { width: 21px; height: 21px; } }
@media (prefers-reduced-motion: reduce) { .sasal-contact-inquiry__type > span, .sasal-contact-inquiry input, .sasal-contact-inquiry textarea { transition: none; } }