/* Broker Studio: navy and white, clear actions, photography first. */
:root{--ink:#002349;--paper:#ffffff;--muted:#526477;--accent:#ffffff;--line:#dce5ee;--navy:#002349}
body{background:var(--paper)}
header{background:#fff;border-bottom-color:var(--line)}
header .brand{color:var(--navy)}
header .small-button{background:var(--navy);border-color:var(--navy);color:#fff}
header .small-button:hover{background:#002349;color:#fff}
nav a:hover,nav a[aria-current]{border-bottom:2px solid #002349}
.button{background:var(--accent);color:#002349;border-radius:8px;min-height:48px;padding:15px 23px;font-size:16px;gap:16px;transition:background .18s ease,box-shadow .18s ease}
.button:hover{background:#9aacc0;box-shadow:0 4px 16px #0023491a}
.text-link{font-size:15px}
.text-link:hover{color:#002349}
.eyebrow{font-size:13px;letter-spacing:.13em;color:#002349}
.number{font-size:14px;color:#002349}
.lede,.cards p,.split p{color:var(--muted)}
h1 em{color:#002349}
main>section:not(.hero):not(.intro){padding-top:68px;padding-bottom:68px}
.intro{padding-top:54px;padding-bottom:20px}
.intro h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em}
.home-page .hero-new{background:var(--navy);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;padding:48px 4.5% 54px;color:#fff}
.hero-new .hero-copy{min-width:0}
.hero-new h1{font-size:clamp(48px,5.1vw,78px);letter-spacing:-.055em;line-height:1.06;max-width:650px}
.hero-new h1 em{color:var(--accent);font-style:normal;font-weight:500}
.hero-new .eyebrow{color:#dce5ee;max-width:34ch}
.hero-new .lede{color:#ffffff;font-size:18px;line-height:1.7}
.hero-new .micro{color:#dce5ee;font-size:14px;}
.hero-new .text-link{color:#fff;border-color:#9aacc0}
.hero-new .text-link:hover{color:var(--accent)}
.hero-new .actions{flex-wrap:wrap;gap:20px;margin-top:28px}
.hero-new .hero-image{min-height:600px;border-radius:12px;box-shadow:0 20px 45px #00234940}
.hero-new .photo-note strong{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}
.hero-new .photo-note span{font-size:12px}
.motion-label{background:#002349ed}
.strip{background:var(--accent);color:#002349;border:0;font-size:12px;letter-spacing:.13em;font-weight:700;padding:21px 4.5%}
.home-page .work{padding-top:70px}
.work .section-heading h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.05em}
.work .section-heading p{max-width:440px;font-size:16px}
.home-page .work-grid.three-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.home-page .work-grid .comparison:first-child{grid-column:1/-1}
.home-page .work-grid .comparison:first-child .compare{aspect-ratio:2/1}
.comparison{border:1px solid #dce5ee;border-radius:12px;overflow:hidden;background:#fff}
.comparison-caption{padding:24px 26px 28px}
.comparison-caption span{color:#002349;font-weight:600}
.comparison-caption p{color:var(--muted)}
.comparison-controls{background:#ffffff;border-color:var(--line)}
.comparison-controls input{accent-color:#002349}
.comparison-buttons button:hover,.comparison-buttons button:focus-visible{background:var(--navy)}
.home-page main>#walkthrough{margin:0;background:#ffffff;padding:64px 4.5%;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:6%;align-items:center}
#walkthrough .section-heading{display:block;margin:0}
#walkthrough .section-heading p{max-width:440px}
#walkthrough video{border-radius:12px!important}
#walkthrough .guide-note{grid-column:2;font-size:14px;margin-top:12px}
.home-page main>.agent-testimonial{margin:0;padding:66px 8%;background:var(--navy);border:0;color:#fff}
.agent-testimonial .testimonial-stars{color:var(--accent)}
.agent-testimonial figcaption span{color:#dce5ee}
.home-page main>.editing-confidence{margin:0;padding:64px 4.5%;background:#ffffff}
.app-soon{background:var(--navy);border-radius:12px}
.app-soon span,.app-install-link{color:var(--accent)}
main>section.dark-callout{background:var(--navy);border-radius:16px;padding:64px 24px}
.dark-callout .eyebrow{color:var(--accent)}
.dark-callout p{color:#dce5ee}
.treatment-overview article,.install-grid article{background:#fff;border-radius:10px}
.treatment-overview .featured-treatment{background:#f3f6fa;border-color:#9aacc0}
.pricing-page .intro{padding-top:38px;padding-bottom:8px;max-width:1200px}
.pricing-page .intro .eyebrow{margin-bottom:12px}
.pricing-page .intro h1{font-size:clamp(36px,4vw,54px);margin-bottom:14px;line-height:1.08}
.pricing-page .intro h1 br{display:none}
.pricing-page .intro .lede{max-width:800px;margin:0}
.pricing-page main>.pricing-new{padding-top:12px}
.pricing-page .founding-offer{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:36px;align-items:center;margin:20px 0 28px;padding:24px 28px;border-radius:12px;background:var(--navy)}
.founding-offer .eyebrow{color:var(--accent);margin:0 0 5px}
.pricing-page .founding-offer h2{grid-column:1;grid-row:2;margin:0;font-size:32px;letter-spacing:-.04em}
.pricing-page .founding-offer>p:not(.offer-terms){grid-column:2;grid-row:1/3;margin:0;font-size:16px}
.pricing-page .founding-offer .offer-terms{grid-column:1/-1;margin:12px 0 0;color:#dce5ee;font-size:14px}
.tier-grid{gap:16px;align-items:stretch}
.tier{background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:27px 22px;min-width:0}
.tier:nth-child(2){background:var(--navy);color:#fff;border:2px solid #52677f;box-shadow:0 -5px 0 var(--accent)}
.tier>span{font-size:14px;letter-spacing:.13em;color:#002349}
.tier:nth-child(2)>span{color:var(--accent)}
.tier .intro-price-label{font-size:13px;line-height:1.5}
.tier h3{font-size:clamp(30px,2.9vw,43px);letter-spacing:-.06em}
.tier h3 small{color:inherit;font-size:14px}
.tier p{font-size:16px}
.tier p:nth-of-type(2){color:var(--muted)}
.tier:nth-child(2) p:nth-of-type(2){color:#ffffff}
.tier .text-link{display:flex;justify-content:center;align-items:center;min-height:46px;padding:10px 12px;border:1px solid #9aacc0;border-radius:7px;width:100%;font-size:15px;line-height:1.4;margin-top:auto;text-align:center}
.tier:nth-child(2) .text-link{background:var(--accent);color:#002349;border-color:var(--accent)}
.pricing-new .membership-flexibility{margin:28px 0 0}
footer{background:#002349;color:#ffffff;border-top:0}
footer small,footer .copyright{color:#dce5ee}
footer .social-links a{color:#fff;border-color:#52677f}
footer .social-links a:hover{background:var(--accent);border-color:var(--accent);color:#002349}
footer a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #52677f;outline-offset:4px}
.hero a:focus-visible,.dark-callout a:focus-visible,footer a:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.home-page .hero-new{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%}.hero-new .hero-image{min-height:560px}.hero-new h1{font-size:52px}.hero-new .actions{align-items:flex-start;flex-direction:column}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 header{padding:18px 6%;gap:14px}header nav{justify-content:flex-start;gap:24px}
 .home-page .hero-new{grid-template-columns:1fr;padding:36px 6% 32px;gap:28px}
 .hero-new .hero-copy{padding:0}.hero-new h1{font-size:clamp(43px,11vw,64px);margin-bottom:22px}
 .hero-new .lede{font-size:17px;line-height:1.65}.hero-new .actions{gap:18px;margin-top:24px}
 .hero-new .hero-image{min-height:0;aspect-ratio:4/3}.hero-new .photo-note{left:20px;bottom:72px}
 .hero-new .photo-note strong{font-size:28px}.hero-new .photo-note span{display:none}
 .strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:14px;font-size:11px;padding:20px 6%}
 main>section:not(.hero):not(.intro){padding-top:44px;padding-bottom:44px}
 .home-page .work-grid.three-examples{grid-template-columns:1fr;gap:24px}
 .home-page .work-grid .comparison:first-child{grid-column:auto}
 .home-page .work-grid .comparison:first-child .compare{aspect-ratio:4/3}
 .home-page main>#walkthrough{display:block;padding:44px 6%}#walkthrough .section-heading{margin-bottom:25px}
 .home-page main>.editing-confidence{padding:44px 6%}.home-page main>.agent-testimonial{padding:48px 6%}
 .pricing-page .intro{padding:32px 6% 8px}.pricing-page .intro h1{font-size:40px}
 .pricing-page .founding-offer{display:block;padding:22px;margin-top:16px}.pricing-page .founding-offer h2{margin:8px 0 14px}
 .pricing-page .founding-offer .offer-terms{margin-top:12px}.tier{padding:26px 22px}
}
@media(max-width:620px){.tier-grid{grid-template-columns:1fr}.tier h3{font-size:40px}.tier{min-height:0;gap:4px}.tier .text-link{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* White actions on navy; navy actions on white. */
.button{background:#002349;color:#ffffff}.button:hover{background:#143e68;color:#fff}.hero-new .button,.dark-callout .button{background:#fff;color:#002349}.hero-new .button:hover,.dark-callout .button:hover{background:#e8eef5;color:#002349}.strip{background:#f3f6fa;border-bottom:1px solid #dce5ee}.hero-new h1 em{color:#ffffff}.tier:nth-child(2){box-shadow:0 -5px 0 #52677f}.tier:nth-child(2) .text-link{background:#fff;color:#002349}.tier:nth-child(2) .text-link:hover{background:#e8eef5}.hero-new .eyebrow,.dark-callout .eyebrow,.founding-offer .eyebrow{color:#ffffff}

/* Full-screen navy homepage: continuous canvas with readable white content. */
body.home-page{--paper:#002349;--ink:#ffffff;--muted:#dce5ee;--line:#365574;background:#002349;color:#ffffff;max-width:none;min-height:100vh}
.home-page>header,.home-page>main,.home-page>footer{max-width:1800px;margin-left:auto;margin-right:auto}
.home-page header{background:#002349;color:#ffffff;border-bottom-color:#365574}
.home-page header .brand,.home-page .eyebrow,.home-page .number{color:#ffffff}
.home-page header nav a:hover,.home-page header nav a[aria-current]{border-bottom-color:#ffffff}
.home-page header .small-button,.home-page .broker-account-link{background:#ffffff;color:#002349;border-color:#ffffff}
.home-page header .small-button:hover,.home-page .broker-account-link:hover{background:#dce5ee;color:#002349}
.home-page .broker-usage-balance{background:#103456;color:#ffffff;border-color:#5e7893}
.home-page .broker-logout-button{color:#ffffff;border-color:#5e7893}
.home-page .broker-logout-button:hover{background:#103456}
.home-page .strip{background:#103456;color:#ffffff;border-color:#365574}
.home-page main>#walkthrough,.home-page main>.editing-confidence{background:#002349}
.home-page .comparison{background:#103456;color:#ffffff;border-color:#365574}
.home-page .comparison-caption span{color:#ffffff}
.home-page .comparison-caption p,.home-page .work-disclosure,.home-page .membership-teaser p{color:#dce5ee}
.home-page .comparison-controls{background:#103456;color:#ffffff;border-color:#365574}
.home-page .comparison-controls input{accent-color:#ffffff}
.home-page .text-link:hover{color:#dce5ee}
.home-page .app-soon,.home-page main>section.dark-callout{background:#103456;border:1px solid #365574}
.home-page a:focus-visible,.home-page button:focus-visible{outline-color:#ffffff}

/* Put choices within easy reach without compressing the offer terms. */
.pricing-page main>section.pricing-new{padding-top:10px}
.pricing-page .intro{padding-top:28px}
.pricing-page .intro h1{max-width:1000px;text-wrap:balance}
.pricing-page .founding-offer{margin-top:8px;padding:20px 24px}
.compare-manual .after-layer{clip-path:inset(0 0 0 50%)}
.skip-to-content{position:fixed;top:10px;left:12px;z-index:1000;padding:12px 20px;background:#fff!important;color:#002349!important;border:2px solid #002349;border-radius:6px;transform:translateY(-180%)}
html.broker-navy a.skip-to-content{color:#002349!important}
.skip-to-content:focus{transform:none}
@media(max-width:600px){.pricing-page .intro{padding-top:28px}.pricing-page .intro h1{font-size:clamp(32px,9vw,40px)}.pricing-page .founding-offer{padding:20px}}

/* Drag the photo split directly; the native range keeps keyboard support. */
.compare-manual{--split:50%;cursor:ew-resize;user-select:none}
.compare-manual .photo-split-range,.hero-transformation .photo-split-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.photo-split-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:2px;background:white;box-shadow:0 0 4px #002349;pointer-events:none}
.photo-split-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border:2px solid white;border-radius:50%;background:#002349;color:white;font-size:25px;box-shadow:0 2px 12px #00234980}
.compare-manual:focus-within,.hero-transformation:focus-within{outline:3px solid #e4ba68;outline-offset:-4px}
.compare-manual:focus-within .photo-split-divider>span,.hero-transformation:focus-within .hero-divider>span{box-shadow:0 0 0 4px #e4ba68}
.home-page .comparison-controls{padding:12px 16px}.home-page .comparison-buttons{margin:0;justify-content:center}
.home-page .hero-transform-controls{grid-template-columns:1fr auto}

.broker-four-uses .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.broker-four-uses article{padding:28px;border:1px solid #7892ad;border-radius:20px;background:#0b3157}.broker-four-uses .number{color:#e4ba68}.broker-four-uses .work-disclosure{margin-top:24px;color:#fff}@media(max-width:650px){.broker-four-uses .cards{grid-template-columns:1fr}}