/* Cosmetic exploration: existing offer, pricing and media are retained. */
:root { --paper:#f3f3f3; --surface:#ffffff; --ink:#151515; --muted:#666666; --line:#e2e2e2; --button:#050505; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { background:var(--paper)!important; color:var(--ink)!important; }
#dc-root, x-dc { background:var(--paper)!important; }
nav { background:var(--paper)!important; border-bottom:1px solid var(--line)!important; }
nav>div { height:86px!important; }
nav a[href="#book"], .narra-hero-primary { border-radius:100px; background:var(--button)!important; color:var(--surface)!important; }
.scrollstop-site-logo { display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:600;letter-spacing:-.04em; }
.scrollstop-site-logo strong { color:#8f7fd2;font-weight:600; }
.scrollstop-listingkit-lockup{display:block;width:min(230px,30vw);aspect-ratio:1501 / 210;background:url('/brand/scrollstop-listingkit-ink.png') center / 179% auto no-repeat;flex:none}
.scrollstop-site-mark { width:22px;display:flex;flex-direction:column;align-items:center;gap:3px; }
.scrollstop-site-mark i { display:block;width:12px;height:4px;border-radius:999px;background:var(--ink); }
.scrollstop-site-mark i:nth-child(2) { width:17px; }
.scrollstop-site-mark i:nth-child(3) { width:22px;height:6px;background:#8f7fd2; }
.realestate-footer-links { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
footer a { color:inherit!important;text-transform:none;letter-spacing:0; }
a, button { -webkit-tap-highlight-color:transparent; }
a:focus-visible, button:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
section { border-top-color:var(--line)!important; }
section:not(#book):not(#pricing) { background:var(--paper)!important; }
.narra-split-hero { padding:48px clamp(20px,4vw,48px) 56px!important; }
.narra-hero-grid { grid-template-columns:minmax(0,1fr) minmax(270px,.58fr); gap:clamp(40px,7vw,108px); max-width:1184px; }
.narra-hero-copy { background:transparent!important; padding:22px 0!important; }
.narra-hero-eyebrow { margin-bottom:38px; gap:10px; }
.narra-hero-num { width:8px;height:8px;padding:0;border-radius:50%;background:var(--ink);font-size:0; }
.narra-hero-label { font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted); }
.narra-hero-title { font-size:clamp(42px,4.8vw,70px); line-height:1.02; letter-spacing:-.052em; font-weight:500; max-width:10.5em; }
.narra-hero-title em { font-family:inherit;font-weight:500;letter-spacing:-.055em; }
.narra-hero-lede { font-size:17px;line-height:1.65;max-width:29em;color:var(--muted);margin-top:26px; }
.narra-hero-actions { margin-top:30px;align-items:center;gap:18px; }
.narra-hero-primary { padding:17px 25px; }
.narra-hero-arrow { border:0;width:auto;gap:10px;font-size:14px; }
.narra-hero-arrow:hover { color:var(--ink);background:transparent;text-decoration:underline; }
.narra-hero-stage { height:auto;aspect-ratio:9/16;max-height:680px;border-radius:14px;box-shadow:0 18px 50px #15151512; }
.narra-hero-recent { grid-template-columns:70px 1fr;gap:16px;max-width:340px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line); }
.narra-hero-thumb { height:70px;border-radius:6px; }
.narra-hero-card { background:transparent;padding:0;min-height:70px;gap:8px;justify-content:center; }
.narra-hero-card-go { display:none; }
.narra-hero-card-title { font-size:15px;line-height:1.35;font-weight:500; }
h2 { font-weight:500!important;letter-spacing:-.045em!important;line-height:1.08!important; }
h3 { font-weight:500!important; }
#deliverables, #process, #faq { background:var(--paper)!important; }
#pricing { background:var(--paper)!important; }
#book { background:var(--button)!important; }
footer { background:var(--button)!important; }
.narra-before-after-layout { display:block;max-width:1184px!important;padding:88px 0!important; }
.narra-comparison-heading { display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px; }
.narra-comparison-heading h2 { font-size:clamp(32px,3.7vw,52px)!important;max-width:12em; }
.narra-comparison-heading p { max-width:24em!important;font-size:16px!important;margin:0!important; }
.narra-comparison-label { font:11px monospace;letter-spacing:.12em;color:var(--muted);margin-bottom:18px; }
.narra-compare-tabs { display:flex;padding:5px;background:var(--surface);border-radius:100px;gap:3px;width:max-content; }
.narra-compare-tabs button { font:inherit;font-size:14px;padding:12px 22px;border:0;border-radius:100px;background:transparent;color:var(--muted);cursor:pointer; }
.narra-compare-tabs button[aria-pressed="true"] { background:var(--ink);color:var(--paper); }
.narra-compare-stage { position:relative;aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:20px; }
.narra-compare-panel { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;text-align:center; }
.narra-compare-panel.is-hidden { display:none; }
.narra-compare-panel[data-side="after"] { background:var(--ink);color:var(--paper); }
.narra-compare-panel strong { font-family:Georgia,serif;font-size:clamp(26px,4vw,52px);font-weight:400; }
.narra-compare-panel span { font-size:13px;opacity:.65;max-width:28em;line-height:1.6; }
.narra-compare-note { font-size:12px;color:var(--muted);margin-top:14px; }
@media(max-width:1240px) { .narra-before-after-layout { padding:72px 32px!important; } }
@media(max-width:760px) { nav>div { height:70px!important; } .narra-split-hero { padding-top:24px!important; } .narra-hero-grid { grid-template-columns:1fr;gap:30px; } .narra-hero-title { font-size:clamp(42px,9vw,64px);max-width:11em; } .narra-hero-stage { width:min(100%,360px);justify-self:center; } .narra-hero-recent { display:none; } .narra-hero-eyebrow { margin-bottom:24px; } .narra-comparison-heading { display:block; } .narra-comparison-heading p { margin-top:18px!important; } .narra-before-after-layout { padding:56px 20px!important; } .narra-compare-tabs button { padding:11px 18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* Second pass: contained hero, grouped deliverables, contrasting plans. */
.narra-split-hero { padding:48px clamp(24px,6vw,88px) 64px!important; }
.narra-hero-grid { width:100%;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(32px,6vw,88px);align-items:center; }
.narra-hero-stage { width:100%;height:auto!important;max-width:360px;aspect-ratio:9/16;justify-self:center; }
.narra-hero-copy { min-width:0; }
.narra-hero-title { font-size:clamp(40px,4.6vw,66px); }
:is(#deliverables, #seller-reports) { padding:88px clamp(24px,6vw,88px); }
:is(#deliverables, #seller-reports)>div { max-width:1184px!important;padding:0!important; }
#deliverables .delivery-heading { display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;align-items:start;margin-bottom:54px!important; }
.delivery-heading>div { grid-column:1/-1;margin:0!important; }
.delivery-heading h2 { font-size:clamp(36px,4.5vw,60px)!important; }
.delivery-intro { color:var(--muted);font-size:18px;line-height:1.6;max-width:18em;margin:0 0 3px; }
#deliverables .delivery-kit { background:var(--surface);border-radius:18px 18px 0 0;padding:32px 32px 28px!important; }
.delivery-kit>div:first-child, .delivery-brand>div:first-child,.delivery-seller>div:first-child { border:0!important;padding-bottom:0!important; }
.delivery-number { display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;margin-right:14px;border:1px solid var(--line);border-radius:50%;font:12px monospace!important;color:var(--muted)!important;vertical-align:middle; }
.delivery-gallery { gap:22px!important;padding-top:30px!important; }
.delivery-gallery>div { gap:10px!important; }
:is(#deliverables, #seller-reports) video { border-radius:10px; }
.delivery-gallery>div>div:first-of-type { font-size:18px!important;font-weight:500!important;margin-top:6px; }
.delivery-gallery>div>div:last-child { font-size:14px!important;color:var(--muted)!important; }
#deliverables .delivery-includes { background:var(--surface);border-radius:0 0 18px 18px;padding:8px 32px 32px!important;margin-bottom:64px!important; }
.delivery-includes>div { border-top:1px solid var(--line);padding-top:28px;gap:32px!important;grid-template-columns:.8fr 1.2fr!important; }
.delivery-includes>div>div:last-child { border:0!important; }
.delivery-includes>div>div:last-child>div { border:0!important;padding:6px 0 6px 24px!important;position:relative; }
.delivery-includes>div>div:last-child>div::before { content:'✓';position:absolute;left:0;color:var(--ink); }
#deliverables .delivery-brand { padding:0 0 56px!important;border-bottom:1px solid var(--line);margin-bottom:56px!important; }
.delivery-brand>div:nth-child(2) { grid-template-columns:1fr 1.2fr!important;gap:48px!important; }
:is(#deliverables, #seller-reports) .delivery-seller { padding-bottom:0!important; }
#pricing { background:var(--paper)!important;color:var(--ink)!important; }
#pricing .pricing-inner { padding:88px clamp(24px,6vw,88px)!important;max-width:1360px!important; }
#pricing .pricing-inner>div:first-child { color:var(--muted)!important;margin-bottom:20px!important; }
#pricing h2 { color:var(--ink)!important; }
#pricing .pricing-grid { gap:24px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; }
#pricing .pricing-card { background:var(--surface);color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px;padding:36px!important; }
#pricing .pricing-card * { color:inherit!important;border-color:var(--line)!important; }
#pricing .plan-name { font-size:13px;letter-spacing:.09em; }
#pricing .plan-price { margin-top:26px!important; }
#pricing .plan-price>div:first-child { font-size:60px!important;font-weight:500!important; }
#pricing .plan-price>div:last-child,#pricing .plan-setup { color:var(--muted)!important; }
#pricing .plan-setup { padding-bottom:24px!important;margin-top:12px!important; }
#pricing .plan-features>div { padding:13px 0!important; }
#pricing .pricing-card a { background:var(--button);color:var(--surface)!important;border-radius:100px;border:0!important; }
#pricing .pricing-card a:hover { background:#2a2a2a; }
#pricing .pricing-summary { color:var(--muted);font-size:17px!important;max-width:46em;margin:32px auto 0!important; }
#pricing .pricing-terms { border-color:var(--line)!important; }
#pricing .pricing-terms>div { color:var(--muted)!important; }
.process-layout { max-width:1360px;margin:0 auto;padding:96px clamp(24px,6vw,88px);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,6vw,90px); }
.process-heading h2 { font-size:clamp(34px,3.3vw,48px);margin:24px 0 36px; }
.process-heading h2 em { font-family:inherit;font-weight:500; }
.process-setup { border-left:2px solid var(--ink);padding:4px 0 4px 24px;max-width:340px; }
.process-setup>span,.step-time { font:10px monospace;letter-spacing:.08em;color:var(--muted); }
.process-setup h3 { font-size:21px;margin:12px 0; }
.process-setup p,.process-steps p { font-size:15px;line-height:1.65;color:var(--muted);margin:0; }
.process-steps { list-style:none;padding:0;margin:0; }
.process-steps li { display:grid;grid-template-columns:36px 1fr auto;gap:18px;padding:28px 0;border-top:1px solid var(--line); }
.process-steps li:first-child { padding-top:0;border-top:0; }
.step-number { font:13px monospace;color:var(--muted);padding-top:7px; }
.process-steps h3 { font-size:29px;letter-spacing:-.03em;margin:0 0 12px; }
.step-time { padding-top:9px; }
@media(max-width:900px) { .narra-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,290px);gap:32px; } .narra-hero-title { font-size:42px; } .delivery-gallery { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important; } .process-layout { grid-template-columns:1fr; } .process-setup { max-width:100%; } .process-steps li { padding:24px 0; } }
@media(max-width:600px) { .narra-split-hero { padding:30px 24px 48px!important; } .narra-hero-grid { grid-template-columns:minmax(0,1fr); } .narra-hero-stage { width:min(100%,320px); } :is(#deliverables, #seller-reports) { padding:56px 24px; } #deliverables .delivery-heading { grid-template-columns:1fr;gap:18px; } #deliverables .delivery-kit { padding:24px 18px!important; } #deliverables .delivery-includes { padding:0 18px 24px!important; } .delivery-includes>div,.delivery-brand>div:nth-child(2) { grid-template-columns:1fr!important;gap:24px!important; } :is(#deliverables, #seller-reports) h3 { font-size:22px!important;line-height:1.4; } :is(#deliverables, #seller-reports) h3>span:not(.delivery-number) { font-size:14px; } #pricing .pricing-grid { grid-template-columns:1fr!important; } #pricing .pricing-card { padding:28px!important; } #pricing .pricing-inner { padding:56px 24px!important; } .pricing-terms { grid-template-columns:1fr!important; } .process-layout { padding:56px 24px; } .process-steps li { grid-template-columns:28px 1fr;gap:14px; } .step-time { grid-column:2;padding:0; } }
/* One left-to-right story-image wave; all glyph slots retain their width. */
.narra-hero-title { max-width:none;font-size:clamp(38px,4.25vw,62px);line-height:1.14; }
.narra-hero-title em { letter-spacing:-.045em; }
.motion-word { display:inline-block;white-space:nowrap; }
.motion-letter { position:relative;display:inline-block;perspective:500px; }
.motion-glyph { display:inline-block;transform-origin:50% 55%; }
.motion-story { position:absolute;left:50%;top:50%;width:.82em;height:1.46em;max-width:none;object-fit:cover;border-radius:.055em;box-shadow:0 .06em .15em #15151526;opacity:0;transform:translate(-50%,-50%) rotateY(-90deg) scale(.45);pointer-events:none; }
.motion-ready .motion-glyph { animation:letter-to-story 1040ms linear both;animation-delay:calc(var(--motion-start-delay, 900ms) + var(--letter-index) * 145ms); }
.motion-ready .motion-story { animation:story-to-letter 1040ms linear both;animation-delay:calc(var(--motion-start-delay, 900ms) + var(--letter-index) * 145ms); }
/* Segment easing: anticipation → fast launch → overshoot → damped return. */
@keyframes letter-to-story {
  0% { opacity:1;transform:translateY(0) rotateY(0) scale(1);animation-timing-function:cubic-bezier(.45,0,.8,.4); }
  10% { opacity:1;transform:translateY(.045em) rotateZ(-4deg) scale(1.08,.9);animation-timing-function:cubic-bezier(.2,.8,.2,1); }
  25% { opacity:0;transform:translateY(-.14em) rotateY(95deg) scale(.65,1.12); }
  65% { opacity:0;transform:translateY(.1em) rotateY(-75deg) scale(.75);animation-timing-function:cubic-bezier(.16,1,.3,1); }
  83% { opacity:1;transform:translateY(-.035em) rotateY(0) scale(1.1,.94);animation-timing-function:cubic-bezier(.4,0,.2,1); }
  93% { opacity:1;transform:translateY(.012em) scale(.98,1.025);animation-timing-function:cubic-bezier(.2,.7,.3,1); }
  100% { opacity:1;transform:translateY(0) rotateY(0) scale(1); }
}
@keyframes story-to-letter {
  0%,10% { opacity:0;transform:translate(-50%,-42%) rotateY(-95deg) rotateZ(-12deg) scale(.35);animation-timing-function:cubic-bezier(.12,.85,.22,1); }
  31% { opacity:1;transform:translate(-50%,-60%) rotateY(8deg) rotateZ(7deg) scale(1.17);animation-timing-function:cubic-bezier(.3,0,.25,1); }
  44% { opacity:1;transform:translate(-50%,-51%) rotateY(-3deg) rotateZ(-3deg) scale(.98);animation-timing-function:cubic-bezier(.2,.7,.25,1); }
  56% { opacity:1;transform:translate(-50%,-54%) rotateY(0) rotateZ(0) scale(1.03);animation-timing-function:cubic-bezier(.65,0,.85,.35); }
  73% { opacity:0;transform:translate(-42%,-68%) rotateY(95deg) rotateZ(9deg) scale(.45); }
  100% { opacity:0;transform:translate(-50%,-50%) rotateY(95deg) scale(.35); }
}
@media(max-width:900px) and (min-width:601px) { .narra-hero-title { font-size:clamp(34px,4.6vw,42px); } }
@media(max-width:600px) { .narra-hero-title { font-size:clamp(32px,7.6vw,44px); } }
@media(prefers-reduced-motion:reduce) {
  .motion-ready .motion-glyph { animation:none;opacity:1;transform:none; }
  .motion-ready .motion-story { animation:none;display:none; }
}

.motion-replay { --motion-start-delay:0ms; }
.delivery-gallery { grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important; }
.property-tour-deliverable { display:flex;flex-direction:column;gap:10px; }
@media(max-width:1000px) { .delivery-gallery { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media(max-width:600px) { .delivery-gallery { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

#pricing .pricing-card .plan-annual { color:var(--muted)!important;background:var(--paper);padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;margin:16px 0 8px; }

/* Simplified section hierarchy, without decorative eyebrows or numbering. */
.process-steps li { grid-template-columns:minmax(0,1fr);gap:0; }
.process-heading h2 { margin-top:0; }
#pricing .plan-name>div { font-family:inherit!important;font-size:19px!important;letter-spacing:0!important; }
.delivery-heading h2 { margin-top:0!important; }

/* Keep seller previews and copy readable across tablet and phone widths. */
@media(max-width:1000px){
.delivery-seller>div:nth-child(2)>div{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
.delivery-seller>div:nth-child(2)>div>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important}
}
@media(max-width:760px){
.narra-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
.narra-hero-stage{max-width:320px}
}
@media(max-width:600px){
.delivery-seller>div:nth-child(2)>div>div{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
.delivery-seller video{width:min(100%,280px)!important;max-width:100%;height:auto;aspect-ratio:9/16;justify-self:center}
.delivery-seller>div:nth-child(2)>div>div>div{min-width:0}
.delivery-seller [style*="white-space"]{white-space:normal!important}
:is(#deliverables, #seller-reports) h3>span{display:block;margin-top:6px}
.delivery-gallery{gap:24px 14px!important}.delivery-gallery>div{min-width:0}
.delivery-gallery>div>div:first-of-type{font-size:16px!important}
.process-steps .step-time{grid-column:1}
.narra-hero-actions{flex-wrap:wrap}
a,button{-webkit-tap-highlight-color:transparent}
}

.narra-before-after-layout{container-type:inline-size}
.listing-comparison{display:block;width:100%;border:0;height:calc(56.25cqw + 130px)}
@container(max-width:820px){.listing-comparison{height:calc(56.25cqw + 200px)}}
@container(max-width:600px){.listing-comparison{height:790px}}

/* Existing clients get a quiet route to their workspace beside the sales CTA. */
nav .scrollstop-client-login { display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;color:var(--ink);font-size:14px; }
nav .scrollstop-client-login:hover { text-decoration:underline;text-underline-offset:4px; }
.listingkit-nav-toggle { display:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:999px;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer; }
.listingkit-nav-toggle span { display:block;width:20px;height:2px;border-radius:999px;background:var(--ink);transition:transform .2s ease, opacity .2s ease; }
.listingkit-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.listingkit-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.listingkit-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.listingkit-mobile-menu { display:none;position:fixed;top:86px;left:0;right:0;z-index:49;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px 24px;flex-direction:column;gap:4px;box-shadow:0 12px 24px rgba(21,21,15,.08); }
.listingkit-mobile-menu.open { display:flex; }
.listingkit-mobile-menu a { display:block;padding:13px 0;color:var(--ink);font-size:16px;text-decoration:none; }
.listingkit-mobile-menu a:hover { text-decoration:underline;text-underline-offset:4px; }
.listingkit-mobile-menu .listingkit-mobile-cta { margin-top:8px;padding:14px 18px;background:var(--button);color:var(--surface);text-align:center; }
@media(max-width:900px) {
  .listingkit-nav-links { gap:18px!important; }
}
@media(max-width:768px) {
  nav>div.listingkit-nav-inner { height:72px!important;gap:12px!important; }
  nav .scrollstop-listingkit-lockup { width:min(230px,58vw); }
  .listingkit-nav-links { display:none!important; }
  .listingkit-nav-toggle { display:flex; }
  .listingkit-mobile-menu { top:72px; }
}
@media(max-width:380px) {
  nav .scrollstop-site-logo { font-size:18px;gap:5px; }
  nav .scrollstop-listingkit-lockup { width:min(230px,58vw); }
}

/* The one retained layout change: source photos beside their finished video. */
.ss-proof-pair{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;align-items:center;background:var(--surface);padding:34px;border-radius:18px}
.ss-proof-pair figure{margin:0;min-width:0}.ss-proof-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:var(--paper)}
.ss-proof-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-proof-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.ss-proof-pair figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:14px}.ss-proof-pair figcaption a{color:inherit;text-underline-offset:3px}
@media(max-width:900px){.ss-proof-pair{grid-template-columns:240px minmax(0,1fr);gap:30px;padding:24px}}
@media(max-width:640px){.ss-proof-pair{grid-template-columns:minmax(0,1fr);gap:28px;padding:20px}.ss-proof-video{width:min(100%,300px);justify-self:center}}

/* User-supplied section layouts; retain the existing typography and media. */
.narra-before-after-layout{padding-top:48px!important;padding-bottom:64px!important}
.narra-comparison-heading{display:block;margin-bottom:24px}
.comparison-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.narra-comparison-heading h2{max-width:none;margin:0}
.comparison-summary{margin-top:18px}
.narra-comparison-heading .comparison-summary>p{max-width:44em!important}
.narra-comparison-heading .comparison-no-filming{margin:0!important;background:var(--surface);border-radius:100px;padding:16px 28px}
.delivery-brand>.brand-layout{grid-template-columns:1fr 1.2fr!important;gap:48px!important;padding-top:0!important;align-items:start}
.brand-copy>div{padding-bottom:0!important;border-bottom:0!important}
.brand-copy h3{max-width:14em}
.brand-copy>div::after{content:'';display:block;width:64px;border-top:1px solid var(--line);margin:28px 0}
.delivery-brand .brand-examples{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#listing-work h2{max-width:9em;margin-bottom:0;text-align:left}
.problem-tasks{list-style:none;margin:0 0 32px;padding:0}
.problem-tasks li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:18px;align-items:center;border-top:1px solid var(--line);padding:16px 0}
.problem-tasks li:last-child{border-bottom:1px solid var(--line)}
.problem-task-bullet{width:4px;height:4px;border-radius:50%;background:var(--muted);justify-self:center}
@media(max-width:600px){
  .narra-before-after-layout{padding-top:32px!important;padding-bottom:40px!important}
  .comparison-title-row{grid-template-columns:minmax(0,1fr);gap:16px;justify-items:start}
  .comparison-summary{margin-top:16px}
  .delivery-intro{max-width:20em}
  .narra-comparison-heading .comparison-summary>p{margin:0!important}
  .narra-comparison-heading{margin-bottom:20px}
  .delivery-brand>.brand-layout{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
}

/* Native disclosures preserve the existing FAQ layout and work without JS. */
.realestate-faq>summary{list-style:none;cursor:pointer}
.realestate-faq>summary::-webkit-details-marker{display:none}
.realestate-faq .faq-sign::before{content:'+'}
.realestate-faq[open] .faq-sign::before{content:'−'}
.realestate-faq>summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}

/* Inline free-sample request form. */
.sample-request-section{background:var(--button)!important;color:var(--surface)!important;border-top:1px solid var(--ink)!important}
.sample-request-layout{max-width:1184px;margin:0 auto;padding:clamp(64px,9vw,128px) clamp(24px,6vw,88px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(40px,7vw,108px);align-items:start}
.sample-request-copy{max-width:34em;position:sticky;top:116px}
.sample-request-eyebrow{margin:0 0 22px;font:11px/1.2 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#8b887c}
.sample-request-copy h2{margin:0 0 28px;color:var(--surface)!important;font-size:clamp(36px,4.8vw,62px)!important;max-width:10em}
.sample-request-copy>p:last-child{margin:0;color:#b5b2a9;font-size:17px;line-height:1.65;max-width:31em}
.sample-request-panel{min-width:0}
.sample-request-form{display:flex;flex-direction:column;gap:20px}
.sample-form-field{display:flex;flex-direction:column;gap:8px}
.sample-form-field label{font-size:14px;color:#eeeff2}
.sample-form-field input{width:100%;border:1px solid #5b5a51;border-radius:8px;background:#20201b;color:#eeeff2;padding:15px 16px;font:inherit;font-size:16px;line-height:1.35;transition:border-color .2s,box-shadow .2s}
.sample-form-field input::placeholder{color:#8b887c}
.sample-form-field input:focus{outline:0;border-color:#eeeff2;box-shadow:0 0 0 3px #eeeff244}
.sample-form-field input[aria-invalid="true"]{border-color:#f0a39c}
.sample-field-error{margin:0;color:#f0b8b2;font-size:13px;line-height:1.4}
.sample-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sample-form-submit{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:100px;background:var(--surface);color:var(--ink);padding:17px 24px;font:inherit;font-size:16px;cursor:pointer;transition:background .2s,opacity .2s,transform .2s}
.sample-form-submit:hover{background:#d9d7d0}
.sample-form-submit:focus-visible{outline:3px solid var(--surface);outline-offset:5px}
.sample-form-submit:disabled{cursor:wait;opacity:.7}
.sample-form-spinner{display:none;width:15px;height:15px;border:2px solid #1515154d;border-top-color:var(--ink);border-radius:50%;animation:sample-form-spin .8s linear infinite}
.sample-form-submit[aria-busy="true"] .sample-form-spinner{display:inline-block}
@keyframes sample-form-spin{to{transform:rotate(360deg)}}
.sample-form-note,.sample-form-fallback,.sample-form-status{margin:0;color:#8b887c;font-size:13px;line-height:1.55}
.sample-form-note a,.sample-form-fallback a,.sample-form-status a{color:var(--surface);text-decoration:underline;text-underline-offset:3px}
.sample-form-status-error{color:#f0b8b2;padding:13px 15px;border:1px solid #704843;border-radius:8px}
.sample-request-success{padding:28px;border:1px solid #5b5a51;border-radius:14px;background:#20201b}
.sample-request-success .sample-request-eyebrow{margin-bottom:18px}
.sample-request-success h3{margin:0 0 16px;color:var(--surface);font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.04em}
.sample-request-success p:last-child{margin:0;color:#b5b2a9;font-size:16px;line-height:1.6}
.sample-fit-call{display:inline-block;margin-top:24px;color:#8b887c;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.sample-fit-call:hover{color:var(--surface);opacity:1}
[hidden]{display:none!important}
@media(max-width:800px){.sample-request-layout{grid-template-columns:1fr;gap:40px}.sample-request-copy{position:static}.sample-request-copy h2{max-width:12em}}
@media(max-width:600px){.sample-request-layout{padding:56px 24px}.sample-request-copy h2{font-size:clamp(34px,10vw,48px)!important}.sample-request-panel{width:100%}.sample-request-success{padding:22px}}

/* Phones: a compact hero so the showcase video is visible, and headlines that use the full width. */
@media(max-width:760px){.narra-hero-arrow{display:none}}
@media(max-width:600px){
section h2,.narra-comparison-heading h2,.delivery-heading h2,.sample-request-copy h2{font-size:26px!important;max-width:none!important;text-wrap:pretty!important}
section h2 br{display:none}
.process-steps h3{font-size:22px}
}
