/* One typographic rhythm and predictable vertical spacing. */
html{font-size:20px}
body,body :is(button,input,textarea,select){font-family:'Manrope','Noto Sans Thai',sans-serif!important}
body{font-size:20px;font-weight:400;line-height:1.8}
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){font-size:20px!important;line-height:1.85!important;font-weight:400!important;letter-spacing:0!important}
body :is(h1,h2,h3,h4){font-family:'Manrope','Noto Sans Thai',sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
body :is(.section,.product-invitation,.join-refined){padding-block:72px!important}
body :is(.section-top,.invitation-top){margin-bottom:32px!important;align-items:start!important;gap:32px!important}
body :is(.problems,.value-grid,.task-grid,.bright-benefits){gap:24px!important}
body :is(.problems h3,.value-grid h3,.bright-benefits h3,.task-card>strong){font-size:26px!important;line-height:1.6!important;margin-block:14px 20px!important}
body :is(.problems article,.value-grid article,.bright-benefits article,.task-card){padding:28px!important}
body :is(.problems article p,.value-grid article p,.bright-benefits article p){margin:0!important}
body :is(.hero-overline,.eyebrow,.pilot-points,.platform-scope-note,.application-label,.application-completion,.application-legal-refined,.partner-bright-foot){font-size:16px!important;line-height:1.8!important}
body :is(a.button,button.button,button.filter,button.action){font-size:17px!important}
body :is(.hero-actions,.tools) .cta-label{font-size:17px!important}
body>header>nav{gap:24px!important;align-items:center!important}
body>header>nav>a{font-size:16px!important;line-height:1.6!important;white-space:nowrap}
body .hero-v2{padding-block:48px 0!important}
body .hero-v2 h1.product-headline.slogan-headline{margin-bottom:22px!important;line-height:1.2!important}
body .hero-v2 p.slogan-outcome{margin-bottom:20px!important}
body .hero-v2 .hero-right p.intro{font-size:20px!important;line-height:1.85!important;margin-bottom:24px!important;max-width:64ch!important}
body .hero-v2 .hero-bottom .hero-right .hero-actions{gap:16px!important;align-items:stretch!important}
body .hero-v2 .hero-bottom .hero-right .hero-actions>button.hero-demo-button{min-height:60px!important;font-size:17px!important;padding:12px 22px!important}
body .hero-v2 .hero-bottom .hero-right .hero-actions>a.button{min-height:60px!important}
body .hero-v2 .hero-bottom .hero-right .hero-actions>button.hero-demo-button>span{font-size:17px!important;line-height:1.6!important}
body .hero-v2 .pilot-points{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 24px!important;margin-top:22px!important}
body .hero-v2 .pilot-points span{font-size:16px!important;line-height:1.8!important}
body .hero-v2 p.platform-scope-note{font-size:16px!important;line-height:1.8!important;margin:24px 0!important}
body .hero-v2 .hero-panorama{margin-top:36px!important}
body #platform-showcase .platform-showcase-heading{align-items:start!important;gap:24px!important}
body #platform-showcase .platform-showcase-heading p{font-size:19px!important;line-height:1.8!important}
/* Topic selection precedes the questions; the sidebar never follows the reader down the page. */
body #faq{display:grid!important;grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr)!important;gap:64px!important;align-items:start!important}
body #faq .faq-intro{position:static!important;inset:auto!important;width:auto!important;max-width:none!important}
body #faq h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.5!important;margin:12px 0 20px!important}
body #faq .faq-intro>p{font-size:19px!important;line-height:1.85!important;margin:0 0 24px!important}
body #faq .faq-categories{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;max-width:100%!important;border:0!important}
body #faq .faq-categories a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:18px 20px!important;border:1px solid #02142C14!important;border-radius:14px!important;background:#FFFFFF!important;color:#02142C!important;font-size:18px!important;font-weight:600!important;line-height:1.6!important;text-decoration:none!important;min-height:64px!important;box-sizing:border-box;max-width:100%;transition:background .2s,border-color .2s}
body #faq .faq-categories a span{font-size:inherit!important;line-height:inherit!important}
body #faq .faq-categories a i{font-style:normal;font-size:20px;flex:0 0 22px;text-align:center;color:#009A68}
body #faq .faq-categories a:hover{border-color:#00A1CF!important;background:#00A1CF0A!important}
body #faq .faq-categories a.is-selected{background:#02142C!important;color:#FFFFFF!important;border-color:#02142C!important}
body #faq .faq-categories a.is-selected i{color:#00A1CF}
body #faq .faq-categories a:focus-visible{outline:3px solid #00A1CF;outline-offset:4px}
body #faq .faq-categories b,body #faq .faq-number{display:none!important}
body #faq .faq-reference{margin:24px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--muted);font-size:16px;line-height:1.8}
body #faq .faq-reference summary{font-size:16px!important;line-height:1.8!important;padding:8px 0!important;font-weight:600;cursor:pointer}
body #faq .faq-reference p{font-size:16px!important;line-height:1.8!important;margin:12px 0 0!important}
body #faq .faq-groups{min-width:0;max-width:100%;padding:0!important}
body #faq .faq-welcome{display:none}
body #faq.faq-picker-ready .faq-welcome{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px!important;min-height:340px;box-sizing:border-box;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#00A1CF0E,transparent 65%),#E2E8F033}
body #faq .faq-welcome svg{width:58px;height:58px;fill:none;stroke:#009A68;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}
body #faq .faq-welcome h3{font-size:26px!important;line-height:1.5!important;margin:0 0 12px!important}
body #faq .faq-welcome p{font-size:19px!important;line-height:1.8!important;margin:0!important;max-width:36ch}
body #faq :is(.faq-group,.faq-welcome,.faq-controls)[hidden]{display:none!important}
body #faq .faq-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 20px!important}
body #faq .faq-controls button{min-height:44px;padding:10px 16px;border:1px solid #02142C26;border-radius:10px;background:#FFFFFF;color:#02142C;font-size:16px;font-weight:600;line-height:1.6;cursor:pointer}
body #faq .faq-controls button:hover{border-color:#00A1CF;background:#00A1CF0C}
body #faq .faq-group{margin:0!important;padding:0!important;animation:faq-topic-in .25s ease-out}
body #faq .faq-group-title{font-size:26px!important;line-height:1.5!important;margin:0 0 18px!important;padding:0!important;border:0!important}
body #faq .faq-item{margin:0 0 12px!important;border:1px solid #02142C14!important;border-radius:16px!important;background:#FFFFFF!important;overflow:hidden!important}
body #faq .faq-item summary{gap:20px!important;padding:22px 24px!important;min-height:76px!important;box-sizing:border-box}
body #faq .faq-item .faq-question{font-size:21px!important;line-height:1.65!important;font-weight:600!important;color:#02142C!important}
body #faq .faq-item .faq-toggle{width:30px;height:30px;flex:0 0 30px;margin-top:2px;font-size:22px!important;border:0!important;background:#00A1CF10!important;color:#02142C!important}
body #faq .faq-item[open]{border-color:#00A1CF44!important}
body #faq .faq-answer{padding:0 24px 24px!important}
body #faq .faq-answer p{font-size:20px!important;line-height:1.85!important;margin:0!important;max-width:66ch!important}
body #faq .faq-answer p>strong{font-weight:600!important;display:inline!important}
body #faq .faq-sources{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px!important}
body #faq .faq-sources a{font-size:15px!important;line-height:1.8!important;overflow-wrap:anywhere}
body.dark #faq .faq-categories a,body.dark #faq .faq-item,body.dark #faq .faq-controls button{background:#02142C!important;color:#E2E8F0!important;border-color:#E2E8F026!important}
body.dark #faq .faq-categories a.is-selected{background:#00A1CF!important;color:#02142C!important;border-color:#00A1CF!important}
body.dark #faq .faq-categories a.is-selected i{color:#02142C}
body.dark #faq .faq-item .faq-question{color:#FFFFFF!important}
body.dark #faq .faq-welcome{background:radial-gradient(ellipse at 100% 0,#00A1CF18,transparent 65%),#FFFFFF05!important}
body.dark #faq .faq-controls button:hover{border-color:#00A1CF!important}
body.dark #faq .faq-item .faq-toggle{color:#E2E8F0!important;background:#00A1CF18!important}
@keyframes faq-topic-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
/* A compact footer grid: identity and links share one baseline; admin access has its own row. */
body footer.site-footer{display:block!important;box-sizing:border-box;padding:56px 5% 28px!important;margin:0!important;width:100%;border:0!important;background:var(--paper)!important}
body footer.site-footer::before,body footer.site-footer::after{display:none!important}
body .site-footer .footer-main{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1fr);gap:64px;align-items:start;max-width:1488px;margin:0 auto}
body .site-footer .footer-identity{display:flex;align-items:flex-start;flex-direction:column;gap:24px}
body .site-footer .brand{display:flex;flex-direction:column;align-items:flex-start;margin:0!important;gap:8px}
body .site-footer .brand img{width:158px!important;height:auto!important;max-width:100%;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
body .site-footer .brand>span{font-size:14px!important;line-height:1.6!important}
body footer.site-footer p.footer-slogan{display:flex!important;flex-direction:column!important;gap:0!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.4!important;font-weight:700!important;margin:0!important;order:0!important;width:auto!important;flex:0 1 auto!important;letter-spacing:-.03em!important}
body .site-footer .legal-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px!important;align-items:start!important;justify-content:start!important;width:100%;max-width:none!important;margin:4px 0 0!important;padding:0!important}
body .site-footer .legal-links :is(a,button){font-size:17px!important;line-height:1.7!important;font-weight:500!important;text-decoration:none;white-space:normal!important;color:var(--ink)!important;min-height:38px;display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important;text-align:start}
body .site-footer .legal-links :is(a,button):hover{color:#009A68!important}
body .site-footer .footer-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:20px;max-width:1488px;margin:36px auto 0!important;padding:0!important;font-size:15px;line-height:1.8}
body .site-footer .footer-bottom>a{font-size:15px;color:var(--muted)}
body.dark .site-footer .legal-links :is(a,button){color:#E2E8F0!important}
@media(max-width:1180px){body #faq{gap:32px!important;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important}body .site-footer .footer-main{gap:36px}}
@media(max-width:760px){html{font-size:18px}body{font-size:18px}body :is(main p,.intro,.solution-intro,.value-intro,.partner-pitch,.problems article p,.value-grid article p,.bright-benefits article p){font-size:18px!important;line-height:1.85!important}body :is(.section,.product-invitation,.join-refined){padding-block:44px!important}body :is(.problems,.value-grid,.task-grid,.bright-benefits){gap:18px!important}body :is(.problems article,.value-grid article,.bright-benefits article,.task-card){padding:24px!important}body .hero-v2 .hero-right p.intro{font-size:18px!important}body .hero-v2 .hero-bottom .hero-right .hero-actions{display:grid!important;gap:12px!important}body #faq{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}body #faq .faq-intro>p{font-size:18px!important}body #faq .faq-categories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}body #faq .faq-categories a{font-size:16px!important;padding:14px!important;min-height:72px!important}body #faq .faq-categories a i{display:none}body #faq .faq-reference{margin-top:16px!important}body #faq .faq-reference p{font-size:15px!important}body #faq .faq-welcome{min-height:220px!important;padding:28px!important}body #faq .faq-welcome p{font-size:18px!important}body #faq .faq-item summary{padding:20px!important;gap:14px!important}body #faq .faq-item .faq-question{font-size:19px!important}body #faq .faq-answer{padding:0 20px 20px!important}body #faq .faq-answer p{font-size:18px!important}body #faq .faq-controls{justify-content:flex-start!important}body .site-footer .footer-main{grid-template-columns:minmax(0,1fr);gap:32px}body footer.site-footer{padding:40px 6% 24px!important}body .site-footer .legal-links{gap:14px 22px!important}body .site-footer .legal-links :is(a,button){font-size:16px!important}body .site-footer .footer-bottom{margin-top:28px!important;font-size:14px}body .site-footer .footer-bottom>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){body #faq .faq-group{animation:none}}

body #faq .faq-item .faq-answer p>strong{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;font-weight:600!important}
body #faq .faq-item .faq-toggle::before,body #faq .faq-item .faq-toggle::after{background:currentColor!important}
body #faq .faq-item[open] .faq-toggle{color:#02142C!important;background:#00A1CF18!important}
body.dark #faq .faq-item[open] .faq-toggle{color:#E2E8F0!important;background:#00A1CF18!important}

/* A legible connected data flow, with real workspace destinations. */
body #data-connection.strip-flow{display:block!important;box-sizing:border-box;width:90%;max-width:1488px;padding:32px!important;margin:40px auto!important;border:0!important;border-radius:22px!important;background:#E2E8F033!important;color:#02142C!important}
body #data-connection .strip-title{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:26px!important;width:100%;max-width:none!important;border:0!important;padding:0!important}
body #data-connection .strip-brand{flex:0 0 145px!important;display:block!important;max-width:145px!important;padding:0!important;border:0!important}
body #data-connection .strip-brand img{display:block;width:145px!important;height:auto!important;max-width:100%!important;background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
body #data-connection .strip-title>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
body #data-connection .strip-title small{font-size:15px!important;line-height:1.6!important;color:#02142C!important;letter-spacing:0!important}
body #data-connection .strip-title b{font-size:25px!important;line-height:1.6!important;font-weight:700!important;color:#02142C!important;letter-spacing:-.025em!important}
body #data-connection .strip-data{display:grid!important;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1.1fr)!important;gap:12px!important;align-items:center!important;width:100%;margin:28px 0 0!important;padding:0!important;max-width:none!important}
body #data-connection .strip-node{display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;max-width:100%;min-height:78px;margin:0!important;padding:16px!important;border:1px solid #02142C18!important;border-radius:14px!important;background:#FFFFFF!important;color:#02142C!important;cursor:pointer;line-height:1.6!important;box-shadow:0 3px 10px #02142C04;transition:border-color .2s,box-shadow .2s}
body #data-connection .strip-node span{font-size:18px!important;line-height:1.65!important;font-weight:600!important;letter-spacing:0!important;overflow-wrap:normal;white-space:normal}
body #data-connection .strip-node>svg{width:25px;height:25px;flex:0 0 25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body #data-connection .strip-node:hover{border-color:#00A1CF!important;box-shadow:0 8px 18px #00A1CF15}
body #data-connection .strip-node:focus-visible{outline:3px solid #00A1CF;outline-offset:4px}
body #data-connection .strip-result{background:#02142C!important;color:#FFFFFF!important;border-color:#02142C!important}
body #data-connection .strip-connector{display:flex;align-items:center;justify-content:center;color:#009A68!important;opacity:1!important}
body #data-connection .strip-connector svg{display:block;width:32px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.dark #data-connection.strip-flow{background:#FFFFFF06!important;color:#FFFFFF!important}
body.dark #data-connection .strip-title :is(small,b){color:#FFFFFF!important}
body.dark #data-connection .strip-node{background:#02142C!important;color:#FFFFFF!important;border-color:#E2E8F033!important}
body.dark #data-connection .strip-result{background:#00A1CF!important;color:#02142C!important;border-color:#00A1CF!important}
body.dark #data-connection .strip-connector{color:#00A1CF!important}
@media(max-width:1100px){body #data-connection .strip-node{flex-direction:column;gap:10px;padding:16px 10px!important}body #data-connection .strip-node span{font-size:17px!important}body #data-connection .strip-data{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1.1fr)!important;gap:8px!important}}
@media(max-width:760px){body #data-connection.strip-flow{width:88%;padding:24px!important;margin:28px auto!important}body #data-connection .strip-title{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}body #data-connection .strip-brand{flex:none!important;width:130px!important}body #data-connection .strip-title b{font-size:23px!important}body #data-connection .strip-title small{font-size:14px!important}body #data-connection .strip-data{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:22px!important}body #data-connection .strip-node{flex-direction:row;justify-content:flex-start;gap:14px;min-height:62px!important;padding:14px 18px!important}body #data-connection .strip-node span{font-size:18px!important}body #data-connection .strip-connector{height:28px}body #data-connection .strip-connector svg{rotate:90deg;width:26px;height:26px}}

/* Keep tablet reading order intact: copy together, brand animation beside it. */
body .hero-v2 .hero-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:40px;position:relative}
body .hero-v2 .hero-copy{min-width:0}
body .hero-v2 .hero-brand-visual{display:grid;place-items:center;align-self:center;min-width:0}
body .hero-v2 .hero-brand-visual .headline-brand-z.z-interactive{position:relative!important;inset:auto!important;float:none!important;display:block!important;width:200px!important;height:200px!important;margin:0!important;transform:none!important}
body .hero-v2 .hero-copy h1.product-headline.slogan-headline{padding:0!important;max-width:none!important;display:block!important;font-size:clamp(42px,4.6vw,72px)!important;line-height:1.18!important;margin-bottom:22px!important}
body .hero-v2 .hero-copy h1.slogan-headline>span{display:block!important;white-space:nowrap}
body .hero-v2 .hero-copy h1.slogan-headline>br{display:none!important}
body .hero-v2 .hero-copy .hero-right{max-width:70ch!important}
body .hero-v2 .hero-copy p.slogan-outcome{font-size:24px!important;line-height:1.65!important;margin-bottom:16px!important}
body .hero-v2 .hero-copy .pilot-points{padding-bottom:0!important;margin-top:24px!important;gap:10px 22px!important}
@media(min-width:641px) and (max-width:1100px){
 body .hero-v2{padding-top:32px!important}
 body .hero-v2 .hero-intro-layout{grid-template-columns:minmax(0,1fr) 144px;gap:24px;align-items:start}
 body .hero-v2 .hero-brand-visual{padding-top:100px;align-self:start}
 body .hero-v2 .hero-brand-visual .headline-brand-z.z-interactive{width:144px!important;height:144px!important}
 body .hero-v2 .hero-copy h1.product-headline.slogan-headline{font-size:clamp(28px,4.5vw,48px)!important;line-height:1.22!important;margin-bottom:20px!important;letter-spacing:-.04em!important}
 body .hero-v2 .hero-copy .hero-overline{flex-wrap:wrap!important;gap:8px 12px!important;font-size:14px!important;margin-bottom:22px!important;line-height:1.6!important}
 body .hero-v2 .hero-copy p.slogan-outcome{font-size:22px!important;line-height:1.65!important}
 body .hero-v2 .hero-copy .hero-right p.intro{font-size:18px!important;line-height:1.85!important;margin-bottom:22px!important}
 body .hero-v2 .hero-copy .hero-actions{flex-wrap:wrap!important;gap:12px!important}
 body .hero-v2 .hero-copy .pilot-points{display:grid!important;gap:8px!important;margin-top:22px!important}
 body .hero-v2 .hero-copy .pilot-points span{font-size:15px!important}
 body .hero-v2 .hero-panorama{margin-top:30px!important}
}
@media(max-width:640px){
 body .hero-v2 .hero-intro-layout{display:block}
 body .hero-v2 .hero-brand-visual{position:absolute;top:0;right:0;padding:0}
 body .hero-v2 .hero-brand-visual .headline-brand-z.z-interactive{width:60px!important;height:60px!important}
 body .hero-v2 .hero-copy .hero-overline{min-height:64px;padding-right:76px;display:flex!important;flex-wrap:wrap!important;align-content:center;justify-content:flex-start;gap:4px 8px!important;margin-bottom:20px!important;font-size:12px!important;line-height:1.5!important}
 body .hero-v2 .hero-copy .overline-divider{display:none}
 body .hero-v2 .hero-copy h1.product-headline.slogan-headline{font-size:clamp(25px,7.6vw,46px)!important;line-height:1.25!important;letter-spacing:-.04em!important;margin-bottom:20px!important}
 body .hero-v2 .hero-copy p.slogan-outcome{font-size:21px!important}
 body .hero-v2 .hero-copy .hero-right p.intro{font-size:18px!important}
 body .hero-v2 .hero-copy .pilot-points{display:grid!important;gap:8px!important;margin-top:22px!important}
 body .hero-v2 .hero-copy .pilot-points span{font-size:15px!important}
}

/* Compact horizontal brand signature and navigation. */
body footer.site-footer{padding:28px 5% 22px!important}
body .site-footer .footer-main{grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}
body .site-footer .footer-identity{flex-direction:row;align-items:center;gap:24px}
body .site-footer .brand{gap:5px;flex:0 0 120px}
body .site-footer .brand img{width:120px!important}
body .site-footer .brand>span{font-size:11px!important;white-space:nowrap;line-height:1.5!important}
body footer.site-footer p.footer-slogan{font-size:17px!important;line-height:1.45!important;letter-spacing:-.02em!important;white-space:nowrap;max-width:none!important}
body .site-footer .legal-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:4px 20px!important;margin:0!important;width:auto!important}
body .site-footer .legal-links :is(a,button){font-size:14px!important;line-height:1.6!important;white-space:nowrap!important;min-height:36px;flex:0 0 auto;font-weight:500!important}
body .site-footer .footer-bottom{margin:16px auto 0!important;gap:16px;padding-right:50px!important;font-size:12px!important;line-height:1.6!important}
body .site-footer .footer-bottom>a{font-size:12px!important;white-space:nowrap}
@media(max-width:1100px){
 body .site-footer .footer-main{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 body .site-footer .footer-identity{justify-content:space-between;gap:24px}
 body footer.site-footer p.footer-slogan{flex-direction:row!important;gap:0 6px!important;font-size:16px!important;flex-wrap:wrap!important;justify-content:flex-end}
 body .site-footer .legal-links{justify-content:flex-start!important;gap:4px 24px!important}
 body .site-footer .footer-bottom{margin-top:12px!important}
}
@media(max-width:640px){
 body footer.site-footer{padding:24px 6% 20px!important}
 body .site-footer .footer-identity{gap:16px}
 body .site-footer .brand{flex-basis:112px}
 body .site-footer .brand img{width:112px!important}
 body .site-footer .brand>span{font-size:10px!important}
 body footer.site-footer p.footer-slogan{font-size:14px!important;flex-direction:column!important;gap:0!important;align-items:flex-start;flex-wrap:nowrap!important}
 body .site-footer .legal-links{gap:2px 18px!important}
 body .site-footer .legal-links :is(a,button){font-size:13px!important;min-height:36px}
 body .site-footer .footer-bottom{font-size:11px!important;gap:12px}
 body .site-footer .footer-bottom>a{font-size:11px!important}
}

/* Motion follows the visitor without moving the page layout. */
body .motion-heading{translate:0 14px;transition:translate .7s cubic-bezier(.22,1,.36,1),opacity .7s!important;opacity:.4}
body .motion-heading.motion-visible{translate:0 var(--heading-drift,0px);opacity:1}
body #transport-journey .regional-background{scale:var(--scene-scale,1.015);transition:scale .55s ease-out;transform-origin:60% 55%}
body .pointer-glow{position:relative;isolation:isolate;transition:box-shadow .3s,border-color .3s,background-color .3s!important}
body .pointer-glow::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#00A1CF18,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}
@media(hover:hover){body .pointer-glow:hover::before{opacity:1}body .pointer-glow:hover{box-shadow:0 14px 32px -20px #00A1CF70!important;border-color:#00A1CF66!important}body .pointer-glow:hover :is(h3,.task-link){color:#009A68!important}body.dark .pointer-glow:hover :is(h3,.task-link){color:#00A1CF!important}}
body .site-footer .legal-links :is(a,button){transition:color .2s,translate .25s!important}
body .site-footer .legal-links :is(a,button)::after{content:'↗';font-size:13px;margin-left:5px;opacity:0;translate:-4px 2px;transition:opacity .2s,translate .25s}
body .site-footer .legal-links :is(a,button):is(:hover,:focus-visible){color:#009A68!important;translate:0 -2px}
body .site-footer .legal-links :is(a,button):is(:hover,:focus-visible)::after{opacity:1;translate:0 0}
body.dark .site-footer .legal-links :is(a,button):is(:hover,:focus-visible){color:#00A1CF!important}
body .site-footer .brand img{transition:scale .3s,filter .3s}
body .site-footer .brand:is(:hover,:focus-visible) img{scale:1.035;filter:drop-shadow(0 4px 8px #00A1CF22)}
body .pointer-glow:focus-visible{outline:2px solid #00A1CF;outline-offset:4px}
@media(hover:none){body .site-footer .legal-links :is(a,button):active{color:#009A68!important}body .strip-node:active,body .task-card:active{scale:.985;transition:scale .15s!important}}
@media(prefers-reduced-motion:reduce){body .motion-heading{translate:none!important;opacity:1!important;transition:none!important}body #transport-journey .regional-background{scale:1!important;transition:none!important}body .pointer-glow,body .site-footer .legal-links :is(a,button),body .site-footer .brand img{transition:none!important;translate:none!important;scale:1!important}}

/* Final readability and interaction pass. Keep motion away from reading and input. */
body .motion-heading{opacity:1!important;translate:0 10px}
body .motion-heading.motion-visible{opacity:1!important;translate:0 var(--heading-drift,0px)}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #00A1CF!important;outline-offset:4px!important}
body :is(button,.button,summary){touch-action:manipulation}
body button:disabled{cursor:wait;opacity:.65;translate:none!important;transform:none!important}
body .application-premium :is(input,select,textarea){min-height:52px;box-sizing:border-box}
body .application-premium input:user-invalid{border-color:#02142C!important;box-shadow:0 0 0 2px #00A1CF66!important}
body.dark .application-premium input:user-invalid{border-color:#FFFFFF!important}
body #form-status:empty{display:none}
body #form-status{font-size:16px!important;line-height:1.75!important;overflow-wrap:anywhere}
body :is(.application-legal-refined,.contact-cards,.faq-answer,.platform-showcase-heading)>*{min-width:0}
body :is(.contact-cards a,.faq-sources a,.application-legal-refined a){overflow-wrap:anywhere}
@media(min-width:641px) and (max-width:760px){body .hero-v2 .hero-copy .hero-bottom .hero-right .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}body .hero-v2 .hero-copy .hero-bottom .hero-right .hero-actions>*{width:auto!important;flex:0 1 auto!important}}
@media(hover:none),(pointer:coarse){body .motion-heading.motion-visible{translate:none!important}body .site-footer .legal-links :is(a,button){min-height:44px}body .hero-v2 .hero-actions>*:active{scale:.985}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body .motion-heading{translate:none!important;opacity:1!important}}

/* Center both strokes independently of icon size or inherited text metrics. */
body #faq .faq-item .faq-toggle{position:relative;display:block;border-radius:50%!important}
body #faq .faq-item .faq-toggle::before,body #faq .faq-item .faq-toggle::after{left:50%!important;top:50%!important;width:10px!important;height:2px!important;margin:0!important;transform:translate(-50%,-50%)!important;border-radius:2px}
body #faq .faq-item .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)!important}
body #faq .faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) rotate(0)!important}
/* Distinguish the question from the answer by size, weight and spacing. */
body #faq .faq-item .faq-question{font-size:22px!important;font-weight:800!important;line-height:1.6!important}
body #faq .faq-answer p,body #faq .faq-answer p strong{font-size:18px!important;font-weight:400!important;line-height:1.95!important}
body #faq .faq-answer p strong{font-weight:500!important}
body #faq .faq-answer p{margin:0!important;padding-top:6px!important}
body.dark #faq .faq-item .faq-question{color:#FFFFFF!important}
body.dark #faq .faq-answer p,body.dark #faq .faq-answer p strong{color:#E2E8F0!important}
@media(max-width:600px){body #faq .faq-item .faq-question{font-size:20px!important}body #faq .faq-answer p,body #faq .faq-answer p strong{font-size:17px!important}}

/* Use the full showcase width while keeping natural mobile wrapping. */
body .hero-v2 p.platform-scope-note{width:100%!important;max-width:none!important;text-wrap:pretty;letter-spacing:normal!important;box-sizing:border-box}
/* Two deliberate heading lines fit the available column. */
body #why .section-top>div{min-width:0;container-type:inline-size}
body #why .section-top h2{font-size:clamp(20px,5.3cqw,46px)!important;line-height:1.55!important;letter-spacing:-.025em!important}
body #why .section-top h2>span{display:block!important;white-space:nowrap!important;font-size:inherit!important;line-height:inherit!important}
@media(max-width:760px){body #why .section-top h2{font-size:clamp(17px,5.3cqw,36px)!important}}

/* Keep the partner introduction full-width after removing the pilot card. */
body.landing-page #partner .partner-invitation{grid-template-columns:minmax(0,1fr);gap:0}

/* Transport data labels describe the product without opening a demo. */
body.landing-page div.strip-node,body.landing-page div.input-row{cursor:default;pointer-events:none}

/* Select workflow steps directly on their cards. */
body.landing-page .workflow-card[data-stage]{cursor:pointer;transition:box-shadow .2s ease,outline-color .2s ease}
body.landing-page .workflow-card[data-stage]:focus-visible{outline:3px solid #00A1CF;outline-offset:5px}
body.landing-page .workflow-card[data-stage][aria-pressed="true"]{box-shadow:0 0 0 2px #00A1CF,0 12px 30px #00A1CF20}
body.landing-page .workflow-card[data-stage]:hover{outline:2px solid #00A1CF;outline-offset:3px}