/* Larger editorial typography, with one consistent font family. */
html{font-size:18px}
body,body :is(button,input,select,textarea){font-family:'IBM Plex Sans Thai',sans-serif!important}
body{font-size:18px;font-weight:500;line-height:1.85}
body :is(h1,h2,h3,h4,strong,b){font-weight:700;letter-spacing:normal}
body :is(main p,.intro,.solution-intro,.value-intro,.partner-pitch,.task-copy,.problems article p,.value-grid article p,.bright-benefits article p,.faq-answer p,.contact-address p,.policy-page p){font-size:18px!important;line-height:1.9!important;letter-spacing:0!important}
body :is(.eyebrow,.hero-overline,.problem-kicker,.problem-index,.task-index,.task-label,.pilot-points,.platform-scope-note,.invitation-note,.partner-bright-foot,.application-label,.application-completion,.application-legal-refined,.application-data-note-refined p,footer p,footer .legal-links,.contact-kicker){font-size:14px!important;line-height:1.85!important;letter-spacing:.025em!important}
body :is(a.button,button.button,.tools>a.button.small,.hero-demo-button,.workflow-action,.problem-action,.cookie-actions button){font-size:16px!important}
body :is(.hero-actions,.tools) .cta-label{font-size:16px!important}
body :is(.problems h3,.value-grid h3,.bright-benefits h3,.workflow-card h3,.task-card>strong){font-size:clamp(22px,1.9vw,28px)!important;line-height:1.65!important}
body .faq-item .faq-question{font-size:19px!important;line-height:1.8!important}
body .hero-v2 h1.product-headline{font-size:clamp(38px,4.5vw,68px)!important;line-height:1.38!important;padding-inline-end:215px!important;letter-spacing:-.025em!important;margin-bottom:38px!important}
body .hero-v2 .hero-bottom{display:grid!important;grid-template-columns:1.15fr 1fr!important;align-items:start!important;gap:clamp(32px,4vw,64px)!important;padding-top:12px!important}
body .hero-v2 .hero-bottom .lead{font-size:clamp(26px,2.3vw,34px)!important;line-height:1.65!important;margin:0!important;font-weight:600!important}
body .hero-v2 .hero-bottom .intro{margin-top:0!important}
body .hero-v2 .hero-actions{gap:16px!important;flex-wrap:wrap!important}
body .headline-brand-z.z-interactive{width:188px!important;height:188px!important;top:8px!important;right:6px!important}
body .headline-brand-z.z-interactive .z-orbit-one{width:82%!important;height:82%!important;left:50%!important;top:50%!important}
body .headline-brand-z.z-interactive .z-orbit-two{width:100%!important;height:100%!important;left:50%!important;top:50%!important}
body .headline-brand-z.z-interactive>svg{width:58%!important;height:58%!important;inset:21%!important}
body .headline-brand-z .z-hint{display:none!important}
body.dark{--ink:#FFFFFF;--muted:#E2E8F0;--accent-text:#00A1CF;color:#FFFFFF}
body.dark :is(main p,.intro,.solution-intro,.partner-pitch,.value-intro,.task-copy,.problems article p,.value-grid article p,.bright-benefits article p,.faq-answer p,.platform-scope-note,.invitation-note,.pilot-points,.partner-bright-foot,.application-label,.application-completion,.application-legal-refined,.application-data-note-refined p,footer p,footer .legal-links){color:#E2E8F0!important;opacity:1!important}
body.dark :is(h1,h2,h3,h4,.faq-question,.task-card>strong){color:#FFFFFF!important;opacity:1!important}
body.dark .hero-v2 h1>span{color:#FFFFFF!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.dark :is(.eyebrow,.problem-kicker,.problem-index,.task-index,.section-index){color:#00A1CF!important;opacity:1!important}
body :is(.task-card,.workflow-card,.value-grid article,.bright-benefits article,.problems article,.faq-item){min-width:0;height:auto!important}
body .task-card{grid-template-rows:auto 180px auto 1fr auto!important}
body.policy-page :is(p,li){font-size:18px!important}
@media(max-width:1180px){body .hero-v2 h1.product-headline{padding-inline-end:165px!important;font-size:clamp(36px,4.5vw,56px)!important}body .headline-brand-z.z-interactive{width:144px!important;height:144px!important}body .hero-v2 .hero-bottom{grid-template-columns:1fr!important;gap:24px!important}body .hero-v2 .hero-right{max-width:75ch}body .hero-v2 .hero-bottom .lead br{display:none}}
@media(max-width:760px){html{font-size:17px}body{font-size:17px}body main p{font-size:17px!important}body .hero-v2 h1.product-headline{font-size:clamp(32px,7vw,44px)!important;line-height:1.5!important;padding-inline-end:0!important;display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:24px!important}body .hero-v2 h1.product-headline>br{display:none}body .headline-brand-z.z-interactive{position:relative!important;inset:auto!important;width:104px!important;height:104px!important;margin:18px 0 4px!important;align-self:flex-end}body .hero-v2 .hero-bottom .lead{font-size:25px!important}body .tools>a.button.small{display:none!important}body :is(.problems h3,.value-grid h3,.bright-benefits h3,.workflow-card h3,.task-card>strong){font-size:22px!important}body .faq-item .faq-question{font-size:18px!important}}
body:not(.dark) #solution .flow>.engine{background:#02142C!important;color:#FFFFFF!important}
body:not(.dark) #solution .flow>.engine :is(h3,p){color:#FFFFFF!important}
body .application-premium :is(.application-label,.application-completion){font-size:15px!important}
body .application-premium input:not([type=checkbox]){font-size:18px!important}
body :is(.cookie-banner p,.cookie-dialog p){font-size:16px!important}

/* The official brand promise is the hero's primary message. */
body .hero-v2 h1.product-headline.slogan-headline{font-size:clamp(50px,6.1vw,88px)!important;line-height:1.2!important;letter-spacing:-.035em!important;margin-bottom:24px!important}
body .hero-v2 h1.slogan-headline .headline-accent{color:#009A68!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.dark .hero-v2 h1.slogan-headline .headline-accent{color:#00A1CF!important}
body .hero-v2 p.slogan-outcome{font-size:clamp(21px,2vw,28px)!important;font-weight:600!important;line-height:1.7!important;margin:0 0 36px!important;max-width:42ch;color:#02142C!important}
body.dark .hero-v2 p.slogan-outcome{color:#FFFFFF!important}
body .partner-brand-promise{display:flex;flex-wrap:wrap;gap:0 10px;margin:24px 0 28px;font-size:clamp(24px,2.35vw,34px);line-height:1.5;font-weight:700;letter-spacing:-.025em}
body .partner-brand-promise strong:last-child{color:#009A68}
body.dark .partner-brand-promise strong:last-child{color:#00A1CF}
body .pilot-pass .pass-bottom>span:last-child{font-size:20px!important;font-weight:700!important;line-height:1.5!important}
body footer p.footer-slogan{display:flex;flex-wrap:wrap;gap:0 10px;flex:1 1 100%;order:-1;width:100%;max-width:none;font-size:clamp(26px,3vw,42px)!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;color:#02142C!important;margin:0 0 22px!important}
body footer .footer-slogan span:last-child{color:#009A68}
body.dark footer p.footer-slogan{color:#FFFFFF!important}
body.dark footer .footer-slogan span:last-child{color:#00A1CF}
@media(max-width:1180px){body .hero-v2 h1.product-headline.slogan-headline{font-size:clamp(42px,6vw,70px)!important}}
@media(max-width:760px){body .hero-v2 h1.product-headline.slogan-headline{font-size:clamp(29px,7.8vw,54px)!important;line-height:1.25!important;gap:8px!important}body .hero-v2 p.slogan-outcome{font-size:21px!important;margin-bottom:24px!important}body .partner-brand-promise{font-size:26px}body .pilot-pass .pass-bottom>span:last-child{font-size:17px!important}}

/* Keep the hero message, context, and actions on one reading axis. */
body .hero-v2{padding-top:48px!important}
body .hero-v2 .hero-overline{margin-bottom:24px!important}
body .hero-v2 h1.product-headline.slogan-headline{max-width:1260px!important;margin-top:0!important;margin-bottom:22px!important;padding-inline-end:240px!important;font-size:clamp(50px,5.7vw,82px)!important;line-height:1.18!important}
body .hero-v2 p.slogan-outcome{max-width:44ch!important;margin-bottom:18px!important;font-size:clamp(22px,1.8vw,28px)!important}
body .hero-v2 .hero-bottom{display:block!important;padding-top:0!important;margin:0!important}
body .hero-v2 .hero-right{max-width:760px!important;width:100%!important;display:block!important}
body .hero-v2 .hero-right p.intro{max-width:66ch!important;margin:0 0 24px!important;font-size:18px!important;line-height:1.85!important}
body .hero-v2 .hero-actions{justify-content:flex-start!important;margin:0!important;gap:16px!important}
body .hero-v2 .pilot-points{margin:20px 0 0!important;gap:12px 24px!important;font-size:14px!important;line-height:1.8!important;max-width:900px}
body .hero-v2 .pilot-points span{font-size:14px!important;line-height:1.8!important}
body .hero-v2 .hero-panorama{margin-top:36px!important}
body .hero-v2 p.platform-scope-note{font-size:14px!important;line-height:1.85!important;max-width:110ch!important;margin:20px 0 26px!important}
body .hero-v2 .headline-brand-z.z-interactive{right:10px!important;top:4px!important;width:200px!important;height:200px!important}
@media(min-width:1600px){body .hero-v2 .hero-right{max-width:840px!important}body .hero-v2 h1.product-headline.slogan-headline{max-width:1320px!important}}
@media(max-width:1180px){body .hero-v2 h1.product-headline.slogan-headline{padding-inline-end:174px!important;font-size:clamp(42px,5.9vw,68px)!important}body .hero-v2 .headline-brand-z.z-interactive{width:148px!important;height:148px!important;top:8px!important}}
@media(max-width:760px){body .hero-v2{padding-top:30px!important}body .hero-v2 .hero-overline{font-size:12px!important;margin-bottom:22px!important}body .hero-v2 h1.product-headline.slogan-headline{display:block!important;position:relative;padding-inline-end:0!important;margin-bottom:20px!important;font-size:clamp(29px,7.8vw,54px)!important}body .hero-v2 h1.slogan-headline>span{display:block!important}body .hero-v2 h1.slogan-headline>br{display:none!important}body .hero-v2 .headline-brand-z.z-interactive{position:relative!important;inset:auto!important;float:right!important;width:80px!important;height:80px!important;margin:16px 0 10px 16px!important}body .hero-v2 h1.slogan-headline::after{content:'';display:block;clear:both}body .hero-v2 p.slogan-outcome{font-size:21px!important;line-height:1.65!important;margin-bottom:14px!important}body .hero-v2 .hero-right p.intro{font-size:17px!important;margin-bottom:20px!important}body .hero-v2 .pilot-points{font-size:13px!important;gap:8px 16px!important;margin-top:18px!important}body .hero-v2 .pilot-points span{font-size:13px!important}body .hero-v2 .hero-panorama{margin-top:26px!important}}

body .hero-v2 .hero-bottom .hero-right .hero-actions{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;width:auto!important}
body .hero-v2 .hero-bottom .hero-right .hero-actions>*{width:auto!important;flex:0 0 auto!important;max-width:100%!important}
@media(max-width:760px){body .hero-v2 .hero-bottom .hero-right .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important}body .hero-v2 .hero-bottom .hero-right .hero-actions>*{width:100%!important;justify-content:center!important}}

/* Founding-partner invitation: a brand signature replaces the barcode decoration. */
body #partner .pilot-pass.partner-access-card{position:relative;isolation:isolate;box-sizing:border-box;width:100%!important;max-width:460px!important;min-width:0;padding:30px!important;border:1px solid #00A1CF26!important;border-radius:28px!important;background:radial-gradient(ellipse at 100% 0,#00A1CF18,transparent 65%),radial-gradient(ellipse at 0 100%,#009A6812,transparent 58%),#FFFFFF!important;box-shadow:inset 0 1px 0 #FFFFFF,0 8px 18px #02142C06,0 30px 65px -24px #02142C30!important;transform:none!important;overflow:hidden;color:#02142C!important}
body #partner .partner-access-card::before,body #partner .partner-access-card::after{display:none!important}
body #partner .access-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:600;letter-spacing:.07em;line-height:1.7;color:#02142C}
body #partner .access-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#009A6812;color:#009A68}
body #partner .access-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body #partner .access-offer{padding:30px 0 28px}
body #partner .access-label{display:block;font-size:15px;font-weight:500;line-height:1.8;color:#02142C}
body #partner .access-free{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:12px 0 16px;font-size:clamp(50px,5vw,72px);font-weight:700;letter-spacing:-.055em;line-height:1.1;color:#02142C}
body #partner .access-free>span{font-size:25px;letter-spacing:.025em;color:#009A68}
body #partner p.access-description{font-size:20px!important;font-weight:600!important;line-height:1.8!important;color:#02142C!important;margin:0!important}
body #partner .access-signature{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding:20px 0 0;border:0}
body #partner .access-signature .access-brand{display:block;flex:0 1 130px;min-width:82px;margin:0!important;padding:0!important}
body #partner .access-signature .access-brand img{display:block;width:130px!important;max-width:100%!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
body #partner .access-slogan{display:block;font-size:16px;font-weight:600;line-height:1.65;letter-spacing:-.025em;color:#02142C;white-space:normal}
body #partner .access-slogan strong{color:#009A68;font-weight:700}
body.dark #partner .pilot-pass.partner-access-card{background:radial-gradient(ellipse at 100% 0,#00A1CF26,transparent 68%),radial-gradient(ellipse at 0 100%,#009A6818,transparent 58%),#02142C!important;border-color:#00A1CF40!important;box-shadow:inset 0 1px 0 #FFFFFF18,0 12px 25px #02142C80,0 32px 65px -30px #00A1CF30!important;color:#FFFFFF!important}
body.dark #partner :is(.access-heading,.access-label,.access-free,.access-slogan){color:#FFFFFF!important}
body.dark #partner p.access-description{color:#E2E8F0!important}
body.dark #partner :is(.access-free>span,.access-slogan strong,.access-mark){color:#00A1CF!important}
body.dark #partner .access-mark{background:#00A1CF18}
@media(max-width:760px){body #partner .pilot-pass.partner-access-card{max-width:100%!important;padding:26px!important;border-radius:24px!important}body #partner .access-free{font-size:60px}body #partner .access-offer{padding:24px 0}body #partner .access-signature{gap:16px;flex-wrap:wrap}body #partner .access-slogan{font-size:17px}body #partner .access-heading{font-size:11px}body #partner p.access-description{font-size:20px!important}}
@media(max-width:380px){body #partner .pilot-pass.partner-access-card{padding:22px!important}body #partner .access-signature{align-items:flex-start;flex-direction:column}body #partner .access-signature .access-brand{flex:none;width:120px}body #partner .access-slogan{font-size:18px}}

/* Keep the truck unobstructed; the workspace gets its own readable canvas. */
body .hero-v2 #transport-journey.hero-panorama{display:block!important;position:relative!important;padding:0!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;max-height:none!important;overflow:hidden!important}
body .hero-v2 #transport-journey .regional-frame{object-fit:cover!important;object-position:center!important}
body .hero-v2 #transport-journey .panorama-copy{position:absolute!important;left:5%!important;top:9%!important;right:auto!important;bottom:auto!important;width:38%!important;max-width:38%!important;margin:0!important;z-index:3}
body .hero-v2 #transport-journey .panorama-copy p{font-size:clamp(18px,2vw,30px)!important;color:#FFFFFF!important;font-weight:600;line-height:1.7!important}
body .hero-v2 #transport-journey .carbon-card{position:absolute!important;left:5%!important;bottom:6%!important;top:auto!important;right:auto!important;width:220px!important;max-width:32%!important;margin:0!important;z-index:3}
body #platform-showcase{padding:36px 0 0!important;margin:0!important;max-width:100%;width:100%;background:transparent;border:0}
body #platform-showcase .platform-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px;flex-wrap:wrap}
body #platform-showcase h2{font-size:clamp(25px,2.6vw,38px)!important;line-height:1.5!important;font-weight:700;margin:8px 0 0!important;letter-spacing:-.025em}
body #platform-showcase .platform-showcase-heading p{max-width:46ch;font-size:17px!important;line-height:1.8!important;margin:0}
body #platform-showcase .platform-window{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;border-radius:18px!important;padding:0 6px 6px!important;overflow:hidden;border:1px solid #00A1CF33!important;background:var(--paper);box-shadow:0 6px 15px #02142C08,0 24px 50px -20px #02142C30!important}
body #platform-showcase .mock-dashboard{display:block!important;position:relative!important;height:620px!important;aspect-ratio:auto!important;width:100%!important;min-width:0!important}
body #platform-showcase #platform-demo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;transform:none!important}
body #platform-showcase .window-bar{font-size:12px!important;line-height:1.7!important;padding:12px 14px!important;height:auto!important}
body #platform-showcase .window-caption{font-size:14px!important;line-height:1.7!important;gap:14px;flex-wrap:wrap;padding:14px!important}
body #platform-showcase #expand-dashboard{font-size:15px!important}
@media(max-width:760px){body .hero-v2 #transport-journey .panorama-copy{top:7%!important;left:5%!important;width:43%!important;max-width:43%!important}body .hero-v2 #transport-journey .panorama-copy>span{font-size:9px!important;line-height:1.6!important;letter-spacing:.05em!important}body .hero-v2 #transport-journey .panorama-copy p{font-size:clamp(12px,3.2vw,19px)!important;line-height:1.65!important;margin:12px 0!important}body .hero-v2 #transport-journey .panorama-copy>a{display:none!important}body .hero-v2 #transport-journey .carbon-card{display:none!important}body #platform-showcase .mock-dashboard{height:600px!important}body #platform-showcase .platform-showcase-heading{gap:12px}body #platform-showcase .window-bar{font-size:9px!important}body #platform-showcase .window-caption{font-size:13px!important}body #platform-showcase .window-caption #expand-dashboard{width:100%!important}body #platform-showcase{padding-top:26px!important}}
