@import url('./tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--sg-ink);background:white;font:16px/1.55 var(--sg-font-body)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--sg-font-heading);font-weight:800;line-height:1.02}a{color:inherit}img{display:block;max-width:100%}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--sg-focus);outline-offset:5px}.container{width:min(var(--sg-max),calc(100% - 96px));margin-inline:auto}.icon{width:24px;height:24px;flex:none}.accent{color:var(--sg-accent)}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;color:#151c23;padding:12px}.skip-link:focus{top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:14px 24px;background:var(--sg-action);color:#fff;border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:650;font-size:15px;line-height:1.4;transition:background .15s}.button:hover{background:var(--sg-action-hover)}.button-outline{background:transparent;border-color:#aeb8c2;color:#fff}.button-outline:hover{background:#ffffff10}.dark{color:#fff;background:var(--sg-ink)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:260px;display:block;flex:none}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:14px}.desktop-nav a{text-decoration:none}.desktop-nav a:not(.button):hover{text-decoration:underline}.mobile-nav{display:none}.hero{position:relative;overflow:hidden;padding-bottom:174px}.hero-grid{display:grid;grid-template-columns:60% 40%;align-items:stretch;min-height:530px}.hero-copy{padding:45px 38px 52px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:650;margin-bottom:22px;color:#e0e5eb}.hero h1{font-size:clamp(60px,6.65vw,96px);letter-spacing:-.028em;max-width:840px}.hero-description{font-size:19px;line-height:1.5;margin-top:24px;max-width:625px;color:#e5eaf0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.feature-strip{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px}.feature-strip span{display:flex;align-items:center;gap:10px;font-size:12px;color:#fff}.feature-strip .icon{width:25px;height:25px}.hero-photo{position:relative;margin-right:calc((100vw - min(1320px,100vw - 96px)) / -2);min-width:0}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 45%}.tracking-edge{position:absolute;left:0;top:0;bottom:8%;width:3px;background:var(--sg-accent)}.tracking-edge i{position:absolute;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:6px solid var(--sg-accent);border-radius:50%;background:#fff}.tracking-edge i:nth-child(1){top:14%}.tracking-edge i:nth-child(2){top:38%}.tracking-edge i:nth-child(3){top:64%}.product-section{position:relative;margin-top:-174px}.product-window{display:grid;grid-template-columns:190px minmax(0,1fr);padding:10px;background:#f4f6f8;border:1px solid #e2e6ea;border-radius:18px;box-shadow:var(--sg-shadow);overflow:hidden;position:relative}.product-sidebar{background:var(--sg-ink);color:#dce3eb;padding:20px 14px;border-radius:10px 0 0 10px;font-size:12px}.sidebar-logo{height:auto;width:154px;margin:0 auto 20px}.sidebar-item{display:flex;gap:12px;align-items:center;padding:12px 10px;border-radius:7px;margin-bottom:8px}.sidebar-item.active{background:var(--sg-action);color:#fff}.sidebar-item .icon{width:18px;height:18px}.product-main{min-width:0;padding:22px;background:#fff;border-radius:0 10px 10px 0}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.product-header h2{font-size:27px}.product-header p{font-size:13px;margin-top:5px}.demo-tag{background:#f0f3f6;border-radius:30px;padding:7px 11px;font-size:10px;color:var(--sg-muted);white-space:nowrap}.status-list{display:flex;list-style:none;margin:20px 0 25px;padding:0}.status-list li{flex:1;position:relative;text-align:center;font-size:11px;line-height:1.35;color:#677383;min-width:0}.status-list li:not(:last-child):after{content:'';position:absolute;height:3px;background:#d5dae0;left:50%;right:-50%;top:11px}.status-list li.done:after{background:var(--sg-accent)}.status-list .node{width:24px;height:24px;border-radius:50%;border:3px solid #d5dae0;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin:0 auto 8px}.status-list .done .node{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff}.status-list .current .node{border-color:var(--sg-accent)}.status-list .node .icon{width:13px;height:13px}.status-list b{display:block;font-size:11px;color:var(--sg-ink)}.status-list small{display:block;margin-top:4px;font-size:9px}.dossier-grid{display:grid;grid-template-columns:.9fr 1.25fr 1fr;gap:10px}.ui-card{border:1px solid var(--sg-border);border-radius:8px;padding:14px;min-width:0;background:#fff}.ui-card h3{font-family:var(--sg-font-body);font-size:12px;line-height:1.4;font-weight:700;margin-bottom:12px}.vehicle-data{display:grid;grid-template-columns:45% 1fr;gap:12px}.vehicle-data img{height:95px;width:100%;object-fit:cover;border-radius:6px}.vehicle-data b{font-size:13px}.vehicle-data p{font-size:10px;color:var(--sg-muted);line-height:1.4;margin-top:7px}.vehicle-data strong{color:var(--sg-ink);font-weight:500}.photos-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photos-row img{height:112px;width:100%;object-fit:cover;border-radius:6px}.photos-row figcaption{font-size:9px;line-height:1.45;color:var(--sg-muted);margin-top:6px}.chat{display:flex;flex-direction:column;gap:10px;font-size:10px;line-height:1.45}.bubble{background:#f0f3f6;padding:10px 12px;border-radius:10px 10px 10px 2px;max-width:96%}.bubble.reply{align-self:flex-end;background:#e5effc;border-radius:10px 10px 2px 10px}.chat time{display:block;font-size:8px;color:#647083;margin-top:5px}.story{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-block:56px}.story h2{font-size:clamp(42px,4vw,61px);letter-spacing:-.025em}.benefits{padding:0;margin:28px 0 0;list-style:none;display:grid;gap:20px}.benefits li{display:grid;grid-template-columns:76px 1fr;align-items:start;gap:10px}.benefit-number{font:800 52px/1 var(--sg-font-heading);color:#dce0e5}.benefits h3{font:700 17px/1.4 var(--sg-font-body)}.benefits p{font-size:13px;color:var(--sg-muted);margin-top:4px}.story-visual{display:grid;grid-template-columns:1.5fr .85fr;gap:14px}.story-photo{position:relative;border-radius:10px;overflow:hidden;min-height:165px}.story-photo>img{width:100%;height:165px;object-fit:cover}.photo-caption{position:absolute;left:10px;bottom:10px;display:flex;gap:8px;align-items:center;background:#151c23df;color:#fff;border-radius:7px;padding:8px 11px;font-size:11px}.story-left .ui-card{margin-top:12px}.story-left .chat{font-size:12px}.history{height:100%;padding:18px}.history h3{margin-bottom:20px}.history ol{list-style:none;margin:0;padding:0}.history li{position:relative;padding-left:27px;padding-bottom:21px;line-height:1.35;font-size:11px}.history li:before{content:'';position:absolute;left:0;top:1px;width:14px;height:14px;border:3px solid #d5dae0;border-radius:50%;background:white;z-index:1}.history li:not(:last-child):after{content:'';position:absolute;left:6px;top:16px;bottom:0;width:2px;background:#d5dae0}.history li.done:before{background:var(--sg-accent);border-color:var(--sg-accent)}.history li.current:before{border-color:var(--sg-accent)}.history small{font-size:9px;display:block;color:var(--sg-muted);margin-top:5px}.journey{background:var(--sg-soft);padding:28px 0 30px}.journey h2{font-size:29px;margin-bottom:26px}.journey-list{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0}.journey-list li{position:relative;text-align:center;padding-inline:20px}.journey-list li:not(:last-child):after{content:'';position:absolute;left:50%;right:-50%;top:24px;height:2px;background:var(--sg-accent)}.journey-icon{position:relative;z-index:1;background:var(--sg-action);border:4px solid var(--sg-soft);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;color:white}.journey-list h3{font-size:21px;margin-bottom:7px}.journey-list p{font-size:12px;line-height:1.5;color:var(--sg-muted)}.closing{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:32px;align-items:center;min-height:150px}.closing h2{font-size:39px;letter-spacing:-.02em}.closing p{border-left:1px solid #f3b0ba;padding-left:32px;font-size:14px;color:var(--sg-muted)}.closing .button{border-radius:12px 0 0 0;min-height:150px;font-size:21px;align-self:stretch;margin-right:calc((100vw - min(1320px,100vw - 96px)) / -2)}.footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;font-size:12px}.footer-inner>div{display:flex;align-items:center;gap:24px;color:#d1d8e0;font-size:11px}.footer-inner a{text-decoration:none}.footer-inner a:hover{text-decoration:underline}
@media(min-width:1600px){.hero h1{font-size:88px}.hero-grid{min-height:560px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.desktop-nav{gap:18px}.brand{width:220px}.hero-photo{margin-right:-24px}.hero h1{font-size:64px}.hero-copy{padding-right:26px}.hero-description{font-size:17px}.feature-strip{gap:16px}.product-window{grid-template-columns:145px 1fr}.product-sidebar{padding:18px 10px}.sidebar-logo{width:125px}.product-main{padding:16px}.vehicle-data{grid-template-columns:1fr}.vehicle-data img{height:60px}.vehicle-data p{margin-top:4px}.story{gap:28px}.story-visual{grid-template-columns:1.25fr .8fr}.benefits li{grid-template-columns:57px 1fr}.closing{gap:22px}.closing h2{font-size:34px}.closing .button{margin-right:-24px;font-size:18px}.closing p{padding-left:20px}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.header-inner{min-height:82px;position:relative}.brand{width:196px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #63707e;border-radius:8px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:75px;right:0;left:0;padding:18px;background:#1c2731;border:1px solid #53606c;border-radius:12px;z-index:10;display:grid;gap:8px}.mobile-nav nav a{padding:10px;text-decoration:none}.hero{padding-bottom:64px}.hero-grid{display:block}.hero-copy{padding:24px 0 30px}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:18px}.hero h1{font-size:clamp(44px,12vw,60px);letter-spacing:-.022em}.hero-description{font-size:16px;margin-top:19px;max-width:40ch}.hero-actions{margin-top:24px;gap:10px}.hero-actions .button{font-size:13px;padding:13px 17px;min-height:50px}.hero-actions .icon{width:18px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;margin-top:25px}.feature-strip span{font-size:10px;gap:8px}.feature-strip .icon{width:22px}.hero-photo{height:310px;margin:0 -20px 0 10px}.hero-photo>img{object-position:50% 58%}.tracking-edge{bottom:0}.tracking-edge i{width:20px;height:20px;border-width:5px}.product-section{margin-top:-32px}.product-window{display:block;padding:7px;border-radius:14px}.product-sidebar{display:none}.product-main{padding:14px 12px;border-radius:9px}.product-header{display:block}.product-header h2{font-size:25px}.demo-tag{display:inline-block;margin-top:12px}.status-list{margin:22px 0;gap:0}.status-list b{font-size:9px;line-height:1.35}.status-list small{display:none}.status-list .node{width:20px;height:20px}.status-list li:not(:last-child):after{top:9px}.status-list .node .icon{width:11px}.dossier-grid{grid-template-columns:1fr;gap:12px}.ui-card{padding:14px}.vehicle-data{grid-template-columns:38% 1fr}.vehicle-data img{height:105px}.vehicle-data p{font-size:11px}.vehicle-data b{font-size:15px}.ui-card h3{font-size:13px}.photos-row img{height:116px}.photos-row figcaption{font-size:10px}.chat{font-size:12px}.chat time{font-size:9px}.bubble{max-width:92%}.story{display:block;padding-block:38px}.story h2{font-size:43px}.benefits{gap:23px;margin-top:25px}.benefits li{grid-template-columns:55px 1fr;gap:10px}.benefit-number{font-size:45px}.benefits h3{font-size:15px}.benefits p{font-size:12px}.story-visual{margin-top:28px;grid-template-columns:1fr}.story-photo>img{height:195px}.history{display:none}.story-left .chat{font-size:13px}.journey{padding:28px 0}.journey h2{font-size:29px;max-width:25ch;line-height:1.1}.journey-list{display:block}.journey-list li{padding:0 0 25px 72px;text-align:left;min-height:77px}.journey-list li:last-child{padding-bottom:0}.journey-icon{position:absolute;left:0;top:-7px;width:50px;height:50px;margin:0}.journey-list li:not(:last-child):after{left:24px;right:auto;top:28px;bottom:-5px;width:2px;height:auto}.journey-list h3{font-size:23px}.journey-list p{max-width:30ch}.closing{display:block;padding-block:30px}.closing h2{font-size:40px}.closing p{margin-top:20px;padding-left:0;border:0;font-size:14px}.closing .button{min-height:58px;width:100%;margin:24px 0 0;border-radius:10px;font-size:17px}.footer-inner{display:block;padding-block:24px}.footer-inner>div{flex-wrap:wrap;gap:16px;margin-top:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:768px) and (max-width:900px){.hero-photo{height:380px}.hero h1{font-size:68px}.hero-description{max-width:55ch}.feature-strip{max-width:600px}.status-list b{font-size:12px}.vehicle-data{grid-template-columns:180px 1fr}.vehicle-data img{object-fit:contain;background:#f4f6f8}.story-visual{grid-template-columns:1fr 1fr}.history{display:block}.journey-list{max-width:560px}.closing h2{font-size:46px}}