.websites-page { background:#f3f6fa; }
.websites-page h4 { margin:0; font-size:1rem; }
.sales-header { background:rgba(246,249,252,.96); }
.sales-hero { padding:clamp(76px,9vw,122px) 0 88px; background:linear-gradient(135deg,#f3f6fa 0%,#f5f8fb 62%,#e6f0fb 100%); }
.sales-hero-grid { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(330px,.68fr); gap:clamp(54px,9vw,120px); align-items:center; }
.sales-hero h1 { max-width:740px; font-size:clamp(2.75rem,4.7vw,4.3rem); }
.sales-price { display:flex; align-items:baseline; gap:14px; margin:30px 0 0; }
.sales-price strong { color:var(--blue-dark); font-size:2rem; letter-spacing:-.04em; }
.sales-price span { color:var(--slate); font-weight:700; }
.sales-trust { margin:26px 0 0; color:var(--slate); font-size:.9rem; font-weight:650; }
.sales-trust span { margin:0 7px; color:var(--blue); }
.fit-card { padding:36px; border:1px solid #cdd9e8; border-radius:var(--radius); background:rgba(255,255,255,.88); box-shadow:var(--shadow); }
.card-label,.entry-label { margin-bottom:24px; color:var(--blue-dark); font-size:.72rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.fit-card h2 { font-size:clamp(1.55rem,2.35vw,2.1rem); line-height:1.14; }
.fit-card ul,.check-list,.boundary-grid ul { margin:28px 0; padding:0; list-style:none; }
.fit-card li,.check-list li,.boundary-grid li { padding:12px 0 12px 26px; border-top:1px solid var(--line); position:relative; }
.fit-card li::before,.check-list li::before,.boundary-grid li::before { content:""; width:8px; height:8px; position:absolute; left:2px; top:21px; border-radius:50%; background:var(--blue); }
.fit-card > p:last-child { margin:0; color:var(--slate); font-size:.9rem; }
.sales-heading { max-width:850px; margin-bottom:54px; }
.sales-heading > p:last-child { max-width:700px; margin:24px 0 0; color:var(--slate); }
.split-sales-heading { max-width:none; display:grid; grid-template-columns:1.1fr .7fr; gap:70px; align-items:end; }
.proof-section { padding:clamp(82px,9vw,124px) 0; background:var(--white); }
.demo-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.demo-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 12px 35px rgba(10,24,48,.07); }
.demo-card img { width:100%; aspect-ratio:1.15; object-fit:cover; }
.demo-card > div { padding:22px; }
.demo-card h3 { margin-bottom:10px; }
.demo-card > div > p:not(.demo-label) { color:var(--slate); font-size:.9rem; }
.demo-card ul { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 0; padding:0; list-style:none; }
.demo-card li { padding:5px 8px; border-radius:4px; color:#31415e; background:#edf3f9; font-size:.68rem; font-weight:750; }
.package-section { padding:clamp(82px,9vw,124px) 0; color:var(--white); background:var(--ink); }
.package-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(56px,9vw,125px); align-items:start; }
.package-intro > p:not(.eyebrow) { max-width:560px; margin:26px 0; color:#c2d0e3; }
.button-light { border-color:var(--white); color:var(--ink); background:var(--white); }
.button-light:hover { color:var(--white); }
.included-card { padding:clamp(30px,4vw,48px); border:1px solid rgba(255,255,255,.17); border-radius:var(--radius); background:rgba(255,255,255,.06); }
.included-card h3 { font-size:1.5rem; }
.included-card .check-list { margin-bottom:24px; }
.included-card .check-list li { border-color:rgba(255,255,255,.15); color:#e0e8f3; }
.included-card .check-list li::before { background:#77dbf2; }
.disclosure { margin:0; padding-top:22px; border-top:1px solid rgba(255,255,255,.16); color:#aebdd1; font-size:.82rem; }
.estimator-section { padding:clamp(82px,9vw,124px) 0; background:linear-gradient(180deg,#eaf2fb 0%,#f7f9fc 100%); }
.estimator-shell { max-width:1050px; }
.estimator-heading { margin-inline:auto; text-align:center; }
.estimator-heading > p { margin-inline:auto; }
.privacy-promise { padding:13px 17px; border:1px solid #bfd0e6; border-radius:7px; color:var(--ink) !important; background:rgba(255,255,255,.7); font-size:.91rem; }
.estimator-card { overflow:hidden; border:1px solid #cbd8e7; border-radius:16px; background:var(--white); box-shadow:0 22px 65px rgba(10,24,48,.1); }
.estimator-intro { padding:clamp(36px,6vw,70px); text-align:center; }
.estimator-intro .entry-label { margin-bottom:7px; }
.entry-price { margin:0; color:var(--ink); font-size:clamp(4rem,8vw,6.6rem); font-weight:820; letter-spacing:-.07em; line-height:1; }
.estimator-intro > p:not(.entry-label):not(.entry-price) { max-width:560px; margin:22px auto; color:var(--slate); }
.entry-note { font-size:.78rem; }
.estimator-progress { padding:22px 30px; border-bottom:1px solid var(--line); background:#f7f9fc; }
.estimator-progress > div { display:flex; justify-content:space-between; gap:24px; margin-bottom:12px; color:var(--slate); font-size:.82rem; }
.estimator-progress strong { color:var(--ink); }
.estimator-progress progress { width:100%; height:8px; overflow:hidden; border:0; border-radius:999px; color:var(--blue); background:#dfe7f0; }
.estimator-progress progress::-webkit-progress-bar { background:#dfe7f0; }
.estimator-progress progress::-webkit-progress-value { background:var(--blue); }
.estimator-progress progress::-moz-progress-bar { background:var(--blue); }
.estimator-form { padding:clamp(30px,5vw,58px); }
.estimator-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.estimator-form legend { max-width:780px; padding:0; font-size:clamp(1.65rem,3.2vw,2.65rem); font-weight:760; line-height:1.15; letter-spacing:-.035em; }
.step-help { max-width:700px; margin:18px 0 28px; color:var(--slate); }
.estimate-options { display:grid; gap:12px; }
.estimate-option { display:block; cursor:pointer; }
.estimate-option input { position:absolute; opacity:0; pointer-events:none; }
.option-copy { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 18px 17px 52px; border:2px solid var(--line); border-radius:9px; position:relative; background:var(--white); }
.option-copy::before { content:""; width:20px; height:20px; position:absolute; left:18px; top:50%; border:2px solid #8998ad; border-radius:50%; transform:translateY(-50%); }
input[type="checkbox"] + .option-copy::before { border-radius:4px; }
.estimate-option input:checked + .option-copy { border-color:var(--blue-dark); background:#edf4ff; box-shadow:0 0 0 1px var(--blue-dark); }
.estimate-option input:checked + .option-copy::before { border:6px solid var(--blue-dark); background:var(--white); }
input[type="checkbox"]:checked + .option-copy::before { border-width:2px; background:var(--blue-dark); box-shadow:inset 0 0 0 4px #edf4ff; }
.estimate-option input:focus-visible + .option-copy { outline:3px solid var(--cyan); outline-offset:3px; }
.option-copy strong { font-size:.96rem; line-height:1.35; }
.option-badge { flex:0 0 auto; padding:5px 8px; border-radius:4px; color:#26415f; background:#e7eef6; font-size:.7rem; font-weight:800; }
.option-review,.option-future { color:#714016; background:#fff0d9; }
.option-excluded { color:#7a2d27; background:#fee8e5; }
.estimator-controls { display:flex; justify-content:flex-end; gap:12px; margin-top:32px; }
.button-quiet { border-color:#b7c4d4; color:var(--ink); background:var(--white); box-shadow:none; }
.button-quiet:hover { border-color:var(--ink); color:var(--white); }
.clear-estimate { min-height:44px; margin-top:20px; padding:8px 0; border:0; color:#52637a; background:transparent; font:inherit; font-size:.82rem; font-weight:750; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.error-summary { margin-bottom:26px; padding:16px 18px; border:2px solid #a83b31; border-radius:8px; color:#6d241e; background:#fff1ef; font-weight:750; }
.estimate-result { padding:clamp(34px,6vw,68px); }
.result-kicker { margin-bottom:14px; color:var(--blue-dark); font-size:.74rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.estimate-result h3 { font-size:clamp(1.9rem,3.8vw,3.2rem); letter-spacing:-.04em; }
.result-total { display:flex; align-items:baseline; gap:12px; margin:28px 0 6px; color:var(--ink); }
.result-total span { font-size:clamp(3.8rem,8vw,6.8rem); font-weight:820; letter-spacing:-.07em; line-height:1; }
.result-total small { color:var(--slate); font-weight:750; }
.result-monthly { color:var(--blue-dark); font-size:1.25rem; font-weight:800; }
.result-domain { padding:13px 15px; border-left:4px solid var(--blue); background:#edf4fb; color:#31415e; font-size:.88rem; }
.estimate-result > p:not(.result-kicker):not(.result-total):not(.result-monthly):not(.result-domain) { max-width:760px; color:var(--slate); }
.result-breakdown,.review-breakdown { margin-top:30px; padding:24px; border:1px solid var(--line); border-radius:9px; background:#f8fafc; }
.result-breakdown ul,.review-breakdown ul { margin:14px 0 0; padding:0; list-style:none; }
.result-breakdown li { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-top:1px solid var(--line); }
.review-breakdown { border-color:#e4c699; background:#fff8ed; }
.review-breakdown li { margin:8px 0 0 20px; }
.result-small { margin-top:22px !important; font-size:.78rem; }
.lead-panel { margin:0 clamp(30px,5vw,58px) clamp(30px,5vw,58px); padding:clamp(26px,5vw,48px); border:1px solid #b8d0c9; border-radius:12px; background:#edf7f4; }
.lead-panel-heading { max-width:760px; }
.lead-panel-heading h3,.lead-success h3 { margin-bottom:12px; font-size:clamp(1.6rem,3vw,2.35rem); }
.lead-panel-heading > p:not(.result-kicker),.lead-success > p { color:#36574e; }
.test-mode-notice { padding:12px 14px; border-left:4px solid #2f8170; background:rgba(255,255,255,.72); font-size:.88rem; }
.lead-form { margin-top:30px; }
.lead-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.lead-fields .field-group:last-child { grid-column:1 / -1; }
.field-group { margin-bottom:20px; }
.field-group label,.contact-choice legend { display:block; margin-bottom:8px; color:var(--ink); font-size:.9rem; font-weight:800; }
.field-group input,.field-group textarea,.field-group select { width:100%; min-height:48px; padding:12px 13px; border:2px solid #a9b9c9; border-radius:7px; color:var(--ink); background:var(--white); font:inherit; }
.field-group textarea { min-height:112px; resize:vertical; }
.field-group input:focus-visible,.field-group textarea:focus-visible,.field-group select:focus-visible { border-color:var(--blue-dark); outline:3px solid var(--cyan); outline-offset:2px; }
.field-group [aria-invalid="true"] { border-color:#a83b31; background:#fff8f7; }
.field-help { margin:6px 0 0; color:#52677a; font-size:.78rem; }
.optional { color:#5c6d7f; font-size:.74rem; font-weight:650; }
.contact-choice { display:flex; flex-wrap:wrap; gap:10px 18px; margin:2px 0 24px; padding:0; border:0; }
.contact-choice legend { width:100%; }
.contact-choice label,.consent-choice { display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.contact-choice label { min-height:44px; align-items:center; padding:10px 12px; border:1px solid #b7c5d1; border-radius:7px; background:rgba(255,255,255,.62); }
.contact-choice input,.consent-choice input { width:20px; height:20px; flex:0 0 auto; margin-top:1px; accent-color:var(--blue-dark); }
.contact-choice input:focus-visible,.consent-choice input:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.consent-choice { padding:16px; border:1px solid #aebfca; border-radius:8px; background:rgba(255,255,255,.72); color:#28463e; font-size:.88rem; }
.lead-boundary { margin:18px 0 0; color:#405f56; font-size:.82rem; }
.lead-actions { display:flex; gap:12px; margin-top:24px; }
.lead-form[aria-busy="true"] { opacity:.72; }
.lead-form[aria-busy="true"] button { cursor:wait; }
.honeypot { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }
.lead-success { padding:8px 0; }
.lead-reference { font-size:.82rem; }
.scope-panel { margin:0 clamp(30px,5vw,58px) clamp(30px,5vw,58px); padding:clamp(26px,5vw,48px); border:1px solid #bdcde0; border-radius:12px; background:#f7f9fc; }
.scope-heading { max-width:780px; }
.scope-heading h3 { margin-bottom:12px; font-size:clamp(1.7rem,3.2vw,2.55rem); }
.scope-heading > p:not(.result-kicker) { color:var(--slate); }
.scope-review-block { margin-top:26px; padding:24px; border:1px solid #e0bf8c; border-radius:9px; background:#fff6e8; }
.scope-review-block h4 { font-size:1.35rem; }
.scope-price-row { display:flex; justify-content:space-between; gap:30px; align-items:end; margin:34px 0 20px; padding:24px; border-radius:10px; color:var(--white); background:var(--ink-2); }
.scope-price-row span { display:block; color:#b9c8da; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.scope-price-row strong { display:block; margin-top:4px; font-size:clamp(2.6rem,6vw,4.8rem); line-height:1; letter-spacing:-.06em; }
.scope-price-row p { max-width:300px; margin:0; color:#88def3; font-weight:800; text-align:right; }
.scope-card { padding:24px; border:1px solid var(--line); border-radius:9px; background:var(--white); }
.scope-card h4,.scope-grid h4,.payment-test h4 { font-size:1.15rem; }
.scope-items { margin:12px 0 0; padding:0; list-style:none; }
.scope-items li { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-top:1px solid var(--line); }
.scope-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px; }
.scope-grid article { padding:22px; border:1px solid var(--line); border-radius:9px; background:var(--white); }
.scope-grid ul { margin-bottom:0; padding-left:20px; }
.scope-grid p,.scope-grid li { color:var(--slate); font-size:.86rem; }
.scope-expiry { margin:20px 0; padding:13px 15px; border-left:4px solid var(--blue); background:#eaf2fb; color:#31415e; font-size:.86rem; }
.scope-form { margin-top:22px; }
.scope-form .consent-choice a { font-weight:800; }
.payment-test { margin-top:28px; padding:26px; border:1px solid #aaccc3; border-radius:10px; background:#eaf7f3; }
.payment-test > p:not(.result-kicker) { color:#36574e; }
.test-controls { max-width:520px; margin:18px 0; padding:14px 16px; border:1px solid #b8c8d4; border-radius:7px; background:rgba(255,255,255,.72); }
.test-controls summary { cursor:pointer; font-weight:800; }
.test-controls label { display:block; margin:14px 0 6px; font-size:.82rem; font-weight:800; }
.test-controls select { width:100%; min-height:48px; padding:10px; border:2px solid #99adbd; border-radius:6px; background:var(--white); font:inherit; }
.payment-status { margin-top:24px; padding:22px; border-left:5px solid var(--blue-dark); border-radius:7px; background:var(--white); }
.payment-status[data-status="paid"] { border-color:#26735f; }
.payment-status[data-status="canceled"],.payment-status[data-status="failed"] { border-color:#a64a3e; }
.payment-status h4 { margin-bottom:9px; }
.onboarding-panel { margin:0 clamp(30px,5vw,58px) clamp(30px,5vw,58px); padding:clamp(26px,5vw,48px); border:1px solid #b8cfc8; border-radius:12px; background:#f2f8f6; }
.onboarding-heading { max-width:820px; }
.onboarding-heading h3 { margin-bottom:12px; font-size:clamp(1.7rem,3.2vw,2.55rem); }
.onboarding-heading > p:not(.result-kicker) { color:#36574e; }
.onboarding-order { display:grid; grid-template-columns:.7fr .7fr 1.6fr; gap:16px; margin:28px 0; }
.onboarding-order > div { padding:18px; border:1px solid #c2d4cf; border-radius:8px; background:var(--white); }
.onboarding-order span { display:block; margin-bottom:7px; color:#52677a; font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.onboarding-order strong { color:var(--ink); font-size:1.15rem; }
.onboarding-order ul { margin:7px 0 0; padding-left:18px; color:var(--slate); font-size:.82rem; }
.onboarding-form { display:grid; gap:18px; }
.onboarding-form[aria-busy="true"] { opacity:.72; }
.onboarding-group { min-width:0; margin:0; padding:clamp(22px,4vw,34px); border:1px solid #c8d7d3; border-radius:10px; background:rgba(255,255,255,.82); }
.onboarding-group legend { padding:0 8px; color:var(--ink); font-size:1.22rem; font-weight:850; letter-spacing:-.02em; }
.group-help { margin:0 0 22px; color:var(--slate); font-size:.88rem; }
.onboarding-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.onboarding-confirmations { display:grid; gap:12px; }
.onboarding-success { padding:26px; border:1px solid #9fc8bb; border-radius:10px; background:var(--white); }
.onboarding-success h4 { margin-bottom:10px; font-size:1.45rem; }
.onboarding-success[data-status="scope_review_required"] { border-color:#d7b171; background:#fff9ef; }
.onboarding-success[data-status="needs_information"] { border-color:#9bbbd8; background:#f3f8fd; }
.onboarding-result-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }
.onboarding-result-list > div { padding:16px; border:1px solid var(--line); border-radius:7px; background:#f8fafc; }
.onboarding-result-list h5 { margin:0; font-size:.9rem; }
.onboarding-result-list ul { margin:10px 0 0; padding-left:20px; }
.process-sales { padding:clamp(82px,9vw,124px) 0; color:var(--white); background:var(--ink-2); }
.process-sales .sales-heading > p:last-child { color:#c2cee0; }
.sales-process-list { display:grid; grid-template-columns:repeat(5,1fr); margin:0; padding:0; border-top:1px solid rgba(255,255,255,.16); list-style:none; }
.sales-process-list li { padding:28px 24px; border-right:1px solid rgba(255,255,255,.16); }
.sales-process-list span { display:block; margin-bottom:36px; color:#78daf2; font-size:.75rem; font-weight:900; }
.sales-process-list h3 { margin-bottom:10px; font-size:1.06rem; }
.sales-process-list p { margin:0; color:#afbed1; font-size:.86rem; }
.ownership-section { padding:clamp(82px,9vw,124px) 0; background:var(--white); }
.ownership-grid { display:grid; grid-template-columns:1fr .82fr; gap:clamp(60px,10vw,145px); }
.ownership-grid > div:last-child p { color:var(--slate); }
.ownership-lead { color:var(--ink) !important; font-size:clamp(1.3rem,2.3vw,1.9rem); font-weight:680; line-height:1.45; letter-spacing:-.025em; }
.boundaries-section { padding:clamp(82px,9vw,124px) 0; background:#eaf2fb; }
.boundary-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:36px; }
.boundary-grid article { padding:clamp(28px,4vw,44px); border:1px solid #c7d5e5; border-radius:var(--radius); background:rgba(255,255,255,.72); }
.boundary-grid h3 { font-size:1.35rem; }
.boundary-grid ul { margin-bottom:0; }
.faq-section { padding:clamp(82px,9vw,124px) 0; background:var(--white); }
.faq-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(60px,10vw,145px); align-items:start; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font-weight:800; }
.faq-list summary::after { content:"+"; color:var(--blue-dark); font-size:1.3rem; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { max-width:700px; padding:0 30px 24px 0; color:var(--slate); }
.sales-final { padding:clamp(78px,8vw,110px) 0; color:var(--white); background:var(--blue-dark); }
.sales-final-grid { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:end; }
.sales-final p:not(.eyebrow) { max-width:650px; color:#d9e8fb; }
.sales-final .actions { justify-content:flex-end; }
.mobile-estimate-cta { display:none; }
@media (max-width:1050px) { .demo-grid { grid-template-columns:repeat(2,1fr); } .sales-process-list { grid-template-columns:repeat(2,1fr); } .sales-process-list li:last-child { grid-column:span 2; } }
@media (max-width:900px) { .sales-hero-grid,.split-sales-heading,.package-grid,.ownership-grid,.faq-grid,.sales-final-grid { grid-template-columns:1fr; } .fit-card { max-width:680px; } .sales-final .actions { justify-content:flex-start; } }
@media (max-width:680px) {
  .sales-hero { padding-top:60px; }
  .sales-price { align-items:flex-start; flex-direction:column; gap:0; }
  .sales-trust span { display:none; }
  .sales-trust { display:grid; gap:5px; }
  .demo-grid,.boundary-grid,.sales-process-list { grid-template-columns:1fr; }
  .sales-process-list li:last-child { grid-column:auto; }
  .estimator-progress { padding:18px; }
  .estimator-progress > div { align-items:flex-start; flex-direction:column; gap:5px; }
  .estimator-form,.estimate-result { padding:28px 20px; }
  .option-copy { align-items:flex-start; flex-direction:column; padding-left:50px; }
  .option-copy::before { top:28px; transform:none; }
  .estimator-controls { align-items:stretch; flex-direction:column-reverse; }
  .estimator-controls .button { width:100%; }
  .result-total { align-items:flex-start; flex-direction:column; gap:3px; }
  .lead-panel { margin:0 20px 28px; padding:24px 18px; }
  .scope-panel { margin:0 20px 28px; padding:24px 18px; }
  .onboarding-panel { margin:0 20px 28px; padding:24px 18px; }
  .scope-price-row { align-items:flex-start; flex-direction:column; }
  .scope-price-row p { text-align:left; }
  .scope-grid { grid-template-columns:1fr; }
  .lead-fields { grid-template-columns:1fr; gap:0; }
  .onboarding-grid,.onboarding-order,.onboarding-result-list { grid-template-columns:1fr; gap:0; }
  .onboarding-order > div,.onboarding-result-list > div { margin-bottom:12px; }
  .lead-fields .field-group:last-child { grid-column:auto; }
  .lead-actions { align-items:stretch; flex-direction:column; }
  .lead-actions .button { width:100%; }
  .mobile-estimate-cta { min-height:48px; display:flex; align-items:center; justify-content:center; position:fixed; right:14px; bottom:14px; left:14px; z-index:30; border-radius:7px; color:var(--white); background:var(--blue-dark); box-shadow:0 12px 35px rgba(10,24,48,.25); font-weight:850; text-decoration:none; }
  .estimate-complete .mobile-estimate-cta { display:none; }
  .site-footer { padding-bottom:90px; }
}

/* Sales-first post-launch review */
.sales-hero-conversion { padding:clamp(70px,8vw,112px) 0; }
.sales-hero-conversion h1 { max-width:780px; }
.hero-benefits { display:flex; flex-wrap:wrap; gap:8px 18px; margin:30px 0 0; padding:0; list-style:none; }
.hero-benefits li { display:flex; align-items:center; gap:8px; color:#40546f; font-size:.82rem; font-weight:800; }
.hero-benefits li::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--blue); }
.fit-card-results { padding:clamp(28px,4vw,44px); }
.fit-points { display:grid; gap:0; margin-top:22px; }
.fit-points p { display:grid; gap:3px; margin:0; padding:15px 0; border-top:1px solid #d3deea; }
.fit-points strong { color:var(--ink); font-size:.92rem; }
.fit-points span { color:var(--slate); font-size:.82rem; }
.offer-choice-section { padding:clamp(76px,8vw,112px) 0; background:#f0f5fb; }
.offer-heading { margin-bottom:38px; }
.offer-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
.offer-card { display:flex; flex-direction:column; padding:clamp(28px,4vw,44px); border:1px solid #c7d5e4; border-radius:16px; background:var(--white); box-shadow:0 16px 45px rgba(12,27,51,.07); }
.offer-card-professional { border:2px solid var(--blue-dark); box-shadow:0 20px 55px rgba(22,78,145,.12); }
.offer-label { margin:0 0 9px; color:var(--blue-dark); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.offer-card h3 { font-size:clamp(1.7rem,3vw,2.4rem); }
.offer-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 10px; margin:20px 0; }
.offer-price span,.offer-price small { color:var(--slate); font-size:.78rem; font-weight:800; }
.offer-price strong { color:var(--ink); font-size:clamp(3rem,6vw,4.8rem); line-height:1; letter-spacing:-.06em; }
.offer-card > p:not(.offer-label):not(.offer-price):not(.offer-boundary) { color:var(--slate); }
.offer-card ul { margin:20px 0 24px; padding:0; list-style:none; }
.offer-card li { min-height:42px; padding:10px 0 10px 26px; border-top:1px solid var(--line); position:relative; color:#34465d; font-size:.88rem; }
.offer-card li::before { content:"✓"; position:absolute; left:0; color:var(--blue-dark); font-weight:900; }
.offer-boundary { margin:auto 0 24px; padding:14px 16px; border-left:4px solid #93adc8; background:#f3f6f9; color:#4f627a; font-size:.78rem; }
.offer-card .button { width:100%; }
.starter-review-note { margin:20px 0 0; padding:14px 18px; border:1px solid #d8c69b; border-radius:7px; background:#fff9e9; color:#69562e; font-size:.8rem; }
.proof-section-compact { padding:clamp(74px,8vw,108px) 0; }
.demo-grid-clickable .demo-card { display:block; color:inherit; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.demo-grid-clickable .demo-card:hover { transform:translateY(-5px); box-shadow:0 20px 46px rgba(12,27,51,.14); }
.demo-grid-clickable .demo-card:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.demo-grid-clickable .demo-card img { height:170px; object-fit:cover; }
.demo-grid-clickable .demo-card span { display:block; margin-top:16px; color:var(--blue-dark); font-size:.76rem; font-weight:900; }
.demo-northline { border-top:5px solid #2f526e; }
.demo-barber { border-top:5px solid #b44634; }
.demo-maker { border-top:5px solid #a05a76; }
.demo-sunny { border-top:5px solid #d5a516; }
.why-saar-section { padding:clamp(76px,8vw,112px) 0; color:var(--white); background:var(--ink); }
.why-saar-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(46px,8vw,110px); }
.why-saar-grid > div:first-child > p:not(.eyebrow) { color:#bdcbdd; }
.reason-grid { display:grid; gap:12px; }
.reason-grid article { display:grid; grid-template-columns:42px 1fr; gap:4px 16px; padding:20px 0; border-top:1px solid rgba(255,255,255,.15); }
.reason-grid strong { grid-row:1 / span 2; color:#7edcf2; font-size:.75rem; }
.reason-grid h3 { margin:0; font-size:1.15rem; }
.reason-grid p { margin:4px 0 0; color:#b9c8da; font-size:.86rem; }
.process-sales-short .sales-process-list { grid-template-columns:repeat(3,1fr); }
.process-sales-short .sales-process-list li:last-child { grid-column:auto; }
@media (max-width:900px) { .offer-choice-grid,.why-saar-grid { grid-template-columns:1fr; } }
@media (max-width:680px) {
  .sales-hero-conversion { padding-top:50px; }
  .hero-benefits { display:grid; }
  .offer-choice-grid { gap:16px; }
  .offer-card { padding:26px 22px; }
  .demo-grid-clickable .demo-card img { height:155px; }
  .process-sales-short .sales-process-list { grid-template-columns:1fr; }
  .mobile-estimate-cta { background:var(--blue-dark); }
}