:root{--bg:#050f19;--bg2:#071826;--navy:#0b2234;--cyan:#08b5d0;--ice:#69d1df;--white:#f7fbfd;--text:#d6e5ed;--muted:#829eaf;--line:rgba(111,177,201,.18);--line2:rgba(111,177,201,.34);--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"Inter",Arial,sans-serif;--bar:72px;--pad:clamp(24px,5vw,88px);--max:1580px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}::selection{background:rgba(8,181,208,.25);color:#fff}.skip{position:fixed;top:-60px;left:20px;z-index:300;background:#fff;color:#071522;padding:10px 14px}.skip:focus{top:12px}.frame{width:min(var(--max),100%);margin:0 auto;padding-inline:var(--pad)}.eyebrow{font:500 10px/1.2 var(--mono);letter-spacing:.21em;text-transform:uppercase;color:var(--cyan)}h1,h2,h3,p{margin:0}h1,h2,h3{color:#fff;line-height:1.02;letter-spacing:-.048em}h1 em,h2 em{font-style:normal;color:var(--ice)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:none}
.world-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.78}.hero-grid,.scroll-cue{position:relative;z-index:2}.hero-lattice,.hero-glow{z-index:1}.scene,.sticky-stage{position:relative;z-index:1}.scene{min-height:100svh;overflow:hidden;isolation:isolate}.scroll-story{height:calc(100svh + (var(--steps) - 1) * 72svh);position:relative;background:var(--bg)}.sticky-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:rgba(5,15,25,.92)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:150;height:var(--bar);padding:0 var(--pad);display:flex;align-items:center;gap:34px;background:linear-gradient(180deg,rgba(3,10,17,.93),rgba(3,10,17,.48),transparent);border-bottom:1px solid transparent;transition:.3s}.topbar.stuck{background:rgba(3,12,20,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.brand img{height:27px;width:auto}.topnav{margin-left:auto;display:flex;gap:26px}.topnav a{text-decoration:none;color:#94adbc;font-size:12.5px;transition:.2s}.topnav a:hover,.topnav a.active{color:#fff}.nav-cta{text-decoration:none;border:1px solid rgba(65,142,174,.52);border-radius:999px;padding:10px 15px;font:500 9px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#def8fb}.menu{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px}.menu span{display:block;height:1px;background:#dceaf1;margin:8px 0}
.chapter-rail{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:120;display:grid;gap:10px;padding:12px 9px;border:1px solid rgba(75,125,147,.17);background:rgba(3,12,20,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-rail a{width:7px;height:7px;border:1px solid #4e7185;border-radius:50%;position:relative;text-decoration:none;transition:.2s}.chapter-rail a.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 16px rgba(8,181,208,.4)}.chapter-rail span{position:absolute;right:18px;top:50%;transform:translate(5px,-50%);opacity:0;white-space:nowrap;color:#829dad;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:.2s}.chapter-rail a:hover span{opacity:1;transform:translate(0,-50%)}
.cursor-halo{position:fixed;left:0;top:0;width:42px;height:42px;border:1px solid rgba(105,209,223,.42);border-radius:50%;pointer-events:none;z-index:250;transform:translate3d(-100px,-100px,0);transition:width .25s,height .25s,border-color .25s,background .25s;mix-blend-mode:screen}.cursor-halo i{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--ice);transform:translate(-50%,-50%)}.cursor-halo span{position:absolute;left:52px;top:50%;transform:translateY(-50%);font:8px var(--mono);letter-spacing:.12em;color:var(--ice);white-space:nowrap;opacity:0;transition:.2s}.cursor-halo.hot{width:66px;height:66px;border-color:rgba(105,209,223,.68);background:rgba(8,181,208,.025)}.cursor-halo.hot span{opacity:1}
.button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:999px;padding:12px 19px;border:1px solid transparent;font:500 9px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;transition:.2s}.button.primary{background:var(--cyan);color:#031923}.button.primary:hover{background:var(--ice)}.button.ghost{border-color:#2b5066;color:#d7e8ef}.button.ghost:hover{border-color:var(--cyan)}
.hero{background:radial-gradient(circle at 76% 42%,#0a3045 0%,#071b2a 28%,#050f19 66%,#030a11 100%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(91,151,176,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(91,151,176,.022) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero-glow{position:absolute;width:44vw;height:44vw;right:5%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(8,181,208,.08),transparent 68%);filter:blur(6px)}.hero-lattice{position:absolute;right:-18%;bottom:-33%;width:min(69vw,1120px);opacity:.035;pointer-events:none}.hero-grid{min-height:100svh;padding-top:calc(var(--bar) + 32px);padding-bottom:42px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.86fr);gap:clamp(48px,7vw,118px);align-items:center}.hero-copy{max-width:760px;position:relative;z-index:2}.hero h1{font-size:clamp(52px,5.25vw,88px);max-width:10.6ch;margin-top:20px;font-weight:600}.hero-copy>p{font-size:clamp(16px,1.18vw,19px);color:#9fb7c4;max-width:61ch;margin-top:27px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.proof{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--line);max-width:720px}.proof>div{padding:18px 18px 0 0;border-right:1px solid var(--line)}.proof>div+div{padding-left:18px}.proof>div:last-child{border:0}.proof strong{display:block;color:var(--ice);font:500 clamp(22px,2vw,31px)/1 var(--mono)}.proof span{display:block;color:#718c9d;font-size:10.5px;line-height:1.3;margin-top:8px}.scroll-cue{position:absolute;bottom:22px;left:var(--pad);display:flex;align-items:center;gap:11px;text-decoration:none;color:#69879a;font:8px var(--mono);letter-spacing:.15em;text-transform:uppercase}.scroll-cue i{width:56px;height:1px;background:#34596d;overflow:hidden}.scroll-cue i:after{content:"";display:block;width:100%;height:100%;background:var(--cyan);animation:cue 2.4s ease infinite;transform:translateX(-100%)}@keyframes cue{50%{transform:translateX(0)}100%{transform:translateX(100%)}}
.hero-wheel{position:relative;width:min(100%,610px);aspect-ratio:1;justify-self:end}.wheel-svg{width:100%;height:100%;overflow:visible}.wheel-rings circle{fill:none;stroke:#16425b;stroke-width:1.2}.wheel-rings .seg{stroke:#0a344b;stroke-width:24;stroke-dasharray:86 76;opacity:.8;transform-origin:280px 280px;animation:ringSpin 52s linear infinite}.wheel-rings .pulse-ring{stroke:#1a526d;opacity:.65;animation:ringPulse 4.8s ease-in-out infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringPulse{50%{r:118;opacity:.28}}.wheel-node{cursor:pointer;outline:none}.wheel-node circle{fill:#f7fbfd;stroke:#0d536f;stroke-width:3;transition:.22s;transform-box:fill-box;transform-origin:center}.wheel-node .ic{fill:none;stroke:#071522;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.wheel-node:hover circle,.wheel-node:focus circle,.wheel-node.active circle{fill:var(--ice);stroke:var(--cyan);transform:scale(1.13)}.wheel-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center;pointer-events:none}.wheel-core small{font:500 8px var(--mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.wheel-core h3{font-size:clamp(18px,1.55vw,25px);margin-top:9px}.wheel-core p{font-size:11px;line-height:1.45;color:#7f99aa;max-width:19ch;margin:9px auto 0}.wheel-core>span{display:block;margin-top:11px;color:#587c90;font:8px var(--mono);letter-spacing:.09em;text-transform:uppercase}.wheel-axis{position:absolute;inset:0;pointer-events:none}.wheel-axis span{position:absolute;font:7px var(--mono);letter-spacing:.12em;color:#456b80;text-transform:uppercase}.wheel-axis span:nth-child(1){top:2%;left:50%;transform:translateX(-50%)}.wheel-axis span:nth-child(2){right:-1%;top:50%;transform:rotate(90deg)}.wheel-axis span:nth-child(3){bottom:1%;left:50%;transform:translateX(-50%)}.wheel-axis span:nth-child(4){left:-2%;top:50%;transform:rotate(-90deg)}
.approach{background:linear-gradient(135deg,#071521 0%,#081d2b 54%,#071521 100%)}.approach:before{content:"";position:absolute;right:-8%;top:-14%;width:58vw;height:58vw;border:1px solid rgba(44,115,144,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(17,75,98,.05),0 0 0 180px rgba(17,75,98,.025)}.approach-grid{min-height:100svh;padding-top:calc(var(--bar) + 24px);padding-bottom:40px;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(60px,8vw,130px);align-items:center}.approach-copy h2{font-size:clamp(48px,5vw,82px);max-width:10.5ch;margin-top:19px}.approach-copy p{color:#91aab9;font-size:18px;max-width:49ch;margin-top:25px}.verbs{display:grid;border-top:1px solid var(--line2);position:relative}.verb{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:19px 0;cursor:pointer;color:#55778b;transition:.25s}.verb b{font:9px var(--mono);color:#3f738c}.verb span{font-size:clamp(29px,3vw,48px);font-weight:500;letter-spacing:-.045em}.verb:hover,.verb.active{color:#fff;padding-left:14px}.verb.active:after{content:"";position:absolute;left:0;bottom:-1px;width:36%;height:1px;background:var(--cyan)}.verb-detail{padding:26px 0 0 72px;max-width:650px}.verb-detail strong{font-size:19px;color:var(--ice)}.verb-detail p{color:#8ca7b7;margin-top:7px;max-width:50ch}
.story-label{position:absolute;left:0;top:0;display:flex;gap:12px;align-items:center;color:#5e8092;font:8px var(--mono);letter-spacing:.13em}.story-label span{color:var(--cyan)}.story-label i{font-style:normal;margin-left:auto;color:#66899c}.story-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgba(82,127,148,.12)}.story-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--ice));transform-origin:left;transform:scaleX(0)}
.capabilities-story .sticky-stage{background:radial-gradient(circle at 23% 48%,rgba(16,69,91,.23),transparent 33%),#050f19}.caps-layout{height:100svh;padding-top:calc(var(--bar) + 34px);padding-bottom:38px;display:grid;grid-template-columns:minmax(470px,.88fr) minmax(0,1.12fr);gap:clamp(70px,8vw,130px);align-items:center}.cap-wheel-shell{position:relative;width:min(100%,620px);aspect-ratio:1}.cap-wheel{width:100%;height:100%;overflow:visible}.cap-rings circle{fill:none;stroke:#174159;stroke-width:1.2}.cap-rings .seg{stroke:#0b344a;stroke-width:25;stroke-dasharray:84 74;opacity:.72;transform-origin:320px 320px}.cap-node{cursor:pointer;outline:none}.cap-node circle{fill:#f7fbfd;stroke:#0f506a;stroke-width:3;transition:.2s;transform-box:fill-box;transform-origin:center}.cap-node .ic{fill:none;stroke:#061724;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.cap-node.active circle{fill:var(--ice);stroke:var(--cyan);transform:scale(1.13)}#capMarker path{fill:var(--cyan);filter:drop-shadow(0 0 10px rgba(8,181,208,.6))}.cap-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center}.cap-core small{display:block;font:8px var(--mono);letter-spacing:.15em;color:var(--cyan)}.cap-core strong{display:block;color:#fff;font-size:22px;line-height:1.15;margin-top:9px}.cap-core span{display:block;color:#567a8e;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:10px}.cap-content{max-width:760px;align-self:center}.cap-index,.counter{display:flex;align-items:baseline;gap:8px}.cap-index span,.counter b{font:500 clamp(44px,5vw,76px)/1 var(--mono);color:var(--ice)}.cap-index i,.counter span{font:10px var(--mono);font-style:normal;color:#587c90}.cap-content h2{font-size:clamp(42px,4.5vw,70px);max-width:12ch;margin-top:14px}.cap-content>p{font-size:17px;color:#94adbc;max-width:55ch;margin-top:21px}.cap-meta{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);display:grid;gap:6px}.cap-meta span{font:8px var(--mono);letter-spacing:.13em;color:#5d8295}.cap-meta strong{font-size:13px;color:#c7d9e2;font-weight:500}.profile-peek{height:min(27vh,240px);margin-top:24px;background:#f5f9fb;border:1px solid rgba(105,175,202,.18);overflow:hidden;position:relative}.profile-peek img{width:100%;height:100%;object-fit:contain;padding:12px;transition:opacity .25s}
.industries-story .sticky-stage{background:linear-gradient(125deg,#071623,#0a2232 62%,#071623)}.industry-bg-number{position:absolute;right:4%;top:5%;font:500 min(35vw,510px)/1 var(--mono);letter-spacing:-.1em;color:rgba(87,164,190,.035)}.industry-triangle{position:absolute;right:-3%;bottom:-22%;width:min(44vw,620px);opacity:.065}.industry-grid{height:100svh;padding-top:calc(var(--bar) + 38px);padding-bottom:42px;display:grid;grid-template-columns:minmax(390px,.73fr) minmax(0,1.27fr);gap:clamp(70px,9vw,150px);align-items:center}.industry-index{display:grid;gap:2px;border-top:1px solid var(--line2)}.industry-index button{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;color:#4e7185;cursor:pointer}.industry-index button b{font:8px var(--mono);color:#426f85}.industry-index button span{font-size:clamp(17px,1.7vw,25px)}.industry-index button.active,.industry-index button:hover{color:#fff;padding-left:12px}.industry-index button.active b{color:var(--cyan)}.industry-copy{max-width:760px}.industry-copy .counter{margin-top:24px}.industry-copy h2{font-size:clamp(48px,5.2vw,82px);margin-top:15px;max-width:11ch}.industry-copy>p{font-size:18px;color:#96afbd;max-width:51ch;margin-top:24px}.fact-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.fact-line span{border:1px solid #295267;border-radius:999px;padding:8px 12px;color:#9fc1cf;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.delivery-story .sticky-stage{background:radial-gradient(circle at 25% 48%,rgba(12,64,84,.24),transparent 34%),#050f19}.delivery-grid{height:100svh;padding-top:calc(var(--bar) + 36px);padding-bottom:40px;display:grid;grid-template-columns:minmax(450px,.9fr) minmax(0,1.1fr);gap:clamp(70px,8vw,130px);align-items:center}.delivery-wheel-wrap{position:relative;width:min(100%,590px);aspect-ratio:1}.delivery-wheel{width:100%;height:100%}.delivery-wheel .base,.delivery-wheel .progress{fill:none;stroke-width:22}.delivery-wheel .base{stroke:#0b3247}.delivery-wheel .progress{stroke:var(--cyan);stroke-dasharray:1540;stroke-dashoffset:1540;transform:rotate(-90deg);transform-origin:310px 310px;filter:drop-shadow(0 0 7px rgba(8,181,208,.25))}.delivery-node{cursor:pointer;outline:none}.delivery-node circle{fill:#f7fbfd;stroke:#0f516b;stroke-width:3;transition:.2s}.delivery-node text{font:500 13px var(--mono);fill:#071522}.delivery-node.active circle{fill:var(--ice);stroke:var(--cyan)}.delivery-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center}.delivery-core small{font:8px var(--mono);letter-spacing:.15em;color:var(--cyan)}.delivery-core strong{display:block;color:#fff;font-size:25px;margin-top:10px}.delivery-core span{display:block;color:#557b8e;font:8px var(--mono);letter-spacing:.08em;margin-top:10px}.delivery-copy{max-width:750px}.delivery-copy h2{font-size:clamp(43px,4.8vw,76px);max-width:12ch;margin-top:14px}.delivery-copy>p{font-size:17px;color:#93adbb;max-width:55ch;margin-top:21px}.delivery-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.delivery-tags span{border:1px solid #274d61;border-radius:999px;padding:7px 10px;font:8px var(--mono);letter-spacing:.08em;color:#92b5c4;text-transform:uppercase}.method-peek{height:min(24vh,205px);margin-top:22px;background:#f7fafc;overflow:hidden;border:1px solid rgba(105,175,202,.18)}.method-peek img{width:100%;height:100%;object-fit:contain;padding:9px}
.work-story .sticky-stage{background:linear-gradient(130deg,#06131f 0%,#081c2a 62%,#06131f)}.work-lattice{position:absolute;right:-15%;bottom:-34%;width:min(72vw,1120px);opacity:.04}.work-grid{height:100svh;padding-top:calc(var(--bar) + 32px);padding-bottom:40px;display:grid;grid-template-columns:minmax(300px,.52fr) minmax(0,.82fr) minmax(380px,.66fr);gap:clamp(44px,5vw,82px);align-items:center}.work-index{display:grid;align-content:center}.work-index .eyebrow{margin-bottom:12px}.work-index button{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;background:none;border:0;border-bottom:1px solid rgba(91,141,162,.15);padding:9px 0;color:#45687b;text-align:left;cursor:pointer;transition:.2s}.work-index button b{font:8px var(--mono);color:#3f7188}.work-index button span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-index button.active,.work-index button:hover{color:#fff;padding-left:8px}.work-copy{max-width:650px}.work-sector{display:block;margin-top:17px;color:var(--cyan);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.work-copy h2{font-size:clamp(40px,4.3vw,69px);margin-top:12px;max-width:11ch}.work-copy>p{font-size:17px;color:#95adbb;max-width:51ch;margin-top:21px}.work-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.work-chips span{border:1px solid #2b5064;border-radius:999px;padding:7px 10px;color:#90b3c2;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.work-system{position:relative;width:min(100%,480px);aspect-ratio:1;justify-self:end}.sys-orbit{position:absolute;border:1px solid rgba(78,142,165,.3);border-radius:50%}.sys-orbit.o1{inset:8%;animation:orbitPulse 6s ease-in-out infinite}.sys-orbit.o2{inset:23%;animation:orbitPulse 6s ease-in-out infinite reverse}@keyframes orbitPulse{50%{transform:scale(1.035);opacity:.55}}.sys-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;aspect-ratio:1;border-radius:50%;border:1px solid #235268;background:rgba(5,21,33,.78);display:grid;place-content:center;text-align:center}.sys-core strong{font:500 52px/1 var(--mono);color:#fff}.sys-core span{margin-top:8px;font:8px var(--mono);letter-spacing:.15em;color:var(--cyan)}.sys-node{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--ice);box-shadow:0 0 17px rgba(8,181,208,.35)}.sys-node.a{left:13%;top:34%}.sys-node.b{right:10%;top:25%}.sys-node.c{right:19%;bottom:17%}.sys-node.d{left:17%;bottom:16%}.sys-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--ice),transparent);transform-origin:left}.sys-line.l1{left:17%;top:36%;width:66%;transform:rotate(-7deg)}.sys-line.l2{left:22%;bottom:20%;width:61%;transform:rotate(7deg)}.sys-line.l3{left:50%;top:14%;width:55%;transform:rotate(90deg);opacity:.45}.work-system[data-variant="1"] .sys-node.a{left:24%;top:18%}.work-system[data-variant="1"] .sys-node.b{right:13%;top:43%}.work-system[data-variant="1"] .sys-node.c{right:28%;bottom:12%}.work-system[data-variant="1"] .sys-node.d{left:11%;bottom:35%}.work-system[data-variant="1"] .sys-line.l1{transform:rotate(13deg)}.work-system[data-variant="1"] .sys-line.l2{transform:rotate(-17deg)}.work-system[data-variant="2"] .sys-node.a{left:11%;top:50%}.work-system[data-variant="2"] .sys-node.b{right:18%;top:15%}.work-system[data-variant="2"] .sys-node.c{right:10%;bottom:28%}.work-system[data-variant="2"] .sys-node.d{left:34%;bottom:10%}.work-system[data-variant="2"] .sys-line.l1{transform:rotate(-21deg)}.work-system[data-variant="2"] .sys-line.l2{transform:rotate(19deg)}
.technology{background:radial-gradient(circle at 72% 45%,#0a3144 0%,#071927 35%,#050f19 72%)}.tech-grid{min-height:100svh;padding-top:calc(var(--bar) + 35px);padding-bottom:40px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(650px,1.22fr);gap:70px;align-items:center}.tech-copy h2{font-size:clamp(45px,4.7vw,76px);max-width:10.5ch;margin-top:18px}.tech-copy>p{color:#92acbb;font-size:17px;max-width:50ch;margin-top:23px}.tech-stat{display:flex;align-items:end;gap:14px;margin-top:31px}.tech-stat strong{font:500 62px/1 var(--mono);color:var(--ice)}.tech-stat span{font:8px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#628397;line-height:1.5}.tech-field{position:relative;width:100%;height:min(68vh,650px);border-radius:50%;isolation:isolate}.tech-field:before,.tech-field:after{content:"";position:absolute;border:1px solid rgba(73,136,160,.16);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.tech-field:before{width:82%;height:82%}.tech-field:after{width:55%;height:55%}.tech-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border:1px solid rgba(76,141,164,.36);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(4,18,30,.75)}.tech-center img{width:32px;height:37px;object-fit:contain;margin:0 auto 6px}.tech-center strong{font-size:17px;color:#fff}.tech-center span{font:7px var(--mono);letter-spacing:.13em;color:#5f8295;margin-top:5px}.tech-node{position:absolute;transform:translate(-50%,-50%);background:none;border:0;color:#54778a;cursor:pointer;transition:.22s;text-align:center}.tech-node i{display:block;width:8px;height:8px;border-radius:50%;background:#74cdda;margin:0 auto;box-shadow:0 0 12px rgba(8,181,208,.23)}.tech-node span{display:block;opacity:.25;margin-top:8px;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:.22s}.tech-node:hover,.tech-node.hot{color:#fff;transform:translate(-50%,-50%) scale(1.12)}.tech-node:hover span,.tech-node.hot span{opacity:1}.tech-link{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(105,209,223,.28),transparent);transform-origin:left center;pointer-events:none;opacity:.28;transition:opacity .2s,filter .2s}.tech-link.hot{opacity:1;filter:drop-shadow(0 0 5px rgba(8,181,208,.45))}
.company{background:linear-gradient(130deg,#071622,#0a2434 58%,#06131f)}.company-lattice{position:absolute;right:-18%;bottom:-40%;width:min(75vw,1180px);opacity:.045}.company-grid{min-height:100svh;padding-top:calc(var(--bar) + 34px);padding-bottom:42px;display:grid;grid-template-columns:minmax(0,.72fr) minmax(620px,1.28fr);gap:clamp(60px,8vw,130px);align-items:center}.company-copy h2{font-size:clamp(47px,5vw,80px);max-width:10.5ch;margin-top:18px}.company-copy>p{color:#93adbb;font-size:17px;max-width:47ch;margin-top:23px}.company-switch{display:flex;gap:7px;margin-top:28px}.company-switch button{background:none;border:1px solid #294f63;border-radius:999px;color:#7090a1;padding:8px 12px;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.company-switch button.active{background:var(--cyan);border-color:var(--cyan);color:#031923}.company-stage{min-height:500px;position:relative}.company-pane{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:.35s}.company-pane.active{opacity:1;transform:none;pointer-events:auto}.journey-line{position:absolute;left:4%;right:4%;top:50%;height:1px;background:#264f64}.journey-line i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 14px rgba(8,181,208,.45);transition:width .35s}.milestones{height:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.milestones article{position:relative;padding-top:86px}.milestones article:before{content:"";position:absolute;left:0;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#6ecbd9;box-shadow:0 0 0 6px rgba(8,181,208,.08)}.milestones b{font:500 31px var(--mono);color:#fff}.milestones strong{display:block;color:var(--ice);font-size:14px;margin-top:5px}.milestones span{display:block;color:#6c8999;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.locations article{border-top:1px solid var(--line2);border-bottom:1px solid var(--line);padding:23px 0;min-height:190px}.locations span{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5d8295}.locations h3{font-size:31px;margin-top:35px}.locations b{display:block;color:#718d9d;font-size:11px;margin-top:7px}.values{display:grid;grid-template-columns:repeat(5,1fr);align-content:center}.values article{min-height:250px;border-left:1px solid var(--line);padding:22px 16px;display:grid;align-content:space-between}.values b{font:9px var(--mono);color:var(--cyan)}.values h3{font-size:21px;line-height:1.15}
.contact{background:radial-gradient(circle at 75% 50%,#0a3447 0%,#071927 38%,#040c14 78%)}.contact-triangle{position:absolute;right:5%;top:18%;width:min(28vw,410px);opacity:.06;transform:rotate(8deg)}.contact-grid{min-height:100svh;padding-top:calc(var(--bar) + 35px);padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.4fr);gap:90px;align-items:center}.contact-copy h2{font-size:clamp(58px,7vw,112px);max-width:9.3ch;margin-top:18px}.contact-copy>p{color:#92acbb;font-size:18px;max-width:48ch;margin-top:26px}.contact-mail{display:inline-flex;align-items:center;gap:18px;text-decoration:none;color:#fff;font-size:clamp(22px,2.4vw,37px);margin-top:35px;border-bottom:1px solid #31566a;padding-bottom:9px}.contact-mail span{color:var(--cyan)}.contact-meta{display:grid;align-content:center;gap:9px;border-left:1px solid var(--line2);padding-left:30px}.contact-meta>span{font:8px var(--mono);letter-spacing:.13em;color:#5f8294;text-transform:uppercase;margin-top:12px}.contact-meta strong{font-size:19px;color:#cfdee6;font-weight:500}.contact-meta i{height:1px;background:var(--line);margin:12px 0}.contact-meta a{color:#bcd2dc;text-decoration:none}.contact-meta small{color:#557384;margin-top:24px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.wheel-rings .seg,.pulse-ring,.sys-orbit{animation:none}.scroll-cue i:after{animation:none}.cursor-halo{display:none}}


/* Phase 13.1 — collected fixes: native visualizations + scroll stability */
.cap-rings{transform-box:fill-box;transform-origin:center}.cap-rings .seg{transform-box:fill-box;transform-origin:center;animation:capRingDrift 42s linear infinite}@keyframes capRingDrift{to{transform:rotate(360deg)}}
#capMarker{transform-box:view-box;transform-origin:320px 320px;transition:transform .42s cubic-bezier(.2,.75,.2,1)}
.profile-peek,.method-peek{display:none!important}
.capability-map{height:min(27vh,245px);min-height:205px;margin-top:24px;border:1px solid rgba(78,142,165,.22);background:linear-gradient(180deg,rgba(8,31,47,.56),rgba(5,22,35,.82));position:relative;overflow:hidden}
.capability-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(105,209,223,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(105,209,223,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.cap-map-head{height:36px;border-bottom:1px solid rgba(78,142,165,.16);display:flex;align-items:center;justify-content:space-between;padding:0 13px;position:relative;z-index:2}.cap-map-head span,.cap-map-head strong{font:8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.cap-map-head span{color:#537b8e}.cap-map-head strong{color:var(--cyan);font-weight:500}.cap-map-canvas{position:absolute;left:0;right:0;top:36px;bottom:0}.cap-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cap-map-path,.cap-map-path-live{fill:none;stroke-linecap:round}.cap-map-path{stroke:rgba(77,132,154,.24);stroke-width:1.2}.cap-map-path-live{stroke:var(--cyan);stroke-width:1.35;stroke-dasharray:.08 .92;animation:capFlowDash 5.5s linear infinite}@keyframes capFlowDash{to{stroke-dashoffset:-1}}.cap-map-packet{fill:var(--ice);filter:drop-shadow(0 0 5px rgba(105,209,223,.75))}.cap-map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:118px;text-align:center;display:grid;gap:5px;z-index:2}.cap-map-node:before{content:"";width:9px;height:9px;margin:auto;border-radius:50%;background:#dff8fb;border:2px solid #0a708c;box-shadow:0 0 0 5px rgba(8,181,208,.07),0 0 14px rgba(8,181,208,.14)}.cap-map-node b{font:7px var(--mono);letter-spacing:.08em;color:var(--cyan)}.cap-map-node span{font-size:10px;line-height:1.2;color:#a7c1cd}
.delivery-flow{margin-top:24px;border-top:1px solid rgba(78,142,165,.28);padding-top:14px}.delivery-flow-head{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:start}.delivery-flow-head span{font:8px var(--mono);letter-spacing:.13em;color:#52798c}.delivery-flow-head strong{color:#bcd3dd;font-size:11px;font-weight:500}.delivery-flow-track{height:1px;background:#183b4f;position:relative;margin:26px 8px 0}.delivery-flow-fill{position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),var(--ice));transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.2,.75,.2,1);box-shadow:0 0 10px rgba(8,181,208,.3)}.delivery-flow-signal{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:#dffbff;box-shadow:0 0 0 5px rgba(8,181,208,.09),0 0 16px rgba(8,181,208,.48);transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.2,.75,.2,1)}.delivery-flow-nodes{display:grid;grid-template-columns:repeat(7,1fr);margin-top:-5px}.delivery-flow-nodes span{display:grid;justify-items:center;gap:9px;color:#4d7184;transition:.25s;text-align:center}.delivery-flow-nodes span i{width:8px;height:8px;border-radius:50%;border:1px solid #31596d;background:#061522;transition:.25s}.delivery-flow-nodes span b{font:7px/1.25 var(--mono);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.delivery-flow-nodes span.active{color:#bbd5df}.delivery-flow-nodes span.active i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 12px rgba(8,181,208,.38)}
.work-story .sticky-stage{background:radial-gradient(circle at 77% 50%,rgba(8,181,208,.055),transparent 28%),linear-gradient(130deg,#06131f 0%,#081c2a 62%,#06131f)}.work-lattice{display:none!important}.work-grid{grid-template-columns:minmax(250px,.40fr) minmax(430px,.78fr) minmax(480px,.82fr);gap:clamp(36px,4vw,64px)}.work-copy{max-width:630px;position:relative}.work-copy:after{content:"";position:absolute;right:-34px;top:50%;width:50px;height:1px;background:linear-gradient(90deg,rgba(105,209,223,.45),transparent);pointer-events:none}.work-system{width:100%;max-width:580px;min-height:535px;aspect-ratio:auto;justify-self:end;border:1px solid rgba(69,128,151,.2);background:linear-gradient(180deg,rgba(5,22,35,.55),rgba(4,17,29,.25));position:relative;padding:16px;overflow:hidden}.work-system:before{content:"";position:absolute;inset:16px;border:1px solid rgba(70,126,148,.12);pointer-events:none}.work-system-head,.work-system-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.work-system-head{padding:2px 4px 13px;border-bottom:1px solid rgba(76,137,159,.14);color:#54798b}.work-system-head b{font:500 13px var(--mono);color:var(--ice)}.work-topology{height:430px;position:relative;z-index:1}.work-topology-svg{width:100%;height:100%;overflow:visible}.topology-ring{fill:none;stroke:rgba(74,135,159,.17);stroke-width:.32}.topology-ring.r2{stroke:rgba(74,135,159,.25)}.topology-links line{stroke:rgba(105,209,223,.31);stroke-width:.24;stroke-dasharray:2.4 1.8}.topology-glow{opacity:.9}.topology-core{fill:#061925;stroke:#2c6d87;stroke-width:.45}.topology-no{fill:#fff;font:500 7.8px var(--mono);text-anchor:middle}.topology-word{fill:var(--cyan);font:1.45px var(--mono);letter-spacing:.22em;text-anchor:middle}.topology-node circle{fill:var(--ice);stroke:#092b3d;stroke-width:.42;filter:drop-shadow(0 0 1.6px rgba(8,181,208,.65))}.topology-node text{fill:#9db9c5;font:1.85px var(--mono);letter-spacing:.02em}.work-system-foot{border-top:1px solid rgba(76,137,159,.14);padding:12px 4px 2px;color:#50788b;gap:9px}.work-system-foot i{height:1px;background:#25495b;flex:1}.work-system-foot b{font-weight:400;color:#7899a8}.work-index button.active{background:linear-gradient(90deg,rgba(8,181,208,.07),transparent)}
@media(prefers-reduced-motion:reduce){.cap-rings .seg,.cap-map-path-live{animation:none}.cap-map-packet{display:none}}

/* Capability wheel stability: no CSS rotation of SVG ring groups. */
.cap-rings,.cap-rings .seg{transform:none!important;animation:none!important}


/* Phase 13.2 — capability, programme and technology refinement */
#capMarker path{fill:var(--cyan);filter:drop-shadow(0 0 8px rgba(8,181,208,.55));transform:none!important;transform-origin:initial!important}

/* Practice visualizations are native scene objects — never boxed cards */
.capability-map{height:min(29vh,265px);min-height:225px;margin-top:26px;border:0!important;background:none!important;overflow:visible;position:relative}
.capability-map:before{display:none!important}.practice-viz{position:relative;width:100%;height:100%;min-height:225px;overflow:visible;color:#9fb8c5}.practice-viz svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.practice-viz svg path,.practice-viz svg line{fill:none;stroke:rgba(105,209,223,.26);stroke-width:1.2;stroke-linecap:round}.pv-label{display:grid;gap:3px}.pv-label b{font:500 7px var(--mono);letter-spacing:.12em;color:var(--cyan)}.pv-label span{font-size:10px;line-height:1.18;color:#a8c0cc}.practice-viz strong{color:#fff}.practice-viz:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,transparent,rgba(105,209,223,.15),transparent)}
/* ERP — governed core with connected programme modules */
.erp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;border:1px solid rgba(83,150,174,.38);display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(9,52,70,.55),rgba(5,18,30,.2));z-index:2}.erp-core i{width:10px;height:10px;border-radius:50%;background:var(--ice);margin:0 auto 9px;box-shadow:0 0 18px rgba(8,181,208,.35)}.erp-core strong{font:500 12px/1.3 var(--mono);letter-spacing:.08em}.erp-core span{font:7px var(--mono);color:#557b8e;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.erp-mod{position:absolute;width:150px;z-index:3}.erp-mod.left{left:0;text-align:right}.erp-mod.right{right:0}.erp-mod.a{top:5%}.erp-mod.b{top:40%}.erp-mod.c{bottom:2%}.erp-mod.left .pv-label{justify-items:end}.erp-mod.right .pv-label{justify-items:start}.viz-erp .pv-lines path{stroke:rgba(105,209,223,.28)}
/* Software — product layers */
.software-spine{position:absolute;left:0;top:0;bottom:24px;width:140px;display:grid;align-content:center;gap:12px}.software-spine span{font:8px var(--mono);letter-spacing:.16em;color:#5b8194}.software-spine i{height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.software-layers{position:absolute;left:150px;right:0;top:2px;bottom:28px;display:grid;grid-template-rows:repeat(6,1fr);gap:5px}.software-layer{display:grid;grid-template-columns:34px minmax(150px,1fr) 1fr;align-items:center;gap:12px;transform:translateX(calc(var(--i)*13px));border-bottom:1px solid rgba(82,139,160,.14)}.software-layer b{font:8px var(--mono);color:var(--cyan)}.software-layer span{font-size:11px;color:#bdd0d9}.software-layer i{height:2px;background:linear-gradient(90deg,rgba(8,181,208,.7),rgba(8,181,208,.05));transform:scaleX(calc((var(--i) + 2)/8));transform-origin:left}.software-caption{position:absolute;left:150px;bottom:0;font:7px var(--mono);letter-spacing:.12em;color:#506f82;text-transform:uppercase}
/* DevOps — continuous build/operate loop */
.devops-loop{stroke:rgba(73,137,161,.28)!important;stroke-width:9!important}.devops-live{stroke:var(--cyan)!important;stroke-width:2!important;stroke-dasharray:.08 .92;animation:devopsDash 6s linear infinite}.devops-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.11em}.devops-core span{color:var(--cyan);font-size:18px}.devops-node{position:absolute;width:132px}.devops-node.n1{left:2%;top:9%}.devops-node.n2{left:4%;bottom:7%}.devops-node.n3{left:31%;top:1%}.devops-node.n4{right:2%;top:9%;text-align:right}.devops-node.n5{right:2%;bottom:7%;text-align:right}.devops-node.n6{right:29%;bottom:0%;text-align:right}@keyframes devopsDash{to{stroke-dashoffset:-1}}
/* Data & AI — sources to foundation to intelligence */
.data-stream{position:absolute;width:190px;top:9%;bottom:8%;display:grid;align-content:center;gap:16px}.data-stream>span{font:8px var(--mono);letter-spacing:.16em;color:#577c90}.data-stream.sources{left:0}.data-stream.intelligence{right:0}.data-stream.intelligence .pv-label{text-align:right}.data-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:1px solid rgba(73,139,163,.38);display:grid;place-content:center;text-align:center;z-index:2}.data-core i{width:34px;height:5px;border-top:1px solid var(--cyan);border-bottom:1px solid rgba(105,209,223,.35);margin:0 auto 10px}.data-core strong{font:11px var(--mono);letter-spacing:.09em}.data-core span{font:7px var(--mono);color:#55798c;margin-top:6px}.viz-data svg{z-index:1}.viz-data svg path{stroke:rgba(105,209,223,.26)}
/* Integration — integration fabric with endpoints */
.integration-bus{position:absolute;left:9%;right:9%;top:50%;transform:translateY(-50%);height:54px;border-top:1px solid rgba(105,209,223,.38);border-bottom:1px solid rgba(105,209,223,.16);display:flex;align-items:center;justify-content:center}.integration-bus span{font:8px var(--mono);letter-spacing:.16em;color:#77a4b6}.integration-bus i{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.4}.integration-endpoint{position:absolute;width:130px}.integration-endpoint.e1{left:4%;top:1%}.integration-endpoint.e2{left:19%;bottom:1%}.integration-endpoint.e3{left:41%;top:1%}.integration-endpoint.e4{right:24%;bottom:1%;text-align:right}.integration-endpoint.e5{right:7%;top:1%;text-align:right}.integration-endpoint.e6{right:2%;bottom:1%;text-align:right}.viz-integration svg{z-index:-1}.viz-integration svg path{stroke:rgba(105,209,223,.25)}
/* Consulting — ascending transformation path */
.consult-axis{position:absolute;left:0;right:0;bottom:2px;display:flex;align-items:center;gap:12px}.consult-axis span{font:7px var(--mono);letter-spacing:.12em;color:#587b8e}.consult-axis i{flex:1;height:1px;background:linear-gradient(90deg,#254a5c,var(--cyan),#254a5c)}.consult-steps{position:absolute;inset:0 0 25px 0;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px}.consult-step{height:calc(50px + var(--i)*22px);border-left:1px solid rgba(105,209,223,.24);padding:8px 8px 5px;display:flex;align-items:flex-start;position:relative}.consult-step:before{content:"";position:absolute;left:-3px;top:0;width:6px;height:6px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px rgba(8,181,208,.25)}.consult-step .pv-label span{font-size:9px}.consult-outcome{position:absolute;right:0;top:0;font:7px var(--mono);letter-spacing:.09em;color:#507284}
/* Managed services — operating loop */
.managed-ring{fill:none;stroke:rgba(75,139,163,.25);stroke-width:17}.managed-live{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:.10 .90;animation:managedDash 6.5s linear infinite}.managed-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;border:1px solid rgba(74,139,162,.34);display:grid;place-content:center;text-align:center}.managed-core strong{font:12px var(--mono);letter-spacing:.12em}.managed-core span{font:7px var(--mono);color:#577b8e;margin-top:7px}.managed-node{position:absolute;width:135px}.managed-node.m1{left:1%;top:6%}.managed-node.m2{right:1%;top:6%;text-align:right}.managed-node.m3{right:0;top:43%;text-align:right}.managed-node.m4{right:7%;bottom:0;text-align:right}.managed-node.m5{left:7%;bottom:0}.managed-node.m6{left:0;top:43%}@keyframes managedDash{to{stroke-dashoffset:-1}}
/* Security — layered defence */
.security-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:rgba(5,25,38,.78);border:1px solid rgba(105,209,223,.45);display:grid;place-content:center;text-align:center;z-index:5}.security-core span{font:7px var(--mono);letter-spacing:.16em;color:var(--cyan)}.security-core strong{font:16px var(--mono);margin-top:5px}.security-core i{width:26px;height:1px;background:var(--cyan);margin:7px auto 0}.security-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(76,140,163,.24)}.security-ring.ring-a{width:160px;height:160px}.security-ring.ring-b{width:250px;height:250px}.security-ring.ring-c{width:350px;height:350px;border-style:dashed;opacity:.6}.security-node{position:absolute;width:145px}.security-node.s1{left:3%;top:4%}.security-node.s2{right:2%;top:4%;text-align:right}.security-node.s3{right:0;top:46%;text-align:right}.security-node.s4{right:8%;bottom:0;text-align:right}.security-node.s5{left:8%;bottom:0}.security-node.s6{left:0;top:46%}.security-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;font:7px var(--mono);letter-spacing:.12em;color:#52778a}

/* Work — complete index titles and unboxed, stable programme topology */
.work-grid{grid-template-columns:minmax(300px,.46fr) minmax(420px,.74fr) minmax(430px,.76fr);gap:clamp(34px,3.5vw,58px)}
.work-index button{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:7px 0;align-items:start}.work-index button span{font-size:11.5px;line-height:1.25;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.work-index button b{padding-top:2px}.work-index button.active{padding-left:6px}.work-system{width:100%;max-width:560px;min-height:480px;aspect-ratio:1;border:0!important;background:none!important;padding:0!important;overflow:visible}.work-system:before{display:none!important}.work-system-head{position:absolute;left:4%;top:1%;right:4%;padding:0;border:0!important;color:#4e788c;z-index:3}.work-system-head b{font-size:12px}.work-topology{height:100%;min-height:480px;overflow:visible}.work-system-foot{position:absolute;left:5%;right:5%;bottom:0;border:0!important;padding:0;font-size:7px;color:#4c7184;opacity:.75}.work-system-foot i{background:linear-gradient(90deg,rgba(38,74,91,.75),transparent)}.work-topology-svg{overflow:visible}.topology-ring{stroke:rgba(74,135,159,.16);stroke-width:.30}.topology-ring.r2{stroke:rgba(105,209,223,.22)}.topology-links path{fill:none;stroke:rgba(105,209,223,.30);stroke-width:.25;stroke-linecap:round}.topology-core{fill:rgba(5,25,38,.88);stroke:#2c6d87;stroke-width:.45}.topology-node .node-halo{fill:none;stroke:rgba(105,209,223,.18);stroke-width:.26}.topology-node text{fill:#a9c1cb;font:1.75px var(--mono)}.topology-sector{fill:#4d7488;font:1.35px var(--mono);letter-spacing:.12em;text-anchor:middle}.work-copy:after{display:none!important}

/* Technology — constellation preserved, but organized into readable engineering domains */
.tech-field{height:min(70vh,680px);overflow:visible}.tech-field:before{width:78%;height:78%;opacity:.7}.tech-field:after{width:42%;height:42%;opacity:.8}.tech-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}.tech-group-link{fill:none;stroke:rgba(105,209,223,.15);stroke-width:.16;vector-effect:non-scaling-stroke;transition:.25s}.tech-group-link.active{stroke:rgba(105,209,223,.55);filter:drop-shadow(0 0 4px rgba(8,181,208,.28))}.tech-clusters{position:absolute;inset:0;z-index:2}.tech-cluster{position:absolute;transform:translate(-50%,-50%);width:230px;text-align:center;transition:opacity .22s,transform .22s}.tech-field.has-active .tech-cluster:not(.active){opacity:.23}.tech-cluster.active{transform:translate(-50%,-50%) scale(1.025)}.tech-hub{display:inline-grid;grid-template-columns:10px auto;column-gap:7px;row-gap:2px;align-items:center;background:none;border:0;color:#9bb7c4;cursor:pointer;text-align:left;padding:0}.tech-hub i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 12px rgba(8,181,208,.28)}.tech-hub strong{font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#c6d9e2}.tech-hub span{font:7px var(--mono);letter-spacing:.08em;color:#4f7487;text-transform:uppercase}.tech-members{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:10px}.tech-member{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:2px 0;color:#688a9b;cursor:pointer;transition:.2s}.tech-member i{width:4px;height:4px;border-radius:50%;background:#4a869b;transition:.2s}.tech-member span{font:8.5px var(--mono);letter-spacing:.02em;white-space:nowrap}.tech-member:hover,.tech-member:focus{color:#fff}.tech-member:hover i,.tech-member:focus i{background:var(--ice);box-shadow:0 0 8px rgba(8,181,208,.4)}.tech-center{z-index:4;width:128px;height:128px}.tech-center:after{content:"05 DOMAINS";display:block;margin-top:5px;font:7px var(--mono);letter-spacing:.12em;color:#3f6c81}.tech-node,.tech-link{display:none!important}

@media(prefers-reduced-motion:reduce){.devops-live,.managed-live{animation:none}}
/* security visualization sizing guard */
.security-core{width:92px;height:92px}.security-ring.ring-a{width:122px;height:122px}.security-ring.ring-b{width:178px;height:178px}.security-ring.ring-c{width:236px;height:236px}.security-node{width:132px}.security-node.s1{left:1%;top:6%}.security-node.s2{right:1%;top:6%}.security-node.s3{right:0;top:44%}.security-node.s4{right:5%;bottom:1%}.security-node.s5{left:5%;bottom:1%}.security-node.s6{left:0;top:44%}

/* Phase 13.3 — production responsive consolidation */
/* Shared layout guards */
.frame,.hero-copy,.cap-content,.industry-copy,.delivery-copy,.work-index,.work-copy,.work-system,.tech-copy,.tech-field,.company-copy,.company-stage,.contact-copy,.contact-meta{min-width:0}
.scene{min-height:100vh;min-height:100svh}
.hero-grid,.approach-grid,.tech-grid,.company-grid,.contact-grid{min-height:100vh;min-height:100svh}
.scroll-story{height:calc(100vh + (var(--steps) - 1) * 72vh);height:calc(100svh + (var(--steps) - 1) * 72svh)}
.sticky-stage,.caps-layout,.industry-grid,.delivery-grid,.work-grid{height:100vh;height:100svh}

/* Tablet / fold inner / compact desktop: natural-flow stories, but keep signature visuals in-view. */
@media (max-width:1100px){
  .topnav{display:none}.menu{display:block}.nav-cta{display:none}.chapter-rail{display:none}
  .topbar.open .topnav{display:grid;position:absolute;left:18px;right:18px;top:70px;background:#06131f;border:1px solid #24475a;padding:18px;gap:0}
  .topbar.open .topnav a{padding:12px;border-bottom:1px solid var(--line)}
  .scroll-story{height:auto!important}
  .sticky-stage{position:relative!important;top:auto;height:auto!important;min-height:auto;overflow:visible;padding:96px 0 86px}
  .story-progress{display:none}
  .caps-layout,.industry-grid,.delivery-grid,.work-grid{height:auto!important;min-height:auto;padding-top:0;padding-bottom:0}
  .approach-grid,.company-grid,.contact-grid{grid-template-columns:1fr;gap:34px}
  .approach-copy h2{max-width:14ch}
  .cap-content h2,.industry-copy h2,.delivery-copy h2{max-width:none}
  .profile-peek,.method-peek{display:none}
  .company-stage{min-height:440px}
  .contact-grid{gap:36px}
  /* Hero/tablet composition keeps wheel visible in first viewport. */
  .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(270px,.92fr);gap:26px;min-height:100vh;min-height:100svh;padding-top:calc(var(--bar) + 26px);padding-bottom:28px;align-items:center}
  .hero-copy{padding-top:0}.hero h1{font-size:clamp(42px,6.1vw,62px);max-width:10.7ch}.hero-copy>p{font-size:14px;margin-top:19px}.actions{margin-top:22px}.proof{grid-template-columns:repeat(2,1fr);margin-top:24px}.proof>div{padding-top:13px;padding-bottom:8px;border-bottom:1px solid var(--line)}.proof>div:nth-child(2){border-right:0}.hero-wheel{width:min(42vw,430px);justify-self:center}
  /* Natural-flow story layouts. */
  .caps-layout,.delivery-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:38px;align-items:center}
  .cap-wheel-shell,.delivery-wheel-wrap{width:min(42vw,430px);justify-self:center}
  .industry-grid{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:38px;align-items:center}
  .work-grid{display:grid!important;grid-template-columns:minmax(240px,.52fr) minmax(0,1fr)!important;gap:34px;align-items:center}
  .work-system{display:none!important}
  /* Technology remains side-by-side instead of falling below first viewport. */
  .tech-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:28px;min-height:100vh;min-height:100svh;padding-top:calc(var(--bar) + 28px);padding-bottom:32px;align-items:center}
  .tech-copy h2{font-size:clamp(40px,5.5vw,58px)}.tech-copy>p{font-size:14px}.tech-stat{margin-top:22px}.tech-stat strong{font-size:48px}.tech-field{height:min(58vh,520px)}.tech-cluster{width:180px}.tech-member span{font-size:7.5px}.tech-center{width:108px;height:108px}
}

/* Short landscape devices (Fold/phone landscape): always use compact natural-flow mode regardless of width. */
@media (max-height:700px){
  .chapter-rail{display:none}.scroll-story{height:auto!important}.sticky-stage{position:relative!important;top:auto;height:auto!important;min-height:auto;overflow:visible;padding:82px 0 70px}.story-progress{display:none}
  .caps-layout,.industry-grid,.delivery-grid,.work-grid{height:auto!important;min-height:auto;padding-top:0;padding-bottom:0}
  .hero-grid{min-height:auto;padding-top:calc(var(--bar) + 20px);padding-bottom:30px}
  .hero h1{font-size:clamp(38px,5vw,58px)}.hero-copy>p{font-size:13px}.proof{margin-top:18px}.hero-wheel{width:min(42vw,360px)}
  .cap-wheel-shell,.delivery-wheel-wrap{width:min(38vw,340px)}
  .cap-content h2,.industry-copy h2,.delivery-copy h2,.work-copy h2{font-size:clamp(34px,4.3vw,54px)}
  .capability-map{min-height:260px;height:260px}.company-grid,.contact-grid,.tech-grid{min-height:auto;padding-top:90px;padding-bottom:72px}
  .tech-field{height:430px}.company-stage{min-height:390px}
}

/* Mobile / Fold cover: natural vertical flow, no page-level horizontal overflow. */
@media (max-width:760px){
  :root{--bar:64px;--pad:20px}
  .world-field{opacity:.52}.cursor-halo{display:none}.scene{min-height:auto}.chapter-rail{display:none}.scroll-cue{display:none}
  .hero{min-height:100svh}.hero-grid{display:grid;grid-template-columns:1fr;min-height:100svh;padding-top:calc(var(--bar) + 28px);padding-bottom:42px;gap:28px}.hero-copy>p{font-size:15px}.hero h1{font-size:clamp(42px,12vw,62px)}.hero-wheel{width:min(92vw,430px);justify-self:center}.proof{grid-template-columns:1fr 1fr}.proof>div{border-bottom:1px solid var(--line);padding-bottom:12px}.proof>div:nth-child(2){border-right:0}
  .approach-grid{min-height:auto;padding-top:100px;padding-bottom:78px;grid-template-columns:1fr}.verbs .verb span{font-size:30px}
  .scroll-story{height:auto!important}.sticky-stage{position:relative!important;height:auto!important;min-height:auto;padding:88px 0 78px;overflow:visible!important}
  .caps-layout,.industry-grid,.delivery-grid,.work-grid{height:auto!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .cap-wheel-shell,.delivery-wheel-wrap{width:min(88vw,430px);justify-self:center}.story-label{position:relative;margin-bottom:12px}.cap-content{padding-top:0}
  .industry-copy{order:1}.industry-index{order:2;margin-top:2px}.industry-index button{padding:11px 0}
  .work-copy{order:1}.work-index{order:2;margin-top:2px;width:100%;max-width:100%}.work-index button{grid-template-columns:32px minmax(0,1fr);width:100%}.work-index button span{font-size:12px;overflow-wrap:anywhere}.work-system{display:block!important;order:3;width:min(100%,410px);min-height:360px;justify-self:center;margin-top:8px}.work-topology{min-height:360px}
  .tech-grid,.company-grid,.contact-grid{min-height:auto;padding-top:100px;padding-bottom:84px;grid-template-columns:minmax(0,1fr);gap:34px}.company-stage{min-height:520px}.locations{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.values article{min-height:150px}.contact-copy h2{font-size:54px}.contact-meta{border-left:0;border-top:1px solid var(--line2);padding:24px 0 0}
  .capability-map{min-height:330px;height:330px;margin-top:20px}.practice-viz{transform:none}.erp-mod{width:105px}.erp-mod .pv-label span,.managed-node .pv-label span,.security-node .pv-label span{font-size:8.5px}.software-spine{width:90px}.software-layers{left:100px}.software-caption{left:100px}.data-stream{width:115px}.data-core{width:118px;height:118px}.integration-endpoint{width:100px}.consult-step{padding-inline:4px}.consult-step .pv-label span{font-size:7.7px}
  .tech-field{height:700px;margin-top:12px}.tech-cluster{width:160px}.tech-platforms{top:8%!important}.tech-apps{left:78%!important;top:30%!important}.tech-integration{left:22%!important;top:30%!important}.tech-cloud{left:70%!important;top:76%!important}.tech-data{left:30%!important;top:76%!important}.tech-members{gap:3px 7px}.tech-member span{font-size:7.5px}.tech-center{width:110px;height:110px}
}

/* Very narrow phones / Fold cover: convert constellation to a readable grouped stack. */
@media (max-width:390px){
  :root{--pad:18px}
  .hero h1{font-size:clamp(39px,12.2vw,54px)}.button{padding:11px 15px}.proof span{font-size:9.5px}
  .work-system{min-height:330px}.work-topology{min-height:330px}.work-copy h2{font-size:clamp(36px,11vw,48px)}
  .tech-field{height:auto;min-height:0;margin-top:28px;padding:0}.tech-field:before,.tech-field:after,.tech-network,.tech-center{display:none!important}.tech-clusters{position:relative;inset:auto;display:grid;gap:19px}.tech-cluster,.tech-cluster.active{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%;text-align:left;padding-top:14px;border-top:1px solid var(--line)}.tech-field.has-active .tech-cluster:not(.active){opacity:.45}.tech-hub{display:grid;grid-template-columns:10px 1fr auto;width:100%;text-align:left}.tech-hub i{grid-row:auto}.tech-hub span{justify-self:end}.tech-members{justify-content:flex-start;margin-top:9px;gap:6px 12px}.tech-member span{font-size:8.5px}
  .values{grid-template-columns:1fr}.contact-copy h2{font-size:46px}
}

/* Ultra-wide / raw 5K CSS viewports: use more of the available canvas without excessive line lengths. */
@media (min-width:3200px){
  :root{--max:2200px;--pad:clamp(90px,5vw,180px)}
  .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(680px,.98fr);gap:150px}.hero h1{font-size:108px}.hero-copy>p{font-size:22px}.hero-wheel{width:min(100%,760px)}
  .approach-copy h2,.company-copy h2{font-size:94px}.caps-layout{grid-template-columns:minmax(650px,.86fr) minmax(0,1.14fr)}.cap-wheel-shell{width:min(100%,760px)}.cap-content h2{font-size:88px}
  .industry-copy h2{font-size:96px}.delivery-wheel-wrap{width:min(100%,720px)}.delivery-copy h2{font-size:90px}.work-copy h2{font-size:82px}.tech-copy h2{font-size:90px}.tech-field{height:min(70vh,820px)}
}

/* Motion/accessibility fallbacks */
@media (prefers-reduced-motion:reduce){.devops-live,.managed-live{animation:none}#capMarker path{transition:none}}
/* Root/scene overflow hardening for off-canvas brand decoration */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body,.scroll-story{overflow-x:clip}}
.scroll-story{isolation:isolate}
.hero-lattice,.company-lattice,.industry-triangle,.work-lattice{pointer-events:none}
/* Compact desktop work composition: retain topology without horizontal overflow. */
@media (min-width:1101px) and (max-width:1320px){
  .work-grid{grid-template-columns:minmax(210px,.42fr) minmax(330px,.76fr) minmax(290px,.58fr);gap:22px}
  .work-index button{grid-template-columns:28px minmax(0,1fr);padding:6px 0}.work-index button span{font-size:10.5px}
  .work-copy h2{font-size:clamp(38px,4vw,54px)}.work-copy>p{font-size:15px}.work-chips{margin-top:18px}
  .work-system{max-width:350px;min-height:370px}.work-topology{min-height:370px}.work-system-head{font-size:7px}.work-system-foot{font-size:6px}
}
/* Mobile company panes: reserve enough stage height so inactive/active grids never overlap the switch controls. */
@media (max-width:760px){.company-stage{min-height:640px}.values{grid-template-columns:1fr 1fr}}
@media (max-width:390px){.company-stage{min-height:640px}.values{grid-template-columns:1fr 1fr}}


/* Phase 13.4 — brand interaction + technology clarity */
/* Exact supplied white SWISO wordmark */
.brand img{height:31px;width:auto;max-width:170px;object-fit:contain}

/* Pointer follower: SWISO triangle, with the triangle tip anchored to the tracked pointer. */
.cursor-halo{display:none!important}
.cursor-triangle{position:fixed;left:0;top:0;width:27px;height:32px;pointer-events:none;z-index:250;transform:translate3d(-100px,-100px,0) translateY(-50%);transform-origin:0 50%;transition:width .22s,height .22s,filter .22s;filter:drop-shadow(0 0 7px rgba(8,181,208,.18))}
.cursor-triangle img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}
.cursor-triangle span{position:absolute;left:38px;top:50%;transform:translateY(-50%) translateX(5px);font:8px var(--mono);letter-spacing:.12em;color:var(--ice);white-space:nowrap;opacity:0;transition:opacity .18s,transform .18s;text-transform:uppercase}
.cursor-triangle.hot{width:36px;height:42px;filter:drop-shadow(0 0 11px rgba(8,181,208,.34))}
.cursor-triangle.hot span{opacity:1;transform:translateY(-50%) translateX(0)}

/* Chapter rail: every chapter marker is the supplied SWISO triangle, not a dot. */
.chapter-rail{gap:8px;padding:11px 8px}
.chapter-rail a{width:18px;height:20px;border:0!important;border-radius:0!important;background:none!important;display:grid;place-items:center;position:relative;text-decoration:none;box-shadow:none!important}
.chapter-rail a>img{width:13px;height:15px;object-fit:contain;opacity:.18;transform:scale(.72);transition:opacity .2s,transform .2s,filter .2s}
.chapter-rail a.active>img,.chapter-rail a:hover>img,.chapter-rail a:focus-visible>img{opacity:1;transform:scale(1);filter:drop-shadow(0 0 7px rgba(8,181,208,.42))}
.chapter-rail span{right:23px}

/* Technology: replace the low-legibility orbit with a readable engineering stack map. */
.technology{background:radial-gradient(circle at 74% 45%,#0a3042 0%,#071927 35%,#050f19 74%)}
.tech-grid{grid-template-columns:minmax(0,.72fr) minmax(650px,1.28fr);gap:clamp(55px,5vw,95px)}
.tech-field{height:auto!important;min-height:540px!important;border-radius:0!important;display:flex;align-items:center;overflow:visible}
.tech-field:before,.tech-field:after,.tech-network,.tech-center,.tech-clusters,.tech-map-fallback{display:none!important}
.tech-map{position:relative;width:100%;padding:14px 0 8px;isolation:isolate}
.tech-map:before{content:"";position:absolute;inset:-28px -36px;background-image:linear-gradient(rgba(84,139,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,139,160,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);z-index:-1;pointer-events:none}
.tech-map-title{display:flex;align-items:center;gap:12px;padding:0 0 18px;border-bottom:1px solid rgba(105,209,223,.24)}
.tech-map-title>img{width:22px;height:26px;object-fit:contain;flex:0 0 auto}
.tech-map-title div{display:grid;gap:3px}.tech-map-title strong{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#d5e7ee}.tech-map-title span{font:7.5px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#567a8d}
.tech-domain-list{display:grid}
.tech-domain-row{position:relative;width:100%;min-height:82px;display:grid;grid-template-columns:42px minmax(150px,.55fr) minmax(280px,1.45fr) 30px;gap:14px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(105,209,223,.14);background:transparent;color:inherit;padding:12px 4px;cursor:pointer;transition:background .2s,transform .2s}
.tech-domain-row:before{content:"";position:absolute;left:0;top:50%;height:0;width:2px;background:var(--cyan);transform:translateY(-50%);transition:height .22s}
.tech-domain-row:hover,.tech-domain-row:focus-visible,.tech-domain-row.active{background:linear-gradient(90deg,rgba(8,181,208,.055),rgba(8,181,208,.012) 68%,transparent);outline:none}
.tech-domain-row.active:before,.tech-domain-row:hover:before,.tech-domain-row:focus-visible:before{height:52%}
.tech-domain-no{font:500 11px var(--mono);color:#3f7188;letter-spacing:.08em;transition:.2s}.tech-domain-name{display:grid;gap:4px}.tech-domain-name strong{font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b9d0da;transition:.2s}.tech-domain-name small{font:7px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#496d80}.tech-domain-items{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center}.tech-domain-items i{position:relative;font:normal 9.5px var(--mono);letter-spacing:.015em;color:#7796a6;white-space:nowrap;transition:color .2s,transform .2s}.tech-domain-items i:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;margin:0 6px 2px 0;background:#41788d;transition:.2s}.tech-domain-mark{display:grid;place-items:center;opacity:.12;transform:translateX(-7px);transition:.2s}.tech-domain-mark img{width:17px;height:20px;object-fit:contain}.tech-domain-row:hover .tech-domain-no,.tech-domain-row:focus-visible .tech-domain-no,.tech-domain-row.active .tech-domain-no{color:var(--ice)}.tech-domain-row:hover .tech-domain-name strong,.tech-domain-row:focus-visible .tech-domain-name strong,.tech-domain-row.active .tech-domain-name strong{color:#fff}.tech-domain-row:hover .tech-domain-items i,.tech-domain-row:focus-visible .tech-domain-items i,.tech-domain-row.active .tech-domain-items i{color:#c9dce4}.tech-domain-row:hover .tech-domain-items i:before,.tech-domain-row:focus-visible .tech-domain-items i:before,.tech-domain-row.active .tech-domain-items i:before{background:var(--ice);box-shadow:0 0 7px rgba(8,181,208,.32)}.tech-domain-row:hover .tech-domain-mark,.tech-domain-row:focus-visible .tech-domain-mark,.tech-domain-row.active .tech-domain-mark{opacity:1;transform:translateX(0)}
.tech-map-foot{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font:7.5px var(--mono);letter-spacing:.10em;text-transform:uppercase;color:#4d7183}.tech-map-foot b{font-weight:500;color:#78a7b8}

@media (max-width:1100px){
  .brand img{height:29px;max-width:155px}
  .tech-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:34px}
  .tech-field{min-height:470px!important}
  .tech-domain-row{grid-template-columns:34px minmax(120px,.55fr) minmax(190px,1.45fr) 24px;gap:9px;min-height:73px;padding-block:9px}
  .tech-domain-name strong{font-size:10px}.tech-domain-items{gap:5px 10px}.tech-domain-items i{font-size:7.7px}.tech-domain-mark img{width:14px;height:17px}
}
@media (max-width:760px){
  .brand img{height:28px;max-width:148px}
  .cursor-triangle{display:none!important}
  .tech-grid{grid-template-columns:1fr!important}.tech-field{min-height:0!important;margin-top:18px!important;padding:0!important;height:auto!important}
  .tech-map{padding-top:0}.tech-map:before{inset:-18px -12px}.tech-map-title{padding-bottom:14px}.tech-domain-row{grid-template-columns:32px minmax(0,1fr) 22px;gap:8px;min-height:0;padding:15px 2px;align-items:start}.tech-domain-name{grid-column:2}.tech-domain-items{grid-column:2/4;margin-top:4px;gap:7px 12px}.tech-domain-mark{grid-column:3;grid-row:1}.tech-domain-items i{font-size:8.5px}.tech-map-foot{display:grid;gap:5px}
}
@media (max-width:390px){
  .tech-field:before,.tech-field:after{display:none!important}.tech-domain-row{grid-template-columns:28px minmax(0,1fr) 20px}.tech-domain-items{gap:6px 10px}.tech-domain-items i{font-size:8px}
}
@media (prefers-reduced-motion:reduce){.cursor-triangle{display:none!important}.chapter-rail a>img,.tech-domain-row,.tech-domain-mark{transition:none}}

/* Phase 13.4 legibility tuning */
.tech-domain-name strong{font-size:14px;color:#c8dbe3}.tech-domain-items i{font-size:10.25px;color:#88a5b4}.tech-domain-no{color:#56859a}.tech-domain-name small{color:#5f8394}.tech-map-title span{color:#668b9c}.tech-map-foot{color:#607f8e}
@media(max-width:1100px){.tech-domain-name strong{font-size:11px}.tech-domain-items i{font-size:8.5px}}
@media(max-width:760px){.tech-domain-name strong{font-size:11.5px}.tech-domain-items i{font-size:9.25px}}


/* Phase 13.5 — search-readable editorial summary */
@media(max-width:1100px){}
@media(max-width:760px){.search-capabilities,}

/* No-JavaScript accessibility fallback; not displayed when the normal interactive site runs. */
.noscript-summary{background:#06131f;border-top:1px solid var(--line2);padding:72px 0;color:#dce9ef}
.noscript-summary h2{font-size:36px;max-width:18ch;margin-bottom:20px}.noscript-summary h3{font-size:16px;margin-top:24px}.noscript-summary p{color:#91a8b7;max-width:78ch;line-height:1.7}