:root{--ink:#17202a;--muted:#5e6976;--line:#dce1e6;--navy:#09141f}
.site-header{height:78px;padding:0 4.8%;background:rgba(255,255,255,.97);border-color:#edf0f3;backdrop-filter:none}
.brand,.brand img{width:103px}.site-header nav{font-size:14px;gap:36px;font-weight:500}
.button{background:var(--ink);min-height:50px;padding:14px 24px;font-weight:500;font-size:15px}
.button:hover{background:#354250}.button-small{font-size:14px;min-height:42px;padding:11px 23px}
.hero{padding:63px 4.8% 74px;text-align:left;overflow:hidden}
.hero-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:0;min-height:595px}
.hero-content{position:relative;z-index:2;padding:18px 0 25px}.hero .eyebrow{font-size:14px;font-weight:500;margin-bottom:33px;letter-spacing:.035em}
.hero h1{font-size:clamp(45px,4.6vw,68px);line-height:1.35;font-weight:500;letter-spacing:-.055em}.hero h1 span{color:var(--ink)}
.hero-prelude{display:block;font-size:clamp(21px,2.2vw,29px);font-weight:500;letter-spacing:-.025em;line-height:1.6;margin-bottom:10px}
.hero-main{display:block}.hero-copy{margin-top:25px;font-size:17px;line-height:1.95}.hero-actions{justify-content:flex-start;gap:22px;margin-top:29px;flex-wrap:wrap}
.hero-actions .text-link{font-size:15px;color:var(--ink);font-weight:500}.play-icon{width:23px;height:23px}.hero-note{margin-top:19px;font-size:13px;color:var(--muted)}
.hero-visual{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-wordmark{position:absolute;top:10%;left:-1%;font-family:Arial,Helvetica,sans-serif;font-size:clamp(80px,10.5vw,155px);font-weight:400;letter-spacing:-.075em;line-height:1;color:#edf0f3;z-index:-1;white-space:nowrap}
.hero-car{width:119%;max-width:none;position:relative;transform:translate(-1%,4%);height:auto;object-fit:contain}
.hero-visual-caption{position:absolute;bottom:5%;right:6%;font-size:14px;font-weight:500;letter-spacing:.035em;color:var(--muted)}
.flow-section{padding:80px 5% 110px;background:#f6f8fa;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;overflow:hidden}
.flow-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:370px minmax(0,1fr);gap:66px;align-items:center}
.flow-visual{height:650px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0}
.flow-visual img{height:100%;width:100%;object-fit:contain;position:relative;transform:translateX(-25px)}
.flow-wordmark{position:absolute;right:-14px;top:24px;writing-mode:vertical-rl;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.07em;font-size:100px;line-height:1;color:#dde3e9;z-index:-1;white-space:nowrap}
.system-figure{margin:0;max-width:none;width:100%;box-shadow:none;border:0;background:transparent;border-radius:0;overflow:visible}
.system-topline{background:none;padding:0 0 25px;font-size:12px;border:0;color:var(--muted)}.system-tag{color:var(--muted)}
.system-heading{padding:0 0 36px;align-items:flex-start}.system-label{font-size:14px;font-weight:500}.system-heading h2{font-size:clamp(28px,2.5vw,36px);line-height:1.55;font-weight:500;margin-top:14px;letter-spacing:-.04em}
.vehicle-id{display:none}.workflow-steps{padding:0;gap:5px}.flow-step{padding:0 2px 25px}.flow-step span{width:45px;height:45px;background:#f6f8fa}.workflow-steps::before{top:22px;left:10%;right:10%}.flow-step strong{font-weight:500}
.workflow-detail{margin:0;padding:24px 26px;background:#fff;border-radius:2px;border-left:2px solid var(--blue);min-height:170px}.detail-category{font-size:13px;font-weight:500}.workflow-detail #detail-title{font-size:22px;font-weight:500;margin-top:8px}.workflow-detail #detail-description{font-size:16px;margin-top:8px;line-height:1.8}
.shared-data{margin:28px 0 0;gap:30px}.shared-data strong{font-weight:500}.shared-data p{font-size:14px}.data-line{height:2px;width:23px;top:-1px}.system-figure figcaption{padding:27px 0 0;font-size:14px}
.section:not(.hero):not(.flow-section){padding-top:115px;padding-bottom:115px}.content-width{max-width:1150px}.section-title{font-weight:500;line-height:1.55;letter-spacing:-.04em}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.04em}
.pain-layout{gap:110px;grid-template-columns:1.05fr 1fr}.pain-list{padding-top:30px}.pain-list li{padding:25px 0;font-weight:500}.pain-list span{margin-top:8px}.section-intro{font-size:17px;line-height:1.95}
.strength-section{background:var(--navy)}.strength-grid{gap:58px;margin-top:65px}.strength-item{border-color:#4e5b67}.strength-item h3{font-weight:400;line-height:1.6;font-size:25px}.strength-item p{margin-top:23px}.strength-section .section-title{font-size:clamp(35px,4.5vw,59px)}
.feature-item h3{font-weight:500}.features-grid{gap:0 90px}.feature-item{padding:31px 0 35px}.story-section{background:#f6f8fa}.story-layout{gap:105px}.story-copy p{font-size:17px;line-height:2.05}
.video-frame{border-radius:3px;margin-top:48px}.faq-layout{gap:100px}.faq-list summary{padding-top:27px;padding-bottom:27px;font-weight:500}.contact-section{background:#eef3f7}.contact-section .section-title{font-size:clamp(35px,4.5vw,60px)}
.site-footer{max-width:1250px;padding-top:32px;padding-bottom:32px}
@media(min-width:1700px){.hero{padding-top:75px;padding-bottom:85px}.hero-layout{max-width:1400px;min-height:650px}.hero h1{font-size:73px}.hero-wordmark{font-size:165px}.hero-car{width:126%}}
@media(max-width:1150px) and (min-width:761px){.hero h1{font-size:clamp(41px,4.6vw,54px)}.hero-prelude{font-size:23px}.hero-visual-caption{bottom:17%;font-size:13px}.hero-layout{min-height:535px}.hero-actions{gap:12px}.flow-layout{grid-template-columns:260px minmax(0,1fr);gap:40px}.flow-visual{height:560px}.flow-wordmark{font-size:85px;right:-8px}.flow-visual img{transform:translateX(-18px)}.pain-layout{gap:65px}.strength-grid{gap:28px}}
@media(max-width:760px){
 .site-header{height:70px;padding:0 22px}.brand,.brand img{width:88px}.button-small{font-size:14px;min-height:40px;padding:10px 18px}
 .hero{padding:39px 24px 38px}.hero-layout{display:grid;grid-template-columns:1fr;min-height:0}.hero-content{display:contents}.hero .eyebrow{order:1;font-size:14px;margin-bottom:27px}.hero h1{order:2;font-size:clamp(39px,9.6vw,60px);line-height:1.36;letter-spacing:-.04em}.hero-prelude{font-size:21px;letter-spacing:-.02em;margin-bottom:11px;line-height:1.6}.hero-copy{order:3;font-size:16px;margin-top:22px;line-height:1.9}
 .hero-actions{order:5;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px 20px;margin-top:28px}.hero-actions .button{width:auto;max-width:100%;min-height:50px;padding:14px 22px;font-size:15px}.hero-actions .text-link{min-height:42px}.hero-note{order:6;font-size:13px;margin-top:14px}
 .hero-visual{order:4;width:100%;min-height:280px;margin-top:23px;align-self:auto}.hero-wordmark{font-size:clamp(68px,20vw,130px);left:0;top:8%}.hero-car{width:112%;transform:translate(0,7%)}.hero-visual-caption{font-size:13px;bottom:0;right:0}
 .flow-section{padding:52px 24px 63px}.flow-layout{display:flex;flex-direction:column;gap:32px}.flow-visual{width:100%;height:375px}.flow-wordmark{font-size:64px;right:calc(50% - 146px);top:0}.flow-visual img{width:250px;height:375px;transform:translateX(-15px)}
 .system-topline{padding:0 0 22px;gap:15px;line-height:1.6}.system-topline,.system-topline>span:first-child,.system-tag{font-size:12px}.system-heading{padding:0 0 30px}.system-heading h2{font-size:29px;line-height:1.55;margin-top:12px}.system-label{font-size:14px}.workflow-steps{gap:0;padding:0}.workflow-steps::before{top:18px}.flow-step{padding:0 1px 22px}.flow-step span{width:37px;height:37px;font-size:12px}.flow-step strong{font-size:14px}.workflow-detail{padding:22px 20px;min-height:205px}.workflow-detail #detail-title{font-size:20px}.workflow-detail #detail-description{font-size:16px}.shared-data{margin-top:25px;gap:14px}.shared-data strong{font-size:15px}.shared-data p{font-size:13px}.system-figure figcaption{padding:23px 0 0;font-size:14px}
 .section:not(.hero):not(.flow-section){padding:74px 24px}.section-title{font-size:32px;line-height:1.6}.section-intro{font-size:16px;line-height:1.9}.pain-layout,.story-layout,.faq-layout{display:block}.pain-list{padding-top:35px}.pain-list li{padding:22px 0}.strength-grid{gap:34px;margin-top:42px}.strength-section .section-title{font-size:35px}.strength-item h3{font-size:25px;margin-top:15px}.strength-item p{margin-top:17px}.features-grid{gap:0}.feature-item{padding:27px 0}.story-copy{margin-top:37px}.story-copy p{font-size:16px;line-height:2}.video-frame{border-radius:2px;margin-top:30px}.faq-list{margin-top:34px}.faq-list summary{font-size:16px;padding-top:24px;padding-bottom:24px}.contact-section .section-title{font-size:34px}.site-footer{padding:27px 24px}.eyebrow{font-size:14px}
}
@media(max-width:350px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:37px}.hero-prelude{font-size:19px}.hero-visual{min-height:245px}.hero-wordmark{font-size:66px}.hero-actions{gap:6px}.hero-actions .button{font-size:14px}.flow-section{padding-left:20px;padding-right:20px}.flow-wordmark{right:calc(50% - 134px)}.system-heading h2{font-size:27px}.system-topline{flex-wrap:wrap;gap:4px}.flow-step strong{font-size:13px}.workflow-detail{padding:20px 17px;min-height:225px}.section:not(.hero):not(.flow-section){padding-left:20px;padding-right:20px}.section-title{font-size:29px}}
