@font-face{font-family:Inter;src:url('assets/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#151515;background:#fff;font-synthesis:none;--blue:#155dfc;--navy:#1e3a8a;--line:#e3e6ec}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-padding-top:0;scroll-snap-type:y proximity}
.site-header,.hero{scroll-snap-align:start;scroll-snap-stop:normal}
body{margin:0;font-size:16px;line-height:1.55}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-underline-offset:5px}
button:focus-visible,a:focus-visible{outline:3px solid #69b0ff;outline-offset:5px}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
h2{font-size:32px;line-height:1.25;font-weight:600}
h3{font-size:28px;line-height:1.3;font-weight:600}
h4{font-size:17px;font-weight:600}
.wrap{width:calc(100% - 96px);max-width:1344px;margin-inline:auto}
.reading{width:calc(100% - 96px);max-width:1076px;margin-inline:auto}
.reading-wide{width:calc(100% - 96px);max-width:1176px;margin-inline:auto}
.site-header{width:100%;max-width:none;padding-inline:3.55%;height:clamp(110px,11.875vw,185px);display:flex;align-items:center;gap:4vw}
.identity{flex-shrink:0;margin-right:auto}
.identity img{width:143px;height:auto}
.site-header nav{display:flex;align-items:center;gap:3.4vw}
.site-header a{text-decoration:none;font-size:16px;white-space:nowrap}
.site-header nav a{padding:7px 0}
.site-header nav .active{border-bottom:1px solid #333}
.socials{display:grid;grid-template-columns:repeat(3,15px);gap:14px;position:relative;width:73px;height:15px;flex-shrink:0}
.socials>img{position:absolute;left:0;top:0;pointer-events:none}
.socials>a{display:block;position:relative;height:22px;min-width:15px;margin-top:-3px}
.hero{position:relative;height:min(58.75vw,100svh);min-height:560px;color:white;overflow:hidden;background:#303c37}
.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:20% center}
.hero::after{content:"";position:absolute;inset:0;background:#000;opacity:.2;pointer-events:none}
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;padding:32px 6.80556%}
.hero h1{font-size:18px;font-weight:500;margin-bottom:18px}
.hero-title{font-size:64px;line-height:1.21;font-weight:600;max-width:460px}
.hero-description{max-width:390px;margin-top:26px;font-size:16px;line-height:1.6}
.hero-actions{display:flex;gap:14px;margin-top:28px;align-items:center}
.hero .button{font-size:14px;padding-inline:17px}
.button{min-height:52px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-weight:600;font-size:16px;transition:background .16s,box-shadow .16s}
.button svg{width:19px;height:19px;flex-shrink:0}
.button.white{color:var(--navy);background:#fff;border-color:#dce3ee}
.button.white:hover{background:#edf3ff;box-shadow:0 3px 12px #0001}
.button.navy{background:var(--navy);color:white}
.button.navy:hover{background:#2348b5}
.hero-note{font-size:14px;margin-top:34px;display:flex;gap:12px}
.overview{display:grid;grid-template-columns:380px minmax(0,1fr);gap:74px;padding-block:65px 90px}
.project-facts{display:grid;gap:24px;align-content:start}
.project-facts dt{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:6px}
.project-facts dd{font-size:16px;line-height:1.5;max-width:340px}
.overview-copy{max-width:780px}
.overview-copy h2{font-size:46px;color:var(--navy);margin-bottom:16px}
.overview-copy h3{font-size:32px;color:var(--navy);margin:30px 0 12px}
.overview-copy p+p{margin-top:12px}
.dark-band{background:#050505;color:#fff;text-align:center;padding:62px 0}
.dark-band h2{margin-bottom:28px}
.dark-band p{font-size:18px;font-weight:500;line-height:1.65}
.journey-section{padding-top:56px}
.journey-section h2,.wireframes>h2{text-align:center;margin-bottom:24px}
.image-button{width:100%;padding:0;background:transparent;border:0;display:block;position:relative;border-radius:0}
.image-button:hover .zoom-icon{background:var(--blue);color:#fff}
.journey-section .image-button img{width:100%}
.wireframes{padding-top:52px;padding-bottom:100px}
figure figcaption{font-size:16px;margin-bottom:9px}
.wireframe-grid{display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:26px;margin-top:42px;align-items:start}
.wire-column{display:grid;gap:28px}
.wire-column figure>img{width:100%;height:auto}
.preference-wire{width:69%}
.buyer-wires{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:70px}
.buyer-wires>figure>img{width:100%;aspect-ratio:4/3;object-fit:cover}
.rotated-photo{aspect-ratio:4/3;overflow:hidden;position:relative}
.rotated-photo img{position:absolute;width:75%;height:133.333%;max-width:none;object-fit:cover;left:12.5%;top:-16.666%;transform:rotate(-90deg)}
.research{padding-block:62px 90px}
.research h3{color:#1060ff;margin-bottom:22px;font-size:30px}
.research-block+.research-block{margin-top:58px}
.research p{line-height:1.65}
.study-facts{display:flex;gap:24px 36px;flex-wrap:wrap;margin-top:30px}
.study-facts>div{display:flex;gap:12px;align-items:baseline}
.study-facts dt{color:#656b77}
.study-facts dd{border-left:1px solid var(--line);padding-left:12px;font-weight:500}
.two-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:54px;row-gap:32px}
.participants span,.findings span{color:#54758d;font-size:14px}
.participants p{margin-top:5px}
.tested p{margin-top:6px;color:#535963}
.finding-intro{color:#5c626b;font-style:italic;margin-bottom:28px}
.findings h4{margin:6px 0 8px}
.findings p{color:#555e68;font-size:16px}
.research-direction{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}
.research-direction h4{font-size:14px;text-transform:uppercase;font-weight:500;color:#555d69;margin-bottom:12px}
.direction-labels{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.direction-labels span{background:#eef5ff;color:#285ebc;font-size:13px;padding:5px 9px}
.design-response{scroll-margin-top:0;padding-bottom:52px}
.response-header{background:var(--blue);color:white;text-align:center;padding:48px 0 50px}
.response-header h2{margin-bottom:24px;font-size:36px}
.response-header p:not(.prototype-route){font-size:18px;line-height:1.65;max-width:1130px;margin-inline:auto}
.response-header strong{font-weight:600}
.response-header .button{margin-top:25px}
.prototype-route{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;margin-top:16px}
.prototype-route svg{width:14px;height:14px}
.response-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:38px}
.response-gallery figure{min-width:0}
.response-gallery figcaption{margin-bottom:18px}
.response-gallery h3{font-size:20px;line-height:1.4;display:flex;gap:12px;align-items:baseline}
.response-gallery h3 span{font-size:14px;color:var(--blue);font-weight:500}
.response-gallery figcaption p{font-size:16px;line-height:1.6;color:#515866;margin-top:10px;min-height:78px}
.response-gallery .image-button{border:1px solid var(--line)}
.response-gallery .image-button img{width:100%;aspect-ratio:1.44;object-fit:contain;background:#fff}
.zoom-icon{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;background:#fff;color:#1e3a8a;box-shadow:0 1px 6px #0002;border-radius:4px;transition:background .16s}
.zoom-icon svg{width:17px;height:17px}
.demo-scope{font-size:14px;color:#656b77;margin-top:24px;line-height:1.6}
.buyer-story{border-top:1px solid var(--line);padding-block:66px 70px;scroll-margin-top:30px}
.section-kicker{font-size:12px;line-height:1.5;font-weight:600;color:var(--navy)}
.story-heading h2{font-size:36px;line-height:1.22;margin-top:14px;max-width:850px}
.story-heading>p:last-child{font-size:18px;color:#555e68;line-height:1.65;max-width:760px;margin-top:20px}
.starting-thought{display:flex;align-items:center;gap:18px;padding:24px 0;margin-top:24px;border-block:1px solid var(--line)}
.starting-thought>svg{width:24px;height:24px;color:#60717d;flex-shrink:0}
.starting-thought>div{flex:1}.starting-thought p{font-size:22px;font-weight:500;margin-top:6px;line-height:1.4}
.starting-thought .section-kicker{font-size:11px;color:#646d79}
.story-caption{font-size:13px;color:#626b78;margin-top:14px}.story-caption summary{cursor:pointer;width:fit-content}.story-caption p{max-width:850px;padding-top:10px}
.story-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border-bottom:1px solid #ced5df;gap:12px}
.story-tabs button{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 8px;border:0;border-bottom:3px solid transparent;background:transparent;text-align:left;color:#56606c;font-size:15px;font-weight:500;transition:color .16s,border-color .16s}
.story-tabs button span{font-size:12px;border:1px solid #c4ccd7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}
.story-tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--blue)}
.story-tabs button[aria-selected=true] span{color:white;background:var(--blue);border-color:var(--blue)}
.story-tabs button.is-complete:not([aria-selected=true]) span{color:#24634f;border-color:#b6d5c7;background:#edf6f1}
.story-tabs button:hover:not(:disabled){color:var(--blue)}.story-tabs button:disabled{color:#747d87;cursor:default}
.preference-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;padding-block:30px;min-height:398px;align-items:start}
.story-panel{animation:story-enter .22s ease-out;min-width:0}
[hidden]{display:none!important}
.ai-cue{display:flex;align-items:center;gap:9px;color:#29654f;font-size:14px;margin-bottom:16px}.ai-cue svg{width:18px;height:18px;flex-shrink:0}
.story-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.story-panel legend,.story-panel h3{font-size:26px;line-height:1.35;font-weight:600;padding:0;max-width:460px}
.preference-options{display:grid;gap:10px;margin-top:22px}
.preference-options label{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #d7dde6;border-radius:5px;font-size:17px;line-height:1.5;min-height:54px;cursor:pointer;transition:background .18s,border-color .18s}
.preference-options input{position:absolute;opacity:0;width:1px;height:1px}
.preference-options svg{width:19px;height:19px;flex-shrink:0;color:#5d6f7f}
.preference-options label:has(:checked){background:#eef3ff;border-color:var(--blue);color:#1e3a8a}
.preference-options label:has(:focus-visible){outline:3px solid #69b0ff;outline-offset:3px}
.preference-options label:hover{border-color:#8a9dbb}
.preference-options .choice-check{margin-left:auto;opacity:0;color:var(--blue)}.preference-options :checked~.choice-check{opacity:1}
.lab-note{color:#66717c;font-size:12px;line-height:1.6;margin-top:14px;max-width:460px}
.live-brief{border-left:1px solid var(--line);padding-left:36px;min-width:0}
.brief-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;padding-bottom:12px}.brief-heading h3{font-size:19px}.brief-heading>span{font-size:12px;color:#596879;white-space:nowrap}
.brief-rows>div{position:relative;display:grid;grid-template-columns:1fr 34px;gap:5px 12px;padding:16px 8px 16px 0;border-bottom:1px solid var(--line);transition:background .25s}
.brief-rows dt{display:flex;gap:9px;align-items:center;font-size:13px;color:#626b78}.brief-rows dt svg{width:16px;height:16px}
.brief-rows dd{grid-column:1;font-size:20px;font-weight:500;color:#7b838d;line-height:1.4;padding-left:25px;overflow-wrap:anywhere}
.brief-rows .is-filled dd{color:#162b38}.brief-rows .just-updated{animation:brief-fill .7s ease-out}
.brief-rows .edit-brief{grid-column:2;grid-row:1/3;align-self:center;width:32px;height:32px;background:transparent;border:0;color:#6a7786}.edit-brief svg{width:16px;height:16px}.edit-brief:disabled{visibility:hidden}
.brief-outcome{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px;color:#5f6c79}.brief-outcome svg{width:18px;height:18px;flex-shrink:0}.live-brief.is-confirmed .brief-outcome,.live-brief.is-confirmed #brief-status{color:#24634f}
.question-context,.brief-sentence{font-size:17px;line-height:1.65;color:#555e68;margin-top:14px;max-width:470px}.brief-sentence{font-size:22px;color:#24394a;margin-block:24px}
.clarification-options{display:grid;gap:10px;margin-top:20px}.clarification-options button{display:flex;align-items:center;gap:12px;background:white;padding:14px;border:1px solid #d7dde6;border-radius:5px;text-align:left;font-size:16px}.clarification-options button:hover{border-color:var(--blue);background:#f5f8ff}.clarification-options svg{width:18px;height:18px;flex-shrink:0}.clarification-options svg:last-child{margin-left:auto;color:var(--blue)}
.next-evidence{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.next-evidence>svg{width:20px;height:20px;color:#29654f;flex-shrink:0;margin-top:3px}.next-evidence strong{font-size:15px;font-weight:600}.next-evidence p{font-size:14px;color:#596879;margin-top:6px;line-height:1.6}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--navy);text-decoration:none;margin-top:18px}.text-link svg{width:17px;height:17px}
.story-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.story-controls>p{font-size:14px;color:#344657}.story-controls>span{font-size:12px;color:#66717c}
.browsing-story{border-top:1px solid var(--line);padding-block:56px 60px}
.browsing-demo{margin-top:30px;border-block:1px solid var(--line)}
.demo-session{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px}
.demo-session p{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#596879}
.demo-session strong{color:#24394a;font-weight:600}
.demo-session>div{display:flex;align-items:center;gap:16px}.demo-session .text-link{margin:0;border:0;background:transparent}
.demo-stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-block:1px solid var(--line)}
.demo-stage-list li{display:flex;align-items:center;gap:10px;padding:14px 6px;border-bottom:3px solid transparent;font-size:14px;color:#66717c;min-width:0}
.demo-stage-list li>span{display:grid;place-items:center;border:1px solid #ccd4dd;border-radius:50%;width:26px;height:26px;flex-shrink:0;font-size:12px}
.demo-stage-list svg{width:15px;height:15px}.demo-stage-list [aria-current]{color:var(--navy);border-bottom-color:var(--blue);font-weight:600}
.demo-stage-list [aria-current]>span{color:white;background:var(--blue);border-color:var(--blue)}
.demo-stage-list .is-complete>span{color:#29654f;border-color:#a8c6b8;background:#edf6f1}
.demo-browse-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;padding-block:28px;align-items:start;min-height:500px}
.demo-browse-panel{min-width:0}.demo-browse-panel.is-entering{animation:story-enter .22s ease-out}.demo-browse-panel:focus{outline:none}.demo-browse-panel:focus-visible{outline:2px solid #69b0ff;outline-offset:8px}
.demo-browse-panel h3{font-size:27px;line-height:1.3;margin-bottom:18px;max-width:500px}
.demo-browse-panel>p:not(.ai-cue):not(.demo-data-label),.demo-permission>p:not(.ai-cue){font-size:17px;line-height:1.7;color:#515e69;max-width:550px}
.demo-permission-facts{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#526975;font-size:14px}
.demo-permission-facts span{display:flex;align-items:center;gap:7px}.demo-permission-facts svg{width:18px;height:18px}
.demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.demo-actions .button{font-size:15px;gap:9px;padding:12px 16px;min-height:48px;text-align:left}
.demo-actions .secondary{color:var(--navy);background:white;border:1px solid #c4cedd}
.browsing-demo button:disabled{opacity:.5;cursor:not-allowed}.demo-actions .button svg{flex-shrink:0}
.demo-home{min-width:0;padding-left:28px;border-left:1px solid var(--line)}
.demo-home-top{display:flex;gap:9px;align-items:center;font-size:13px;color:#526975;margin-bottom:18px}
.demo-home-top>svg{width:18px;height:18px}.demo-home-state{margin-left:auto;color:#29654f}
.demo-home h3{font-size:24px}.demo-home-priority{font-size:15px;color:#29654f;margin-top:6px}
.demo-picks{list-style:none;margin:14px 0 0;padding:0}
.demo-picks li{display:grid;grid-template-columns:16px 96px minmax(0,1fr);align-items:center;gap:12px;min-height:100px;border-top:1px solid var(--line);padding-block:14px}
.demo-home.is-updated .demo-picks li{animation:story-enter .3s ease-out both}.demo-home.is-updated .demo-picks li:nth-child(2){animation-delay:.04s}.demo-home.is-updated .demo-picks li:nth-child(3){animation-delay:.08s}
.demo-picks img{width:96px;height:70px;object-fit:cover;border-radius:4px}.demo-rank{font-size:13px;color:#66717c}
.demo-picks h4{font-size:16px;line-height:1.4}.demo-picks p{font-size:14px;margin-top:4px;color:#24394a}.demo-picks p span{color:#66717c}
.demo-pick-change{display:block;color:#29654f;font-size:12px;margin-top:4px;line-height:1.5}
.demo-home-note{font-size:14px;line-height:1.7;color:#515e69;border-top:1px solid var(--line);padding-top:14px}
.demo-data-label{font-size:12px;line-height:1.7;color:#66717c;margin-top:14px}
.demo-explore-cars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.demo-explore-cars article{min-width:0}.demo-photo{position:relative}.demo-photo>img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:4px}
.demo-save{position:absolute;right:8px;top:8px;background:white;color:var(--navy);width:38px;height:38px}
.demo-save[aria-pressed=true]{background:#edf3ff;border-color:var(--navy)}.demo-save[aria-pressed=true] svg{fill:var(--navy)}
.demo-explore-cars h4{font-size:18px;margin-top:14px}.demo-explore-cars p{font-size:14px;color:#596879;margin-top:5px}
.demo-view{display:flex;align-items:center;gap:8px;width:100%;background:white;color:var(--navy);padding:12px 0;margin-top:10px;border:0;border-block:1px solid var(--line);font-size:14px;text-align:left;min-height:46px}
.demo-view svg{width:17px;height:17px}.demo-view svg:last-child{margin-left:auto}
.demo-view-detail{display:flex;gap:10px;margin-top:16px;border-left:3px solid #b1c7bd;padding-left:14px;color:#526975;font-size:14px}
.demo-view-detail>svg{flex-shrink:0;width:20px;height:20px}.demo-view-detail strong{color:#24394a;font-size:15px}.demo-view-detail p{margin-top:4px}
.demo-signal-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:13px;color:#526975}
.demo-signal-status span{display:flex;align-items:center;gap:6px}.demo-signal-status svg{width:16px;height:16px}.demo-signal-status strong{font-weight:500;color:#29654f}
.demo-priority-shift{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-block:22px;margin-top:20px;border-block:1px solid var(--line);font-size:17px}
.demo-priority-shift>span{color:#66717c}.demo-priority-shift>strong{color:#29654f;font-weight:600}.demo-priority-shift>svg{width:20px;height:20px;color:#526975}
.demo-browse-panel .demo-unchanged{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:14px!important}
.demo-unchanged svg{width:18px;height:18px;flex-shrink:0;margin-top:3px}.demo-browse-panel>.text-link{border:0;background:white;padding:4px 0}
.demo-change-list{margin-top:22px}.demo-change-list h4{font-size:14px;color:#596879;font-weight:500;margin-bottom:8px}
.demo-change-list>div{display:grid;grid-template-columns:16px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.demo-change-list strong{font-weight:500}.demo-change-list span{color:#66717c}.demo-change-list>div>span:last-child{text-align:right;font-size:13px}
.demo-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 0;font-size:13px;color:#596879}
.browsing-boundary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:20px;margin-top:30px}
.browsing-boundary p{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;color:#515e69}
.browsing-boundary p>svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#29654f}
.browsing-boundary strong{color:#24394a;font-weight:600}
.browsing-boundary .text-link{margin:0;flex-shrink:0}
.browsing-story .story-caption p{font-size:14px;line-height:1.7}
@media(max-width:1000px){.browsing-boundary{align-items:flex-start;flex-direction:column;gap:14px}.demo-browse-layout{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.demo-home{padding-left:20px}.demo-picks li{grid-template-columns:14px 76px minmax(0,1fr);gap:8px}.demo-picks img{width:76px;height:60px}.demo-picks p span{display:none}}
@media(max-width:760px){.browsing-story{padding-block:40px 44px}.demo-browse-layout{grid-template-columns:1fr;min-height:0}.demo-home{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.demo-session{align-items:flex-start}.demo-session p{flex-direction:column}.demo-session>div{gap:8px}.demo-stage-list li{flex-direction:column;justify-content:center;gap:6px;font-size:12px;text-align:center}.demo-browse-panel h3{font-size:24px}.demo-picks li{grid-template-columns:16px 96px minmax(0,1fr)}.demo-picks img{width:96px;height:70px}.demo-picks p span{display:inline}.demo-footer{gap:6px}.demo-permission-facts{gap:12px}.demo-explore-cars h4{font-size:16px}}
@media(max-width:380px){.demo-explore-cars{gap:12px}.demo-save{width:34px;height:34px;top:5px;right:5px}.demo-explore-cars p{font-size:12px}.demo-home-state{font-size:12px}}
.product-difference{background:#f5f7f8;padding-block:68px 56px}
.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:38px;padding-bottom:38px;border-bottom:1px solid #d8dfe5}
.approach-grid article{min-width:0;border-top:2px solid #bbc5cd;padding-top:23px}
.approach-grid article>svg{width:24px;height:24px;color:#526975;margin-bottom:18px}
.approach-grid h3{font-size:22px;line-height:1.35;margin-top:12px}
.approach-grid article>p:not(.section-kicker){font-size:15px;line-height:1.7;color:#515e69;margin-top:12px}
.approach-path{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;font-weight:500;margin-top:20px;min-height:32px;color:#202e38}
.approach-path svg{width:14px;height:14px;color:#6a7b87}
.approach-grid article>p.approach-value{font-size:14px;margin-top:14px}
.approach-grid .crossover-approach{border-top-color:#29654f}
.crossover-approach>svg,.crossover-approach .section-kicker{color:#29654f}
.ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:30px;border-bottom:1px solid #d8dfe5}
.ai-modes h3{font-size:20px;line-height:1.4;margin-top:9px}
.ai-modes p{font-size:15px;line-height:1.7;color:#515e69;max-width:510px;margin-top:10px}
.ai-modes>div:last-child .section-kicker{color:#29654f}
.implementation-note{margin-top:28px;border-top:1px solid #d8dfe5;border-bottom:1px solid #d8dfe5;font-size:14px;line-height:1.7}
.implementation-note summary{padding-block:18px;cursor:pointer;font-weight:500;color:#344657}
.implementation-note summary:focus-visible{outline:3px solid #69b0ff;outline-offset:3px}
.implementation-note>div{max-width:940px;padding-bottom:22px;color:#505d68}
.implementation-note p+p{margin-top:12px}
.implementation-note a{color:var(--navy)}
.story-takeaway{font-size:24px;line-height:1.6;margin-top:36px;color:#5b6771}
.story-takeaway strong{font-weight:500;color:#172b23}
@keyframes story-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes brief-fill{0%{background:#e8f2ec}100%{background:transparent}}
.site-footer{text-align:center;background:#050505;color:#fff;padding:58px 24px 60px}
.site-footer h2{font-size:40px;margin-bottom:22px}
.site-footer p{font-size:14px;margin-top:8px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:white;color:var(--navy);padding:12px 18px}
.skip-link:focus-visible{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{border:1px solid var(--line);border-radius:6px;padding:18px;width:min(1340px,calc(100% - 32px));max-height:94svh;overflow:auto;background:#fff;color:#151515}
dialog::backdrop{background:#111b}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px}
.viewer-toolbar p{font-size:16px}
.icon-button{height:40px;width:40px;display:grid;place-items:center;background:#f4f5f7;border:1px solid #d8dce4;border-radius:4px;flex-shrink:0}
.icon-button svg{width:20px;height:20px}
#enlarged-image{margin-inline:auto;max-height:calc(94svh - 94px);object-fit:contain}
@media(max-width:1100px){
  .site-header{gap:20px}.site-header nav{gap:20px}.site-header a{font-size:13px}.socials{gap:14px}
  .hero-title{font-size:52px}.hero-description{max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:22px}.hero-note{margin-top:22px}
  .overview{grid-template-columns:29% minmax(0,1fr);gap:45px}.project-facts dd{font-size:15px}.overview-copy h2{font-size:40px}
  .response-gallery{gap:20px}.response-gallery h3{font-size:18px;gap:8px}.response-gallery figcaption p{min-height:104px;font-size:15px}
}
@media(max-width:760px){
  .wrap,.reading,.reading-wide{width:calc(100% - 40px)}
  h2{font-size:28px}
  .hero{height:auto;min-height:0;background:#17211d;padding-bottom:330px}.hero-content{width:100%;height:auto;padding:38px 6.80556% 30px}.hero::after{display:none}
  .hero-image{height:330px;bottom:0;object-position:55% center}.hero-title{font-size:46px}.hero h1{font-size:16px;margin-bottom:16px}.hero-description{max-width:370px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:26px}.hero .button{font-size:14px;padding-inline:16px}.hero-note{font-size:13px;margin-top:25px;flex-wrap:wrap}
  .overview{grid-template-columns:1fr;gap:36px;padding-block:42px 54px}.project-facts{grid-template-columns:1fr 1fr;gap:24px 20px}.project-facts dt{font-size:16px}.project-facts dd{font-size:14px}.overview-copy h2{font-size:36px}.overview-copy h3{font-size:28px}
  .dark-band{padding:46px 0}.dark-band p{font-size:16px}.dark-band h2{margin-bottom:22px}.journey-section{padding-top:38px}.wireframes{padding-block:38px 50px}.wireframe-grid{gap:16px;margin-top:28px}.wire-column{gap:18px}figure figcaption{font-size:12px}.buyer-wires{gap:16px;margin-top:36px}.preference-wire{width:100%}
  .research{padding-block:44px 52px}.research h3{font-size:26px}.research-block+.research-block{margin-top:38px}.study-facts{display:grid;gap:16px}.study-facts dt{font-size:14px}.study-facts dd{font-size:14px}.two-columns{column-gap:24px;row-gap:26px}.participants p,.tested p,.findings p{font-size:14px}.tested h4,.findings h4{font-size:15px}
  .response-header{padding:38px 0 36px}.response-header h2{font-size:30px;margin-bottom:20px}.response-header p:not(.prototype-route){font-size:16px;line-height:1.7}.response-header .button{margin-top:22px}.prototype-route{gap:8px;font-size:12px}.prototype-route svg{width:12px}
  .response-gallery{grid-template-columns:1fr;gap:32px;margin-top:30px}.response-gallery h3{font-size:21px}.response-gallery figcaption p{min-height:0;font-size:16px;max-width:600px}.response-gallery figcaption{margin-bottom:16px}.response-gallery .image-button img{aspect-ratio:auto;max-height:none}.demo-scope{font-size:13px;margin-top:22px}
  .buyer-story{padding-block:40px 44px}.story-heading h2{font-size:28px}.story-heading>p:last-child{font-size:16px}.starting-thought{gap:12px}.starting-thought>svg{display:none}.starting-thought p{font-size:19px}
  .story-tabs{gap:4px;margin-top:14px}.story-tabs button{flex-direction:column;justify-content:center;font-size:12px;min-height:70px;padding:10px 0;gap:5px}.story-tabs button span{width:24px;height:24px}
  .preference-lab{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:24px}.story-panel legend,.story-panel h3{font-size:23px}.preference-options label{font-size:16px}.live-brief{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.brief-rows>div{padding-block:12px}.brief-rows dd{font-size:18px}.brief-sentence{font-size:20px}.story-controls{align-items:flex-start;flex-direction:column;gap:6px}
  .product-difference{padding-block:44px 40px}.approach-grid{grid-template-columns:1fr;gap:28px;margin-top:26px;padding-bottom:28px}.approach-grid h3{font-size:22px}.approach-grid article>svg{margin-bottom:12px}.approach-path{margin-top:14px}.ai-modes{grid-template-columns:1fr;gap:24px}.story-takeaway{font-size:21px}.site-footer h2{font-size:32px}.site-footer p{font-size:12px}
}
@media(min-width:1600px){.identity img{width:190px}.site-header a{font-size:20px}.hero-title{font-size:72px}.hero-description{font-size:18px;max-width:440px}}
@media(min-width:761px) and (max-width:1300px){.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:22px}.hero-description{max-width:300px}.hero-note{font-size:12px;gap:8px}}
@media(max-width:900px){.site-header{width:100%;height:auto;min-height:130px;padding:20px 5%;flex-wrap:wrap;gap:20px}.identity img{width:130px}.socials{margin-left:auto}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:13px}}
@media(max-width:600px){.site-header{min-height:150px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:2px 20px}.site-header nav a{font-size:12px}}
@media(max-width:380px){.hero-title{font-size:42px}.prototype-route{font-size:11px;gap:6px}.button{font-size:15px;padding-inline:16px}.two-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*{transition:none!important;animation:none!important}}
