/* NetWelop Homepage — consolidated desktop stylesheet v7.2 */
html,body,button,input,select,textarea{font-family:var(--font-latin)}
body{font-synthesis-weight:none;font-synthesis-style:none}

:root{--nw-deep:#081d23;--nw-jewel:#123f4b;--nw-paper:#fafcfd;--nw-muted:#aec5ca;--nw-cyan:#7bc8d5;--nw-cyan-dark:#006879;--nw-gold:#c7b58a;--nw-gold-print:#88744c;--nw-line:#35565d;--nw-shadow:0 34px 90px rgb(5 24 29 / 22%)}
.systems *,.capabilities *,.proof *,.process *,.products *,.insights *,.start-project *,.site-footer *{box-sizing:border-box}
.systems button,.capabilities button,.proof button,.process button,.products button,.insights button,.start-project button,.start-project input,.start-project select,.start-project textarea{font:inherit}
.proof-shell:before,.products-shell:before,.start-shell:before{opacity:.34}.process-shell:before,.insights-shell:before{display:none}


/* ===== systems.css ===== */
.systems{--s-deep:#081d23;--s-petrol:#10343d;--s-petrol-2:#123f4b;--s-porcelain:#fafcfd;--s-muted:#aec5ca;--s-cyan:#7bc8d5;--s-gold:#c7b58a;--s-line:#35565d;--s-gutter:clamp(40px,5vw,96px);position:relative;background:var(--s-deep);color:var(--s-porcelain);font-family:var(--font-latin)}.systems.is-waiting{display:none}.systems-stage{position:relative;padding:56px var(--s-gutter);overflow:hidden;isolation:isolate}.systems.is-motion{height:calc(100vh + 920vh)}.is-motion .systems-stage{position:sticky;top:0;height:100vh;min-height:650px;padding:0}.systems button{font:inherit;cursor:pointer}.systems button:focus-visible{outline:2px solid var(--s-cyan);outline-offset:5px}.systems button:disabled{cursor:wait}.systems-header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:8}.is-motion .systems-header{position:absolute;inset:5.2vh var(--s-gutter) auto}.systems-eyebrow,.systems-system-label,.systems-overline{font-size:12px;line-height:1.5;letter-spacing:.14em;font-weight:400;margin:0}.systems-eyebrow span{color:var(--s-muted);margin-left:14px;letter-spacing:.09em}.systems-view{color:var(--s-muted);border:0;background:none;padding:10px 0 10px 16px;font-size:13px!important;min-height:44px;text-underline-offset:5px}.systems-view:hover{color:var(--s-porcelain);text-decoration:underline}.systems-intro{padding:90px 0}.is-motion .systems-intro{position:absolute;inset:22vh var(--s-gutter) auto;padding:0}.systems-overline{color:var(--s-muted);margin-bottom:26px}.systems h2,.systems h3{font-family:var(--font-latin);font-weight:700;letter-spacing:-.045em}.systems h2{font-size:clamp(58px,6.2vw,104px);line-height:1.04;margin:0}.systems em{color:var(--s-gold);font-style:normal}.systems-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:34px}.systems-intro-bottom p{font-size:clamp(16px,1.35vw,21px);line-height:1.6;color:var(--s-muted);margin:0}.systems-intro-bottom .systems-scroll-note{text-align:right;font-size:13px;line-height:1.8}.systems-intro-spine{height:1px;background:var(--s-line);display:flex;justify-content:space-between;margin-top:9vh}.systems-intro-spine i{height:10px;width:1px;background:var(--s-cyan);transform:translateY(-5px)}
.systems-structure{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.systems-structure span{position:absolute;right:-12%;bottom:12%;width:78%;height:48%;border:1px solid #20434c;transform:skewY(-12deg);transform-origin:center}.systems-structure span:nth-child(2){bottom:7%;right:-17%}.systems-structure span:nth-child(3){bottom:2%;right:-22%}
.systems-panel{display:grid;grid-template-columns:minmax(0,.31fr) minmax(0,.69fr);gap:4.4vw;padding:65px 0;align-items:center}.is-motion .systems-panel{position:absolute;inset:15.5vh var(--s-gutter) 17vh;padding:0;opacity:0;visibility:hidden}.systems-system-label{color:var(--s-muted);margin-bottom:24px}.systems-copy{position:relative;z-index:3}.systems-copy h3{font-size:clamp(42px,4.15vw,76px);line-height:1.05;margin:0 0 24px;max-width:10.5ch;text-wrap:balance}.systems-category{font-size:14px;line-height:1.55;margin:0;color:var(--s-cyan);max-width:36ch}.systems-value{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:var(--s-muted);max-width:31ch;margin:25px 0 28px}.systems-route{display:inline-flex;align-items:center;gap:28px;border:0;border-bottom:1px solid var(--s-cyan);padding:10px 0;min-height:44px;color:var(--s-porcelain);background:none;font-size:15px!important;text-align:left;transition:color 180ms ease}.systems-route:hover{color:var(--s-cyan)}.systems-route span{color:var(--s-cyan);font-size:20px}.systems-route-label{display:block;margin-top:10px;font-size:11px;color:var(--s-muted)}
.systems-figure{margin:0;min-width:0;perspective:1400px;transform-style:preserve-3d}.systems-visual-header{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #3c6169;padding-top:12px;margin-bottom:10px;color:var(--s-muted);font-size:10px;letter-spacing:.09em;line-height:1.5}.systems-product-stage{position:relative;height:clamp(390px,52vh,590px);overflow:hidden;border:1px solid rgba(123,200,213,.16);background:#0a252c;isolation:isolate}.systems-product-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,200,213,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(123,200,213,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 14%,black 86%,transparent);pointer-events:none}.systems-stage-note{position:absolute;left:18px;bottom:14px;margin:0;color:var(--s-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;z-index:6}.systems-svg-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.systems-svg-layer svg{display:block;width:100%;height:100%;overflow:visible}.systems-svg-layer svg text{font-family:var(--font-latin)}.systems-loading{font-size:13px;line-height:1.6;color:var(--s-muted);max-width:34ch}.systems-figure figcaption{border-top:1px solid var(--s-line);padding-top:15px;margin-top:5px}.systems-figure figcaption strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.015em}.systems-figure figcaption>span{display:block;font-size:12px;line-height:1.6;margin-top:8px;color:var(--s-muted);max-width:70ch}
/* ERP: conceptual workstation + existing architecture diagram. */
.stage-erp{background:#09242b}.erp-device{position:absolute;left:25%;top:14%;width:62%;height:66%;z-index:3;transform-style:preserve-3d}.erp-device-screen{position:absolute;inset:0 6% 13%;border:1px solid #527b85;border-radius:14px;background:#0b2027;box-shadow:0 28px 70px rgba(0,0,0,.34);overflow:hidden}.erp-device-screen:after{content:"";position:absolute;inset:0;border:1px solid rgba(250,252,253,.05);pointer-events:none}.erp-device-base{position:absolute;left:0;right:0;bottom:0;height:13%;clip-path:polygon(8% 0,92% 0,100% 68%,64% 100%,36% 100%,0 68%);background:#153a43;border-top:1px solid #7bc8d5}.erp-ui-top{height:12%;display:flex;align-items:center;gap:8px;border-bottom:1px solid #244952;padding:0 14px;color:#aec5ca;font-size:9px;letter-spacing:.13em}.erp-ui-top span{margin-right:auto}.erp-ui-top i{width:5px;height:5px;border-radius:50%;background:#456971}.erp-ui-body{height:88%;display:grid;grid-template-columns:18% 1fr}.erp-ui-sidebar{border-right:1px solid #244952;padding:14px 9px;display:flex;flex-direction:column;gap:9px}.erp-ui-sidebar span{height:5px;background:#31545c}.erp-ui-sidebar span:nth-child(2){width:76%}.erp-ui-sidebar span:nth-child(3){width:88%}.erp-ui-sidebar span:nth-child(4){width:64%}.erp-ui-main{padding:14px;display:grid;grid-template-rows:25% 43% 1fr;gap:11px}.erp-ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.erp-ui-cards b{display:block;border:1px solid #31545c;background:#10343d}.erp-ui-chart{display:flex;align-items:end;gap:5%;padding:10px 12px;border:1px solid #274b54}.erp-ui-chart i{display:block;flex:1;background:#7bc8d5;opacity:.78;height:25%}.erp-ui-chart i:nth-child(2){height:44%}.erp-ui-chart i:nth-child(3){height:62%}.erp-ui-chart i:nth-child(4){height:53%}.erp-ui-chart i:nth-child(5){height:78%;background:#c7b58a}.erp-ui-chart i:nth-child(6){height:69%}.erp-ui-table{display:grid;gap:6px}.erp-ui-table span{display:block;height:4px;background:#2e5159}.erp-ui-table span:nth-child(2){width:82%}.erp-ui-table span:nth-child(3){width:61%}.systems-svg-layer--erp{inset:-5% 35% 0 -11%;z-index:2;opacity:.86;mix-blend-mode:screen}.systems-svg-layer--erp svg{width:72%;height:72%;margin:auto 0 0 0}
/* SyncPad: a human-context composition without pretending to be a real photograph. */
.stage-syncpad{background:#09252c}.sync-human-concept{position:absolute;left:5%;bottom:0;width:35%;height:92%;z-index:2}.sync-person-head{position:absolute;width:74px;height:82px;border-radius:48% 52% 46% 54%;left:42%;top:8%;background:#d9dee0;border:1px solid rgba(255,255,255,.5)}.sync-person-body{position:absolute;width:62%;height:60%;left:24%;bottom:-7%;border-radius:46% 46% 10% 10%;background:#153f49;clip-path:polygon(16% 0,83% 0,100% 100%,0 100%)}.sync-person-arm{position:absolute;width:36%;height:13%;left:53%;top:48%;border-radius:999px;background:#c9d0d2;transform:rotate(-22deg);transform-origin:left center}.sync-phone{position:absolute;left:77%;top:39%;width:42px;height:80px;border-radius:8px;border:2px solid #7bc8d5;background:#081d23;padding:13px 7px;display:flex;flex-direction:column;gap:7px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.sync-phone span{display:block;height:4px;background:#aec5ca}.sync-phone span:nth-child(2){width:72%}.sync-phone span:nth-child(3){width:48%;background:#c7b58a}.sync-human-caption{position:absolute;left:9%;bottom:8%;font-size:9px;letter-spacing:.14em;color:#aec5ca}.systems-svg-layer--syncpad{left:28%;right:-3%;top:4%;bottom:2%;z-index:3}.systems-svg-layer--syncpad svg{width:92%;height:92%}.sync-signal-label{position:absolute;right:4%;top:12%;display:flex;gap:10px;z-index:5}.sync-signal-label span{border:1px solid #35565d;background:#0b2c34;color:#aec5ca;font-size:9px;letter-spacing:.12em;padding:7px 9px}
/* Custom software: app shell + workflow diagram become one composition. */
.stage-custom{background:#09252c}.custom-app-shell{position:absolute;left:10%;right:5%;top:11%;bottom:9%;border:1px solid #527b85;background:#0b2931;box-shadow:0 26px 70px rgba(0,0,0,.27);z-index:2}.custom-app-bar{height:11%;border-bottom:1px solid #31545c;display:flex;align-items:center;padding:0 14px;gap:8px}.custom-app-bar span{display:block;width:21%;height:5px;background:#35565d;margin-right:auto}.custom-app-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#527b85}.custom-app-body{height:89%;display:grid;grid-template-columns:17% 1fr}.custom-app-body aside{border-right:1px solid #31545c;padding:15px 11px;display:flex;flex-direction:column;gap:10px}.custom-app-body aside span{height:5px;background:#2f535b}.custom-app-body main{padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.custom-app-body main b{border:1px solid #2f535b;background:#10343d}.systems-svg-layer--custom{inset:3% 0 -1% 13%;z-index:4}.systems-svg-layer--custom svg{width:88%;height:88%}
/* Web evidence: visibly privileged over concept stages. */
.stage-web{height:clamp(420px,56vh,620px);background:#071b21;border-color:rgba(199,181,138,.28)}.systems-browser{position:absolute;inset:0 0 auto;height:37px;background:#0d2a32;border-bottom:1px solid #35565d;z-index:5}.systems-browser-bar{height:100%;display:flex;align-items:center;gap:7px;padding:0 12px}.systems-browser-bar span{width:7px;height:7px;border-radius:50%;background:#456971}.systems-browser-bar b{margin-left:12px;font-size:9px;letter-spacing:.1em;color:#aec5ca;font-weight:400}.systems-web-window{position:absolute;inset:37px 0 0;overflow:hidden;background:#10343d}.systems-web-image{width:100%;height:auto;display:block;visibility:hidden}.systems-web-window.is-loaded .systems-web-image{visibility:visible}.systems-web-window .systems-loading{position:absolute;top:42%;left:8%}.systems-web-window.is-loaded .systems-loading{display:none}.web-evidence-badge{position:absolute;right:14px;bottom:14px;z-index:7;color:#081d23;background:#c7b58a;padding:8px 10px;font-size:9px;letter-spacing:.12em}.systems-inspect{background:none;border:0;color:var(--s-cyan);padding:10px 0 0;min-height:40px;font-size:12px!important}.systems-inspect:hover{text-decoration:underline;text-underline-offset:4px}
/* AI: workflow rail framed as a system surface. */
.stage-ai{background:#09252c}.ai-app-shell{position:absolute;left:7%;right:7%;top:10%;bottom:10%;border:1px solid #466b74;background:#0a2830;z-index:2}.ai-app-title{height:12%;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #2c515a;color:#aec5ca;font-size:9px;letter-spacing:.13em}.ai-app-title i{margin-left:auto;width:62px;height:4px;background:#35565d}.ai-app-rail{position:absolute;left:9%;right:9%;bottom:8%;display:flex;justify-content:space-between;color:#7bc8d5;font-size:8px;letter-spacing:.12em}.systems-svg-layer--ai{inset:8% 2% 4%;z-index:4}.systems-svg-layer--ai svg{width:94%;height:94%}
.systems-outro{padding:100px 0}.is-motion .systems-outro{position:absolute;inset:27vh var(--s-gutter) auto;padding:0;opacity:0;visibility:hidden}.systems-outro h3{font-size:clamp(52px,5.8vw,92px);line-height:1.08;margin:0}.systems-outro>p:last-child{color:var(--s-muted);font-size:15px;line-height:1.7;margin:26px 0 0}.systems-bottom{margin-top:40px;position:relative;z-index:9}.is-motion .systems-bottom{position:absolute;inset:auto var(--s-gutter) 3.5vh;margin:0}.systems-index{display:flex;border-top:1px solid var(--s-line);gap:26px;justify-content:space-between}.systems-index button{display:flex;align-items:center;gap:10px;color:var(--s-muted);background:transparent;border:0;border-top:2px solid transparent;padding:17px 0 12px;font-size:13px;min-height:48px}.systems-index button span{color:var(--s-muted);font-size:10px}.systems-index button:hover,.systems-index button[aria-current="step"]{color:var(--s-porcelain);border-top-color:var(--s-cyan)}.systems-index button[aria-current="step"] span{color:var(--s-cyan)}.systems-notice{min-height:18px;margin:13px 0 0;font-size:11px;line-height:1.6;color:var(--s-muted)}
.systems-dialog{border:1px solid #3c6169;padding:0;width:min(1080px,90vw);max-width:none;height:90vh;max-height:90vh;color:var(--s-porcelain);background:var(--s-deep)}.systems-dialog::backdrop{background:rgb(8 29 35 / 90%)}.systems-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:20px 28px;height:94px;border-bottom:1px solid #3c6169}.systems-dialog-bar h3{font-size:20px;letter-spacing:-.02em;margin:0 0 6px}.systems-dialog-bar p{margin:0;color:var(--s-muted);font-size:12px}.systems-close{background:transparent;border:1px solid #7bc8d5;color:var(--s-porcelain);padding:10px 16px;min-height:44px}.systems-close span{margin-left:18px}.systems-dialog-scroll{height:calc(100% - 94px);overflow:auto;overscroll-behavior:contain;background:var(--s-porcelain)}.systems-dialog-scroll img{display:block;width:100%;height:auto}
@media (max-height:760px) and (min-width:1000px){.is-motion .systems-panel{inset:14vh var(--s-gutter) 17vh}.systems-product-stage{height:clamp(330px,49vh,470px)}.stage-web{height:clamp(360px,52vh,500px)}.systems-copy h3{font-size:clamp(38px,3.7vw,60px)}.systems-value{margin:18px 0 20px}.systems-visual-header{padding-top:8px;margin-bottom:6px}.systems-figure figcaption{padding-top:10px}.systems-figure figcaption>span{margin-top:4px}}
@media (prefers-reduced-motion:reduce){.systems button{transition:none}}

/* ===== capabilities.css ===== */
.capabilities{--c-deep:#081d23;--c-petrol:#123f4b;--c-porcelain:#fafcfd;--c-ink:#171816;--c-muted:#627277;--c-cyan:#006879;--c-cyan-soft:#7bc8d5;--c-gold:#c7b58a;--c-line:#ccd6d7;--c-gutter:clamp(40px,5vw,96px);position:relative;background:var(--c-porcelain);color:var(--c-ink);font-family:var(--font-latin);overflow:hidden}.capabilities button:focus-visible{outline:2px solid var(--c-cyan);outline-offset:5px}.capabilities-shell{position:relative;padding:clamp(84px,10vh,128px) var(--c-gutter) 0}.capabilities-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--c-line) 12%,var(--c-line) 88%,transparent);opacity:.55;pointer-events:none}.capabilities-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:clamp(52px,7vh,82px)}.capabilities-eyebrow,.capabilities-mode,.capabilities-overline{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}.capabilities-eyebrow{font-weight:600}.capabilities-eyebrow span{font-weight:400;color:var(--c-muted);margin-left:12px}.capabilities-mode{color:var(--c-muted)}.capabilities-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);gap:8vw;align-items:end;padding-bottom:clamp(92px,12vh,150px)}.capabilities-overline{color:var(--c-cyan);margin-bottom:22px}.capabilities h2,.capabilities h3{font-family:var(--font-latin);letter-spacing:-.05em}.capabilities h2{font-size:clamp(58px,6vw,102px);line-height:1.02;margin:0;font-weight:700;max-width:12ch}.capabilities em{font-style:normal;color:#88744c}.capabilities-lead{margin:0 0 8px;color:var(--c-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:41ch}.capabilities-list{border-top:1px solid var(--c-line)}.capability-row{position:relative;display:grid;grid-template-columns:minmax(64px,.1fr) minmax(0,.62fr) minmax(260px,.28fr);gap:clamp(28px,4vw,72px);align-items:center;min-height:clamp(255px,31vh,355px);padding:46px 0;border-bottom:1px solid var(--c-line);isolation:isolate}.capability-row:before{content:"";position:absolute;inset:0 calc(var(--c-gutter)*-1);background:var(--c-deep);transform:scaleY(0);transform-origin:bottom;z-index:-2}.capability-row.is-active:before{transform:scaleY(1)}.capability-row.is-active{color:var(--c-porcelain)}.capability-line{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--c-cyan);transform:scaleX(0);transform-origin:left;z-index:2}.capability-number{align-self:start;padding-top:8px;font-size:12px;line-height:1.5;letter-spacing:.16em;color:var(--c-muted);font-variant-numeric:tabular-nums}.capability-row.is-active .capability-number{color:var(--c-cyan-soft)}.capability-main h3{font-size:clamp(38px,3.55vw,66px);line-height:1.04;font-weight:650;margin:0 0 20px;max-width:17ch}.capability-main>p{margin:0;color:var(--c-muted);font-size:clamp(16px,1.15vw,19px);line-height:1.65;max-width:55ch}.capability-row.is-active .capability-main>p{color:#b8cbcf}.capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.capability-tags span{border:1px solid #bac7c9;border-radius:999px;padding:7px 11px;font-size:11px;line-height:1;letter-spacing:.035em;color:var(--c-muted)}.capability-row.is-active .capability-tags span{border-color:#35565d;color:#b8cbcf}.capability-side{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;min-height:160px}.capability-route{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(100%,285px);border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--c-ink);padding:12px 0;cursor:pointer;text-align:left;font-size:14px}.capability-route>span{color:var(--c-cyan);font-size:19px}.capability-route:hover{color:var(--c-cyan)}.capability-row.is-active .capability-route{color:var(--c-porcelain)}.capability-row.is-active .capability-route>span{color:var(--c-cyan-soft)}
.capability-mark{position:relative;width:190px;height:88px;color:var(--c-cyan);opacity:.8}.capability-mark span{position:absolute;display:block;border:1px solid currentColor}.capability-mark--web span:nth-child(1){inset:5px 0 12px 16px}.capability-mark--web span:nth-child(2){inset:18px 14px 0 0}.capability-mark--web span:nth-child(3){width:44px;height:8px;left:31px;top:20px;background:currentColor}.capability-mark--web span:nth-child(4){width:65px;height:1px;right:25px;bottom:26px;background:currentColor;border:0}.capability-mark--software span:nth-child(1),.capability-mark--software span:nth-child(2),.capability-mark--software span:nth-child(3){width:42px;height:42px;top:23px;transform:rotate(45deg)}.capability-mark--software span:nth-child(1){left:8px}.capability-mark--software span:nth-child(2){left:73px}.capability-mark--software span:nth-child(3){right:8px}.capability-mark--software span:nth-child(4){left:35px;right:35px;top:44px;height:1px;background:currentColor;border:0}.capability-mark--ai span:nth-child(1){width:58px;height:58px;left:10px;top:15px;transform:rotate(45deg)}.capability-mark--ai span:nth-child(2){width:58px;height:58px;right:10px;top:15px;border-radius:50%}.capability-mark--ai span:nth-child(3){left:70px;right:70px;top:44px;height:1px;background:currentColor;border:0}.capability-mark--ai span:nth-child(4){width:10px;height:10px;left:90px;top:39px;background:currentColor}.capability-mark--security span:nth-child(1){inset:5px 20px}.capability-mark--security span:nth-child(2){inset:17px 32px}.capability-mark--security span:nth-child(3){inset:29px 44px}.capability-mark--security span:nth-child(4){height:1px;left:3px;right:3px;top:44px;background:currentColor;border:0}.capability-row.is-active .capability-mark{color:var(--c-cyan-soft);opacity:1}.capabilities-handoff{margin:0 calc(var(--c-gutter)*-1);padding:clamp(100px,14vh,170px) var(--c-gutter);background:var(--c-deep);color:var(--c-porcelain);display:grid;grid-template-columns:.34fr .66fr;gap:7vw;align-items:start}.capabilities-handoff>p{margin:10px 0 0;color:var(--c-cyan-soft);font-size:11px;letter-spacing:.16em}.capabilities-handoff h3{font-size:clamp(54px,5.5vw,92px);line-height:1.04;margin:0;font-weight:700}.capabilities-handoff h3 em{color:var(--c-gold)}.capabilities-handoff div>p{font-size:15px;line-height:1.6;color:#aec5ca;margin:30px 0 0}.capabilities-footer{margin:0 calc(var(--c-gutter)*-1);padding:18px var(--c-gutter) 28px;background:var(--c-deep);color:#aec5ca;display:flex;align-items:center;justify-content:space-between;gap:30px}.capabilities-notice{margin:0;font-size:11px;line-height:1.5}.capabilities-progress{width:min(320px,28vw);height:1px;background:#35565d}.capabilities-progress span{display:block;width:100%;height:1px;background:var(--c-cyan-soft);transform:scaleX(0);transform-origin:left}.capabilities.is-motion .capability-row:before{transition:none}.capabilities.is-motion .capability-row{will-change:transform}.capabilities.is-motion .capability-mark{will-change:transform,opacity}@media(max-height:760px) and (min-width:1000px){.capabilities-shell{padding-top:72px}.capabilities-intro{padding-bottom:85px}.capability-row{min-height:245px;padding:36px 0}.capability-main h3{font-size:clamp(36px,3.2vw,54px)}}@media(prefers-reduced-motion:reduce){.capabilities *{scroll-behavior:auto!important}.capability-row:before{transition:none!important}}

/* ===== proof.css ===== */
.proof{--p-deep:#081d23;--p-petrol:#123f4b;--p-porcelain:#fafcfd;--p-muted:#aec5ca;--p-cyan:#7bc8d5;--p-gold:#c7b58a;--p-line:#35565d;--p-gutter:clamp(40px,5vw,96px);position:relative;background:var(--p-deep);color:var(--p-porcelain);font-family:var(--font-latin);overflow:hidden}
.proof button:focus-visible{outline:2px solid var(--p-cyan);outline-offset:5px}
.proof-shell{position:relative;padding:clamp(86px,10vh,132px) var(--p-gutter) 0}
.proof-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--p-line) 12%,var(--p-line) 86%,transparent);opacity:.58;pointer-events:none}
.proof-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:clamp(64px,8vh,100px)}
.proof-eyebrow,.proof-mode,.proof-overline,.proof-number,.proof-records-heading>p,.proof-handoff-kicker{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}
.proof-eyebrow{font-weight:600}.proof-eyebrow span{font-weight:400;color:var(--p-muted);margin-left:12px}.proof-mode{color:var(--p-muted)}
.proof-intro{padding-bottom:clamp(90px,12vh,155px)}.proof-overline{color:var(--p-cyan);margin-bottom:24px}
.proof-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);gap:9vw;align-items:end}
.proof h2,.proof h3,.proof h4{font-family:var(--font-latin);letter-spacing:-.05em}
.proof h2{font-size:clamp(58px,6vw,100px);line-height:1.02;margin:0;font-weight:700;max-width:12ch}.proof em{font-style:normal;color:var(--p-gold)}
.proof-intro-grid>p{margin:0 0 8px;color:var(--p-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:42ch}
.proof-feature{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:clamp(46px,6vw,96px);align-items:start;padding:clamp(72px,9vh,118px) 0;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.proof-number{color:var(--p-cyan);margin-bottom:24px}.proof-feature-copy h3{font-size:clamp(48px,4.9vw,80px);line-height:1;margin:0 0 18px;font-weight:700}.proof-class{margin:0;color:var(--p-cyan);font-size:15px;line-height:1.5}
.proof-ledger{margin:38px 0 34px}.proof-ledger>div{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:19px 0;border-top:1px solid var(--p-line)}.proof-ledger>div:last-child{border-bottom:1px solid var(--p-line)}
.proof-ledger dt{font-size:11px;letter-spacing:.12em;color:var(--p-cyan)}.proof-ledger dd{margin:0;color:var(--p-muted);font-size:14px;line-height:1.65}
.proof-route{display:inline-flex;align-items:center;gap:26px;border:0;border-bottom:1px solid var(--p-cyan);padding:11px 0;min-height:44px;background:none;color:var(--p-porcelain);cursor:pointer;font-size:14px}.proof-route span{font-size:19px;color:var(--p-cyan)}.proof-route:hover{color:var(--p-cyan)}
.proof-route-note{margin:9px 0 0;color:var(--p-muted);font-size:11px}
.proof-visual{margin:0;min-width:0}.proof-visual-top{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--p-line);color:var(--p-muted);font-size:10px;letter-spacing:.1em}
.proof-window{border:1px solid var(--p-line);background:#0c252c;box-shadow:0 28px 70px rgb(0 0 0 / 20%);transform-origin:50% 70%;perspective:1000px}
.proof-browserbar{height:44px;border-bottom:1px solid var(--p-line);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--p-muted);font-size:10px;letter-spacing:.05em}.proof-browserbar i{display:block;width:6px;height:6px;border:1px solid var(--p-cyan);border-radius:50%;opacity:.65}.proof-browserbar span{margin-left:9px}
.proof-image-mask{height:clamp(430px,55vh,650px);overflow:hidden;background:var(--p-porcelain);position:relative}.proof-image-mask img{display:block;width:100%;height:auto;transform:translateY(0)}
.proof-visual figcaption{margin-top:14px;color:var(--p-muted);font-size:11px;line-height:1.6;max-width:70ch}
.proof-records{padding:clamp(100px,13vh,165px) 0}.proof-records-heading{display:grid;grid-template-columns:.28fr .72fr;gap:6vw;align-items:start;padding-bottom:58px}.proof-records-heading>p{color:var(--p-cyan);margin-top:9px}.proof-records-heading h3{font-size:clamp(38px,3.8vw,64px);line-height:1.08;margin:0;font-weight:650;max-width:18ch}
.proof-record{display:grid;grid-template-columns:70px minmax(220px,.28fr) minmax(0,.36fr) minmax(0,.36fr);gap:clamp(26px,4vw,68px);align-items:start;padding:42px 0;border-top:1px solid var(--p-line)}
.proof-record:last-child{border-bottom:1px solid var(--p-line)}.proof-record-number{font-size:11px;letter-spacing:.14em;color:var(--p-cyan);padding-top:8px}.proof-record-main h4{font-size:clamp(30px,2.7vw,48px);line-height:1.06;margin:0 0 10px}.proof-record-class{margin:0;color:var(--p-cyan);font-size:13px;line-height:1.5}.proof-record-summary,.proof-record-boundary{margin:4px 0 0;color:var(--p-muted);font-size:14px;line-height:1.65}.proof-record-boundary{color:#8fa6ab}
.proof-handoff{margin:0 calc(var(--p-gutter)*-1);padding:clamp(100px,14vh,170px) var(--p-gutter);background:var(--p-porcelain);color:#171816;display:grid;grid-template-columns:.34fr .66fr;gap:7vw;align-items:start}
.proof-handoff-kicker{color:#006879;margin-top:11px}.proof-handoff h3{font-size:clamp(54px,5.4vw,90px);line-height:1.04;margin:0;font-weight:700;max-width:13ch}.proof-handoff h3 em{color:#88744c}.proof-handoff div>p{font-size:15px;line-height:1.6;color:#627277;margin:30px 0 0}
.proof-footer{margin:0 calc(var(--p-gutter)*-1);padding:18px var(--p-gutter) 28px;background:var(--p-porcelain);color:#627277;display:flex;align-items:center;justify-content:space-between;gap:30px}.proof-notice{margin:0;font-size:11px;line-height:1.5}.proof-progress{width:min(320px,28vw);height:1px;background:#ccd6d7}.proof-progress span{display:block;width:100%;height:1px;background:#006879;transform:scaleX(0);transform-origin:left}
@media(max-height:760px) and (min-width:1000px){.proof-shell{padding-top:72px}.proof-feature{padding-block:68px}.proof-image-mask{height:430px}.proof-records{padding-block:90px}}
@media(prefers-reduced-motion:reduce){.proof *{scroll-behavior:auto!important}}

/* ===== process.css ===== */
.process{--pr-deep:#081d23;--pr-petrol:#123f4b;--pr-paper:#f7faf9;--pr-ink:#171816;--pr-muted:#607176;--pr-line:#c9d7d9;--pr-cyan:#006879;--pr-focus:#7bc8d5;--pr-gold:#88744c;--pr-gutter:clamp(40px,5vw,96px);position:relative;background:var(--pr-paper);color:var(--pr-ink);font-family:var(--font-latin);overflow:hidden}
.process *{box-sizing:border-box}.process button{font:inherit}.process-shell{position:relative;padding:clamp(90px,11vh,140px) var(--pr-gutter) 0}
.process-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--pr-line) 10%,var(--pr-line) 88%,transparent);opacity:.72;pointer-events:none}
.process-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:clamp(70px,9vh,108px)}
.process-eyebrow,.process-mode,.process-overline,.process-step-meta,.process-principles-kicker,.process-handoff-kicker{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}
.process-eyebrow{font-weight:650}.process-eyebrow span{font-weight:400;color:var(--pr-muted);margin-left:12px}.process-mode{color:var(--pr-muted)}
.process-overline{color:var(--pr-cyan);margin-bottom:24px}
.process-intro{padding-bottom:clamp(104px,13vh,166px)}
.process-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);gap:9vw;align-items:end}
.process h2,.process h3{font-family:var(--font-latin);letter-spacing:-.05em}
.process h2{font-size:clamp(58px,6vw,100px);line-height:1.02;margin:0;font-weight:700;max-width:12ch}.process em{font-style:normal;color:var(--pr-gold)}
.process-intro-grid>p{margin:0 0 8px;color:var(--pr-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:43ch}
.process-rail-wrap{position:relative}.process-rail{position:absolute;left:41px;top:0;bottom:0;width:1px;background:var(--pr-line)}.process-rail span{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--pr-cyan);transform:scaleY(0);transform-origin:top}
.process-steps{position:relative}
.process-step{display:grid;grid-template-columns:84px minmax(0,.47fr) minmax(300px,.35fr);gap:clamp(34px,6vw,92px);align-items:start;padding:clamp(62px,8vh,100px) 0;border-top:1px solid var(--pr-line);position:relative}
.process-step:last-child{border-bottom:1px solid var(--pr-line)}
.process-step-index{position:relative;padding-top:7px}.process-step-index span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--pr-cyan);background:var(--pr-paper);font-size:11px;color:var(--pr-cyan);letter-spacing:.12em;position:relative;z-index:2}
.process-step-meta{color:var(--pr-cyan);margin-bottom:18px}.process-step-copy h3{font-size:clamp(40px,4vw,70px);line-height:1.03;margin:0 0 24px;max-width:11ch}
.process-step-body{margin:0;color:var(--pr-muted);font-size:clamp(16px,1.25vw,20px);line-height:1.65;max-width:40ch}
.process-step-note{border-top:1px solid var(--pr-line);padding-top:17px;margin-top:5px}.process-step-note>span{font-size:10px;letter-spacing:.13em;color:var(--pr-cyan)}.process-step-note p{margin:14px 0 0;color:var(--pr-muted);font-size:14px;line-height:1.7;max-width:36ch}
.process-principles{padding:clamp(100px,13vh,165px) 0}.process-principles-kicker{color:var(--pr-cyan);margin-bottom:40px}
.process-principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--pr-line);border-left:1px solid var(--pr-line)}
.process-principles-grid p{margin:0;padding:34px 36px;border-right:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);font-size:clamp(18px,1.6vw,25px);line-height:1.45;letter-spacing:-.025em}.process-principles-grid span{display:block;color:var(--pr-cyan);font-size:10px;letter-spacing:.13em;margin-bottom:18px}
.process-handoff{margin:0 calc(var(--pr-gutter)*-1);padding:clamp(108px,14vh,176px) var(--pr-gutter);background:var(--pr-deep);color:#fafcfd;display:grid;grid-template-columns:.34fr .66fr;gap:7vw}
.process-handoff-kicker{color:#7bc8d5;margin-top:11px}.process-handoff h3{font-size:clamp(54px,5.4vw,90px);line-height:1.04;margin:0;font-weight:700;max-width:14ch}.process-handoff h3 em{color:#c7b58a}.process-handoff div>p{font-size:15px;line-height:1.6;color:#aec5ca;margin:30px 0 0}
.process-footer{margin:0 calc(var(--pr-gutter)*-1);padding:18px var(--pr-gutter) 28px;background:var(--pr-deep);color:#aec5ca;display:flex;align-items:center;justify-content:space-between;gap:30px}
.process-notice{margin:0;font-size:11px;line-height:1.5}.process-progress{width:min(320px,28vw);height:1px;background:#35565d}.process-progress span{display:block;width:100%;height:1px;background:#7bc8d5;transform:scaleX(0);transform-origin:left}
@media(max-height:760px) and (min-width:1000px){.process-shell{padding-top:76px}.process-step{padding-block:62px}.process-principles{padding-block:92px}}
@media(prefers-reduced-motion:reduce){.process *{scroll-behavior:auto!important}}

/* ===== products.css ===== */
.products{--pd-deep:#081d23;--pd-jewel:#123f4b;--pd-paper:#f8fbfa;--pd-porcelain:#fafcfd;--pd-muted:#aec5ca;--pd-cyan:#7bc8d5;--pd-gold:#c7b58a;--pd-ink:#171816;--pd-line:#35565d;--pd-gutter:clamp(40px,5vw,96px);position:relative;background:var(--pd-deep);color:var(--pd-porcelain);font-family:var(--font-latin);overflow:hidden}
.products button:focus-visible{outline:2px solid var(--pd-cyan);outline-offset:5px}
.products-shell{position:relative;padding:clamp(92px,11vh,145px) var(--pd-gutter) 0}
.products-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--pd-line) 9%,var(--pd-line) 90%,transparent);opacity:.58;pointer-events:none}
.products-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:clamp(70px,9vh,110px)}
.products-eyebrow,.products-mode,.products-overline,.product-index,.products-thesis-kicker,.products-handoff>p{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}
.products-eyebrow{font-weight:650}.products-eyebrow span{font-weight:400;color:var(--pd-muted);margin-left:12px}.products-mode{color:var(--pd-muted)}
.products-overline{color:var(--pd-cyan);margin-bottom:24px}
.products-intro{padding-bottom:clamp(100px,13vh,165px)}
.products-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);gap:9vw;align-items:end}
.products h2,.products h3{font-family:var(--font-latin);letter-spacing:-.05em}.products em{font-style:normal;color:var(--pd-gold)}
.products h2{font-size:clamp(58px,6vw,100px);line-height:1.02;margin:0;font-weight:700;max-width:13ch}
.products-intro-grid>p{margin:0 0 7px;color:var(--pd-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:43ch}
.product{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:clamp(52px,6.5vw,105px);align-items:center;padding:clamp(92px,12vh,150px) 0;border-top:1px solid var(--pd-line)}
.product:last-of-type{border-bottom:1px solid var(--pd-line)}
.product-index{color:var(--pd-cyan);margin-bottom:24px}.product-copy h3{font-size:clamp(52px,5.2vw,86px);line-height:1;margin:0 0 20px;font-weight:700}.product-category{color:var(--pd-cyan);font-size:15px;line-height:1.5;margin:0}
.product-value{color:var(--pd-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:34ch;margin:28px 0 30px}
.product-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}.product-facts span{border:1px solid var(--pd-line);padding:7px 10px;font-size:9px;letter-spacing:.12em;color:var(--pd-muted)}
.product-route{display:inline-flex;align-items:center;gap:26px;border:0;border-bottom:1px solid var(--pd-cyan);padding:11px 0;min-height:44px;background:none;color:var(--pd-porcelain);cursor:pointer;font-size:14px}.product-route span{color:var(--pd-cyan);font-size:19px}.product-route:hover{color:var(--pd-cyan)}
.product-stage{margin:0;min-width:0}.product-stage-head{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--pd-line);padding:13px 0;color:var(--pd-muted);font-size:10px;letter-spacing:.1em}
.product-stage figcaption{color:var(--pd-muted);font-size:11px;line-height:1.65;margin-top:14px}
.erp-product-map,.sync-product-map{height:clamp(430px,56vh,650px);border:1px solid var(--pd-line);background:radial-gradient(circle at 50% 45%,#123f4b 0%,#0c2931 38%,#081d23 76%);position:relative;overflow:hidden}
.erp-product-map:before,.erp-product-map:after{content:"";position:absolute;inset:14%;border:1px solid rgb(123 200 213 / 18%);transform:rotate(45deg)}.erp-product-map:after{inset:27%;transform:rotate(45deg)}
.erp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border:1px solid var(--pd-cyan);background:#0e3039;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 28px 70px rgb(0 0 0 / 22%)}
.erp-core span{font-size:10px;letter-spacing:.14em;color:var(--pd-cyan)}.erp-core strong{font-size:48px;line-height:1;margin:12px 0 10px;letter-spacing:-.05em}.erp-core small{font-size:9px;letter-spacing:.12em;color:var(--pd-muted)}
.erp-ring{position:absolute;left:50%;top:50%;width:390px;height:390px;border:1px solid rgb(123 200 213 / 30%);border-radius:50%;transform:translate(-50%,-50%) scale(.85);opacity:.4}
.erp-module{position:absolute;min-width:130px;padding:12px 14px;border:1px solid var(--pd-line);background:#0d2931;color:var(--pd-porcelain);font-size:11px;line-height:1.35;text-align:center;z-index:2}
.erp-module-1{left:8%;top:16%}.erp-module-2{right:7%;top:16%}.erp-module-3{left:5%;top:47%}.erp-module-4{right:5%;top:47%}.erp-module-5{left:13%;bottom:12%}.erp-module-6{right:13%;bottom:12%}
.sync-product-map{display:flex;align-items:center;justify-content:center}.sync-boundary{width:min(82%,720px);height:70%;border:1px solid var(--pd-cyan);border-radius:34px;position:relative;background:rgb(18 63 75 / 23%)}
.sync-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:185px;height:110px;border:1px solid var(--pd-cyan);background:#10343d;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4}.sync-center span{font-size:11px;letter-spacing:.13em;color:var(--pd-cyan)}.sync-center strong{font-size:16px;margin-top:10px;letter-spacing:.02em}
.sync-node{position:absolute;width:118px;height:86px;border:1px solid var(--pd-line);background:#0d2931;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.sync-node i{width:24px;height:24px;border:1px solid var(--pd-cyan);border-radius:50%;margin-bottom:8px}.sync-node span{font-size:9px;letter-spacing:.12em;color:var(--pd-muted)}
.sync-node-a{left:9%;top:13%}.sync-node-b{right:9%;top:13%}.sync-node-c{right:9%;bottom:13%}
.sync-channel{position:absolute;height:1px;background:var(--pd-cyan);transform-origin:left;opacity:.65}.sync-channel-a{left:25%;top:27%;width:27%;transform:rotate(13deg)}.sync-channel-b{left:49%;top:29%;width:27%;transform:rotate(-14deg)}.sync-channel-c{left:55%;top:60%;width:25%;transform:rotate(18deg)}
.sync-packet{position:absolute;padding:6px 8px;border:1px solid var(--pd-cyan);background:var(--pd-paper);color:var(--pd-deep);font-size:8px;letter-spacing:.08em;z-index:5}.sync-packet-a{left:28%;top:25%}.sync-packet-b{right:24%;top:57%}
.sync-stage figcaption{display:flex;flex-wrap:wrap;gap:8px}.sync-stage figcaption span{border:1px solid var(--pd-line);padding:6px 9px}
.products-thesis{padding:clamp(108px,14vh,180px) 0;display:grid;grid-template-columns:.34fr .66fr;gap:7vw}.products-thesis-kicker{color:var(--pd-cyan);margin-top:11px}.products-thesis h3{font-size:clamp(48px,4.8vw,80px);line-height:1.04;margin:0;max-width:14ch}.products-thesis div>p{max-width:48ch;color:var(--pd-muted);font-size:16px;line-height:1.7;margin:30px 0 0}
.products-handoff{margin:0 calc(var(--pd-gutter)*-1);padding:clamp(108px,14vh,176px) var(--pd-gutter);background:var(--pd-paper);color:var(--pd-ink);display:grid;grid-template-columns:.34fr .66fr;gap:7vw}.products-handoff>p{color:#006879;margin-top:11px}.products-handoff h3{font-size:clamp(56px,5.5vw,92px);line-height:1.03;margin:0;max-width:12ch}.products-handoff h3 em{color:#88744c}.products-handoff span{display:block;margin-top:28px;color:#607176;font-size:14px}
.products-footer{margin:0 calc(var(--pd-gutter)*-1);padding:18px var(--pd-gutter) 28px;background:var(--pd-paper);color:#607176;display:flex;justify-content:space-between;align-items:center;gap:30px}.products-notice{font-size:11px;margin:0}.products-progress{width:min(320px,28vw);height:1px;background:#ccd6d7}.products-progress span{display:block;width:100%;height:1px;background:#006879;transform:scaleX(0);transform-origin:left}
@media(max-height:760px) and (min-width:1000px){.products-shell{padding-top:76px}.product{padding-block:75px}.erp-product-map,.sync-product-map{height:470px}}
@media(prefers-reduced-motion:reduce){.products *{scroll-behavior:auto!important}}

/* ===== insights.css ===== */
.insights{--i-paper:#f8fbfa;--i-ink:#171816;--i-muted:#607176;--i-line:#ccd8d9;--i-cyan:#006879;--i-gold:#88744c;--i-deep:#081d23;--i-gutter:clamp(40px,5vw,96px);position:relative;background:var(--i-paper);color:var(--i-ink);font-family:var(--font-latin);overflow:hidden}
.insights *{box-sizing:border-box}.insights button{font:inherit}.insights button:focus-visible{outline:2px solid #006879;outline-offset:5px}
.insights-shell{position:relative;padding:clamp(92px,11vh,145px) var(--i-gutter) 0}.insights-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--i-line) 9%,var(--i-line) 90%,transparent);opacity:.8;pointer-events:none}
.insights-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:clamp(72px,9vh,112px)}.insights-eyebrow,.insights-mode,.insights-overline,.insights-editorial-label span,.insights-handoff>p{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}
.insights-eyebrow{font-weight:650}.insights-eyebrow span{font-weight:400;color:var(--i-muted);margin-left:12px}.insights-mode{color:var(--i-muted)}.insights-overline{color:var(--i-cyan);margin-bottom:24px}
.insights-intro{padding-bottom:clamp(100px,13vh,165px)}.insights-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);gap:9vw;align-items:end}
.insights h2,.insights h3{font-family:var(--font-latin);letter-spacing:-.05em}.insights h2{font-size:clamp(58px,6vw,100px);line-height:1.02;margin:0;font-weight:700;max-width:12ch}.insights em{font-style:normal;color:var(--i-gold)}
.insights-intro-grid>div>p{margin:0;color:var(--i-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:43ch}.insights-all,.insight-route{display:inline-flex;align-items:center;gap:24px;border:0;border-bottom:1px solid var(--i-cyan);padding:11px 0;min-height:44px;background:none;color:var(--i-ink);cursor:pointer}.insights-all{margin-top:28px;font-size:14px}.insights-all span,.insight-route span{color:var(--i-cyan);font-size:18px}
.insights-list{border-top:1px solid var(--i-line)}.insight-card{display:grid;grid-template-columns:150px minmax(280px,.72fr) minmax(280px,.52fr) 150px;gap:clamp(26px,4vw,68px);align-items:start;padding:clamp(48px,6.5vh,82px) 0;border-bottom:1px solid var(--i-line)}
.insight-meta{display:flex;flex-direction:column;gap:12px;color:var(--i-cyan);font-size:10px;line-height:1.5;letter-spacing:.12em}.insight-card h3{font-size:clamp(34px,3.2vw,56px);line-height:1.06;margin:0;font-weight:650;max-width:16ch}.insight-card>p{margin:4px 0 0;color:var(--i-muted);font-size:14px;line-height:1.7;max-width:40ch}.insight-route{font-size:12px;justify-self:end}
.insights-editorial{padding:clamp(92px,12vh,150px) 0;display:grid;grid-template-columns:.36fr .64fr;gap:8vw;align-items:start}.insights-editorial-label span{display:block;color:var(--i-cyan);margin-bottom:16px}.insights-editorial-label strong{font-size:clamp(28px,2.7vw,46px);letter-spacing:-.04em}.insights-editorial>p{margin:0;color:var(--i-muted);font-size:clamp(19px,1.7vw,28px);line-height:1.55;max-width:35ch}
.insights-handoff{margin:0 calc(var(--i-gutter)*-1);padding:clamp(108px,14vh,176px) var(--i-gutter);background:var(--i-deep);color:#fafcfd;display:grid;grid-template-columns:.34fr .66fr;gap:7vw}.insights-handoff>p{color:#7bc8d5;margin-top:11px}.insights-handoff h3{font-size:clamp(56px,5.5vw,92px);line-height:1.03;margin:0;max-width:12ch}.insights-handoff h3 em{color:#c7b58a}.insights-handoff span{display:block;margin-top:28px;color:#aec5ca;font-size:14px}
.insights-footer{margin:0 calc(var(--i-gutter)*-1);padding:18px var(--i-gutter) 28px;background:var(--i-deep);color:#aec5ca;display:flex;justify-content:space-between;align-items:center;gap:30px}.insights-notice{font-size:11px;margin:0}.insights-progress{width:min(320px,28vw);height:1px;background:#35565d}.insights-progress span{display:block;width:100%;height:1px;background:#7bc8d5;transform:scaleX(0);transform-origin:left}
@media(max-height:760px) and (min-width:1000px){.insights-shell{padding-top:76px}.insight-card{padding-block:52px}}
@media(prefers-reduced-motion:reduce){.insights *{scroll-behavior:auto!important}}

/* ===== start-project.css ===== */
.start-project{--sp-deep:#081d23;--sp-jewel:#123f4b;--sp-paper:#fafcfd;--sp-muted:#aec5ca;--sp-cyan:#7bc8d5;--sp-gold:#c7b58a;--sp-line:#35565d;--sp-gutter:clamp(40px,5vw,96px);position:relative;background:var(--sp-deep);color:var(--sp-paper);font-family:var(--font-latin);overflow:hidden}
.start-project button,.start-project input,.start-project select,.start-project textarea{font:inherit}.start-project :focus-visible{outline:2px solid var(--sp-cyan);outline-offset:4px}
.start-shell{position:relative;padding:clamp(94px,11vh,148px) var(--sp-gutter) 0}.start-shell:before{content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--sp-line) 8%,var(--sp-line) 90%,transparent);opacity:.62;pointer-events:none}
.start-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:clamp(72px,9vh,112px)}.start-eyebrow,.start-mode,.start-overline,.start-guidance-kicker,.start-handoff-kicker{margin:0;font-size:11px;line-height:1.6;letter-spacing:.15em}.start-eyebrow{font-weight:650}.start-eyebrow span{font-weight:400;color:var(--sp-muted);margin-left:12px}.start-mode{color:var(--sp-muted)}.start-overline{color:var(--sp-cyan);margin-bottom:24px}
.start-intro{padding-bottom:clamp(92px,12vh,150px)}.start-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);gap:9vw;align-items:end}.start-project h2,.start-project h3{font-family:var(--font-latin);letter-spacing:-.05em}.start-project h2{font-size:clamp(60px,6.1vw,102px);line-height:1.02;margin:0;font-weight:700;max-width:12ch}.start-project em{font-style:normal;color:var(--sp-gold)}
.start-intro-grid>div>p{margin:0;color:var(--sp-muted);font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:43ch}.start-privacy-note{margin-top:22px!important;font-size:12px!important;line-height:1.65!important;color:#8ea6ab!important}
.start-body{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);gap:clamp(50px,8vw,120px);align-items:start;padding:clamp(76px,10vh,125px) 0;border-top:1px solid var(--sp-line)}
.start-guidance-kicker{color:var(--sp-cyan);margin-bottom:30px}.start-guidance ol{list-style:none;margin:0;padding:0}.start-guidance li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--sp-line)}.start-guidance li:last-child{border-bottom:1px solid var(--sp-line)}.start-guidance li>span{color:var(--sp-cyan);font-size:10px;letter-spacing:.12em;padding-top:4px}.start-guidance strong{font-size:16px;font-weight:500}.start-guidance li p{margin:8px 0 0;color:var(--sp-muted);font-size:13px;line-height:1.65}
.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-form label>span{display:block;color:var(--sp-muted);font-size:12px;margin-bottom:9px}.project-form b{color:var(--sp-cyan);font-weight:500}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid var(--sp-line);background:#0d2931;color:var(--sp-paper);padding:14px 15px;border-radius:0;min-height:50px}.project-form textarea{resize:vertical;line-height:1.6}.project-form input::placeholder,.project-form textarea::placeholder{color:#789096}.project-field-wide{grid-column:1/-1}
.project-consent{display:flex;gap:14px;align-items:flex-start;margin-top:25px}.project-consent input{width:18px;height:18px;min-height:0;margin:2px 0 0;accent-color:#7bc8d5}.project-consent span{margin:0!important;line-height:1.65!important;font-size:12px!important}
.project-submit-row{display:flex;align-items:center;gap:26px;margin-top:30px}.project-submit{display:inline-flex;align-items:center;gap:24px;border:1px solid var(--sp-gold);background:var(--sp-gold);color:var(--sp-deep);padding:15px 20px;min-height:52px;cursor:pointer}.project-submit span{font-size:18px}.project-submit:hover{transform:translateY(-1px)}.project-form-status{margin:0;color:var(--sp-muted);font-size:11px;line-height:1.5}
.project-form .is-invalid{border-color:#d58b78}.project-form-error{color:#e6a998!important}
.start-handoff{margin:0 calc(var(--sp-gutter)*-1);padding:clamp(112px,15vh,188px) var(--sp-gutter);border-top:1px solid var(--sp-line);display:grid;grid-template-columns:.34fr .66fr;gap:7vw}.start-handoff-kicker{color:var(--sp-cyan);margin-top:11px}.start-handoff h3{font-size:clamp(58px,5.7vw,96px);line-height:1.03;margin:0;max-width:13ch}.start-handoff div>p{margin:30px 0 0;color:var(--sp-muted);font-size:16px;line-height:1.7;max-width:45ch}
@media(max-height:760px) and (min-width:1000px){.start-shell{padding-top:78px}.start-body{padding-block:74px}}
@media(prefers-reduced-motion:reduce){.project-submit{transition:none}.project-submit:hover{transform:none}}

/* ===== footer.css ===== */
.site-footer{background:#041317;color:#fafcfd;font-family:var(--font-latin);border-top:1px solid #24434a}
.footer-shell{padding:clamp(70px,9vh,110px) clamp(40px,5vw,96px) 34px}.footer-brand{display:grid;grid-template-columns:.38fr .62fr;gap:7vw;align-items:start;padding-bottom:70px;border-bottom:1px solid #24434a}.footer-brand img{width:clamp(150px,12vw,195px);height:auto}.footer-brand p{margin:0;color:#aec5ca;font-size:clamp(18px,1.55vw,26px);line-height:1.55;max-width:34ch}
.footer-links{display:grid;grid-template-columns:1.2fr .8fr .6fr;gap:8vw;padding:58px 0}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start}.footer-links p{margin:0 0 22px;color:#7bc8d5;font-size:10px;letter-spacing:.14em}.footer-links a{color:#aec5ca;text-decoration:none;font-size:14px;line-height:1.5;padding:7px 0}.footer-links a:hover{color:#fafcfd}
.footer-bottom{display:flex;justify-content:space-between;gap:28px;padding-top:24px;border-top:1px solid #24434a;color:#71888d;font-size:11px;line-height:1.6}.footer-bottom p{margin:0}

/* =========================================================
   FULL-PAGE REFINEMENT v4
   - no copy/diagram overlays on Rena imagery
   - full 4:3 capability visuals
   - one visual for every capability
   - stronger evidence, shorter process, improved insights/form
   ========================================================= */

/* ---------- Section 02: photo and engineering concept are separate panes ---------- */
.systems-product-stage--split{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
  gap:12px!important;
  height:clamp(350px,48vh,500px)!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.systems-product-stage--split:before{display:none!important}
.systems-photo-pane,.systems-concept-pane{position:relative;min-width:0;height:100%;overflow:hidden;border:1px solid rgba(123,200,213,.22);background:#071d23;box-shadow:0 24px 70px rgb(0 0 0 / 16%)}
.systems-photo-pane{display:flex;align-items:center;justify-content:center}
.systems-photo-pane img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#071d23;filter:saturate(.92) contrast(1.02) brightness(.88)}
.systems-concept-pane{isolation:isolate}
.systems-concept-pane:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,200,213,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,200,213,.055) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.systems-concept-pane .systems-stage-note{z-index:7}
.systems-concept-pane .systems-svg-layer{z-index:4}
.systems-concept-pane .erp-device,.systems-concept-pane .custom-app-shell,.systems-concept-pane .ai-app-shell{z-index:3}
.stage-erp .erp-device{left:9%!important;top:19%!important;width:82%!important;height:61%!important}
.stage-erp .systems-svg-layer--erp{inset:1% 0 0!important;opacity:.52!important}.stage-erp .systems-svg-layer--erp svg{width:100%!important;height:100%!important;margin:0!important}
.stage-syncpad .systems-svg-layer--syncpad{inset:3%!important}.stage-syncpad .systems-svg-layer--syncpad svg{width:96%!important;height:96%!important}.stage-syncpad .sync-signal-label{top:11%!important;right:4%!important}
.stage-custom .custom-app-shell{left:7%!important;right:7%!important;top:12%!important;bottom:12%!important}.stage-custom .systems-svg-layer--custom{inset:4%!important}
.stage-ai .ai-app-shell{left:6%!important;right:6%!important;top:11%!important;bottom:11%!important}.stage-ai .systems-svg-layer--ai{inset:6% 2%!important}
.stage-web{box-shadow:0 30px 90px rgb(0 0 0 / 22%)}

/* ---------- Section 03: editorial split, complete image, full-width active band ---------- */
.capabilities-intro{padding-bottom:clamp(72px,9vh,116px)}
.capabilities-list{overflow:visible}
.capability-row{
  display:grid!important;grid-template-columns:64px minmax(0,.52fr) minmax(380px,.48fr)!important;
  grid-template-rows:auto auto!important;column-gap:clamp(42px,5vw,86px)!important;row-gap:18px!important;
  align-items:center!important;min-height:clamp(390px,45vh,520px)!important;padding:clamp(46px,5.8vh,72px) 0!important;
  overflow:visible!important;isolation:isolate
}
.capability-row:before{
  content:""!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:100vw!important;right:auto!important;
  background:linear-gradient(100deg,#081d23 0%,#081d23 57%,#0c313a 100%)!important;
  transform:translateX(-50%) scaleX(0)!important;transform-origin:right center!important;opacity:0!important;z-index:-2!important;pointer-events:none!important;
  transition:transform .58s cubic-bezier(.22,.75,.18,1),opacity .28s ease!important
}
.capability-row:nth-child(even):before{transform-origin:left center!important}.capability-row.is-active:before{transform:translateX(-50%) scaleX(1)!important;opacity:1!important}
.capability-number{grid-column:1!important;grid-row:1 / 3!important;align-self:start!important;padding-top:10px!important;position:relative;z-index:3}
.capability-main{grid-column:2!important;grid-row:1 / 3!important;align-self:center!important;position:relative!important;z-index:3!important;max-width:700px}
.capability-main h3{max-width:13ch!important;margin-bottom:20px!important}.capability-main>p{max-width:48ch!important}
.capability-row>.nw-context-visual--capability{
  position:relative!important;inset:auto!important;grid-column:3!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;background:#071d23!important;mask-image:none!important;-webkit-mask-image:none!important;
  filter:saturate(.92) contrast(1.02) brightness(.91)!important;border:1px solid rgba(123,200,213,.28);box-shadow:0 22px 70px rgba(5,24,29,.18);opacity:.9!important;z-index:2!important
}
.capability-row.is-active>.nw-context-visual--capability{opacity:1!important;filter:saturate(.98) contrast(1.03) brightness(.96)!important}
.capability-side{grid-column:3!important;grid-row:2!important;min-height:0!important;height:auto!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;position:relative!important;z-index:3!important}
.capability-route{width:min(100%,360px)!important;margin-left:auto}.capability-mark{display:none!important}
.capability-row.is-active .capability-main h3{color:#fafcfd!important}.capability-row.is-active .capability-main>p{color:#b8cbcf!important}.capability-row.is-active .capability-tags span{color:#b8cbcf!important;border-color:#35565d!important;background:rgba(8,29,35,.28)}.capability-row.is-active .capability-number{color:#7bc8d5!important}.capability-row.is-active .capability-route{color:#fafcfd!important;border-bottom-color:#7bc8d5!important}

/* ---------- Section 04: proof should visually outrank concept ---------- */
.proof-feature{grid-template-columns:minmax(300px,.33fr) minmax(0,.67fr);gap:clamp(52px,6.5vw,110px);padding:clamp(74px,9vh,112px) 0 clamp(88px,11vh,135px)}
.proof-image-mask{height:clamp(520px,66vh,760px)}.proof-window{box-shadow:0 34px 100px rgb(0 0 0 / 30%)}.proof-records{padding:clamp(82px,10vh,130px) 0}.proof-record{grid-template-columns:60px minmax(210px,.24fr) minmax(0,.38fr) minmax(0,.38fr);padding:34px 0}

/* ---------- Section 05: same process, less vertical fatigue ---------- */
.process-intro{padding-bottom:clamp(76px,9vh,118px)}.process-step{grid-template-columns:72px minmax(0,.5fr) minmax(280px,.32fr);padding:clamp(46px,5.5vh,68px) 0}.process-step:nth-child(even){background:linear-gradient(90deg,transparent 0%,rgba(0,104,121,.028) 50%,transparent 100%)}.process-step-copy h3{font-size:clamp(36px,3.45vw,58px);max-width:13ch}.process-step-body{font-size:clamp(15px,1.05vw,18px)}.process-step-note{align-self:center}.process-principles{padding:clamp(70px,8vh,105px) 0}.process-principles-grid p{padding:26px 30px}

/* ---------- Section 06: product photo and product map are separate ---------- */
.product{padding:clamp(78px,9.5vh,116px) 0}
.product-media-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);gap:12px;align-items:stretch}
.product-photo-frame,.erp-product-map,.sync-product-map{height:clamp(360px,48vh,510px)!important;min-width:0;border:1px solid var(--pd-line);background:#071d23;box-shadow:0 24px 70px rgb(0 0 0 / 18%);overflow:hidden}
.product-photo-frame{display:flex;align-items:center;justify-content:center}.product-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#071d23;filter:saturate(.92) contrast(1.02) brightness(.9)}
.erp-product-map,.sync-product-map{position:relative;background:radial-gradient(circle at 50% 45%,#123f4b 0%,#0c2931 38%,#081d23 76%)!important}
.erp-core{width:142px!important;height:142px!important}.erp-core strong{font-size:38px!important}.erp-ring{width:270px!important;height:270px!important}.erp-module{min-width:96px!important;padding:9px 8px!important;font-size:9px!important}.erp-module-1{left:5%!important;top:12%!important}.erp-module-2{right:4%!important;top:12%!important}.erp-module-3{left:3%!important;top:47%!important}.erp-module-4{right:3%!important;top:47%!important}.erp-module-5{left:8%!important;bottom:10%!important}.erp-module-6{right:8%!important;bottom:10%!important}
.sync-boundary{width:88%!important;height:74%!important}.sync-node{width:86px!important;height:68px!important}.sync-center{width:150px!important;height:90px!important}.sync-center strong{font-size:13px!important}.sync-packet{font-size:7px!important;padding:5px 6px!important}

/* ---------- Section 07: editorial knowledge hub ---------- */
.insights-intro{padding-bottom:clamp(78px,9vh,118px)}.insights-list{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;border:0;padding-bottom:clamp(82px,10vh,132px)}.insight-card{display:flex;flex-direction:column;min-height:320px;padding:34px;border:1px solid var(--i-line);background:#fff;position:relative;overflow:hidden}.insight-card:first-child{grid-row:span 2;min-height:662px;justify-content:flex-end;background:radial-gradient(circle at 85% 12%,rgba(0,104,121,.12),transparent 38%),#fff}.insight-card:first-child:before{content:"01 / FEATURED NOTE";position:absolute;top:32px;right:32px;font-size:10px;letter-spacing:.13em;color:var(--i-cyan)}.insight-meta{flex-direction:row;justify-content:space-between;gap:20px;margin-bottom:auto}.insight-card h3{font-size:clamp(30px,2.7vw,52px);margin:55px 0 20px;max-width:15ch}.insight-card:first-child h3{font-size:clamp(48px,4.4vw,76px);max-width:11ch}.insight-card>p{max-width:46ch}.insight-route{margin-top:26px;justify-self:auto;align-self:flex-start}.insights-editorial{padding:clamp(72px,8vh,110px) 0}

/* ---------- Section 08: stronger conversion surface ---------- */
.start-intro{padding-bottom:clamp(72px,8vh,112px)}.start-body{grid-template-columns:minmax(250px,.30fr) minmax(0,.70fr);gap:clamp(48px,7vw,105px);padding:clamp(64px,7.5vh,96px) 0}.project-form{border:1px solid var(--sp-line);background:linear-gradient(180deg,#0d2931,#092128);padding:clamp(26px,2.6vw,42px);box-shadow:0 30px 90px rgb(0 0 0 / 16%)}.project-form input,.project-form select,.project-form textarea{background:#0a2229}.start-handoff{padding:clamp(92px,11vh,140px) var(--sp-gutter)}

/* ---------- Footer ---------- */
.footer-brand{grid-template-columns:.28fr .72fr}.footer-brand p{font-size:clamp(20px,1.8vw,30px);max-width:38ch}.footer-links{padding:50px 0 58px}

/* ---------- smaller desktop safety ---------- */
@media(max-width:1180px){
 .systems-product-stage--split,.product-media-grid{grid-template-columns:1fr 1fr!important}
 .capability-row{grid-template-columns:56px minmax(0,.54fr) minmax(320px,.46fr)!important;column-gap:34px!important}
 .insights-list{grid-template-columns:1fr}.insight-card:first-child{grid-row:auto;min-height:430px}
}
@media(max-width:960px){
 .systems-product-stage--split,.product-media-grid{grid-template-columns:1fr!important;height:auto!important}
 .systems-photo-pane,.systems-concept-pane,.product-photo-frame,.erp-product-map,.sync-product-map{height:360px!important}
 .capability-row{grid-template-columns:48px 1fr!important;grid-template-rows:auto auto auto!important}.capability-main{grid-column:2!important;grid-row:1!important}.capability-row>.nw-context-visual--capability{grid-column:2!important;grid-row:2!important}.capability-side{grid-column:2!important;grid-row:3!important}
 .insights-list{display:block}.insight-card{margin-bottom:16px;min-height:auto}
}


/* =========================================================
   v5 — VISUAL DIVERSIFICATION
   Rena becomes a signature, not the entire visual language.
   ========================================================= */

/* Section 02: visual-led split with a wider image pane.
   Generated visuals are 3:2, so reduce stage height and let the image breathe. */
.systems-product-stage--split{
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)!important;
  height:clamp(330px,40vh,420px)!important;
  gap:14px!important;
}
.systems-photo-pane img{
  object-fit:cover!important;
  filter:saturate(.96) contrast(1.02) brightness(.92)!important;
}
.stage-erp .systems-photo-pane img,
.stage-syncpad .systems-photo-pane img{object-position:center center!important}
.stage-custom .systems-photo-pane img{object-position:center center!important}
.stage-ai .systems-photo-pane img{object-position:center center!important}

/* Concept side becomes a quieter engineering annotation rather than a competing visual. */
.systems-concept-pane{
  background:
    radial-gradient(circle at 50% 45%,rgba(18,63,75,.48),transparent 58%),
    #071d23!important;
}
.systems-concept-pane .systems-svg-layer{opacity:.66!important}
.systems-concept-pane .erp-device,
.systems-concept-pane .custom-app-shell,
.systems-concept-pane .ai-app-shell{opacity:.82}

/* Section 03: generated assets are 3:2; show the complete composition. */
.capability-row>.nw-context-visual--capability{
  aspect-ratio:3/2!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#071d23!important;
}
.capability-row[data-capability="web"]>.nw-context-visual--capability{
  object-fit:cover!important;
  object-position:center 48%!important;
}
.capability-row[data-capability="software"]>.nw-context-visual--capability{
  object-fit:cover!important;
  object-position:center!important;
}
.capability-row[data-capability="ai"]>.nw-context-visual--capability{
  object-fit:cover!important;
  object-position:center!important;
}
.capability-row[data-capability="security"]>.nw-context-visual--capability{
  object-fit:cover!important;
  object-position:center!important;
}

/* Section 06: dedicated non-human product visuals.
   No duplicate map panel and no repeated Rena portrait. */
.product-stage{min-width:0}
.product-hero-frame{
  position:relative;
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  border:1px solid var(--pd-line);
  background:#071d23;
  box-shadow:0 28px 80px rgb(0 0 0 / 22%);
}
.product-hero-frame:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgb(123 200 213 / 6%);
}
.product-hero-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.03) brightness(.92);
}
.product-stage>figcaption{
  margin-top:14px!important;
  max-width:76ch;
}

/* The products are now more image-led, so give the right side slightly more authority. */
.product{
  grid-template-columns:minmax(300px,.34fr) minmax(0,.66fr)!important;
  gap:clamp(54px,7vw,116px)!important;
}

/* Keep long-form page rhythm from becoming overly repetitive. */
.products-thesis{padding-top:clamp(92px,11vh,140px)!important}
.insights-editorial{padding-top:clamp(62px,7vh,92px)!important}

@media(max-width:1180px){
  .systems-product-stage--split{grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr)!important}
}


/* =========================================================
   v6 — FINAL HOMEPAGE POLISH
   Goal: shorter rhythm, stronger real proof, less repetitive
   handoffs, editorial Insights, tighter conversion close.
   ========================================================= */

/* ---------- SECTION 02: let the visual pane lead a little more ---------- */
.systems-product-stage--split{
  grid-template-columns:minmax(0,1.36fr) minmax(270px,.64fr)!important;
  height:clamp(340px,41vh,430px)!important;
}
.systems-product-stage--split .systems-photo-pane{
  box-shadow:0 26px 70px rgb(0 0 0 / 18%);
}
.systems-product-stage--split .systems-concept-pane{
  border-left-color:rgba(123,200,213,.18)!important;
}

/* ---------- SECTION 04: real evidence receives the largest authority ---------- */
.proof-intro{padding-bottom:clamp(72px,8vh,104px)!important}
.proof-feature{
  grid-template-columns:minmax(280px,.28fr) minmax(0,.72fr)!important;
  gap:clamp(46px,6vw,96px)!important;
  padding:clamp(64px,8vh,94px) 0 clamp(74px,9vh,108px)!important;
}
.proof-feature-copy h3{font-size:clamp(50px,4.7vw,76px)!important}
.proof-image-mask{height:clamp(610px,72vh,840px)!important}
.proof-window{box-shadow:0 38px 110px rgb(0 0 0 / 32%)!important}
.proof-records{padding:clamp(72px,8vh,108px) 0!important}
.proof-records-heading{padding-bottom:42px!important}
.proof-record{padding:28px 0!important}

/* Proof -> Process becomes a compact editorial bridge, not another hero. */
.proof-handoff{
  padding:clamp(52px,6vh,76px) var(--p-gutter)!important;
  grid-template-columns:.26fr .74fr!important;
  align-items:center!important;
}
.proof-handoff-kicker{margin-top:0!important}
.proof-handoff h3{
  font-size:clamp(34px,3.2vw,54px)!important;
  line-height:1.08!important;
  max-width:18ch!important;
}
.proof-handoff div>p{margin-top:16px!important;font-size:13px!important}
.proof-footer{padding-top:14px!important;padding-bottom:20px!important}

/* ---------- SECTION 05: same method, much shorter journey ---------- */
.process-header{padding-bottom:clamp(52px,6vh,74px)!important}
.process-intro{padding-bottom:clamp(58px,7vh,82px)!important}
.process-intro-grid>p{font-size:clamp(16px,1.1vw,19px)!important}
.process-step{
  grid-template-columns:64px minmax(0,.53fr) minmax(260px,.31fr)!important;
  gap:clamp(28px,4vw,60px)!important;
  padding:clamp(34px,4.4vh,52px) 0!important;
}
.process-step-index span{width:36px!important;height:36px!important}
.process-step-meta{margin-bottom:12px!important}
.process-step-copy h3{
  font-size:clamp(32px,3vw,50px)!important;
  margin-bottom:16px!important;
}
.process-step-body{
  font-size:clamp(14px,.98vw,17px)!important;
  line-height:1.58!important;
}
.process-step-note{padding-top:13px!important}
.process-step-note p{font-size:13px!important;line-height:1.55!important;margin-top:10px!important}
.process-principles{padding:clamp(54px,6vh,78px) 0!important}
.process-principles-kicker{margin-bottom:26px!important}
.process-principles-grid p{padding:22px 26px!important;font-size:clamp(16px,1.35vw,21px)!important}

/* Process -> Products also becomes a compact bridge. */
.process-handoff{
  padding:clamp(58px,6.5vh,82px) var(--pr-gutter)!important;
  grid-template-columns:.26fr .74fr!important;
  align-items:center!important;
}
.process-handoff-kicker{margin-top:0!important}
.process-handoff h3{
  font-size:clamp(36px,3.35vw,56px)!important;
  line-height:1.08!important;
  max-width:19ch!important;
}
.process-handoff div>p{margin-top:16px!important;font-size:13px!important}
.process-footer{padding-top:14px!important;padding-bottom:20px!important}

/* ---------- SECTION 06: product imagery stays dominant, transition gets quieter ---------- */
.product{padding:clamp(68px,8vh,98px) 0!important}
.product-copy h3{font-size:clamp(48px,4.7vw,78px)!important}
.product-value{margin-top:22px!important;margin-bottom:24px!important}
.products-thesis{padding:clamp(72px,8vh,104px) 0!important}
.products-thesis h3{font-size:clamp(42px,4vw,66px)!important}
.products-thesis div>p{margin-top:22px!important}

/* Products -> Insights: light bridge, no oversized repeated transition. */
.products-handoff{
  padding:clamp(58px,6.5vh,84px) var(--pd-gutter)!important;
  grid-template-columns:.26fr .74fr!important;
  align-items:center!important;
}
.products-handoff h3{
  font-size:clamp(36px,3.4vw,58px)!important;
  line-height:1.08!important;
  max-width:18ch!important;
}
.products-handoff span{margin-top:14px!important;font-size:13px!important}
.products-footer{padding-top:14px!important;padding-bottom:20px!important}

/* ---------- SECTION 07: turn articles into an editorial visual system ---------- */
.insights-intro{padding-bottom:clamp(64px,7vh,92px)!important}
.insights-list{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:20px!important;
  padding-bottom:clamp(66px,8vh,104px)!important;
}
.insight-card{
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  background:#fff!important;
  border:1px solid var(--i-line)!important;
}
.insight-card:first-child{
  grid-row:span 2!important;
  min-height:640px!important;
  background:#fff!important;
}
.insight-card:first-child:before{display:none!important}
.insight-visual{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#081d23;
  border-bottom:1px solid var(--i-line);
}
.insight-card:first-child .insight-visual{
  aspect-ratio:auto;
  min-height:340px;
}
.insight-visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(8,29,35,.16));
}
.insight-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.88) contrast(1.02) brightness(.94);
  transition:transform .45s ease,filter .45s ease;
}
.insight-card{
  transition:
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.insight-card h3{
  transition:color .24s ease;
}

.insight-meta{
  transition:color .24s ease;
}

.insight-route{
  z-index:2;
  transition:
    color .2s ease,
    border-color .2s ease;
}

/* Stretch the article route across the whole card without changing markup. */
.insight-card .insight-route::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}

/* The card becomes one coherent interactive surface. */
.insight-card:hover,
.insight-card:focus-within{
  background:
    linear-gradient(135deg,rgba(0,104,121,.040),rgba(199,181,138,.025) 70%),
    #fff!important;
  border-color:rgba(0,104,121,.34)!important;
  box-shadow:0 18px 48px rgba(8,29,35,.075);
}

.insight-card:hover .insight-visual img,
.insight-card:focus-within .insight-visual img{
  transform:scale(1.025);
  filter:saturate(.95) contrast(1.03) brightness(.98);
}

.insight-card:hover h3,
.insight-card:focus-within h3{
  color:var(--nw-jewel);
}

.insight-card:hover .insight-meta,
.insight-card:focus-within .insight-meta{
  color:var(--nw-cyan-dark);
}

.insight-card:hover .insight-route,
.insight-card:focus-within .insight-route{
  color:var(--nw-jewel);
  border-bottom-color:var(--nw-gold-print);
}

.insight-route span{
  transition:transform .2s ease,color .2s ease;
}

.insight-card:hover .insight-route span,
.insight-card:focus-within .insight-route span{
  color:var(--nw-gold-print);
  transform:translate(3px,-3px);
}

/* Keyboard focus should be as visible as pointer hover. */
.insight-route:focus-visible{
  outline:none;
}

.insight-card:focus-within{
  box-shadow:
    0 0 0 2px rgba(0,104,121,.42),
    0 18px 48px rgba(8,29,35,.075);
}
.insight-card-body{
  padding:28px 30px 30px;
  display:flex;
  flex-direction:column;
}
.insight-meta{margin-bottom:22px!important}
.insight-card h3{
  font-size:clamp(28px,2.45vw,44px)!important;
  margin:0 0 16px!important;
  max-width:16ch!important;
}
.insight-card:first-child h3{
  font-size:clamp(42px,3.9vw,66px)!important;
  max-width:12ch!important;
}
.insight-card>p{max-width:none!important}
.insight-card-body>p{
  color:var(--i-muted);
  font-size:14px;
  line-height:1.65;
  max-width:48ch;
  margin:0;
}
.insight-route{
  margin-top:auto!important;
  padding-top:22px!important;
}
.insights-editorial{
  padding:clamp(54px,6vh,82px) 0!important;
  grid-template-columns:.32fr .68fr!important;
}
.insights-editorial>p{font-size:clamp(17px,1.45vw,23px)!important}

/* Keep the final conversion handoff large: it is now the only deliberate large bridge. */
.insights-handoff{
  padding:clamp(92px,11vh,138px) var(--i-gutter)!important;
}
.insights-handoff h3{
  font-size:clamp(54px,5.2vw,84px)!important;
}

/* ---------- SECTION 08: denser conversion close ---------- */
.start-header{padding-bottom:clamp(54px,6vh,78px)!important}
.start-intro{padding-bottom:clamp(54px,6vh,82px)!important}
.start-body{padding:clamp(54px,6.2vh,80px) 0!important}
.start-guidance li{padding:18px 0!important}
.project-form-grid{gap:20px!important}
.start-handoff{
  padding:clamp(74px,8vh,110px) var(--sp-gutter)!important;
}
.start-handoff h3{font-size:clamp(50px,4.8vw,80px)!important}

/* ---------- FOOTER: tighter, more deliberate close ---------- */
.footer-shell{padding-top:clamp(58px,7vh,82px)!important}
.footer-brand{padding-bottom:48px!important}
.footer-links{padding:38px 0 44px!important}
.footer-bottom{padding-top:20px!important}

/* ---------- visual rhythm ---------- */
.proof-handoff,
.process-handoff,
.products-handoff{
  min-height:auto!important;
}
@media(max-width:1180px){
  .insights-list{grid-template-columns:1fr!important}
  .insight-card:first-child{grid-row:auto!important;min-height:0!important}
  .insight-card:first-child .insight-visual{min-height:300px!important}
}


@media(prefers-reduced-motion:reduce){
  .insight-card,
  .insight-card h3,
  .insight-meta,
  .insight-route,
  .insight-route span,
  .insight-visual img{
    transition:none!important;
  }
  .insight-card:hover .insight-visual img,
  .insight-card:focus-within .insight-visual img{
    transform:none!important;
  }
}


/* =========================================================
   v7 — DESKTOP SITE SHELL + PRODUCTION CLEANUP
   ========================================================= */
html{scroll-padding-top:84px}
#systems-showcase,#capabilities,#selected-work,#engineering-process,#products-platforms,#engineering-insights,#start-project{scroll-margin-top:84px}
.hero-header{display:none!important}
.cta-notice{display:none!important}

.site-header{
  position:fixed;z-index:1000;inset:0 0 auto;color:#fafcfd;background:transparent;
  border-bottom:1px solid transparent;transition:background-color .24s ease,border-color .24s ease
}
.site-header.is-solid{background:rgba(8,29,35,.985);border-bottom-color:#24434a}
.site-header-inner{
  min-height:82px;padding:0 clamp(32px,4.5vw,86px);display:grid;
  grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(30px,4vw,72px)
}
.site-brand{display:inline-flex;align-items:center;width:clamp(148px,10.8vw,178px);text-decoration:none}
.site-brand img{display:block;width:100%;height:auto}
.site-nav{display:flex;justify-content:center;align-items:center;gap:clamp(22px,2.3vw,40px);min-width:0}
.site-nav-group{position:relative}
.site-nav-link{
  display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#fafcfd;
  text-decoration:none;font-size:13px;line-height:1.3;white-space:nowrap
}
.site-nav-link>span{color:#7bc8d5;font-size:11px;transform:translateY(-1px)}
.site-nav-link:hover,.site-nav-link:focus-visible{color:#c7b58a}
.site-nav-menu{
  position:absolute;top:calc(100% + 12px);left:-22px;width:min(440px,42vw);padding:12px;
  background:#081d23;border:1px solid #35565d;box-shadow:0 24px 70px rgb(0 0 0 / 28%);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s
}
.site-nav-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.site-nav-group:hover>.site-nav-menu,.site-nav-group:focus-within>.site-nav-menu{opacity:1;visibility:visible;transform:translateY(0)}
.site-nav-menu--compact{width:min(350px,34vw)}
.site-nav-menu--right{left:auto;right:-22px}
.site-nav-menu a{display:grid;gap:4px;padding:13px 14px;color:#fafcfd;text-decoration:none;border-bottom:1px solid rgba(53,86,93,.48)}
.site-nav-menu a:last-child{border-bottom:0}
.site-nav-menu a:hover,.site-nav-menu a:focus-visible{background:#123f4b}
.site-nav-menu strong{font-size:13px;line-height:1.35;font-weight:500}
.site-nav-menu span{color:#aec5ca;font-size:11px;line-height:1.5}
.site-header-actions{display:flex;align-items:center;gap:clamp(18px,2vw,30px)}
.site-locale{display:flex;align-items:center;gap:7px;color:#71888d;font-size:10px;letter-spacing:.12em}
.site-locale a{color:#aec5ca;text-decoration:none;padding:10px 2px}
.site-locale a[aria-current="page"]{color:#fafcfd}
.site-locale a:hover,.site-locale a:focus-visible{color:#c7b58a}
.site-header-cta{
  display:inline-flex;align-items:center;gap:18px;min-height:46px;padding:11px 16px;background:#c7b58a;
  border:1px solid #c7b58a;color:#081d23;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease
}
.site-header-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgb(0 0 0 / 18%)}
.site-skip-link{position:absolute;left:20px;top:-80px;z-index:2;background:#fafcfd;color:#081d23;padding:10px 14px;text-decoration:none}
.site-skip-link:focus{top:12px}
.site-header a:focus-visible{outline:2px solid #7bc8d5;outline-offset:4px}

.systems-route,.capability-route,.proof-route,.product-route,.insights-all,.insight-route{text-decoration:none}
.systems-route-label,.proof-route-note{display:none!important}
.capabilities-footer,.proof-footer,.process-footer,.products-footer,.insights-footer{justify-content:flex-end!important}

.start-project--decision .start-intro{padding-bottom:clamp(60px,7vh,92px)!important}
.start-decision{
  display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);gap:clamp(54px,8vw,120px);
  align-items:start;padding:clamp(62px,7.5vh,96px) 0 clamp(82px,10vh,126px);border-top:1px solid var(--sp-line)
}
.start-action-panel{
  border:1px solid var(--sp-line);
  background:radial-gradient(circle at 88% 12%,rgba(123,200,213,.10),transparent 34%),linear-gradient(180deg,#0d2931,#092128);
  padding:clamp(34px,4vw,58px);box-shadow:0 30px 90px rgb(0 0 0 / 15%)
}
.start-action-label{margin:0 0 24px;color:#7bc8d5;font-size:10px;line-height:1.5;letter-spacing:.15em}
.start-action-panel h3{margin:0;max-width:13ch;font-size:clamp(42px,4.2vw,70px);line-height:1.04}
.start-action-panel>p:not(.start-action-label):not(.start-action-note){max-width:45ch;margin:26px 0 0;color:#aec5ca;font-size:16px;line-height:1.7}
.start-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}
.start-action-buttons .project-submit{text-decoration:none}
.project-contact{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:9px 0;color:#fafcfd;border-bottom:1px solid #7bc8d5;text-decoration:none;font-size:13px}
.project-contact:hover{color:#7bc8d5}
.start-action-note{max-width:58ch;margin:28px 0 0!important;padding-top:20px;border-top:1px solid var(--sp-line);color:#789096!important;font-size:11px!important;line-height:1.65!important}
.footer-bottom a{color:#71888d;text-decoration:none}
.footer-bottom a:hover{color:#fafcfd}

@media(max-width:1100px){
  .site-header-inner{gap:22px;padding-inline:28px}
  .site-nav{gap:18px}
  .site-nav-link{font-size:12px}
  .site-header-cta{padding-inline:13px}
  .site-locale{display:none}
}


/* =========================================================
   v7.1 — COMPACT DESKTOP NAV + SECTION 02 HEADER CLEARANCE
   Founder review adjustment.
   ========================================================= */

:root{--site-header-h:64px}

/* Fixed-header offset becomes a single source of truth. */
html{scroll-padding-top:var(--site-header-h)}
#systems-showcase,#capabilities,#selected-work,#engineering-process,#products-platforms,#engineering-insights,#start-project{
  scroll-margin-top:var(--site-header-h)!important;
}

/* ---------- Compact global header ---------- */
.site-header-inner{
  min-height:var(--site-header-h)!important;
  padding-inline:clamp(28px,4.2vw,72px)!important;
  gap:clamp(24px,3.2vw,52px)!important;
}
.site-brand{width:clamp(136px,9.8vw,156px)!important}
.site-nav{gap:clamp(18px,1.9vw,30px)!important}
.site-nav-link{
  min-height:38px!important;
  gap:5px!important;
  font-size:12px!important;
  font-weight:400!important;
}
.site-nav-link>span{font-size:9px!important}

.site-header-actions{gap:18px!important}
.site-locale{font-size:9px!important;gap:6px!important}
.site-locale a{padding-block:7px!important}
.site-header-cta{
  min-height:40px!important;
  padding:9px 13px!important;
  gap:14px!important;
  font-size:12px!important;
}

/* ---------- Compact premium dropdowns ---------- */
.site-nav-menu{
  top:calc(100% + 8px)!important;
  left:-14px!important;
  width:min(360px,34vw)!important;
  padding:6px!important;
  border-color:#2d4d54!important;
  box-shadow:0 18px 48px rgb(0 0 0 / 24%)!important;
}
.site-nav-menu:before{top:-10px!important;height:10px!important}
.site-nav-menu--compact{width:min(286px,28vw)!important}
.site-nav-menu--right{left:auto!important;right:-14px!important}

.site-nav-menu a{
  gap:2px!important;
  padding:9px 10px!important;
  border-bottom-color:rgba(53,86,93,.38)!important;
}
.site-nav-menu strong{
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
}
.site-nav-menu span{
  font-size:9.5px!important;
  line-height:1.35!important;
  color:#91a9ae!important;
}

/* ---------- Section 02: sticky motion viewport starts EXACTLY below the header ---------- */
.systems.is-motion{
  height:calc((100vh - var(--site-header-h)) + 920vh)!important;
}
.is-motion .systems-stage{
  top:var(--site-header-h)!important;
  height:calc(100vh - var(--site-header-h))!important;
  min-height:586px!important;
}
.is-motion .systems-header{
  inset:22px var(--s-gutter) auto!important;
}
.is-motion .systems-intro{
  inset:clamp(112px,16vh,154px) var(--s-gutter) auto!important;
}

/* Reading/scroll-mode switch must always stay visible below the global navigation. */
.systems-header{
  pointer-events:none;
}
.systems-header>*{
  pointer-events:auto;
}

/* Slightly reduce the top intro so the first viewport feels intentional below the fixed shell. */
.systems-intro-spine{margin-top:clamp(52px,7vh,76px)!important}

/* Header remains compact on smaller desktop widths too. */
@media(max-width:1100px){
  :root{--site-header-h:60px}
  .site-header-inner{padding-inline:24px!important;gap:18px!important}
  .site-brand{width:132px!important}
  .site-nav{gap:14px!important}
  .site-nav-link{font-size:11px!important}
  .site-header-cta{min-height:38px!important;padding:8px 11px!important;font-size:11px!important}
  .site-nav-menu{width:min(330px,42vw)!important}
  .site-nav-menu--compact{width:min(270px,34vw)!important}
}

/* =========================================================
   RESPONSIVE FOUNDATION v1 — TABLET + MOBILE HOMEPAGE
   English desktop remains the visual source of truth. New rules
   use logical properties where practical so the next RTL phase
   does not need to reverse the responsive system from scratch.
   ========================================================= */
.site-menu-toggle,.site-nav-mobile-cta,.site-nav-submenu-toggle{display:none}

@media(max-width:900px){
  :root{--site-header-h:60px}
  html{scroll-padding-top:var(--site-header-h)}
  body.site-menu-open{overflow:hidden}

  /* Global shell / navigation */
  .site-header{background:rgba(8,29,35,.985);border-bottom-color:#24434a}
  .site-header-inner{
    min-height:var(--site-header-h)!important;
    padding-inline:clamp(20px,4.5vw,34px)!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important
  }
  .site-brand{width:124px!important;position:relative;z-index:3}
  .site-menu-toggle{
    grid-column:3;grid-row:1;display:inline-flex;position:relative;z-index:3;
    width:42px;height:42px;align-items:center;justify-content:center;
    border:1px solid #35565d;background:transparent;color:#fafcfd;cursor:pointer
  }
  .site-menu-toggle span{position:absolute;width:16px;height:1px;background:currentColor;transition:transform .2s ease,top .2s ease}
  .site-menu-toggle span:first-child{top:16px}.site-menu-toggle span:last-child{top:24px}
  .site-header.is-menu-open .site-menu-toggle span:first-child{top:20px;transform:rotate(45deg)}
  .site-header.is-menu-open .site-menu-toggle span:last-child{top:20px;transform:rotate(-45deg)}
  .site-menu-toggle:focus-visible{outline:2px solid #7bc8d5;outline-offset:3px}

  .site-header-actions{grid-column:2;grid-row:1;justify-self:end;gap:12px!important;position:relative;z-index:3}
  .site-locale{display:none!important}
  .site-header-cta{min-height:38px!important;padding:8px 11px!important;font-size:11px!important;gap:10px!important}

  .site-nav{
    position:absolute;z-index:2;inset:var(--site-header-h) 0 auto;
    display:none!important;max-height:calc(100svh - var(--site-header-h));overflow-y:auto;
    padding:18px clamp(20px,4.5vw,34px) 30px;background:#081d23;border-top:1px solid #24434a;
    border-bottom:1px solid #35565d;box-shadow:0 22px 60px rgb(0 0 0 / 28%);
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important
  }
  .site-header.is-menu-open .site-nav{display:flex!important}
  .site-nav-group{position:relative;border-bottom:1px solid #24434a}
  .site-nav>.site-nav-link{border-bottom:1px solid #24434a}
  .site-nav-link{
    width:100%;min-height:48px!important;justify-content:space-between!important;
    padding:8px 0!important;font-size:14px!important;white-space:normal!important
  }
  .site-nav-group>.site-nav-link{padding-inline-end:54px!important}
  .site-nav-link>span{font-size:10px!important}
  .site-nav-group>.site-nav-link>span{display:none!important}
  .site-nav-submenu-toggle{
    display:inline-grid;place-items:center;position:absolute;inset-inline-end:0;inset-block-start:3px;z-index:2;
    width:42px;height:42px;border:0;background:transparent;color:#7bc8d5;cursor:pointer
  }
  .site-nav-submenu-toggle span{display:block;font-size:13px;transition:transform .2s ease}
  .site-nav-submenu-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
  .site-nav-submenu-toggle:focus-visible{outline:1px solid #7bc8d5;outline-offset:-3px}
  .site-nav-menu,.site-nav-menu--compact,.site-nav-menu--right{
    position:static!important;width:100%!important;max-height:0!important;padding:0!important;overflow:hidden!important;
    opacity:0!important;visibility:hidden!important;transform:none!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    transition:max-height .28s var(--nw-ease),opacity .18s ease,padding .18s ease!important
  }
  .site-nav-group.is-submenu-open>.site-nav-menu{
    max-height:420px!important;padding:0 0 12px!important;opacity:1!important;visibility:visible!important
  }
  .site-nav-menu:before{display:none!important}
  .site-nav-menu a{padding:10px 12px!important;border-bottom:0!important;border-inline-start:1px solid #35565d!important}
  .site-nav-menu strong{font-size:12px!important}.site-nav-menu span{font-size:10px!important;line-height:1.45!important}
  .site-nav-mobile-cta{
    display:flex;margin-top:20px;min-height:48px;padding:13px 15px;align-items:center;justify-content:space-between;
    background:#c7b58a;color:#081d23;text-decoration:none;font-size:13px;font-weight:500
  }

  /* Shared section rhythm */
  .systems,.capabilities,.proof,.process,.products,.insights,.start-project{
    --s-gutter:clamp(28px,5vw,44px);--c-gutter:clamp(28px,5vw,44px);--p-gutter:clamp(28px,5vw,44px);
    --pr-gutter:clamp(28px,5vw,44px);--pd-gutter:clamp(28px,5vw,44px);--i-gutter:clamp(28px,5vw,44px);--sp-gutter:clamp(28px,5vw,44px)
  }
  .capabilities-shell:before,.proof-shell:before,.process-shell:before,.products-shell:before,.insights-shell:before,.start-shell:before{display:none!important}
  .systems-header,.capabilities-header,.proof-header,.process-header,.products-header,.insights-header,.start-header{padding-bottom:42px!important}
  .systems-header>[class$="mode"],.capabilities-mode,.proof-mode,.process-mode,.products-mode,.insights-mode,.start-mode{display:none!important}
  .capabilities-intro,.proof-intro-grid,.process-intro-grid,.products-intro-grid,.insights-intro-grid,.start-intro-grid{
    grid-template-columns:1fr!important;gap:30px!important;align-items:start!important
  }
  .capabilities h2,.proof h2,.process h2,.products h2,.insights h2,.start-project h2{
    font-size:clamp(48px,7vw,68px)!important;line-height:1.01!important;max-width:12ch!important
  }
  .capabilities-lead,.proof-intro-grid>p,.process-intro-grid>p,.products-intro-grid>p,.insights-intro-grid>p,.start-intro-grid>div>p{
    font-size:16px!important;line-height:1.65!important;max-width:52ch!important
  }

  /* Section 02 — reading mode is the compact default. */
  .systems.is-motion{height:auto!important}
  .systems-stage,.is-motion .systems-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:72px var(--s-gutter) 0!important;overflow:hidden}
  .is-motion .systems-header,.is-motion .systems-intro,.is-motion .systems-panel,.is-motion .systems-outro,.is-motion .systems-bottom{
    position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important
  }
  .systems-intro{padding:38px 0 66px!important}
  .systems h2{font-size:clamp(48px,7.2vw,70px)!important;line-height:1.01!important;max-width:11ch}
  .systems-intro-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:26px}
  .systems-intro-bottom .systems-scroll-note{display:none}
  .systems-intro-spine{margin-top:46px!important}
  .systems-view,.systems-index{display:none!important}
  .systems-panel{grid-template-columns:1fr!important;gap:34px!important;padding:58px 0!important;border-top:1px solid var(--s-line)}
  .systems-copy h3{font-size:clamp(40px,6.2vw,58px)!important;max-width:12ch}
  .systems-value{font-size:16px!important;max-width:46ch}
  .systems-product-stage{height:clamp(360px,48vw,500px)!important}
  .systems-product-stage--split{grid-template-columns:1fr 1fr!important;height:clamp(330px,44vw,440px)!important}
  .systems-photo-pane,.systems-concept-pane{height:100%!important}
  .systems-outro{padding:70px 0!important}
  .systems-outro h3{font-size:clamp(42px,6vw,58px)!important;max-width:14ch}
  .systems-bottom{margin-top:0!important;padding-bottom:24px}

  /* Capabilities */
  .capabilities-shell{padding-top:76px!important}
  .capabilities-intro{padding-bottom:68px!important}
  .capability-row{
    grid-template-columns:44px 1fr!important;grid-template-rows:auto auto auto!important;
    gap:24px 20px!important;min-height:0!important;padding:38px 0!important
  }
  .capability-number{grid-column:1;grid-row:1;padding-top:5px}
  .capability-main{grid-column:2!important;grid-row:1!important}
  .capability-main h3{font-size:clamp(34px,5.3vw,48px)!important;max-width:15ch}
  .capability-main>p{font-size:15px!important}
  .capability-row>.nw-context-visual--capability{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important}
  .capability-side{grid-column:2!important;grid-row:3!important;min-height:0!important;height:auto!important;align-items:flex-start!important;gap:22px}
  .capability-mark{width:150px;height:70px;transform-origin:left center}
  .capability-route{width:min(100%,360px)}
  .capabilities-handoff{grid-template-columns:1fr!important;gap:24px!important;padding-block:68px!important}
  .capabilities-handoff h3{font-size:clamp(40px,6vw,58px)!important;max-width:14ch}

  /* Selected Work */
  .proof-shell{padding-top:76px!important}
  .proof-intro{padding-bottom:66px!important}
  .proof-feature{grid-template-columns:1fr!important;gap:44px!important;padding:56px 0 66px!important}
  .proof-feature-copy h3{font-size:clamp(42px,6.2vw,58px)!important}
  .proof-image-mask{height:clamp(430px,62vw,620px)!important}
  .proof-records{padding:68px 0!important}
  .proof-records-heading{grid-template-columns:1fr!important;gap:18px!important;padding-bottom:32px!important}
  .proof-records-heading h3{font-size:clamp(36px,5.2vw,48px)!important}
  .proof-record{grid-template-columns:44px 1fr!important;gap:12px 20px!important;padding:30px 0!important}
  .proof-record-number{grid-column:1;grid-row:1/4}.proof-record-main{grid-column:2}.proof-record-summary,.proof-record-boundary{grid-column:2}
  .proof-handoff{grid-template-columns:1fr!important;gap:20px!important;padding-block:56px!important}
  .proof-handoff h3{font-size:clamp(34px,5vw,46px)!important}

  /* Process */
  .process-shell{padding-top:76px!important}.process-intro{padding-bottom:64px!important}
  .process-rail{inset-inline-start:18px!important;left:auto!important}
  .process-step{grid-template-columns:52px 1fr!important;gap:18px!important;padding:36px 0!important}
  .process-step-index{grid-column:1;grid-row:1/3}.process-step-copy{grid-column:2;grid-row:1}.process-step-note{grid-column:2;grid-row:2;margin-top:8px!important}
  .process-step-copy h3{font-size:clamp(32px,5vw,44px)!important;max-width:14ch!important}
  .process-step-body{font-size:15px!important;max-width:48ch}
  .process-principles{padding:58px 0!important}.process-principles-grid{grid-template-columns:1fr 1fr!important}
  .process-handoff{grid-template-columns:1fr!important;gap:20px!important;padding-block:58px!important}
  .process-handoff h3{font-size:clamp(34px,5vw,46px)!important}

  /* Products */
  .products-shell{padding-top:76px!important}.products-intro{padding-bottom:66px!important}
  .product{grid-template-columns:1fr!important;gap:40px!important;padding:58px 0!important}
  .product-copy h3{font-size:clamp(42px,6vw,58px)!important}
  .product-value{font-size:16px!important;max-width:46ch}
  .product-hero-frame{width:100%;aspect-ratio:3/2}
  .products-thesis{grid-template-columns:1fr!important;gap:22px!important;padding:66px 0!important}
  .products-thesis h3{font-size:clamp(36px,5vw,48px)!important}
  .products-handoff{grid-template-columns:1fr!important;gap:18px!important;padding-block:58px!important}
  .products-handoff h3{font-size:clamp(36px,5vw,48px)!important}

  /* Insights */
  .insights-shell{padding-top:76px!important}.insights-intro{padding-bottom:64px!important}
  .insights-list{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding-bottom:68px!important}
  .insight-card,.insight-card:first-child{min-height:0!important;margin:0!important}
  .insight-card:first-child .insight-visual{min-height:0!important;aspect-ratio:16/9!important}
  .insight-card-body{padding:26px!important}
  .insight-card h3,.insight-card:first-child h3{font-size:clamp(32px,5vw,46px)!important;max-width:15ch!important}
  .insights-editorial{grid-template-columns:1fr!important;gap:24px!important;padding:58px 0!important}
  .insights-editorial>p{font-size:18px!important;max-width:40ch}
  .insights-handoff{grid-template-columns:1fr!important;gap:20px!important;padding-block:68px!important}
  .insights-handoff h3{font-size:clamp(42px,6vw,58px)!important}

  /* Conversion close */
  .start-shell{padding-top:76px!important}.start-intro{padding-bottom:60px!important}
  .start-decision{grid-template-columns:1fr!important;gap:38px!important;padding:56px 0 74px!important}
  .start-guidance{max-width:680px}.start-action-panel{padding:34px!important}
  .start-action-panel h3{font-size:clamp(38px,5.7vw,52px)!important;max-width:14ch}
  .start-handoff{grid-template-columns:1fr!important;gap:20px!important;padding-block:66px!important}
  .start-handoff h3{font-size:clamp(42px,6vw,58px)!important}

  /* Footer */
  .footer-shell{padding:58px clamp(28px,5vw,44px) 28px!important}
  .footer-brand{grid-template-columns:1fr!important;gap:26px!important;padding-bottom:38px!important}
  .footer-brand img{width:150px}.footer-brand p{font-size:20px!important;max-width:32ch}
  .footer-links{grid-template-columns:1fr 1fr 1fr!important;gap:34px!important;padding:34px 0!important}
  .footer-links a{font-size:13px}
  .footer-bottom{align-items:flex-start}
}

@media(max-width:600px){
  :root{--site-header-h:58px}
  .site-header-inner{padding-inline:18px!important;gap:10px!important;grid-template-columns:auto 1fr 42px!important}
  .site-brand{width:112px!important}.site-header-actions{display:none!important}
  .site-nav{inset-block-start:var(--site-header-h);padding-inline:18px}
  .site-nav-mobile-cta{display:flex}

  .systems,.capabilities,.proof,.process,.products,.insights,.start-project{
    --s-gutter:20px;--c-gutter:20px;--p-gutter:20px;--pr-gutter:20px;--pd-gutter:20px;--i-gutter:20px;--sp-gutter:20px
  }
  .systems-stage,.is-motion .systems-stage{padding-top:64px!important}
  .systems-header,.capabilities-header,.proof-header,.process-header,.products-header,.insights-header,.start-header{padding-bottom:32px!important}
  .systems-eyebrow,.systems-system-label,.systems-overline,.capabilities-eyebrow,.capabilities-overline,.proof-eyebrow,.proof-overline,.process-eyebrow,.process-overline,.products-eyebrow,.products-overline,.insights-eyebrow,.insights-overline,.start-eyebrow,.start-overline{font-size:10px!important}
  .capabilities h2,.proof h2,.process h2,.products h2,.insights h2,.start-project h2,.systems h2{font-size:clamp(40px,11vw,50px)!important;line-height:1.02!important}

  .systems-intro{padding:30px 0 54px!important}.systems-panel{padding:46px 0!important;gap:28px!important}
  .systems-copy h3{font-size:clamp(34px,9vw,43px)!important}.systems-category{font-size:12px}.systems-value{font-size:15px!important}
  .systems-product-stage{height:300px!important}.systems-product-stage--split{grid-template-columns:1fr!important;height:auto!important;gap:10px!important}
  .systems-photo-pane,.systems-concept-pane{height:250px!important}.systems-visual-header{font-size:8px}.systems-figure figcaption strong{font-size:15px}
  .systems-outro{padding:54px 0!important}.systems-outro h3{font-size:38px!important}

  .capabilities-shell,.proof-shell,.process-shell,.products-shell,.insights-shell,.start-shell{padding-top:64px!important}
  .capability-row{grid-template-columns:34px 1fr!important;gap:18px 14px!important;padding:32px 0!important}
  .capability-main h3{font-size:34px!important}.capability-main>p{font-size:14px!important}.capability-tags{margin-top:18px}.capability-tags span{font-size:10px}
  .capability-mark{width:125px;height:62px}.capability-route{font-size:13px}

  .proof-feature{padding:48px 0 56px!important;gap:34px!important}.proof-feature-copy h3{font-size:39px!important}
  .proof-ledger{margin:28px 0}.proof-ledger>div{grid-template-columns:76px 1fr;gap:14px;padding:15px 0}
  .proof-image-mask{height:340px!important}.proof-browserbar{height:38px}.proof-records{padding:56px 0!important}
  .proof-record{grid-template-columns:30px 1fr!important;gap:10px 14px!important}.proof-record-main h4{font-size:30px}

  .process-rail{inset-inline-start:14px!important}.process-step{grid-template-columns:40px 1fr!important;gap:14px!important;padding:32px 0!important}
  .process-step-index span{width:30px!important;height:30px!important;font-size:9px}.process-step-copy h3{font-size:32px!important}.process-step-body{font-size:14px!important}
  .process-principles-grid{grid-template-columns:1fr!important;border-inline-start:1px solid var(--pr-line)}
  .process-principles-grid p{padding:20px!important}

  .product{padding:50px 0!important;gap:30px!important}.product-copy h3{font-size:40px!important}.product-value{font-size:15px!important}
  .product-facts{margin-bottom:26px}.product-facts span{font-size:8px}.product-stage-head{font-size:8px}
  .products-thesis,.products-handoff{padding-block:54px!important}

  .insights-list{gap:14px!important}.insight-card-body{padding:22px!important}.insight-card h3,.insight-card:first-child h3{font-size:32px!important}
  .insight-card-body>p{font-size:13px}.insights-editorial,.insights-handoff{padding-block:54px!important}

  .start-decision{padding:48px 0 62px!important;gap:30px!important}.start-guidance li{grid-template-columns:32px 1fr;gap:12px!important}
  .start-action-panel{padding:26px!important}.start-action-panel h3{font-size:36px!important}.start-action-buttons{align-items:stretch;flex-direction:column;gap:12px!important}.start-action-buttons>*{width:100%;justify-content:space-between}

  .capabilities-handoff,.proof-handoff,.process-handoff,.products-handoff,.insights-handoff,.start-handoff{padding-inline:20px!important}
  .capabilities-handoff h3,.proof-handoff h3,.process-handoff h3,.products-handoff h3,.start-handoff h3{font-size:36px!important}
  .insights-handoff h3{font-size:40px!important}

  .footer-shell{padding:48px 20px 24px!important}.footer-brand{gap:20px!important;padding-bottom:30px!important}.footer-brand img{width:132px}
  .footer-brand p{font-size:17px!important;line-height:1.55}
  .footer-links{grid-template-columns:1fr 1fr!important;gap:30px 26px!important;padding:30px 0!important}.footer-links>div:first-child{grid-column:1/-1}
  .footer-links p{margin-bottom:14px}.footer-links a{font-size:12px;padding:6px 0}
  .footer-bottom{flex-direction:column;gap:12px;font-size:10px}
}

@media(hover:none){
  .site-header-cta:hover,.insight-card:hover,.insight-card:hover .insight-visual img,.capability-route:hover{transform:none!important;box-shadow:none!important}
}

@media(prefers-reduced-motion:reduce){
  .site-menu-toggle span{transition:none!important}
}

/* =========================================================
   MOBILE PRECISION v6 — HOMEPAGE
   Mobile is treated as a scan-and-act interface, not a stacked desktop.
   Keeps the full information set while compressing hierarchy and using
   two-column micro-grids where items are short enough to compare.
   ========================================================= */
@media(max-width:600px){
  :root{--site-header-h:54px}

  /* Navigation: compact overview first. */
  .site-header-inner{min-height:54px!important;padding-inline:16px!important;grid-template-columns:auto 1fr 40px!important}
  .site-brand{width:106px!important}
  .site-menu-toggle{width:40px!important;height:40px!important}
  .site-nav{inset-block-start:54px!important;padding:8px 16px 14px!important}
  .site-nav-panel{padding-block:8px 12px!important}
  .site-nav-group>a{min-height:44px!important;padding-block:10px!important;font-size:12px!important}
  .site-nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important}
  .site-nav-group.is-submenu-open>.site-nav-menu{max-height:250px!important;padding-block-end:8px!important}
  .site-nav-menu a{min-height:44px!important;padding:9px 10px!important}
  .site-nav-menu strong{font-size:11px!important;line-height:1.25!important}
  .site-nav-menu span{display:none!important}
  .site-nav-mobile-cta{min-height:46px!important;margin-top:12px!important;padding:11px 13px!important;font-size:12px!important}

  /* Shared mobile density tokens. */
  .systems,.capabilities,.proof,.process,.products,.insights,.start-project{
    --s-gutter:16px;--c-gutter:16px;--p-gutter:16px;--pr-gutter:16px;--pd-gutter:16px;--i-gutter:16px;--sp-gutter:16px
  }
  .systems-header,.capabilities-header,.proof-header,.process-header,.products-header,.insights-header,.start-header{padding-bottom:20px!important}
  .systems-eyebrow,.systems-system-label,.systems-overline,.capabilities-eyebrow,.capabilities-overline,.proof-eyebrow,.proof-overline,
  .process-eyebrow,.process-overline,.products-eyebrow,.products-overline,.insights-eyebrow,.insights-overline,.start-eyebrow,.start-overline{
    font-size:8px!important;line-height:1.45!important;letter-spacing:.12em!important
  }
  .capabilities h2,.proof h2,.process h2,.products h2,.insights h2,.start-project h2,.systems h2{
    font-size:clamp(31px,8.8vw,36px)!important;line-height:1.01!important;max-width:13ch!important;letter-spacing:-.045em!important
  }
  .capabilities-lead,.proof-intro-grid>p,.process-intro-grid>p,.products-intro-grid>p,.insights-intro-grid>p,.start-intro-grid>div>p{
    font-size:13px!important;line-height:1.58!important
  }

  /* Systems: keep both visual halves visible in one viewport. */
  .systems-stage,.is-motion .systems-stage{padding:46px var(--s-gutter) 0!important}
  .systems-intro{padding:20px 0 38px!important}
  .systems-intro-bottom{margin-top:16px!important;gap:12px!important}
  .systems-intro-spine{margin-top:28px!important}
  .systems-panel{padding:34px 0!important;gap:18px!important}
  .systems-copy h3{font-size:28px!important;line-height:1.02!important;max-width:13ch!important}
  .systems-category{font-size:10px!important}.systems-value{font-size:13px!important;line-height:1.55!important}
  .systems-route{font-size:11px!important;margin-top:14px!important}
  .systems-product-stage{height:220px!important}
  .systems-product-stage--split{grid-template-columns:1fr 1fr!important;height:196px!important;gap:6px!important}
  .systems-photo-pane,.systems-concept-pane{height:196px!important;min-width:0!important}
  .systems-visual-header{font-size:6px!important;padding:6px 7px!important}
  .systems-stage-note{font-size:7px!important;padding:6px 7px!important}
  .systems-figure figcaption{font-size:9px!important;line-height:1.45!important;margin-top:8px!important}
  .systems-figure figcaption strong{font-size:12px!important}
  .systems-outro{padding:38px 0!important}.systems-outro h3{font-size:29px!important;line-height:1.03!important}

  /* Capabilities: remove decorative mobile-only height; keep decision data. */
  .capabilities-shell,.proof-shell,.process-shell,.products-shell,.insights-shell,.start-shell{padding-top:46px!important}
  .capabilities-intro,.proof-intro,.process-intro,.products-intro,.insights-intro,.start-intro{padding-bottom:38px!important}
  .capability-row{grid-template-columns:24px 1fr!important;gap:10px 12px!important;padding:22px 0!important}
  .capability-number{font-size:8px!important}.capability-main h3{font-size:25px!important;line-height:1.04!important;margin-bottom:10px!important}
  .capability-main>p{font-size:12.5px!important;line-height:1.55!important}
  .capability-tags{gap:5px!important;margin-top:12px!important}.capability-tags span{font-size:8px!important;padding:5px 7px!important}
  .capability-row>.nw-context-visual--capability,.capability-mark{display:none!important}
  .capability-side{grid-row:2!important;gap:0!important}.capability-route{min-height:44px!important;width:auto!important;font-size:11px!important;padding:8px 0!important}
  .capabilities-handoff{padding-block:40px!important;gap:12px!important}.capabilities-handoff h3{font-size:29px!important}

  /* Proof: shorter capture, two comparable delivery records. */
  .proof-feature{padding:34px 0 40px!important;gap:22px!important}.proof-feature-copy h3{font-size:30px!important}
  .proof-ledger{margin:18px 0!important}.proof-ledger>div{grid-template-columns:60px 1fr!important;gap:9px!important;padding:10px 0!important}
  .proof-ledger dt{font-size:8px!important}.proof-ledger dd{font-size:11px!important;line-height:1.5!important}
  .proof-image-mask{height:236px!important}.proof-browserbar{height:28px!important}.proof-visual figcaption{font-size:8px!important}
  .proof-records{padding:40px 0!important}
  .proof-records-heading{padding-bottom:20px!important}.proof-records-heading h3{font-size:27px!important;line-height:1.04!important}
  .proof-records{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 10px!important}
  .proof-records-heading{grid-column:1/-1!important}
  .proof-record{display:block!important;padding:16px!important;border:1px solid var(--p-line)!important;margin:0!important;min-width:0!important}
  .proof-record+.proof-record{border-top:1px solid var(--p-line)!important}
  .proof-record-number{display:block!important;font-size:8px!important;margin-bottom:24px!important}
  .proof-record-main h4{font-size:20px!important;line-height:1.05!important}.proof-record-class{font-size:8px!important}
  .proof-record-summary{font-size:11px!important;line-height:1.5!important;margin-top:14px!important}
  .proof-record-boundary{font-size:9px!important;line-height:1.45!important;margin-top:12px!important}
  .proof-handoff{padding-block:40px!important;gap:10px!important}.proof-handoff h3{font-size:28px!important}

  /* Process: dense scan pattern + 2x2 principle matrix. */
  .process-step{grid-template-columns:30px 1fr!important;gap:10px!important;padding:22px 0!important}
  .process-step-index span{width:24px!important;height:24px!important;font-size:7px!important}
  .process-step-meta{font-size:7px!important}.process-step-copy h3{font-size:24px!important;line-height:1.04!important;margin-block:8px!important}
  .process-step-body{font-size:12.5px!important;line-height:1.55!important}.process-step-note{margin-top:2px!important;padding-top:10px!important}
  .process-step-note span{font-size:7px!important}.process-step-note p{font-size:10px!important;line-height:1.45!important}
  .process-principles{padding:38px 0!important}.process-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .process-principles-grid p{padding:14px!important;font-size:13px!important;line-height:1.35!important}.process-principles-grid span{font-size:8px!important;margin-bottom:10px!important}
  .process-handoff{padding-block:40px!important}.process-handoff h3{font-size:28px!important}

  /* Products: visuals shorter; product facts become a compact matrix. */
  .product{padding:36px 0!important;gap:20px!important}.product-copy h3{font-size:29px!important}.product-value{font-size:13px!important;line-height:1.55!important}
  .product-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-bottom:18px!important}
  .product-facts span{font-size:7px!important;padding:6px!important;text-align:center!important;white-space:normal!important;line-height:1.25!important}
  .product-hero-frame{aspect-ratio:16/9!important}.product-stage-head{font-size:6px!important}
  .products-thesis,.products-handoff{padding-block:40px!important}.products-thesis h3,.products-handoff h3{font-size:28px!important}

  /* Insights: featured stays wide; two secondary notes compare side-by-side. */
  .insights-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-bottom:42px!important}
  .insight-card:first-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;align-items:stretch!important}
  .insight-card:first-child .insight-visual{aspect-ratio:auto!important;min-height:180px!important;height:100%!important}
  .insight-card:not(:first-child) .insight-visual{aspect-ratio:4/3!important}
  .insight-card-body{padding:14px!important}.insight-card:first-child .insight-card-body{padding:18px!important}
  .insight-meta{font-size:7px!important;gap:6px!important}.insight-card h3,.insight-card:first-child h3{font-size:20px!important;line-height:1.05!important;margin:18px 0 10px!important;max-width:none!important}
  .insight-card-body>p{font-size:10.5px!important;line-height:1.48!important}.insight-route{font-size:10px!important;margin-top:12px!important}
  .insights-editorial,.insights-handoff{padding-block:40px!important}.insights-editorial{gap:14px!important}.insights-editorial>p{font-size:14px!important}
  .insights-handoff h3{font-size:29px!important}

  /* Conversion close: preserve action ergonomics, reduce decorative scale. */
  .start-decision{padding:36px 0 46px!important;gap:20px!important}.start-guidance li{grid-template-columns:24px 1fr!important;gap:8px!important;padding-block:12px!important}
  .start-guidance li span{font-size:7px!important}.start-guidance li strong{font-size:13px!important}.start-guidance li p{font-size:10.5px!important}
  .start-action-panel{padding:20px!important}.start-action-panel h3{font-size:28px!important}.start-action-panel>p{font-size:12px!important;line-height:1.55!important}
  .start-action-buttons{flex-direction:row!important;align-items:center!important;gap:8px!important}.start-action-buttons>*{width:auto!important;min-height:48px!important;font-size:11px!important}
  .start-handoff{padding-block:40px!important}.start-handoff h3{font-size:29px!important}

  /* Footer: retain overview, reduce vertical tax. */
  .footer-shell{padding:36px 16px 20px!important}.footer-brand{grid-template-columns:.72fr 1.28fr!important;gap:16px!important;padding-bottom:22px!important;align-items:start!important}
  .footer-brand img{width:108px!important}.footer-brand p{font-size:13px!important;line-height:1.48!important}
  .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important;padding:22px 0!important}
  .footer-links>div:first-child{grid-column:auto!important}.footer-links p{font-size:7px!important;margin-bottom:8px!important}.footer-links a{font-size:9px!important;line-height:1.35!important;padding:4px 0!important}
  .footer-bottom{font-size:8px!important;gap:8px!important}
}

/* =========================================================
   TABLET NAV CTA DEDUPE v3.1
   On compact tablet the persistent header CTA is already visible,
   so repeating the same CTA inside the open drawer adds noise.
   Mobile keeps the drawer CTA because the header CTA is hidden there.
   ========================================================= */
@media (min-width:601px) and (max-width:900px){
  .site-nav-mobile-cta{display:none!important}
}

/* ===== Persian / RTL foundation v4.0 ===== */
html[dir="rtl"] body,html[dir="rtl"] .systems,html[dir="rtl"] .capabilities,html[dir="rtl"] .proof,html[dir="rtl"] .process,html[dir="rtl"] .products,html[dir="rtl"] .insights,html[dir="rtl"] .start-project,html[dir="rtl"] .site-footer{direction:rtl;font-family:var(--font-persian);text-align:start}
html[dir="rtl"] .systems h2,html[dir="rtl"] .systems h3,html[dir="rtl"] .capabilities h2,html[dir="rtl"] .capabilities h3,html[dir="rtl"] .proof h2,html[dir="rtl"] .proof h3,html[dir="rtl"] .proof h4,html[dir="rtl"] .process h2,html[dir="rtl"] .process h3,html[dir="rtl"] .products h2,html[dir="rtl"] .products h3,html[dir="rtl"] .insights h2,html[dir="rtl"] .insights h3,html[dir="rtl"] .start-project h2,html[dir="rtl"] .start-project h3{font-family:var(--font-persian);letter-spacing:0}
html[dir="rtl"] .systems-route span,html[dir="rtl"] .capability-route span,html[dir="rtl"] .proof-route span,html[dir="rtl"] .product-route span,html[dir="rtl"] .insight-route span,html[dir="rtl"] .insights-all span,html[dir="rtl"] .project-submit span,html[dir="rtl"] .project-contact span{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .systems-progress span,html[dir="rtl"] .capabilities-progress span,html[dir="rtl"] .proof-progress span,html[dir="rtl"] .process-progress span,html[dir="rtl"] .products-progress span,html[dir="rtl"] .insights-progress span{transform-origin:right}
html[dir="rtl"] .process-rail{left:auto;right:41px}
html[dir="rtl"] .process-shell:before{left:auto;right:55%}
@media(max-width:600px){html[dir="rtl"] .process-rail{right:18px;left:auto}}

/* =========================================================
   PERSIAN HOMEPAGE TYPOGRAPHY + RTL POLISH v4.1
   Licensed font files live in /assets/fonts/anjoman-max/.
   Arabic/Persian unicode-range keeps Latin/product names in Söhne.
   ========================================================= */
html[dir="rtl"] body.homepage-locale--fa{font-family:var(--font-persian);font-weight:400}
html[dir="rtl"] .systems,html[dir="rtl"] .capabilities,html[dir="rtl"] .proof,html[dir="rtl"] .process,html[dir="rtl"] .products,html[dir="rtl"] .insights,html[dir="rtl"] .start-project,html[dir="rtl"] .site-footer{font-family:var(--font-persian)}
html[dir="rtl"] .systems h2,html[dir="rtl"] .systems h3,html[dir="rtl"] .capabilities h2,html[dir="rtl"] .capabilities h3,html[dir="rtl"] .proof h2,html[dir="rtl"] .proof h3,html[dir="rtl"] .proof h4,html[dir="rtl"] .process h2,html[dir="rtl"] .process h3,html[dir="rtl"] .products h2,html[dir="rtl"] .products h3,html[dir="rtl"] .insights h2,html[dir="rtl"] .insights h3,html[dir="rtl"] .start-project h2,html[dir="rtl"] .start-project h3{font-family:var(--font-persian);font-weight:700;letter-spacing:0;line-height:1.16;text-wrap:balance}
html[dir="rtl"] .systems p,html[dir="rtl"] .capabilities p,html[dir="rtl"] .proof p,html[dir="rtl"] .proof dd,html[dir="rtl"] .process p,html[dir="rtl"] .products p,html[dir="rtl"] .products figcaption,html[dir="rtl"] .insights p,html[dir="rtl"] .start-project p{line-height:1.82}
html[dir="rtl"] .systems-eyebrow,html[dir="rtl"] .systems-mode,html[dir="rtl"] .systems-overline,html[dir="rtl"] .systems-system-label,
html[dir="rtl"] .capabilities-eyebrow,html[dir="rtl"] .capabilities-mode,html[dir="rtl"] .capabilities-overline,
html[dir="rtl"] .proof-eyebrow,html[dir="rtl"] .proof-mode,html[dir="rtl"] .proof-overline,html[dir="rtl"] .proof-number,
html[dir="rtl"] .process-eyebrow,html[dir="rtl"] .process-mode,html[dir="rtl"] .process-overline,html[dir="rtl"] .process-step-meta,html[dir="rtl"] .process-principles-kicker,html[dir="rtl"] .process-handoff-kicker,
html[dir="rtl"] .products-eyebrow,html[dir="rtl"] .products-mode,html[dir="rtl"] .products-overline,html[dir="rtl"] .product-index,html[dir="rtl"] .products-thesis-kicker,
html[dir="rtl"] .insights-eyebrow,html[dir="rtl"] .insights-mode,html[dir="rtl"] .insights-overline,
html[dir="rtl"] .start-eyebrow,html[dir="rtl"] .start-mode,html[dir="rtl"] .start-overline,html[dir="rtl"] .start-guidance-kicker,html[dir="rtl"] .start-action-label,html[dir="rtl"] .start-handoff-kicker{font-family:var(--font-persian);letter-spacing:0;text-transform:none;font-weight:600}
html[dir="rtl"] .site-header,html[dir="rtl"] .site-nav,html[dir="rtl"] .site-header-cta,html[dir="rtl"] .site-nav-mobile-cta,html[dir="rtl"] .site-nav-menu,html[dir="rtl"] .site-footer{font-family:var(--font-persian)}
html[dir="rtl"] .site-nav-menu a strong,html[dir="rtl"] .site-header-cta,html[dir="rtl"] .site-nav-mobile-cta{font-weight:600}
html[dir="rtl"] .site-nav-menu a span{line-height:1.65}
html[dir="rtl"] .site-nav-menu--right{right:auto;left:0}
html[dir="rtl"] .site-nav-link>span,html[dir="rtl"] .site-header-cta>span,html[dir="rtl"] .site-nav-mobile-cta>span{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .systems-route,html[dir="rtl"] .capability-route,html[dir="rtl"] .proof-route,html[dir="rtl"] .product-route,html[dir="rtl"] .insight-route,html[dir="rtl"] .insights-all,html[dir="rtl"] .project-submit,html[dir="rtl"] .project-contact{font-family:var(--font-persian);font-weight:500}
html[dir="rtl"] .systems-route span,html[dir="rtl"] .capability-route span,html[dir="rtl"] .proof-route span,html[dir="rtl"] .product-route span,html[dir="rtl"] .insight-route span,html[dir="rtl"] .insights-all span,html[dir="rtl"] .project-submit span,html[dir="rtl"] .project-contact span{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .systems-progress span,html[dir="rtl"] .capabilities-progress span,html[dir="rtl"] .proof-progress span,html[dir="rtl"] .process-progress span,html[dir="rtl"] .products-progress span,html[dir="rtl"] .insights-progress span{transform-origin:right}
html[dir="rtl"] .proof-browserbar,html[dir="rtl"] .systems-browser-bar,html[dir="rtl"] .erp-ui-top,html[dir="rtl"] .sync-signal-label,html[dir="rtl"] .ai-app-title,html[dir="rtl"] .ai-app-rail{direction:ltr;font-family:var(--font-latin)}
html[dir="rtl"] .proof-browserbar span,html[dir="rtl"] .systems-browser-bar b{unicode-bidi:isolate;direction:ltr}
html[dir="rtl"] .process-rail{left:auto;right:41px}
html[dir="rtl"] .process-shell:before,html[dir="rtl"] .capabilities-shell:before,html[dir="rtl"] .proof-shell:before{left:auto;right:55%}
html[dir="rtl"] .capability-line{transform-origin:right}
html[dir="rtl"] .footer-links,html[dir="rtl"] .footer-brand,html[dir="rtl"] .footer-bottom{text-align:start}
html[dir="rtl"] .footer-links p{letter-spacing:0;text-transform:none;font-family:var(--font-persian);font-weight:600}

@media(max-width:1024px){
  html[dir="rtl"] .systems h2,html[dir="rtl"] .capabilities h2,html[dir="rtl"] .proof h2,html[dir="rtl"] .process h2,html[dir="rtl"] .products h2,html[dir="rtl"] .insights h2,html[dir="rtl"] .start-project h2{line-height:1.14}
}
@media(max-width:600px){
  html[dir="rtl"] .systems h2,html[dir="rtl"] .capabilities h2,html[dir="rtl"] .proof h2,html[dir="rtl"] .process h2,html[dir="rtl"] .products h2,html[dir="rtl"] .insights h2,html[dir="rtl"] .start-project h2{line-height:1.12}
  html[dir="rtl"] .systems p,html[dir="rtl"] .capabilities p,html[dir="rtl"] .proof p,html[dir="rtl"] .process p,html[dir="rtl"] .products p,html[dir="rtl"] .insights p,html[dir="rtl"] .start-project p{line-height:1.72}
  html[dir="rtl"] .process-rail{right:18px;left:auto}
}

/* =========================================================
   LIVE ACCESSIBILITY POLISH v1.4
   - WCAG AA-safe muted copy on light surfaces
   - larger mobile hit areas without visually enlarging the UI
   ========================================================= */
@media(max-width:600px){
  .site-nav-group>a,
  .site-nav-menu a{
    min-height:48px!important;
    padding-block:12px!important;
    align-items:center!important;
  }
  .site-nav-menu{row-gap:4px!important}
  .footer-links a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:8px 0!important;
    font-size:10px!important;
  }
}