/* ISI Solutions — one visual system, preserving the approved page architecture. */
:root,html[data-theme="light"]{
 --paper:#f4f6f7;--bg:#f4f6f7;--surface:#ffffff;--raised:#eaf0f3;--ink:#142f3c;--text:#142f3c;--muted:#4a6370;--line:#c8d5dc;
 --accent:#006f89;--blue:#006f89;--accent-soft:#e3f1f4;--on-accent:#ffffff;--deep:#102f40;--lime:#006f89;
 --ui-bg:var(--paper);--ui-panel:var(--surface);--ui-soft:var(--raised);--ui-fg:var(--ink);--ui-muted:var(--muted);--ui-border:var(--line);--ui-accent:var(--accent);--ui-on:var(--on-accent);
 --max:1360px;--pad:clamp(22px,4.4vw,64px);--gutter:var(--pad);--radius:18px;--shadow:0 14px 40px #183c4c08;color-scheme:light;
}
html[data-theme="dark"]{
 --paper:#0b171f;--bg:#0b171f;--surface:#112631;--raised:#193540;--ink:#edf6f9;--text:#edf6f9;--muted:#b3c8d2;--line:#375462;
 --accent:#85deed;--blue:#85deed;--accent-soft:#163b49;--on-accent:#092630;--deep:#081b26;--lime:#85deed;
 --ui-bg:var(--paper);--ui-panel:var(--surface);--ui-soft:var(--raised);--ui-fg:var(--ink);--ui-muted:var(--muted);--ui-border:var(--line);--ui-accent:var(--accent);--ui-on:var(--on-accent);
 --shadow:0 14px 40px #00000018;color-scheme:dark;
}
html{scroll-padding-top:110px}html[data-theme] body.commercial{margin:0;background:var(--paper)!important;color:var(--ink)!important;font:17px/1.65 "Segoe UI Variable","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.commercial h1,.commercial h2,.commercial h3{font-weight:600;letter-spacing:-.048em;text-wrap:balance}
.commercial h1{line-height:1.03;font-size:clamp(42px,5.2vw,76px)}.commercial h2{line-height:1.1;font-size:clamp(30px,3.35vw,48px)}.commercial h3{line-height:1.2;font-size:clamp(22px,2.1vw,30px)}
.commercial p{max-width:66ch}.commercial .wrap{max-width:var(--max)}.commercial .section{padding-block:clamp(48px,6vw,84px)}
.commercial :is(.eyebrow,.label){font-size:11px;letter-spacing:.13em;line-height:1.6;font-weight:700}.commercial .lede,.commercial .pf-intro{font-size:clamp(18px,1.6vw,22px);line-height:1.65}
.commercial :is(.hero-grid,.pf-grid,.routes,.outcomes,.case-content,.editorial,.contact-layout,.safety-tool)>*{min-width:0}
.commercial :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--accent)!important;outline-offset:5px}
.commercial .header{position:sticky;top:0;z-index:60;background:var(--surface)!important;border-bottom:1px solid var(--line);box-shadow:0 3px 20px #102f4005}
.commercial .header-row{min-height:88px;gap:22px}.commercial .brand{gap:10px}.commercial .brand img{width:42px;height:38px;background:#fff;padding:2px;border-radius:50%}.commercial .brand b{font-size:14px;letter-spacing:.09em}
.commercial .main-nav{gap:20px;font-size:13px;font-weight:550}.commercial .main-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.commercial .settings{gap:9px}.commercial .settings-group{padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.commercial .settings button,.commercial .settings a{min-width:35px;min-height:36px;padding:8px 7px;border-radius:6px;font-size:11px}.commercial .settings [aria-pressed="true"],.commercial .settings [aria-current="true"]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #102f4012}
.commercial .platform-menu-panel{border-radius:12px;padding:10px;box-shadow:0 20px 48px #071c3520;background:var(--surface);width:280px}.commercial .platform-menu-panel a{border-radius:7px}
.commercial :is(.button,.btn){border-radius:8px;padding:15px 22px;min-height:52px;font-size:14px;font-weight:650;line-height:1.4;gap:22px;transition:transform .18s,box-shadow .18s}
.commercial :is(.button,.btn):hover{transform:translateY(-2px);box-shadow:0 8px 18px #005c7820}
.commercial .text-link{font-size:14px;font-weight:650;gap:13px;line-height:1.4;padding-block:9px}
.commercial .hero{padding-block:62px 28px}.commercial .hero-grid{grid-template-columns:1.12fr 1fr;gap:clamp(32px,5.3vw,76px);align-items:center}
.commercial .hero h1{font-size:clamp(46px,4.8vw,70px);margin:22px 0 24px;letter-spacing:-.055em}.commercial .hero h1 em{font-size:.85em;line-height:1.15}
.commercial .hero-intro{font-size:18px;line-height:1.7;max-width:44ch}.commercial .start-note{font-size:13px;margin-top:19px;max-width:52ch}
.commercial .hero-paths{padding:30px;border:1px solid #294e5e;border-radius:20px;background:radial-gradient(ellipse at top right,#1b5767 0,transparent 70%),#102f40;box-shadow:0 22px 60px #13374715;color:#f0f8fb}
html[data-theme] .commercial .hero-paths :is(h2,a,p,strong,b,span){color:#f0f8fb!important}.commercial .hero-paths .eyebrow{color:#9ddeeb!important;font-size:10px}.commercial .hero-paths .entry{padding:22px 0;border-color:#496673}.commercial .hero-paths .entry:last-child{border-bottom:0;padding-bottom:0}.commercial .hero-paths .entry h2{font-size:24px;line-height:1.25;margin:10px 0 13px}.commercial .hero-paths .hero-choice-title{border-color:#496673;padding-bottom:18px;align-items:center}.commercial .hero-paths .hero-choice-title>span{color:#b5d5df!important}.commercial .hero-paths .entry-proof{display:block;font-size:13px;line-height:1.6}.commercial .hero-paths .entry-proof b{display:block;color:#9ddeeb!important;font-size:9px;letter-spacing:.1em;margin-bottom:5px}.commercial .hero-paths .entry-proof a{text-decoration:underline;text-decoration-color:#638b9a;text-underline-offset:3px}.commercial .entry-top>span{background:#89dce8}
.commercial .hero-signature{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border-top:0;margin-top:32px;padding-top:20px}.commercial .hero-signature b{font-size:16px;font-weight:650}.industrial-proof{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;line-height:1.5;max-width:100%}.proof-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.ecosystem-band{max-width:1232px;margin:12px auto 0;padding:0 24px}.ecosystem-band .concept-visual{max-width:100%}.ecosystem-band .concept-visual img{height:172px;object-fit:contain;background:#0c2733;border-radius:16px}.ecosystem-band figcaption{text-align:center}
.commercial .section-top{gap:42px;align-items:end;margin-bottom:32px}.commercial .section-top>p{font-size:16px;line-height:1.7}.commercial .section-top h2{margin-top:13px}
.commercial .routes{gap:20px;border:0;background:transparent;align-items:stretch}.commercial .route{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:var(--shadow)}.commercial .route:last-child{border-right:1px solid var(--line)}.commercial .route-num{font:12px/1.5 Consolas,monospace;color:var(--muted)}.commercial .route h3{font-size:27px;margin-top:10px}.commercial .route .eyebrow{font-size:10px}.commercial .questions{font-size:14px;margin:23px 0}.commercial .questions li{padding:11px 0}.commercial .desired{font-size:14px;line-height:1.65}.commercial .evidence{border:0;border-radius:12px;background:var(--accent-soft);padding:20px;margin-top:20px}.commercial .evidence h4{font-size:16px;line-height:1.4}.commercial .evidence p{font-size:13px;line-height:1.7}.commercial .related{border-top:0;font-size:12px}
.commercial .pf-card{border-radius:var(--radius);padding:30px;border:1px solid var(--line);box-shadow:var(--shadow);gap:17px}.commercial .platform-home .pf-card:first-child{border-top:1px solid var(--line)}.commercial .platform-home .pf-card:first-child h3{font-size:46px}.commercial .platform-home .pf-card{padding:28px}.commercial .platform-home .pf-card .real-media{width:100%}.commercial .platform-home .real-media img{max-height:280px;object-fit:contain}.commercial .platform-home .pf-card>p{font-size:15px;line-height:1.65}
.commercial .real-media{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.commercial .real-media img{border-radius:8px}.commercial .real-media figcaption{padding:2px 7px 7px;font-size:12px;color:var(--muted);line-height:1.65}.commercial .real-enlarge{padding:10px 7px 0;color:var(--accent);font-size:12px}
.commercial .idea-flow{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.commercial .idea-flow li{padding:22px}.commercial .idea-flow small{font-size:10px}.commercial .idea-flow strong{font-size:15px;font-weight:600}.commercial .pf-flow-note{font-size:13px;line-height:1.7}
.commercial .complete{background:#102f40!important;color:#edf8fb!important}.commercial .complete :is(h2,h3,p,strong,span){color:#edf8fb!important}.commercial .complete .eyebrow{color:#9ddeeb!important}.commercial .complete h2{font-size:clamp(31px,3.4vw,49px)}.commercial .complete-intro{font-size:20px;line-height:1.55;margin-top:25px}.commercial .complete-list h3{font-size:22px}.commercial .complete-list p,.commercial .complete-foot{color:#c5d8df!important}.commercial .complete-grid{gap:70px}.commercial .complete-list>div{padding-block:21px;border-color:#45616c}
.commercial .operator-panel{border-radius:15px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.commercial .panel-bar{background:#102f40;color:#dceff4!important}.commercial .panel-bar span{color:#dceff4!important}.commercial .panel-tabs button{min-height:44px}.commercial .panel-content h3{font-size:23px}.commercial .panel-status{border-radius:8px}
.commercial .growth{background:var(--surface)}.commercial .growth-path li{padding-block:20px}.commercial .growth-path h3{font-size:22px}.commercial .growth-path p{font-size:14px}.commercial .compact-method{align-items:start}.commercial .compact-plan{background:var(--accent-soft)!important;border-block:1px solid var(--line)}
.commercial .page-hero,.commercial .pf-hero{padding-block:48px 54px}.commercial .page-hero h1,.commercial .pf-hero h1{font-size:clamp(43px,5.1vw,74px);max-width:22ch;margin-block:19px 25px}.commercial .page-hero.split{gap:56px;align-items:center}.commercial .page-hero .portrait{height:420px;border-radius:20px;overflow:hidden}.commercial .page-hero .portrait img{height:100%;object-fit:cover}.commercial .photo-caption{font-size:10px;border-radius:5px}
.commercial .crumb,.commercial .pf-crumb{padding-top:25px;display:flex;flex-wrap:wrap;gap:9px 14px;font-size:12px;line-height:1.5}.commercial .crumb a,.commercial .pf-crumb a{color:var(--accent)}.commercial .pf-local-nav{padding-top:20px;gap:7px}.commercial .pf-local-nav a{border-radius:7px;font-size:12px;padding:9px 13px}
.commercial .idea-hero h1{font-size:clamp(76px,9vw,126px);letter-spacing:-.065em}.commercial .idea-hero .real-media{background:#f4f6f5}.commercial .idea-hero .real-media img{max-height:430px}.commercial .idea-endorsement strong{font-size:16px}.commercial .idea-proof{border:1px solid var(--line);border-radius:16px}.commercial .idea-proof strong{font-size:clamp(40px,5.5vw,76px)}.commercial .idea-proof>div:last-child strong{font-size:clamp(30px,4vw,49px)}.commercial .idea-proof>div{padding:32px}.commercial .pf-spec{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.commercial .pf-spec>div{grid-template-columns:minmax(110px,1fr) 1.3fr;gap:20px;font-size:15px;padding:19px 0}.commercial .idea-power{border-radius:14px}.commercial .installation-copy{padding:18px 12px;display:flex;flex-direction:column;gap:22px;align-items:start}.commercial .installation-copy h3{font-size:32px}.commercial .installation-copy p{font-size:17px;color:var(--muted)}
.concept-visual{margin:0;min-width:0;width:100%;align-self:center}.concept-visual img{display:block;width:100%;height:auto;border-radius:14px}.concept-visual figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;padding-inline:3px}
.commercial .pf-function-list{border:0;display:grid;gap:18px}.commercial .pf-function-list .software-detail{padding:28px;gap:36px;border:1px solid var(--line);border-radius:16px;background:var(--surface);grid-template-columns:1.1fr 1fr;align-items:center}.commercial .software-detail h3{font-size:27px;margin-bottom:16px}.commercial .software-detail p{font-size:15px;line-height:1.7;margin-bottom:14px}.commercial .software-detail .concept-visual{max-width:560px}.commercial .pf-section>h2{max-width:27ch}.commercial .pf-selection{border-radius:14px;border:1px solid var(--line);padding:30px}
.commercial .outcomes{gap:20px}.commercial .outcome{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.commercial .outcome h3{font-size:25px}.commercial .outcome p{font-size:15px}.commercial .row{padding-block:24px}.commercial .row h3{font-size:23px}.commercial .row p{font-size:16px}.commercial .tech-card,.commercial .diagram,.commercial .plan-panel{border-radius:14px}.commercial .diagram-step{border-radius:9px}.commercial .safety-tool{gap:48px;align-items:center}.commercial .safety-tool h3{font-size:30px}.commercial .safety-case{gap:50px}.commercial .safety-case h3{font-size:23px}.commercial .safety-section .micro-note{border-left:3px solid var(--accent);padding-left:18px;font-size:13px;line-height:1.7}
.commercial .e-case-card{border-radius:16px;box-shadow:var(--shadow)}.commercial .e-case-photo img{height:210px}.commercial .e-case-body{padding:25px}.commercial .e-case-body h3{font-size:26px;line-height:1.2}.commercial .e-case-body .label{font-size:10px}.commercial .e-case-body p{font-size:14px}.commercial .e-case-photo figcaption{font-size:9px;border-radius:5px}.commercial .case-intro h1{font-size:clamp(42px,5.1vw,74px);max-width:21ch}.commercial .case-intro>p:not(.label){font-size:20px}.commercial .case-banner .e-case-photo{border-radius:16px;overflow:hidden}.commercial .case-banner .e-case-photo img{height:330px}.commercial .case-content{gap:60px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.commercial .case-content h2{font-size:29px}.commercial .case-content p{font-size:16px;line-height:1.8}.commercial .case-aside,.commercial .case-proof{border-radius:14px}.commercial .case-aside{position:sticky;top:114px}.commercial .case-aside h2,.commercial .case-proof h2{font-size:22px}.commercial .case-aside p,.commercial .case-proof p{font-size:14px}
.commercial .direct-contact{background:var(--accent-soft);border:1px solid var(--line);padding:27px;border-radius:15px;margin-bottom:20px}.commercial .direct-contact h2{font-size:27px}.commercial .direct-contact p{font-size:15px}.commercial .direct-contact .actions{gap:6px 22px}.commercial .contact-form{border-radius:15px}.commercial :is(select,textarea,input){border-radius:8px;max-width:100%}.commercial .contact-form label{font-size:15px;font-weight:600}.commercial .contact-form textarea{min-height:160px}.commercial .micro-note{font-size:13px;line-height:1.7}.commercial .summary-box{border-radius:14px}.commercial [data-email-summary]{margin-top:18px}
.commercial .footer{background:var(--surface)!important;border-top:1px solid var(--line);padding-top:46px}.commercial .footer-grid{gap:50px;padding-bottom:30px}.commercial .footer-grid p{font-size:14px}.commercial .footer-grid a{font-size:13px;line-height:1.55;min-height:37px;display:flex;align-items:center}.commercial .footer-grid .brand{margin-bottom:15px}.commercial .footer-note{padding-block:20px;font-size:10px;letter-spacing:.05em}.commercial [data-company-details]{display:grid;grid-template-columns:1.8fr 1fr;gap:30px;padding-bottom:26px}.commercial [data-company-details] p{font-size:11px;line-height:1.9;color:var(--muted)!important}.commercial [data-company-details] a{font-size:12px}.commercial [data-company-details]>p:last-child{display:flex;gap:10px;align-items:start;justify-content:flex-end;flex-wrap:wrap}.commercial .closing{gap:28px}.commercial .closing h2{max-width:25ch}
@media(max-width:1150px){.commercial .header-row{gap:15px}.commercial .main-nav{gap:11px;font-size:12px}.commercial .brand b{font-size:12px}.commercial .hero-paths{padding:25px}.commercial .hero-paths .entry h2{font-size:22px}.commercial .hero-grid{gap:35px}.commercial .routes{gap:14px}.commercial .route{padding:22px}.commercial .case-content{gap:35px}}
@media(max-width:1024px){.commercial .main-nav{display:none}.commercial .mobile-menu{display:block;align-self:center}.commercial .mobile-menu summary{min-height:44px;min-width:58px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px}.commercial .mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 18px 30px #09263312;z-index:70;padding:12px var(--pad) 20px;max-height:calc(100dvh - 110px);overflow:auto}.commercial .mobile-menu nav a{display:block;min-height:44px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.commercial .mobile-menu nav a.mobile-platform-child{padding-left:18px;font-size:14px}.commercial .settings{margin-left:auto}.commercial .routes{grid-template-columns:1fr}.commercial .route{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:28px}.commercial .route .evidence{margin:0;grid-column:2;grid-row:1/4}.commercial .route .related{grid-column:1/-1}.commercial .complete-grid{gap:35px}.commercial .pf-three{grid-template-columns:1fr 1fr}.commercial .hero h1{font-size:clamp(44px,5.5vw,58px)}.commercial .pf-spec{grid-template-columns:1fr}.commercial .page-hero.split{gap:30px}.commercial .pf-function-list .software-detail{gap:24px}.commercial .case-aside{position:static}}
@media(max-width:800px){.commercial .hero{padding-top:36px}.commercial .hero-grid{grid-template-columns:1fr;gap:28px}.commercial .hero h1{font-size:clamp(44px,7.8vw,64px);max-width:18ch}.commercial .hero-intro{max-width:58ch}.commercial .hero-paths .entry h2{font-size:24px}.commercial .hero-signature{align-items:start;flex-direction:column;gap:10px}.commercial .ecosystem-band .concept-visual img{height:auto;max-height:220px}.commercial .pf-two,.commercial .pf-three,.commercial .pf-function-list .software-detail,.commercial .safety-tool,.commercial .safety-case,.commercial .case-content{grid-template-columns:1fr}.commercial .software-detail .concept-visual{max-width:100%}.commercial .concept-visual img{max-height:235px;object-fit:contain;background:#0c2733}.commercial .page-hero.split{grid-template-columns:1fr}.commercial .idea-hero{grid-template-columns:1fr}.commercial .idea-hero .real-media{max-width:600px;width:100%;justify-self:center}.commercial .platform-home .real-media img{max-height:300px}.commercial .complete-grid{grid-template-columns:1fr}.commercial .section-top{grid-template-columns:1fr;gap:20px}.commercial .people-grid{grid-template-columns:1fr}.commercial .outcomes{grid-template-columns:1fr}.commercial .footer-grid{gap:25px}.commercial [data-company-details]{grid-template-columns:1fr;gap:10px}.commercial [data-company-details]>p:last-child{justify-content:flex-start}.commercial .pf-local-nav{gap:6px}.commercial .pf-local-nav a{font-size:11px}.commercial .safety-tool>.real-media{max-width:600px;justify-self:center}.commercial .case-banner .e-case-photo img{height:280px}.commercial .case-content{gap:24px}.commercial .pf-function-list .software-detail{padding:24px}}
@media(max-width:600px){:root{--pad:22px;--gutter:22px}.commercial .header-row{display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding-block:12px;min-height:0}.commercial .brand{grid-column:1;grid-row:1}.commercial .brand b{font-size:13px}.commercial .brand img{width:35px;height:33px}.commercial .mobile-menu{grid-column:2;grid-row:1;margin:0}.commercial .settings{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:space-between}.commercial .settings button,.commercial .settings a{min-height:34px;min-width:42px;padding:6px 10px}.commercial .mobile-menu nav{max-height:calc(100dvh - 136px)}html{scroll-padding-top:142px}.commercial .hero{padding-top:32px}.commercial .hero h1{font-size:clamp(42px,10.5vw,57px);margin-block:20px}.commercial .hero h1 em{font-size:.8em}.commercial .hero-intro{font-size:17px}.commercial .hero .button{width:100%}.commercial .hero-paths{padding:22px;border-radius:16px}.commercial .hero-paths .entry h2{font-size:22px}.commercial .hero-paths .entry{padding:20px 0}.commercial .hero-paths .hero-choice-title{gap:12px}.commercial .hero-choice-title .eyebrow{font-size:9px}.commercial .industrial-proof{font-size:11px;align-items:start}.commercial .proof-dot{margin-top:5px}.commercial .hero-signature b{font-size:15px}.ecosystem-band{padding-inline:22px}.commercial .section,.commercial.home-compressed .section{padding-block:46px}.commercial .section-top h2{font-size:33px}.commercial .route{display:flex;flex-direction:column;padding:23px}.commercial .route .evidence{margin-top:18px}.commercial .route h3{font-size:28px}.commercial .route .related{display:grid;gap:8px}.commercial .pf-card,.commercial .platform-home .pf-card{padding:22px}.commercial .platform-home .pf-card:first-child h3{font-size:40px}.commercial .complete h2{font-size:34px}.commercial .complete-intro{font-size:18px}.commercial .complete-list h3{font-size:21px}.commercial .idea-flow{grid-template-columns:1fr}.commercial .idea-flow li{padding:18px;border-right:0}.commercial .idea-proof{grid-template-columns:1fr}.commercial .idea-proof>div{padding:25px}.commercial .pf-hero,.commercial .page-hero{padding-block:30px 40px}.commercial .page-hero h1,.commercial .pf-hero h1,.commercial .case-intro h1{font-size:clamp(39px,10vw,54px)}.commercial .idea-hero h1{font-size:85px}.commercial .pf-local-nav a{min-height:42px;flex:1 1 calc(50% - 6px);text-align:center;display:flex;align-items:center;justify-content:center}.commercial .page-hero .portrait{height:280px}.commercial .footer-grid{grid-template-columns:1fr;gap:24px}.commercial .footer-grid>div:first-child{grid-column:auto}.commercial .footer-grid a{min-height:42px}.commercial .footer-grid{padding-bottom:15px}.commercial .footer-note{flex-direction:column;gap:10px}.commercial .contact-form,.commercial .direct-contact{padding:23px}.commercial .contact-layout{gap:32px}.commercial .e-case-photo img{height:220px}.commercial .e-case-body h3{font-size:26px}.commercial .case-content h2{font-size:26px}.commercial .case-aside{padding:25px}.commercial .pf-spec>div{grid-template-columns:1fr 1.15fr;gap:15px;font-size:14px}.commercial .concept-visual figcaption{font-size:11px}.commercial .closing .button,.commercial .closing .btn{width:100%}.commercial .safety-tool{gap:25px}.commercial .pf-function-list .software-detail{padding:21px;gap:20px}.commercial .panel-tabs{gap:5px}.commercial .panel-tabs button{font-size:11px}.commercial .panel-bar{font-size:9px}.commercial .plan-panel{padding:25px}.commercial .tech-grid{grid-template-columns:1fr}.commercial .crumb,.commercial .pf-crumb{font-size:11px}.commercial .case-intro{padding-top:35px}}
@media(max-width:360px){.commercial .hero h1{font-size:40px}.commercial .hero-paths{padding:18px}.commercial .hero-paths .entry h2{font-size:20px}.commercial .settings button,.commercial .settings a{padding-inline:7px;min-width:37px}.commercial .brand b{font-size:12px}.commercial .header-row{column-gap:9px}.commercial :is(.button,.btn){gap:12px;padding-inline:17px;max-width:100%;overflow-wrap:anywhere}.commercial .hero-signature b{font-size:14px}.commercial .pf-hero h1,.commercial .page-hero h1,.commercial .case-intro h1{font-size:37px}.commercial .idea-hero h1{font-size:76px}.commercial .direct-contact .text-link{font-size:13px}.commercial .panel-tabs{flex-wrap:wrap}.commercial .panel-tabs button{padding:8px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.commercial *, .commercial *::before,.commercial *::after{transition:none!important;animation:none!important}}
/* Mobile concept sources use a legible vertical flow rather than shrinking labels. */
@media(max-width:600px){.commercial .concept-visual img,.commercial .ecosystem-band .concept-visual img{max-height:none;height:auto;object-fit:contain}}
.commercial .idea-hero .real-media .real-enlarge{color:#006f89}
.commercial .idea-hero .real-media figcaption{color:#485e69}

/* Mobile/tablet refinement: shared pages, comfortable touch and text reflow. */
@media (max-width:1024px), (pointer:coarse) {
 .commercial a,.commercial button,.commercial summary,.commercial select,.commercial input{min-width:44px;min-height:44px}
 .commercial a{display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
 .commercial .settings a,.commercial .settings button{min-width:44px;min-height:44px;font-size:12px;padding:8px}
 .commercial .settings-group{gap:4px}
 .commercial .text-link,.commercial .related a,.commercial .entry-proof a,.commercial .industrial-proof{min-height:44px;padding-block:10px}
 .commercial .entry-proof a{display:flex}
 .commercial .related{display:flex;flex-wrap:wrap;gap:6px 16px}
 .commercial .crumb,.commercial .pf-crumb{align-items:center;padding-top:12px;gap:4px 10px;font-size:13px}
 .commercial .crumb a,.commercial .pf-crumb a{padding:8px 0;min-width:44px}
 .commercial .pf-local-nav a{min-height:48px;font-size:13px;white-space:normal}
 html[data-theme] .commercial .footer-grid a{min-height:44px!important;padding-block:8px!important}
 .commercial [data-company-details] a{min-height:44px;font-size:13px;padding-block:8px}
 .commercial .footer-note{font-size:12px;line-height:1.6}
 .commercial [data-company-details] p{font-size:13px;line-height:1.8}
 .commercial .contact-form :is(select,textarea,input){font-size:16px;line-height:1.5;padding:12px;min-height:48px}
 .commercial :is(h1,h2,h3,h4,p,a,button,summary,dt,dd){overflow-wrap:anywhere}
 .commercial :is(.actions,.settings,.panel-tabs,.pf-local-nav){flex-wrap:wrap}
 .commercial :is(.header-row,.actions,.row,.pf-spec>div,.pf-local-nav,.footer-grid,.diagram-step)>*{min-width:0}
 .commercial .real-media>a{display:block;width:100%}
 .commercial .real-media figcaption,.commercial .concept-visual figcaption,.commercial .micro-note{font-size:13px;line-height:1.65}
 .commercial .real-enlarge{font-size:13px;min-height:44px;display:flex;align-items:center;padding-block:8px}
 .commercial .panel-tabs{gap:8px}
 .commercial .panel-tabs button{min-width:44px;min-height:48px;padding:10px 14px;font-size:13px;white-space:normal}
 .commercial .mobile-menu nav{padding-bottom:24px;overscroll-behavior:contain}
 .commercial .mobile-menu nav a{display:flex;min-height:48px;padding:12px 4px;line-height:1.5}
 .commercial .mobile-menu nav a.mobile-platform-child{padding-left:20px;border-left:2px solid var(--line);margin-left:6px}
 .commercial .e-case-photo{display:block}
 .commercial .photo-caption,.commercial .e-case-photo figcaption{font-size:12px;line-height:1.5}
}
@media(min-width:601px) and (max-width:1024px){
 .commercial .header-row{min-height:76px;gap:12px;padding-block:10px}
 .commercial .page-hero.split,.commercial .idea-hero,.commercial .hero-grid{grid-template-columns:1fr;gap:30px}
 .commercial .hero h1{max-width:18ch;font-size:clamp(46px,6.6vw,62px)}
 .commercial .hero-intro{max-width:58ch}
 .commercial .hero-paths{padding:28px}
 .commercial .page-hero .portrait{max-width:640px;width:100%;height:340px;justify-self:center}
 .commercial .page-hero .real-media{max-width:640px;width:100%;justify-self:center}
 .commercial .outcomes,.commercial .pf-three,.commercial .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commercial .pf-function-list .software-detail{grid-template-columns:1fr;gap:24px}
 .commercial .software-detail .concept-visual{max-width:100%}
 .commercial .pf-two,.commercial .people-grid,.commercial .complete-grid,.commercial .contact-layout,.commercial .case-content,.commercial .safety-tool,.commercial .safety-case{grid-template-columns:1fr}
 .commercial .pf-selection{padding:26px}
}
@media(max-width:600px){
 :root{--pad:20px;--gutter:20px}
 html{scroll-padding-top:16px}
 .commercial .header{position:relative;top:auto}
 .commercial .header-row{padding-block:8px;gap:6px 12px}
 .commercial .brand{min-height:44px;max-width:100%}
 .commercial .brand b{font-size:12px;letter-spacing:.07em}
 .commercial .settings{gap:8px}
 .commercial .settings-group{padding:2px;gap:4px}
 .commercial .mobile-menu nav{max-height:calc(100dvh - 138px);max-height:calc(100svh - 138px)}
 .commercial .hero{padding-top:24px}
 .commercial .hero h1{font-size:clamp(35px,9.2vw,43px);line-height:1.08;margin-block:16px 20px}
 .commercial .hero-intro{font-size:17px;line-height:1.65}
 .commercial .hero .actions{margin-top:22px}
 .commercial .page-hero h1,.commercial .pf-hero h1,.commercial .case-intro h1{font-size:clamp(34px,9vw,42px);line-height:1.1}
 .commercial .idea-hero h1{font-size:64px}
 .commercial .hero h1 em{font-size:1em}
 .commercial .hero-paths{padding:20px}
 .commercial .hero-paths .entry{padding-block:18px}
 .commercial .hero-paths .entry h2{font-size:22px}
 .commercial .section,.commercial.home-compressed .section{padding-block:36px}
 .commercial .page-hero,.commercial .pf-hero{padding-block:24px 32px}
 .commercial .actions{gap:10px 16px}
 .commercial .actions>.btn,.commercial .actions>.button{width:100%;justify-content:space-between}
 .commercial .pf-card,.commercial .platform-home .pf-card,.commercial .route,.commercial .outcome,.commercial .contact-form,.commercial .direct-contact{padding:20px}
 .commercial .pf-local-nav{padding-top:10px;gap:8px}
 .commercial .pf-local-nav a{flex:1 1 calc(50% - 8px);padding:10px;font-size:13px}
 .commercial .pf-spec>div{grid-template-columns:1fr;gap:8px;padding-block:18px;font-size:16px}
 .commercial .pf-spec dt{font-weight:650}
 .commercial .real-media{padding:8px}
 .commercial .real-media img{width:100%;height:auto;object-fit:contain}
 .commercial .platform-home .real-media img{max-height:none}
 .commercial .footer{padding-top:32px}
 .commercial [data-company-details]>p:last-child{gap:8px 16px}
 .commercial .closing{align-items:stretch}
 .commercial .diagram{padding:20px}
 .commercial .diagram-step{padding:20px}
 .commercial .case-intro>p:not(.label){font-size:18px}
}
@media(max-height:600px) and (max-width:1024px){
 html{scroll-padding-top:16px}
 .commercial .header{position:relative;top:auto}
 .commercial .mobile-menu nav{max-height:none;position:static;box-shadow:none;border:0;padding-inline:0;overflow:visible}
 .commercial .header-row:has(.mobile-menu[open]){flex-wrap:wrap}
 .commercial .mobile-menu[open]{width:100%;grid-column:1/-1;grid-row:3}
 .commercial .mobile-menu[open] summary{width:88px;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .commercial *, .commercial *::before,.commercial *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .commercial :is(.button,.btn):hover{transform:none}
}

/* Contact and legal additions; shared responsive components. */
.legal-page .section{padding-block:32px}.legal-copy{max-width:76ch}.legal-copy p{max-width:76ch}.legal-draft{padding:16px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:15px}.form-feedback:empty{display:none}.form-feedback{padding:12px;border:2px solid var(--accent);border-radius:8px;font-size:16px}.form-honeypot[hidden]{display:none!important}.contact-form .micro-note a,.legal-copy a{display:inline;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.contact-form .micro-note a,.legal-copy a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;max-width:100%}.legal-page h1{overflow-wrap:anywhere}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}