/* Driver-centred commercial direction; provisional identity. */
.brand{font-size:23px;letter-spacing:-.8px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:1px}.nav{gap:20px}.nav nav{gap:20px}.hero h1{font-size:clamp(52px,5.4vw,78px)}.hero{padding-top:70px}.hero .lead{font-size:18px}.hero-visual{background:#f4f4f4;transform:none}.hero-note{font-size:14px}.community{background:var(--charcoal);color:white;padding:76px 0}.community-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.community h2{font-size:clamp(34px,4vw,54px);margin-top:20px}.community p{color:#cecece;line-height:1.8}.community-values{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px;padding-top:32px;border-top:1px solid #4a4a4a}.community-values h3{font-size:21px;margin-bottom:12px}.community-values p{font-size:16px}.future{padding-top:0}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.future-card{padding:28px;border:1px solid var(--line);border-radius:16px}.future-card h3{font-size:22px;margin:20px 0 12px}.future-card blockquote{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:18px;font-weight:600}.future-card .tag{font-size:12px}.brand-mark{letter-spacing:-1px}.footer p{max-width:440px}.eyebrow{font-size:13px}.feature-foot,.mini-label{font-size:12px}.brand small{font-size:12px}.tag{font-size:13px}.section-note{font-size:14px}
@media(max-width:1100px){.nav nav{gap:13px}.brand{font-size:20px}.brand small{font-size:10px}.nav-cta{gap:10px!important}}
@media(max-width:800px){.community-head,.community-values,.future-grid{grid-template-columns:1fr;gap:28px}.community{padding:55px 0}.future{padding-top:0}.hero h1{font-size:clamp(46px,10vw,70px)}.brand{font-size:20px}.brand small{font-size:10px}.nav-cta{display:none}.menu-toggle{margin-left:auto}.footer p{max-width:none}.community-values{margin-top:30px}.hero{padding-top:48px}.hero-visual{width:100%}}

#notice-draft{display:block;width:100%;margin:10px 0 18px;padding:14px;border:1px solid #c7c7c7;border-radius:8px;font:inherit;line-height:1.65;resize:vertical;color:var(--ink);background:white}#notice-draft:focus-visible{outline:3px solid #8d8d8d;outline-offset:3px}.doc-preview>label{display:block;margin-top:20px;font-size:14px;font-weight:600}.doc-preview>h3{margin:16px 0 10px}#notice-status{font-size:14px;margin-top:14px}.document-tabs{flex-wrap:wrap}

.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 0}.demo-intro strong{font-size:20px}.demo-intro p{max-width:650px;margin-top:8px;font-size:16px}.demo-intro>span{font-size:14px;white-space:nowrap;color:var(--muted)}.shipment-progress{font-size:14px;background:#f4f4f4;border-left:3px solid var(--accent);padding:12px 14px;margin-top:18px;line-height:1.6}.mobile-answer{display:none}.message{font-size:15px}.suggestions button{font-size:14px;min-height:44px}.chat-heading small,.chat-disclaimer,.demo-label{font-size:12px}.work-header,.service-selector,.service-selector select,.reset-demo{font-size:14px}.reset-demo{min-height:44px}.detail-grid small,.activity time,.activity small,.work-foot>span{font-size:12px}.detail-grid strong,.doc-preview p{font-size:15px}.document-tabs button,.mode-switch button{font-size:14px;min-height:44px}.edit-plate button{font-size:14px;min-height:44px}.work-foot .text-link{font-size:14px}.validation-banner{font-size:14px}.doc-preview{font-size:16px}.chat-compose input{font-size:16px}.chat-compose button{min-height:44px;min-width:44px}
@media(max-width:800px){.demo-intro{display:block;padding-top:0}.demo-intro>span{display:block;margin-top:12px}.mobile-answer{display:block;margin-top:18px;padding:16px;background:#f2f2f2;border-radius:10px}.mobile-answer p{color:var(--ink);font-size:15px}.mobile-answer button{margin-top:10px;padding:10px 0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;min-height:44px}.workspace.visual .mobile-answer{display:none}.service-selector{flex-wrap:wrap}.service-selector select{width:100%;min-height:44px}.document-tabs{gap:16px}.work-header{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.demo-chat .message{font-size:16px}.demo-work{padding:0 16px}.work-foot{align-items:flex-start}.edit-plate input{width:150px;max-width:65%;min-height:44px}.messages{height:280px}.chat-disclaimer{font-size:12px}.mobile-switch button{min-height:44px;font-size:14px}}

/* Neutral palette based on IBM Carbon: gray layers and monochrome actions. */
:root{--accent:#161616;--accent-hover:#393939;--ink:#161616;--muted:#525252;--line:#e0e0e0;--pale:#f4f4f4;--charcoal:#262626;--detail:#525252;--tint:#f4f4f4}
.hero-visual{background:#f4f4f4;border:1px solid #e0e0e0;border-radius:12px}.journey-card{transform:none;box-shadow:0 8px 24px #39393908;border-color:#e0e0e0}.floating-chat{background:#393939;transform:none;box-shadow:0 8px 20px #39393912}.floating-chat small{color:#e0e0e0}.closing{background:#525252;border-radius:12px}.closing .eyebrow,.closing p{color:#e0e0e0}.community{background:#393939}.community p{color:#e0e0e0}.community .eyebrow{color:#c6c6c6}.community-values{border-color:#6f6f6f}.compliance{background:#f4f4f4;color:var(--ink);border-block:1px solid #e0e0e0}.compliance p{color:#6f6f6f}.compliance .eyebrow,.compliance .text-link{color:#6f6f6f}.compliance .tag.outline{border-color:#a8a8a8;color:#525252}.roadmap>div+div{border-color:#e0e0e0}.feature-symbol{background:#f4f4f4;color:#525252}.feature,.future-card,.plan{border-radius:10px}.hero h1 em{color:#6f6f6f}.brand-mark{background:#525252;border-radius:7px}.hero .tiny-square{background:var(--detail)}.button{border-radius:6px}.plan-ribbon{background:#525252}.header{box-shadow:0 1px 8px #00000003}.spark{color:#c6c6c6}.chat-heading .spark{color:#6f6f6f}.route-title>span{color:#6f6f6f}.hero-visual .visual-top,.hero-visual .visual-bottom{color:#6f6f6f}.workspace{box-shadow:0 12px 36px #39393908;border-color:#e0e0e0}.section-heading>p{color:#6f6f6f}.section-heading .eyebrow,.workflow .eyebrow,.faq .eyebrow{color:#6f6f6f}.tag.neutral{background:#f4f4f4;color:#525252}.message.assistant{background:#f4f4f4;color:#393939}.suggestions button:hover{background:#f4f4f4;border-color:#a8a8a8}.mode-switch,.shipment-progress{background:#f4f4f4}.demo-chat{background:#ffffff}.feature-foot{color:#6f6f6f}.mobile-switch button.active,.edit-plate button{background:#f4f4f4;color:#525252}.doc-preview{background:#ffffff}.future-card{border-top:3px solid #a8a8a8}.future-card:nth-child(2){border-top-color:#a8a8a8}.future-card:nth-child(3){border-top-color:#a8a8a8}.mobile-answer{background:#f4f4f4}

/* Unified corporate typography and reading rhythm. */
body{font-size:1.125rem;line-height:1.55}
h1,h2,h3{font-weight:600;letter-spacing:-.025em}
.hero h1{font-size:clamp(2.5rem,4.6vw,3.5rem);line-height:1.12}
.hero .lead,.section-heading>p,.feature p,.steps p,.compliance p,.faq details p,.plan p,.future-card>p{font-size:1.125rem;line-height:1.55}
.section-heading>p{max-width:380px}
.section-heading h2,.workflow h2,.faq h2,.community h2,.closing h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}
.brand{letter-spacing:-.025em;font-weight:600}
.route-title{letter-spacing:-.025em;font-weight:600}
.feature h3,.future-card h3,.steps h3{line-height:1.3}
.feature,.future-card{padding:32px}
.community-values p{line-height:1.6}
@media(min-width:801px){.section{padding-block:112px}.future{padding-top:0}.faq{padding-top:10px}.hero{padding-bottom:96px}.section-heading{margin-bottom:48px}}
@media(max-width:800px){.section-heading>p{max-width:none}.feature,.future-card{padding:28px}.hero h1{font-size:clamp(2.5rem,8vw,3.5rem)}}

/* Neutral hierarchy for brand, surfaces and keyboard focus. */
.brand-mark,.plan-ribbon,.closing{background:#161616}.community,.floating-chat{background:#262626}.hero h1 em{color:#525252}.hero-visual{background:#f4f4f4;border-color:#e0e0e0}.compliance{background:#f4f4f4}.future-card,.future-card:nth-child(2),.future-card:nth-child(3){border-top-color:#c6c6c6}.validation-banner{background:#f4f4f4;border-color:#8d8d8d;color:#393939}.validation-banner.complete{background:#f4f4f4;border-color:#525252;color:#161616}:is(button,a,input,select,summary,textarea):focus-visible{outline:2px solid #161616;outline-offset:4px;box-shadow:0 0 0 4px #fff}

/* IBM Carbon Blue 60 is a restrained functional accent, not a surface colour. */
:root{--detail:#0f62fe}
.hero .tiny-square{background:var(--detail)}
.nav nav a:hover,.text-link:hover,.compliance .text-link{color:var(--detail)}
.document-tabs button.active{border-bottom-color:var(--detail);color:var(--detail)}
.mode-switch button.active{color:var(--detail)}
:is(button,a,input,select,summary,textarea):focus-visible{outline-color:var(--detail)}