:root{--charcoal:#061443;--charcoal-2:#10245b;--ink:#111827;--text:#4e5667;--paper:#fff;--soft:#f5f7fb;--line:#dbe2ed;--lime:#8fa8e8;--font-sans:'DM Sans',Arial,sans-serif;--font-serif:'Instrument Serif',Georgia,serif;--width:1240px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #2f5fa8;outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-80px;background:var(--lime);color:var(--ink);padding:12px;z-index:100}.skip-link:focus{top:10px}.shell{width:min(var(--width),calc(100% - 112px));margin-inline:auto}.section-pad{padding-block:clamp(76px,8vw,112px)}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-serif);font-weight:400;letter-spacing:-.012em;line-height:1.12}h2{font-size:clamp(40px,4.4vw,62px);margin-bottom:0}h1 em,h2 em{font-weight:400}p{font-size:16px;line-height:1.72}
.site-header{background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.wordmark{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-size:13px;font-weight:750;letter-spacing:.025em;white-space:nowrap}.wordmark-light{font-weight:450}.wordmark sup{font-size:9px;margin-left:2px}.brand-mark{display:grid;grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:3px;transform:rotate(-20deg)}.brand-mark b{display:block;background:var(--charcoal)}.brand-mark b:nth-child(3){grid-column:2;background:#4da6ff}.header-cta{margin-left:auto}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:17px 27px;text-decoration:none;white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.085em;font-size:12px;font-weight:750;line-height:1.25;transition:background-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--charcoal);color:#fff}.button-dark:hover{background:#152a66}.button-green{background:var(--lime);color:#061443}.button-green:hover{background:#a9bbef}
.hero{background:var(--charcoal);color:#fff}.hero-inner{padding-block:clamp(94px,10vw,135px) clamp(88px,10vw,135px)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:700;color:#c4d0ec;margin:0 0 32px}.hero h1{font-size:clamp(58px,6.5vw,100px);max-width:980px;margin:0}.hero h1 em{color:var(--lime)}.hero-description{font-size:clamp(18px,1.8vw,22px);max-width:690px;line-height:1.56;color:#e0e7f6;margin:36px 0 33px}
.film-section{background:var(--soft);padding-block:70px}.film-heading{font-size:clamp(37px,4vw,54px);margin-bottom:30px}.film-frame{overflow:hidden;background:#e0e5ed}.film-placeholder{display:grid;grid-template-columns:44% 56%;min-height:480px}.film-photo{background:#f0f3f9 url('assets/charlene-bowman.jpg') center center/contain no-repeat;min-height:480px}.film-ident{display:flex;flex-direction:column;justify-content:flex-end;padding:46px 50px;background:linear-gradient(135deg,#263e7f,#0c1c50);color:white}.film-ident span{font-family:var(--font-serif);font-size:clamp(34px,4.6vw,64px);line-height:1.06}.film-ident strong{font-weight:500;font-size:14px;margin-top:17px;color:#e2e9fa}.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111}
.split-section{display:grid;grid-template-columns:1.03fr .97fr;gap:11%;align-items:start}.focus{background:white}.split-section h2{max-width:610px}.section-copy{padding-top:7px}.section-copy p{font-size:clamp(16px,1.35vw,18px);line-height:1.74;margin:0 0 23px;color:var(--text)}.section-copy p:last-child{margin-bottom:0}
.process{background:var(--soft)}.process h2{margin-bottom:44px}.steps{border-top:1px solid #cbd5e8}.step{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #cbd5e8}.number{color:#2f5fa8;font-size:12px;font-weight:700;letter-spacing:.15em;margin-top:9px}.step h3{font-size:clamp(22px,2.4vw,31px);font-weight:550;letter-spacing:-.02em;line-height:1.28;margin-bottom:12px}.step p{font-size:16px;line-height:1.7;color:var(--text);max-width:820px;margin:0}
.outcome{background:#fff}.outcome-grid{display:grid;grid-template-columns:.88fr 1fr;gap:12%;align-items:start}.outcome h2{max-width:410px}.outcome-intro>p{max-width:420px;font-size:clamp(19px,1.9vw,24px);line-height:1.54;letter-spacing:-.018em;margin:32px 0 0}.deliverables{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.deliverables li{position:relative;border-bottom:1px solid var(--line);padding:17px 0 17px 35px;font-size:16px;line-height:1.52}.deliverables li:before{content:'✓';position:absolute;left:0;top:18px;font-size:18px;line-height:1;color:#1a3a8f;font-weight:700}
.comparison{background:var(--charcoal);color:white}.comparison h2{max-width:850px;margin-bottom:47px}.comparison h2 em{color:var(--lime)}.comparison-table{border-top:1px solid #415584}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:19px 0;border-bottom:1px solid #354a76;line-height:1.55;font-size:15px}.comparison-row>div:first-child{color:#f4f7ff}.comparison-row>div:last-child{color:#bfcae1}.comparison-header{font-size:14px;font-weight:750;padding-block:22px}.comparison-header>div:first-child{color:var(--lime)}.comparison-header>div:last-child{color:white}
.founder{background:white}.founder-name{font-weight:750;margin-top:35px;font-size:15px;line-height:1.7}.founder-name span{font-size:13px;color:#69758e;font-weight:500}
.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:15%}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:23px 0;font-size:16px;font-weight:650;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{font-size:15px;color:var(--text);margin:0 0 22px;max-width:660px}
.final-cta{background:var(--charcoal);color:white;padding-block:clamp(88px,10vw,130px);text-align:center}.final-inner{display:flex;flex-direction:column;align-items:center}.final-cta h2{font-size:clamp(51px,5.8vw,82px);max-width:880px;margin:0}.final-cta h2 em{color:var(--lime)}.final-cta p{font-size:clamp(19px,2.2vw,25px);color:#e0e8fa;margin:26px 0 27px}.site-footer{background:#071136;color:#dce4f6}.footer-inner{display:flex;align-items:center;gap:36px;min-height:96px;font-size:12px}.footer-inner span{font-weight:700;margin-right:auto}.footer-inner a{text-decoration:none}.footer-inner a:hover{text-decoration:underline}
@media(max-width:850px){.shell{width:min(var(--width),calc(100% - 64px))}.film-placeholder{min-height:400px}.film-photo{min-height:400px}.film-ident{padding:32px}.split-section,.outcome-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.outcome-intro>p{max-width:680px;margin-top:24px}.deliverables{margin-top:5px}.section-pad{padding-block:76px}.film-section{padding-block:55px}}
@media(max-width:550px){.shell{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:12px}.wordmark{font-size:11px;gap:9px}.brand-mark{transform:rotate(-20deg) scale(.8)}.header-cta{font-size:10px;letter-spacing:.045em;min-height:42px;padding:11px 12px}.hero-inner{padding-block:76px 83px}.hero h1{font-size:clamp(46px,10.8vw,60px)}.hero-description{font-size:17px;line-height:1.6;margin:26px 0}.hero .button{width:100%}.film-section{padding-block:36px}.film-placeholder{grid-template-columns:1fr;min-height:0}.film-photo{min-height:0;height:auto;aspect-ratio:4/5}.film-ident{padding:22px;min-height:125px}.film-ident span{font-size:37px}.film-ident strong{font-size:12px;margin-top:9px}.section-pad{padding-block:66px}h2{font-size:clamp(37px,8.8vw,48px)}.process h2,.comparison h2{margin-bottom:30px}.step{grid-template-columns:36px 1fr;gap:12px;padding:24px 0}.step h3{font-size:22px}.step p{font-size:15px}.outcome-intro>p{font-size:20px}.deliverables li{font-size:15px}.comparison-row{grid-template-columns:1fr;gap:9px;padding:19px 0}.comparison-header{display:none}.comparison-row>div:first-child:before,.comparison-row>div:last-child:before{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:750;margin-bottom:5px}.comparison-row>div:first-child:before{content:'With Retention by Design™';color:var(--lime)}.comparison-row>div:last-child:before{content:'Without Retention by Design™';color:#d1d9ea}.comparison-row>div:last-child{border-left:2px solid #7082a5;padding-left:12px}.faq-grid{gap:26px}.final-cta h2{font-size:clamp(47px,10.6vw,62px)}.footer-inner{min-height:0;padding-block:25px;flex-wrap:wrap;gap:17px}.footer-inner span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Three-step overview: high-level titles stay visible, deeper explanation is optional. */
.step-accordion{display:block;padding:0;border-bottom:1px solid #cbd5e8}
.step-accordion > summary{list-style:none;display:grid;grid-template-columns:84px minmax(0,1fr) 26px;align-items:center;gap:20px;cursor:pointer;padding:28px 0}
.step-accordion > summary::-webkit-details-marker{display:none}
.step-accordion > summary .number{margin:0}
.step-accordion .step-title{font-size:clamp(22px,2.4vw,31px);font-weight:550;letter-spacing:-.02em;line-height:1.28}
.step-chevron{display:block;width:10px;height:10px;border-right:2px solid #526996;border-bottom:2px solid #526996;transform:rotate(45deg);transition:transform .2s ease;justify-self:end;margin-right:6px}
.step-accordion[open] .step-chevron{transform:rotate(225deg)}
.step-panel{padding:0 40px 28px 104px}
.step-panel p{font-size:16px;line-height:1.7;color:var(--text);max-width:760px;margin:0}
.step-accordion summary:focus-visible{outline:3px solid #2f5fa8;outline-offset:4px}
@media(max-width:550px){.step-accordion > summary{grid-template-columns:36px minmax(0,1fr) 22px;gap:12px;padding:24px 0}.step-accordion .step-title{font-size:22px}.step-panel{padding:0 12px 24px 48px}.step-panel p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.step-chevron{transition:none}}

/* The closing thought after the deliverables is intentionally prominent, not microcopy. */
.outcome-close{border-top:1px solid var(--line);padding-top:31px;margin-top:44px;margin-bottom:0;font-size:clamp(18px,1.9vw,24px);line-height:1.48;letter-spacing:-.015em;max-width:1160px;color:var(--ink)}
@media(max-width:850px){.outcome-close{margin-top:34px}}

/* The supporting line is shown only when the step is collapsed. */
.step-summary-text{display:flex;flex-direction:column;gap:9px;min-width:0}
.step-visible-line{font-size:clamp(15px,1.3vw,17px);font-weight:450;line-height:1.57;letter-spacing:0;color:#4e5667;max-width:840px}
.step-panel p + p{margin-top:17px}
.step-accordion > summary{align-items:start}
.step-accordion > summary .number{margin-top:7px}
.step-chevron{margin-top:14px}
@media(max-width:550px){.step-summary-text{gap:8px}.step-visible-line{font-size:14px;line-height:1.55}.step-chevron{margin-top:12px}}

/* Once expanded, the full explanation replaces the one-line preview. */
.step-accordion[open] .step-visible-line{display:none}

/* V8: matching, conventional footer on both public pages */
.site-footer{background:#071136;color:#dce4f6;border-top:1px solid #32436e}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;font-size:13px}
.footer-inner .footer-legal{font-size:13px;font-weight:450;line-height:1.5;margin:0;color:#dce4f6}
.footer-inner a{font-size:13px;font-weight:550;text-decoration:none;text-align:right}
.footer-inner a:hover{text-decoration:underline;text-underline-offset:4px}
/* The standalone privacy page uses the same typography, whitespace, and colors. */
.privacy-header-actions{display:flex;align-items:center;gap:26px;margin-left:auto}
.privacy-back{font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;color:var(--ink)}
.privacy-back:hover{text-decoration:underline;text-underline-offset:4px}
.privacy-hero{background:var(--charcoal);color:#fff;padding:clamp(75px,9vw,116px) 0 clamp(77px,9vw,110px)}
.privacy-hero .eyebrow{margin-bottom:24px}
.privacy-hero h1{font-size:clamp(55px,6.1vw,90px);max-width:1000px;margin:0}
.privacy-hero h1 em{color:var(--lime)}
.privacy-content{padding-block:clamp(58px,7vw,95px);background:var(--paper)}
.privacy-sections{max-width:850px;margin:auto;border-top:1px solid var(--line)}
.privacy-sections section{padding:30px 0 33px;border-bottom:1px solid var(--line)}
.privacy-sections h2{font-family:var(--font-sans);font-size:clamp(20px,2vw,25px);font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}
.privacy-sections p,.privacy-sections li{font-size:16px;line-height:1.75;color:var(--text)}
.privacy-sections p{margin:0 0 13px}
.privacy-sections p:last-child{margin-bottom:0}
.privacy-sections ul{padding-left:22px;margin:15px 0}
.privacy-sections li{padding-left:3px;margin:0 0 4px}
.privacy-sections .email{font-weight:650;color:var(--ink);text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:650px){
 .footer-inner{min-height:0;padding-block:28px;flex-direction:column;align-items:flex-start;gap:13px}
 .footer-inner a{text-align:left}
 .privacy-header-actions{gap:13px}
 .privacy-back{font-size:11px}
 .privacy-header-actions .header-cta{font-size:10px;letter-spacing:0;min-height:42px;padding:10px 12px}
 .privacy-hero{padding-block:72px 76px}
 .privacy-sections section{padding-block:26px}
 .privacy-sections p,.privacy-sections li{font-size:15px}
}
@media(max-width:410px){
 .privacy-page .header-inner{flex-wrap:wrap;padding-block:15px;gap:13px}
 .privacy-page .privacy-header-actions{width:100%;justify-content:space-between;margin-left:0}
}
@media(max-width:360px){
 .site-header .header-inner{flex-wrap:wrap;padding-block:14px;gap:12px}
 .site-header .header-cta{margin-left:0}
}

/* V9 wordmark: the full company name is one clear, equal-weight wordmark. */
.wordmark{gap:0;font-size:clamp(16px,1.55vw,20px);font-weight:750;letter-spacing:-.025em;line-height:1.05;color:var(--charcoal);white-space:nowrap}
.wordmark .brand-mark{display:none}
.wordmark sup{font-size:.47em;margin-left:2px;vertical-align:super;letter-spacing:0}
.site-header .header-inner{min-height:96px}
@media(max-width:650px){
 .site-header .header-inner{min-height:78px}
 .wordmark{font-size:clamp(14px,3.45vw,17px)}
 .header-cta{font-size:10px;letter-spacing:.02em;min-height:42px;padding:11px 12px}
}
@media(max-width:410px){
 .site-header .header-inner{flex-wrap:wrap;padding-block:15px;gap:13px}
 .site-header .header-cta{margin-left:0}
 .privacy-page .privacy-header-actions{width:100%;justify-content:space-between;margin-left:0}
}

/* V10: concise, high-contrast hero using Charlene's approved product positioning. */
.hero-inner{max-width:none}
.hero h1{max-width:1030px}
.hero-contrast{font-size:clamp(19px,2vw,25px);font-weight:600;line-height:1.42;color:#f3f6ff;margin:33px 0 0;letter-spacing:-.018em}
.hero-description{max-width:760px;margin:18px 0 35px;color:#dce4f5}
/* Uniform wordmark with no header ornament, on both public pages. */
.site-header .wordmark{font-weight:750;letter-spacing:-.018em;font-size:clamp(16px,1.65vw,21px);gap:0}
.site-header .wordmark .brand-mark{display:none}
@media(max-width:650px){.site-header .wordmark{font-size:clamp(13px,3.4vw,17px)}.hero-contrast{margin-top:24px;font-size:19px}.hero-description{margin-top:15px}}

/* Brand color alignment: the established Retention by Design navy palette. */
.button-green{background:#8fa8e8;color:#061443}.button-green:hover{background:#b5c6f1}
.comparison-header>div:first-child,.comparison-row>div:first-child:before,.hero h1 em,.final-cta h2 em,.privacy-hero h1 em{color:#a9c1ff}

/* Keep the closing headline balanced on laptop-sized screens. */
.final-cta h2 {
  max-width: 1100px;
  font-size: clamp(45px, 5vw, 70px);
  text-wrap: balance;
}
.final-cta h2 em { white-space: nowrap; }
@media (max-width: 550px) {
  .final-cta h2 { max-width: 100%; font-size: clamp(40px, 9.3vw, 54px); }
}

/* Booking invitation: calm, readable time-and-purpose note beneath the two
   main homepage buttons. No microcopy in the compact navigation. */
.hero .cta-microcopy,
.final-cta .cta-microcopy {
  max-width: 530px;
  margin: 14px 0 0;
  color: #d6e1f4;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-wrap: pretty;
}
.hero .cta-microcopy { text-align: left; }
.final-cta .cta-microcopy { text-align: center; }
@media(max-width:550px) {
  .hero .cta-microcopy, .final-cta .cta-microcopy {
    max-width: 100%;
    font-size: 13px;
    line-height: 1.55;
  }
}


/* FINAL RESPONSIVE TYPE, BUTTON AND CONTRAST PASS. Kept separate from the
   existing aesthetic so no other website content or behavior changes. */

/* A compact, legible booking control rather than a tall square-cornered slab. */
.button{
  min-height:49px;
  padding:12px 23px;
  border-radius:12px;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.045em;
}
.button:focus-visible{outline:3px solid #5b7fd4;outline-offset:4px}
.site-header .header-cta{
  min-height:44px;
  padding:10px 18px;
  border-radius:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.button-green{background:#b3c8ff;color:#061443}
.button-green:hover{background:#d1ddff}
.button-dark{background:#061443;color:#fff}
.button-dark:hover{background:#172d68}

/* Hero: the second line is a single intentional phrase on wider screens. */
.hero h1{max-width:1200px;font-size:clamp(51px,5.75vw,88px);line-height:1.08;text-wrap:balance}
.hero h1 em{display:block;white-space:nowrap}
.hero-contrast{margin-top:28px}
.hero .cta-microcopy,.final-cta .cta-microcopy{
  color:#f2f5ff;
  font-size:15px;
  line-height:1.55;
  font-weight:500;
  max-width:600px;
}
.hero .cta-microcopy{margin-top:15px}
.final-cta .cta-microcopy{margin-top:15px}

/* A full-width headline makes the long problem statement two balanced lines
   on desktop, rather than four narrow lines with an orphan at the end. */
.focus .split-section{
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  width:min(820px, calc(100% - 40px));
  margin-inline:auto;
  text-align:left;
}
.focus h2{
  max-width:1140px;
  font-size:clamp(36px,3.3vw,50px);
  line-height:1.12;
  text-wrap:balance;
}
.focus .section-copy{padding-top:0;max-width:820px}

/* The title is its own row; the existing summary and list stay in two columns. */
.outcome>.shell>h2{
  max-width:none;
  margin:0;
  grid-column:1/-1;
  font-size:clamp(41px,4vw,60px);
  line-height:1.12;
  white-space:nowrap;
}
.outcome-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:clamp(40px,8vw,125px);row-gap:34px}
.outcome-intro>p{margin-top:0}

/* Distinct comparison columns: horizontal rules remain connected to a clean
   center divider, while the phone treatment retains its stacked labels. */
.comparison-row{grid-template-columns:1fr 1fr;gap:0;padding:0}
.comparison-row>div{padding:19px 30px}
.comparison-row>div:first-child{padding-left:0;border-right:1px solid #6a7fa9}
.comparison-row>div:last-child{padding-right:0}
.comparison-header>div{padding-block:22px}

/* Full-width titles, without stretching the supporting founder copy. */
.founder>.shell>h2{
  max-width:none;
  white-space:nowrap;
  font-size:clamp(37px,3.75vw,56px);
  line-height:1.12;
  margin:0;
  grid-column:1/-1;
}
.founder .split-section{grid-template-columns:minmax(165px,.4fr) minmax(0,1fr);column-gap:clamp(36px,9vw,120px);row-gap:36px}
.founder .founder-name{margin:0}
.founder-name span{color:#546176;font-size:14px}
.founder .section-copy{padding-top:0}
.faq .faq-grid{grid-template-columns:1fr;gap:36px}
.faq h2{
  max-width:none;
  white-space:nowrap;
  font-size:clamp(38px,4vw,58px);
  line-height:1.12;
}
.faq-list{width:min(100%,940px);margin-left:auto}

/* Keep the existing CTA words; center two genuinely balanced lines beneath
   its headline rather than a nearly-full first line and a short tail. */
.final-cta h2{max-width:1100px;font-size:clamp(45px,5.15vw,72px);text-wrap:balance}
.final-cta .final-inner>p:not(.cta-microcopy){
  width:min(100%,800px);
  max-width:800px;
  margin:28px auto 29px;
  font-size:clamp(19px,1.8vw,23px);
  line-height:1.53;
  color:#f0f4ff;
  text-wrap:balance;
}

/* Natural fluid wrapping on small displays. */
@media(max-width:850px){
  .focus h2{font-size:clamp(34px,4.9vw,45px)}
  .outcome>.shell>h2{font-size:clamp(37px,5vw,46px)}
  .founder>.shell>h2{font-size:clamp(35px,5vw,46px)}
  .faq h2{font-size:clamp(35px,5vw,46px)}
  .founder .split-section{grid-template-columns:1fr;gap:21px}
  .outcome-grid{grid-template-columns:1fr;gap:26px}
  .outcome>.shell>h2{margin-bottom:0}
}
@media(max-width:550px){
  .site-header .header-cta{min-height:42px;padding:9px 12px;font-size:11px}
  .hero h1{font-size:clamp(39px,10.2vw,55px);line-height:1.09}
  .hero h1 em{display:block;white-space:nowrap}
  .hero .cta-microcopy,.final-cta .cta-microcopy{font-size:14px;line-height:1.55}
  .focus h2{font-size:clamp(35px,8.4vw,46px);text-wrap:balance}
  .outcome>.shell>h2,.founder>.shell>h2,.faq h2{
    font-size:clamp(34px,8.2vw,45px);
    white-space:normal;
    text-wrap:balance;
  }
  .comparison-row{grid-template-columns:1fr;gap:9px;padding:19px 0}
  .comparison-row>div{padding:0}
  .comparison-row>div:first-child{border-right:0;padding:0}
  .comparison-row>div:last-child{padding:0 0 0 12px;border-left:2px solid #91a6d2}
  .final-cta h2{font-size:clamp(41px,9.5vw,54px)}
  .final-cta .final-inner>p:not(.cta-microcopy){font-size:18px;margin:22px auto 24px}
}
@media(max-width:360px){
  .hero h1{font-size:clamp(34px,10.1vw,39px)}
  .site-header .header-cta{font-size:10px}
}

/* Keep the centered focus content comfortably inset on tablet and phone. */
@media(max-width:850px){
  .focus .split-section{width:min(820px, calc(100% - 40px))}
}
@media(max-width:550px){
  .focus .split-section{width:calc(100% - 40px)}
}