:root{--ink:#10263a;--navy:#071c30;--blue:#1768ed;--pale:#eef3f7;--muted:#586a79;--line:#dce4eb;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f3b940;outline-offset:5px}::selection{background:#b6d7ff;color:var(--navy)}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}.header{height:88px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{font-size:1.875rem;font-weight:900;font-style:italic;letter-spacing:-1.8px;white-space:nowrap;line-height:1}.brand b{color:var(--blue)}.brand em{font-style:italic}.nav{display:flex;gap:27px;margin-left:auto;align-items:center}.nav a{font-size:0.8125rem;font-weight:700;position:relative;padding:30px 0}.nav a[aria-current]:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:3px;background:var(--blue)}.nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:22px;align-items:center}.login{font-size:0.8125rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:15px 23px;font-size:0.8125rem;font-weight:700;line-height:1.25;transition:background .2s,transform .2s;min-height:49px}.button:hover{background:#0c50c0;border-color:#0c50c0;transform:translateY(-2px)}.button.light{background:#fff;color:var(--ink);border-color:#fff}.button.outline{background:transparent;border-color:#9babbb;color:inherit}.button.outline:hover{background:#ffffff15}.button.small{padding:12px 17px;min-height:43px}.arrow{font-size:1.25rem;font-weight:400;line-height:1}.menu-button{display:none;border:1px solid var(--line);background:#fff;padding:9px 13px;color:var(--ink)}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;margin:0 0 22px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--blue);flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.8vw,5.875rem);font-weight:600;margin-bottom:27px}h2{font-size:clamp(2.1875rem,4vw,3.5rem);font-weight:500;margin-bottom:24px}h3{font-size:1.625rem;font-weight:500;line-height:1.16;margin-bottom:14px}p{margin-bottom:20px}.lead{font-size:1.125rem;line-height:1.65;color:var(--muted);max-width:630px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:29px}.hero{position:relative;isolation:isolate;color:#fff;background:var(--navy);min-height:660px;display:flex;align-items:center;overflow:hidden}.hero>.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,33,.92) 0%,rgba(4,19,33,.71) 42%,rgba(4,19,33,.02) 80%),linear-gradient(0deg,rgba(4,19,33,.55),transparent 55%);z-index:-1}.hero .wrap{padding-top:77px;padding-bottom:55px}.hero h1{max-width:810px;font-size:clamp(3.4375rem,7vw,6.25rem)}.hero h1 span{color:#8ebaff}.hero .lead{color:#d3dfeb;font-size:1.0625rem;max-width:520px}.hero .eyebrow{color:#cfdef1}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:54px;gap:25px}.hero-caption{font-size:0.75rem;letter-spacing:1.7px;text-transform:uppercase;color:#cfdef1;display:flex;align-items:center;gap:10px}.hero-caption:before{content:'+';color:#8ebaff;font-size:1.375rem}.hero-index{display:flex;gap:25px;align-items:center;font-size:0.75rem;color:#c7d3e0}.hero-index b{color:#fff;font-size:1.0625rem;font-weight:400}.routebar{background:var(--blue);color:#fff}.routes{display:grid;grid-template-columns:repeat(4,1fr)}.route{padding:27px 24px;border-right:1px solid #ffffff30;display:flex;align-items:center;gap:17px;font-size:0.8125rem;font-weight:700;transition:background .2s}.route:first-child{padding-left:0}.route:last-child{border:0}.route span{font-size:0.75rem;opacity:.6;font-weight:400}.route .arrow{margin-left:auto}.route:hover{background:#ffffff13}.section{padding:100px 0}.section.soft{background:#f1f5f8}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-head h2{margin-bottom:0;max-width:720px}.section-head .lead{font-size:0.9375rem;max-width:350px;margin-bottom:3px}.textlink{display:inline-flex;align-items:center;gap:20px;font-size:0.8125rem;font-weight:700;padding:6px 0;border-bottom:1px solid currentColor}.textlink:hover{color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split .lead{max-width:470px}.split.reverse>div:first-child{order:2}.split.reverse>div:last-child{order:1}.workflow{background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px #1736500b;padding:0 30px}.windowbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;font-size:0.75rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.windowbar .dots{display:flex;gap:5px}.dots i{width:5px;height:5px;border-radius:50%;background:#bbc9d6}.workflow-row{display:grid;grid-template-columns:38px 1fr 20px;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.workflow-row:last-of-type{border:0}.workflow-row .number{width:36px;height:36px;background:#edf4ff;display:grid;place-items:center;color:var(--blue);font-size:0.75rem}.workflow-row h3{font-size:1.25rem;margin:0 0 5px}.workflow-row p{font-size:0.75rem;color:var(--muted);margin:0}.workflow-row .arrow{color:var(--blue)}.micro{font-size:0.75rem;color:var(--muted);line-height:1.6}.workflow .micro{border-top:1px solid var(--line);padding:15px 0;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.solution{display:flex;flex-direction:column;padding:28px 24px;background:#fff;border:1px solid var(--line);min-height:280px;transition:border-color .2s,transform .2s}.solution:hover{border-color:var(--blue);transform:translateY(-4px)}.solution .serial{font-size:0.75rem;letter-spacing:1px;color:var(--blue);margin-bottom:35px;display:flex;justify-content:space-between}.solution h3{font-size:1.5625rem}.solution p{font-size:0.875rem;color:var(--muted)}.solution .textlink{margin-top:auto;align-self:start;border:0;padding:0}.feature{display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy);color:#fff;overflow:hidden}.feature-picture{position:relative;min-height:450px}.feature-picture img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.picture-caption{position:absolute;bottom:15px;left:18px;background:#071c30bb;color:#fff;font-size:0.75rem;padding:6px 10px}.feature-copy{padding:60px}.feature-copy h2{font-size:2.8125rem}.feature-copy p{font-size:0.9375rem;color:#b9cad9}.feature-copy .eyebrow{color:#99b8dc}.feature-copy .textlink{color:#fff}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag{font-size:0.75rem;letter-spacing:.5px;border:1px solid #bacbd950;padding:5px 9px}.industry-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.industry-list a{padding:28px 20px 28px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-right:30px;font-size:1.4375rem;letter-spacing:-.8px}.industry-list a:hover{color:var(--blue)}.cta{background:var(--blue);color:#fff;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:2.875rem;max-width:730px;margin:0}.cta p{margin:17px 0 0;color:#d2e4ff;font-size:0.9375rem}.footer{padding:64px 0 25px;background:#061725;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer .brand{font-size:2.125rem;display:inline-block;margin-bottom:23px}.footer p{color:#92a7b9;font-size:0.8125rem;max-width:240px}.footer h3{font-size:0.75rem;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 22px;color:#fff}.footer a:not(.brand){font-size:0.75rem;display:block;color:#9fb2c4;margin:12px 0}.footer a:hover{color:#fff}.footer .phone{font-size:1rem!important;color:#fff!important}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #ffffff1c;margin-top:50px;padding-top:24px;color:#7e95a9;font-size:0.75rem;letter-spacing:.5px}.footer-bottom a{font-size:0.75rem!important;margin:0!important}.page-hero{padding:70px 0 65px;background:var(--pale);overflow:hidden}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:0.75rem;color:var(--muted);margin-bottom:35px}.breadcrumbs a:hover{text-decoration:underline}.page-hero h1{font-size:clamp(3rem,6vw,4.875rem);max-width:1000px}.page-hero .lead{margin-bottom:0;max-width:720px}.page-hero.blue{background:var(--navy);color:#fff}.page-hero.blue .lead,.page-hero.blue .breadcrumbs{color:#aabed2}.page-hero.blue h1 span{color:#85b2ff}.page-hero .eyebrow{margin-bottom:19px}.section-subtitle{font-size:1rem;color:var(--muted);max-width:700px;margin-bottom:35px}.details-list{list-style:none;margin:28px 0;padding:0;border-top:1px solid var(--line)}.details-list li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:0.9375rem}.details-list li:before{content:'•';color:var(--blue)}.photo{width:100%;height:440px;object-fit:cover}.steps{counter-reset:steps}.step{padding:25px 0;display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);gap:20px}.step:before{counter-increment:steps;content:'0' counter(steps);color:var(--blue);font-size:0.875rem;padding-top:4px}.step h3{font-size:1.5625rem}.step p{color:var(--muted);font-size:0.9375rem;max-width:700px;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px;gap:10px;overflow:auto}.tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:15px 24px;color:var(--muted);font-size:0.875rem;white-space:nowrap}.tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);font-weight:700}[hidden]{display:none!important}.tab-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding:25px 0}.tab-panel h3{font-size:2.25rem}.tab-panel p{color:var(--muted)}.hierarchy{display:flex;flex-direction:column;align-items:center;gap:6px;background:#edf3fa;padding:35px}.hierarchy div{background:#d7e5f8;padding:9px 12px;width:var(--w);text-align:center;font-size:0.75rem;color:#385676}.hierarchy div:first-child{background:var(--blue);color:#fff}.case-preview{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;background:#fff;min-height:350px}.case-preview .eyebrow{font-size:0.75rem}.case-preview h3{font-size:1.875rem}.case-preview p{color:var(--muted);font-size:0.875rem}.case-preview .textlink{margin-top:auto;align-self:start}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{background:#fff;border:1px solid var(--line);padding:10px 20px;font-size:0.75rem;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.case-layout{display:grid;grid-template-columns:280px 1fr;gap:90px}.case-aside{font-size:0.8125rem;color:var(--muted)}.case-aside h3{font-size:0.75rem;color:var(--ink);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.case-body h2{font-size:2.125rem;margin-bottom:24px}.case-body>div{margin-bottom:50px}.case-body p,.case-body li{color:var(--muted);font-size:1rem}.case-body ul{padding-left:20px}.case-body li{padding:6px 0}.outcome{background:var(--pale);border-left:3px solid var(--blue);padding:30px}.outcome p{margin:0}.video-shell{padding:13px;background:#0a233a;border:1px solid #2d455c;box-shadow:0 20px 60px #10263a15}.video-shell video{display:block;width:100%;max-height:530px;background:#020e18}.video-label{padding:0 0 12px;color:#b7cadd;font-size:0.75rem;text-transform:uppercase;letter-spacing:2px}.phone-shell{padding:9px;background:#0a233a;width:min(250px,100%);border-radius:25px;margin:auto}.phone-shell video{border-radius:17px;width:100%;display:block}.video-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:65px;align-items:center}.viewer{position:relative;background:#071c30;min-height:490px;color:#fff;display:grid;place-items:center;overflow:hidden}.viewer-placeholder{text-align:center;padding:40px;position:relative;z-index:1;max-width:600px}.viewer-placeholder h2{font-size:2.6875rem}.viewer-placeholder p{color:#c6d6e5}.viewer:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c30ee,#071c30aa),url('assets/survey4x-hero-warm.jpg') center/cover}.viewer iframe{position:relative;border:0;width:100%;height:590px;background:#071c30}.viewer-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 22px;background:#edf3f8;font-size:0.75rem}.viewer-tools a{font-weight:700;color:var(--blue)}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:1.125rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--blue)}details[open] summary:after{content:'−'}details p{max-width:780px;color:var(--muted);margin:20px 0 0;font-size:0.9375rem}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact-card{background:var(--navy);color:#fff;padding:40px}.contact-card h2{font-size:2.375rem}.contact-card p{color:#a9bfd3;font-size:0.9375rem}.contact-card .phone{font-size:clamp(1.1875rem,2vw,1.875rem);display:block;margin:30px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:0.75rem;font-weight:700;display:block}input,textarea,select{display:block;width:100%;margin-top:9px;padding:13px;border:1px solid #c6d2dd;border-radius:0;color:var(--ink);background:#fff}textarea{resize:vertical;min-height:130px}.full{grid-column:1/-1}.form-status{color:var(--blue);font-size:0.8125rem;margin-top:20px}.news-card{border:1px solid var(--line);background:#fff}.news-card img{width:100%;height:260px;object-fit:cover}.news-card .copy{padding:30px}.news-card h3{font-size:1.8125rem}.news-card p{font-size:0.9375rem;color:var(--muted)}.note-box{border:1px solid var(--line);border-left:3px solid var(--blue);padding:25px 30px;background:#f6f8fa;margin:25px 0}.note-box p:last-child{margin:0}.proof-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.proof-list h3{font-size:1.375rem}.proof-list p{font-size:0.875rem;color:var(--muted)}.proof-list .serial{color:var(--blue);font-size:0.75rem;display:block;margin-bottom:18px}.on-dark p{color:#b8cadb}.on-dark .textlink{color:#fff}.on-dark .eyebrow{color:#adc8e6}.illustration{font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:13px}.proposal{max-width:850px}.proposal h2{font-size:2.1875rem;margin-top:45px}.proposal li{padding:7px 0;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:750px}}
@media(max-width:1120px){.wrap{width:calc(100% - 64px)}.header-inner{gap:25px}.nav{gap:18px}.nav a{font-size:0.75rem}.header-actions{gap:15px}.login{display:none}.grid4{grid-template-columns:repeat(2,1fr)}.split{gap:45px}.feature-copy{padding:40px}.feature-copy h2{font-size:2.375rem}.footer-grid{gap:30px}.case-layout{gap:50px;grid-template-columns:220px 1fr}.contact-grid{gap:50px}}
@media(max-width:900px){.header{height:75px}.header-inner{justify-content:space-between;gap:15px}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:15px 32px 24px;box-shadow:0 20px 30px #001d3520;margin:0}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:14px 0;font-size:1rem;border-bottom:1px solid var(--line)}.nav a[aria-current]:after{bottom:7px;right:auto;width:20px}.hero{min-height:630px}.hero h1{font-size:4.6875rem}.hero>.hero-image{object-position:60% center}.hero-index{display:none}.section{padding:75px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head .lead{max-width:600px}.split,.feature,.contact-grid{grid-template-columns:1fr}.split{gap:40px}.split.reverse>div:first-child,.split.reverse>div:last-child{order:initial}.feature-picture{min-height:350px}.grid3{grid-template-columns:1fr}.case-preview{min-height:260px}.industry-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px 50px}.cta h2{font-size:2.375rem}.cta-inner{align-items:start}.case-layout{grid-template-columns:1fr;gap:35px}.case-aside{border-bottom:1px solid var(--line);padding-bottom:20px}.tab-panel{gap:35px}.video-grid{gap:35px}.routes{grid-template-columns:1fr 1fr}.route:nth-child(2){border:0}.route:nth-child(-n+2){border-bottom:1px solid #ffffff30}.route:nth-child(3){padding-left:0}.contact-card{padding:35px}.hero-bottom{margin-top:40px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:70px}.header-inner{gap:12px}.brand{font-size:1.625rem}.header-actions .button{font-size:0.75rem;min-height:38px;padding:10px 12px;gap:10px}.header-actions .arrow{display:none}.menu-button{font-size:0.75rem;padding:9px 10px}.nav{top:69px;padding-left:20px;padding-right:20px}.hero{min-height:650px;align-items:start}.hero .wrap{padding:63px 0 35px}.hero h1{font-size:clamp(3.125rem,15.38vw,3.75rem);letter-spacing:-3px;line-height:1.01}.hero .lead{font-size:0.9375rem;max-width:350px}.hero>.hero-image{object-position:68% center}.hero:after{background:linear-gradient(90deg,#041321e6,#04132177),linear-gradient(0deg,#041321c9,transparent)}.eyebrow{font-size:0.75rem;letter-spacing:1.8px;margin-bottom:20px}.hero .actions{gap:10px}.button{padding:14px 18px;gap:20px;min-height:47px;font-size:0.75rem}.hero-bottom{margin-top:50px}.hero-caption{font-size:0.75rem;letter-spacing:1.3px}.route{font-size:0.75rem;padding:21px 14px;gap:10px}.route span{display:none}.route .arrow{font-size:1.125rem}.section{padding:60px 0}h2{font-size:2.25rem}.lead{font-size:1rem}.grid4{grid-template-columns:1fr}.solution{min-height:240px;padding:25px}.solution .serial{margin-bottom:24px}.section-head{margin-bottom:30px}.workflow{padding:0 20px}.workflow-row{gap:13px;padding:24px 0}.workflow-row p{font-size:0.75rem}.windowbar{letter-spacing:.6px;font-size:0.75rem}.feature-picture{min-height:250px}.feature-copy{padding:32px 25px}.feature-copy h2{font-size:2.1875rem}.industry-list a{font-size:1.1875rem;margin-right:15px;padding:24px 5px 24px 0}.cta{padding:45px 0}.cta-inner{flex-direction:column;gap:25px}.cta h2{font-size:2.3125rem}.cta p{font-size:0.875rem}.footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-intro{grid-column:1/-1}.footer p{max-width:320px}.footer h3{font-size:0.75rem}.footer-bottom{align-items:start;flex-direction:column;gap:12px;margin-top:35px}.page-hero{padding:35px 0 45px}.page-hero h1{font-size:3rem;letter-spacing:-2px}.breadcrumbs{font-size:0.75rem;margin-bottom:28px}.page-hero .lead{font-size:0.9375rem}.tab-panel{grid-template-columns:1fr;padding:10px 0}.tabs{gap:0}.tabs button{padding:14px 17px;font-size:0.75rem}.tab-panel h3{font-size:1.9375rem}.hierarchy{padding:25px 12px}.case-body h2{font-size:1.875rem}.video-grid{grid-template-columns:1fr}.video-shell{padding:8px}.video-label{font-size:0.75rem;padding:5px 5px 10px}.phone-shell{width:220px}.viewer{min-height:420px}.viewer-placeholder{padding:25px}.viewer-placeholder h2{font-size:2.1875rem}.viewer iframe{height:460px}.viewer-tools{align-items:start;flex-direction:column;gap:10px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.contact-card{padding:30px 24px}.proof-list{grid-template-columns:1fr;gap:20px}.proof-list .serial{margin-bottom:10px}.photo{height:280px}.step{grid-template-columns:35px 1fr;gap:15px}.step h3{font-size:1.4375rem}.step p{font-size:0.875rem}.news-card img{height:220px}.news-card .copy{padding:25px}.news-card h3{font-size:1.625rem}.note-box{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Original blue / orange brand atmosphere. */
:root{--orange:#f47721}
.hero .hero-image{transition:opacity .9s ease,transform 1.2s ease;pointer-events:none}
.hero>.hero-warm{opacity:0;z-index:-2}
.hero h1 span,.hero .eyebrow:before,.hero .button,.hero-caption:before{transition:color .7s ease,background-color .7s ease,border-color .7s ease}
.hero-atmosphere{display:flex;align-items:center;gap:15px;padding:9px 14px;color:#d3dfeb;border:1px solid #ffffff40;background:#071c3050;font-size:0.75rem;letter-spacing:.4px}
.hero-atmosphere span{font-size:1.125rem;color:#f47721}
.hero.is-warm>.hero-warm{opacity:1}
.hero.is-warm h1 span{color:#f7934b}
.hero.is-warm .eyebrow:before,.hero.is-warm .button:not(.outline){background:var(--orange);border-color:var(--orange)}
.hero.is-warm .hero-caption:before{color:var(--orange)}
.hero.is-warm .hero-image{transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){.hero:hover>.hero-warm{opacity:1}.hero:hover h1 span{color:#f7934b}.hero:hover .eyebrow:before,.hero:hover .button:not(.outline){background:var(--orange);border-color:var(--orange)}.hero:hover .hero-caption:before{color:var(--orange)}.hero:hover .hero-image{transform:scale(1.025)}}
/* Restored original canvas world map and route animation. */
.worldview{color:#fff;background:#061525;overflow:hidden}
.world-stage{position:relative;min-height:650px;isolation:isolate}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}
.world-copy{position:relative;z-index:1;max-width:390px;padding:105px 0 140px;pointer-events:none}
.world-copy h2{font-size:clamp(2.6875rem,4.7vw,4.0625rem);line-height:1.04}
.world-copy h2 span{color:#62b8ff}
.world-copy p:not(.eyebrow){font-size:0.9375rem;line-height:1.8;color:#a6bed4;max-width:330px}
.world-copy a{pointer-events:auto;color:#fff}
.world-copy a:hover{color:#f47721}
.world-copy .eyebrow{color:#9fc2e2}
.world-toolbar{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:22px;gap:20px;z-index:2}
.world-toolbar>div{display:flex;gap:12px;flex-wrap:wrap}
.world-toolbar button{background:#091f34;color:#d0e4f7;font-size:0.75rem;border:1px solid #35536d;padding:10px 14px;min-height:40px}
.world-toolbar button:hover{color:#fff;border-color:#f47721}
.world-caption{font-size:0.75rem;text-transform:uppercase;letter-spacing:1.4px;color:#8faecb;display:flex;align-items:center;gap:12px}
.world-dot{width:5px;height:5px;background:#f47721;border-radius:50%;box-shadow:0 0 12px #f47721}
.world-project-panel{position:absolute;z-index:4;right:0;top:35px;width:330px;max-height:515px;overflow:auto;background:#091b2df5;border:1px solid #365068;box-shadow:0 20px 60px #0008;padding:20px}
.world-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:0.875rem}
.world-panel-head button{background:transparent;border:0;color:#fff;font-size:1.5625rem;padding:0 6px}
.world-demo-note{color:#8faecb;font-size:0.75rem;line-height:1.7;margin:12px 0}
.s4x-project-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 8px;text-align:left;border:0;border-top:1px solid #ffffff1b;background:transparent;color:#afc6dc}
.s4x-project-button>small{margin-left:auto;font-size:0.75rem}
.s4x-project-button strong{font-size:0.75rem;font-weight:500;color:#fff}
.s4x-project-button small{font-size:0.75rem}
.s4x-project-dot{width:6px;height:6px;border-radius:50%;background:#66c8ff;flex:none}
.s4x-project-button.is-active{background:#f4772118}.s4x-project-button.is-active .s4x-project-dot{background:#f47721;box-shadow:0 0 12px #f47721}
@media(max-width:1120px){.hero-index{gap:13px}.hero-bottom{gap:20px}.world-copy{max-width:330px}.world-copy h2{font-size:3.0625rem}.world-copy p:not(.eyebrow){max-width:285px}}
@media(max-width:760px){.world-stage{min-height:780px}.world-copy{padding:55px 0 0;max-width:100%}.world-copy h2{font-size:3rem}.world-copy p:not(.eyebrow){max-width:440px}.world-canvas{top:260px;height:400px;width:100%}.world-toolbar{bottom:28px;align-items:start;flex-direction:column;gap:18px}.world-project-panel{top:285px;right:0;width:min(330px,100%);max-height:370px}.world-copy .eyebrow{margin-bottom:20px}.hero-atmosphere{font-size:0.75rem;padding:6px 9px;gap:8px}}
@media(max-width:420px){.hero-bottom{flex-wrap:wrap;gap:16px}.world-copy h2{font-size:2.75rem}.world-caption{font-size:0.75rem}.world-toolbar button{font-size:0.75rem;padding:10px 12px}}

.button:disabled{opacity:.65;cursor:wait;transform:none}.form-status[data-state=error]{color:#a63b17}.form-status[data-state=success]{color:#176b46}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Complete navigation tiles, including the space before 01. */
.routes{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr)) minmax(0,1fr)}
.route,.route:first-child,.route:nth-child(3){padding:27px 26px;transition:background-color .25s ease,color .25s ease}
.route:first-child{padding-left:max(26px,calc((100vw - var(--max))/2))}
.route:last-child{padding-right:max(26px,calc((100vw - var(--max))/2))}
.route:hover,.route:focus-visible{background:#0c4ebc;color:#fff}
/* Keep the navigation tile hover full width at every screen size. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 10px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:0.75rem;white-space:nowrap}
.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}
.theme-sun{display:none}.mobile-demo{display:none}
html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:block}
.page-hero.visual{position:relative;isolation:isolate;background:#071c30;color:#fff;min-height:485px;display:flex;align-items:flex-start;padding-top:80px}
.page-hero.visual .wrap{position:relative;z-index:2;margin-top:0;margin-bottom:0}
.page-hero.visual>.page-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:0}
.page-hero.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,35,.96) 0%,rgba(4,20,35,.88) 38%,rgba(4,20,35,.48) 65%,rgba(4,20,35,.08) 100%);z-index:1}
.page-hero.visual h1{max-width:900px}
.page-hero.visual .breadcrumbs,.page-hero.visual .lead{color:#d0deeb}
.page-hero.visual .lead{max-width:665px}
.page-hero.visual .eyebrow{color:#b6d1ed}
html{color-scheme:light}
html[data-theme=dark]{color-scheme:dark;--ink:#e7eff7;--muted:#a9bed0;--line:#2b4357;--pale:#10293e}
html[data-theme=dark] body{background:#081827;color:var(--ink)}
html[data-theme=dark] .header,html[data-theme=dark] .nav{background:#091c2e}
html[data-theme=dark] .section.soft{background:#0c2134}
html[data-theme=dark] .workflow,html[data-theme=dark] .solution,html[data-theme=dark] .case-preview,html[data-theme=dark] .news-card,html[data-theme=dark] .menu-button,html[data-theme=dark] .filters button{background:#10283d;color:var(--ink)}
html[data-theme=dark] .solution:hover{border-color:#76adff}
html[data-theme=dark] .workflow-row .number{background:#173b5b;color:#98c6ff}
html[data-theme=dark] .solution .serial,html[data-theme=dark] .workflow-row .arrow,html[data-theme=dark] .step:before,html[data-theme=dark] .details-list li:before,html[data-theme=dark] .viewer-tools a,html[data-theme=dark] .textlink:hover{color:#8dbdff}
html[data-theme=dark] .hierarchy{background:#10283d}
html[data-theme=dark] .hierarchy div{background:#1a3b57;color:#c1d6e9}
html[data-theme=dark] .hierarchy div:first-child{background:var(--blue);color:#fff}
html[data-theme=dark] .note-box{background:#10283d}
html[data-theme=dark] .filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme=dark] .tabs button[aria-selected=true]{color:#92c0ff;border-bottom-color:#76adff}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#081b2c;color:#e7eff7;border-color:#375268}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#94abbe;opacity:1}
html[data-theme=dark] .button.light{color:#10263a}
html[data-theme=dark] .viewer-tools{background:#10283d}
html[data-theme=dark] .form-status[data-state=error]{color:#ffb497}
html[data-theme=dark] .form-status[data-state=success]{color:#85dcb1}
@media(max-width:1120px){.theme-toggle [data-theme-label]{display:none}.header-actions{gap:12px}.theme-toggle{width:36px;padding:8px}}
@media(max-width:900px){.nav .mobile-demo{display:block}.routes{grid-template-columns:1fr 1fr}.route:first-child,.route:nth-child(3){padding-left:32px}.route:last-child{padding-right:32px}.route:nth-child(2){padding-right:32px}.page-hero.visual{min-height:470px}.page-hero.visual>.page-hero-image{object-position:70% center}}
@media(max-width:600px){.route,.route:first-child,.route:nth-child(3){padding:23px 20px}.route:nth-child(2),.route:last-child{padding-right:20px}.page-hero.visual{min-height:425px;padding-top:35px;padding-bottom:45px}.page-hero.visual:after{background:linear-gradient(90deg,rgba(4,20,35,.92),rgba(4,20,35,.62)),linear-gradient(0deg,#04142399,transparent)}.page-hero.visual>.page-hero-image{object-position:72% center}.header-inner{gap:10px}.header-actions{gap:9px}.theme-toggle{width:33px;min-height:35px;padding:7px}.theme-toggle svg{width:17px;height:17px}}
@media(max-width:380px){.header-actions>.button{display:none}.header-inner .menu-button{margin-left:auto}.page-hero.visual h1{font-size:2.6875rem}.page-hero.visual{min-height:410px}}
@media(min-width:901px){.routes{grid-template-columns:repeat(4,minmax(0,1fr))}.route:first-child{padding-left:max(48px,calc((100vw - 1280px)/2))}.route:last-child{padding-right:max(48px,calc((100vw - 1280px)/2))}}
@media(min-width:1376px){.routes{grid-template-columns:minmax(0,1fr) 320px 320px minmax(0,1fr)}}
html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .nav a:hover{color:#9dc6ff}
html[data-theme=dark] .theme-toggle:hover{border-color:#9dc6ff}

.header .brand em{font-style:inherit}

.workflow-row{grid-template-columns:38px 1fr}
/* Original laptop and phone frame, with both recordings in the screen openings. */
.device-showcase{background:radial-gradient(ellipse at 56% 47%,#153f62 0%,#0a253d 40%,#041523 85%);border:1px solid #29455e;padding:10px 28px 0;color:#e7f1fa;overflow:hidden;isolation:isolate}
.device-stage{position:relative;width:min(100%,1050px);aspect-ratio:3 / 2;margin:0 auto;filter:drop-shadow(0 25px 25px #0007)}
.device-frame{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.device-laptop-screen,.device-phone-screen{position:absolute;overflow:hidden;background:#03101d}
.device-laptop-screen{left:25%;top:18%;width:46%;height:54%;z-index:1;clip-path:polygon(0 0,91% 4%,100% 94%,2% 100%)}
.device-phone-screen{left:14.6%;top:35.7%;width:14.4%;height:46%;z-index:2;clip-path:polygon(0 0,87% 2%,100% 95%,9% 100%)}
.device-video{width:100%;height:100%;display:block;object-fit:fill;background:#03101d}
.device-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:4;padding:20px 0 24px;border-top:1px solid #ffffff26}
.device-controls p{font-size:0.75rem;display:flex;align-items:center;gap:12px;color:#b3cce1;margin:0;flex-wrap:wrap}
.device-controls .button{color:#e7f1fa;border-color:#5b7a94;white-space:nowrap}
.device-indicator{width:6px;height:6px;border-radius:50%;background:#168ef2;box-shadow:0 0 10px #168ef2;flex:none}
.device-showcase.is-playing .device-indicator{background:#f47721;box-shadow:0 0 10px #f47721}
.device-status{font-size:0.75rem;line-height:1.6;color:#b3cce1;margin:0;padding:0 0 15px}
.device-status:empty{display:none}
@media(max-width:600px){.device-showcase{padding:5px 12px 0;margin-left:-8px;margin-right:-8px}.device-stage{width:120%;max-width:none;margin-left:-10%;margin-bottom:-8px}.device-controls{align-items:start;flex-direction:column;gap:15px;padding:20px 6px}.device-controls p{font-size:0.75rem;gap:8px}.device-controls .button{font-size:0.75rem}.device-status{padding-left:6px;padding-right:6px}}
/* The supplied original scene retains its own styling and screen geometry. */
.original-demo-section{background:#020b16}
.original-showcase{background:#020b16;color:#eef7ff;overflow:hidden}
#original-demo-frame{display:block;width:100%;height:760px;border:0;background:#020b16}
.original-showcase .device-controls{padding-top:20px;padding-bottom:22px}
.original-showcase .device-status{padding-top:0;padding-bottom:20px}
@media(max-width:600px){.original-showcase .device-controls{padding-left:0;padding-right:0}}

/* Shared readable type and comfortable controls across page templates. */
:root{--text-caption:.75rem;--text-small:.875rem;--control-size:44px}
body{font-size:1rem}
.brand{display:inline-flex;align-items:center;min-height:var(--control-size)}
.theme-toggle,.menu-button{min-width:var(--control-size);min-height:var(--control-size)}
.button.small,.header-actions .button,.filters button,.world-toolbar button,.hero-atmosphere{min-height:var(--control-size)}
.textlink{min-height:var(--control-size)}
.world-panel-head button{min-width:var(--control-size);min-height:var(--control-size)}
.eyebrow,.micro,.hero-caption,.picture-caption,.windowbar,.world-caption,.illustration{font-size:var(--text-caption)}
.footer a:not(.brand){min-height:var(--control-size);display:flex;align-items:center;margin:0}
.footer-bottom a{min-height:var(--control-size)}
@media(max-width:1120px){.theme-toggle{width:var(--control-size)}}
@media(max-width:900px){
 .header{height:auto;min-height:75px}
 .header-inner{min-height:75px;height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
 .nav{top:100%}
}
@media(max-width:600px){
 .header{min-height:70px}
 .header-inner{min-height:70px;gap:8px}
 .header-actions{gap:8px}
 .theme-toggle{width:var(--control-size)}
 .header-actions .button{font-size:var(--text-caption);padding:10px;min-height:var(--control-size)}
 .menu-button{font-size:var(--text-caption)}
 .routes{grid-template-columns:minmax(0,1fr)}
 .route,.route:first-child,.route:nth-child(3),.route:nth-child(2),.route:last-child{padding:20px;border:0;border-bottom:1px solid #ffffff30;font-size:var(--text-small)}
 .route:last-child{border-bottom:0}
 .route span{display:inline;font-size:var(--text-caption)}
 .hero .eyebrow{letter-spacing:1.2px}
 .hero-bottom{flex-wrap:wrap}
}

/* Commercial homepage: value, project context, then platform and applications. */
.value-section{background:var(--pale)}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.value-card{background:#fff;border:1px solid var(--line);padding:30px;min-width:0}
.value-card svg{color:#1768ed;margin-bottom:22px}
.value-card h3{font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.35;margin-bottom:12px}
.value-card p{font-size:.9375rem;color:var(--muted);margin:0;line-height:1.65;max-width:31ch}
.value-next{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}
.value-next p{margin:0;font-size:1rem}
.proof-note{margin:24px 0 0}
.product-preview h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:18px}
.product-preview .lead{margin-bottom:0;max-width:630px}
.product-preview .actions{flex-direction:column;align-items:flex-start;margin-top:0;flex-shrink:0}
html[data-theme=dark] .value-card{background:#10283d}
html[data-theme=dark] .value-card svg{color:#8dbdff}
@media(max-width:900px){.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview .cta-inner{flex-direction:column}}
@media(max-width:600px){.value-grid{grid-template-columns:minmax(0,1fr);gap:14px}.value-card{padding:25px}.value-card svg{margin-bottom:16px}.value-next{align-items:flex-start;flex-direction:column;gap:12px}}

/* Global header stays identical across industrial and sector pages. */
html{scrollbar-gutter:stable}
header.header{--blue:#1768ed;--ink:#10263a;--line:#dce4eb;color:var(--ink);background:#fff;border-color:var(--line)}
html[data-theme=dark] header.header{--ink:#e7eff7;--line:#2b4357;background:#091c2e}
.header-fallback{display:flex;align-items:center;gap:30px;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.header-fallback nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.header-fallback nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}
.header:has(.header-fallback){height:auto}

/* Shared photo dropdown for Case studies and a consistent local case navigation. */
.nav-case-entry{display:flex;align-items:center;gap:2px}
.case-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:44px;padding:0;background:transparent;color:inherit;border:0}
.case-menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.case-menu-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 30px;box-shadow:0 20px 35px #071c3026;color:var(--ink)}
.case-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:.8125rem;font-weight:700}
.case-menu-heading>a{padding:4px 0!important;font-size:.8125rem!important;color:var(--blue)}
.case-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.nav .case-menu-card{display:grid;grid-template-columns:1fr 22px;gap:12px;align-content:start;padding:0;border:0;white-space:normal;font-size:.875rem}
.case-menu-card>img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover}
.case-menu-card small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-bottom:5px}
.case-menu-card strong{display:block;line-height:1.35}
.case-menu-arrow{color:var(--blue);font-size:1.25rem}
.case-menu-card:hover strong{color:var(--blue)}
.case-subnav{background:var(--pale);border-bottom:1px solid var(--line);color:var(--muted)}
.case-subnav>.wrap{display:flex;align-items:stretch;gap:28px;min-height:58px}
.case-subnav a{display:flex;align-items:center;min-height:48px;font-size:.8125rem;border-bottom:3px solid transparent;padding-top:3px}
.case-subnav span{align-self:center;font-size:.75rem}
.case-subnav a[aria-current]{font-weight:700;border-bottom-color:var(--blue);color:var(--ink)}
.case-subnav a:hover{color:var(--blue)}
html[data-theme=dark] .case-menu-panel{background:#091c2e}
html[data-theme=dark] .case-menu-heading>a,html[data-theme=dark] .case-menu-arrow,html[data-theme=dark] .case-menu-card:hover strong{color:#8dbdff}
@media(max-width:900px){
 .nav.open{max-height:calc(100svh - 75px);overflow:auto;overscroll-behavior:contain}
 .nav-case-entry>a{flex:1}
 .case-menu-toggle{width:44px}
 .case-menu-panel{position:static;padding:16px 0;box-shadow:none;border-top:0}
 .case-menu-panel>.wrap{width:100%}
 .case-menu-grid{grid-template-columns:1fr;gap:18px}
 .nav .case-menu-card{grid-template-columns:85px 1fr 20px;align-items:center;gap:13px}
 .case-menu-card>img{grid-column:auto;aspect-ratio:4/3}
 .case-menu-heading{align-items:start;font-size:.75rem;gap:10px}
}
@media(max-width:600px){.case-subnav>.wrap{gap:10px 20px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}.case-subnav span{display:none}.case-subnav a{font-size:.75rem;min-height:44px}}

#project-examples .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:600px){#project-examples .grid2{grid-template-columns:1fr}}

.scan-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.scan-solution-grid .solution{min-height:220px}
@media(max-width:600px){.scan-solution-grid{grid-template-columns:1fr}}