:root{--navy:#07172B;--navy2:#0b2945;--cyan:#28D7FF;--white:#fff;--ink:#10273b;--body:#53687a;--muted:#8aa0b1;--mist:#f5f9fb;--line:#dbe6ed;--max:1240px;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.65 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}.site-header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(30px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,23,43,.08)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:12px;font-weight:780;letter-spacing:1.05px;white-space:nowrap}.brand i{color:#078aa9;font-style:normal}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--navy);border:1px solid rgba(40,215,255,.7);color:var(--cyan);font-size:15px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:29px}.site-header nav a{text-decoration:none;color:#516678;font-size:12px;font-weight:600}.site-header nav a:hover{color:#057b99}.sound-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;background:white;color:#486074;font-size:11px;font-weight:650;cursor:pointer;transition:border-color .2s,transform .2s}.sound-toggle:hover{border-color:#82cada;transform:translateY(-1px)}.sound-toggle[aria-pressed=true]{border-color:#18a8c4;color:#075b70}.sound-icon{font-size:15px;color:#0b8eab}.hero{min-height:610px;background:radial-gradient(ellipse at 76% 48%,rgba(40,215,255,.08),transparent 34%),linear-gradient(180deg,#f8fbfc,#fff);display:grid;grid-template-columns:minmax(0,1fr) minmax(490px,1.04fr);align-items:center;gap:30px;padding:43px max(30px,calc((100vw - var(--max))/2)) 52px;overflow:hidden}.hero-copy{max-width:570px}.eyebrow{display:flex;align-items:center;gap:10px;color:#0a7d99;font-size:9px;letter-spacing:2px;font-weight:760;text-transform:uppercase}.eyebrow>span{width:21px;height:1px;background:var(--cyan);box-shadow:0 0 8px #28d7ff8c}.hero h1{color:var(--navy);font-size:clamp(44px,5.15vw,68px);line-height:1.02;letter-spacing:-2.8px;font-weight:630;margin:22px 0 20px}.hero-sub{font-size:18px;color:#344c60;margin:0 0 13px}.hero-sub strong{color:#087d99;font-weight:680}.hero-body{font-size:14px;line-height:1.8;color:var(--body);max-width:495px;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;border-radius:999px;text-decoration:none;border:0;font-size:12px;font-weight:680;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:#fff;box-shadow:0 9px 22px #07172b22}.button.primary:hover{box-shadow:0 12px 25px #07172b35}.button.light{background:#fff;color:var(--navy);border:1px solid #d4e1e8}.text-action{font-size:12px;text-decoration:none;color:#087d99;font-weight:700}.text-action:hover{text-decoration:underline}.hero-note{margin-top:28px;color:#758a9a;font-size:10px;letter-spacing:.35px}.live-dot{display:inline-block;width:6px;height:6px;background:#16b7d3;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #28d7ff20}.sep{padding:0 8px;color:#b0c0ca}.hero-visual{max-width:640px;width:100%;justify-self:end;position:relative;padding:12px 0 0}.hero-visual:before{content:"";position:absolute;inset:10% 4% 8%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,rgba(40,215,255,.17),rgba(40,215,255,0) 68%);filter:blur(24px)}.hero-visual img{position:relative;z-index:1}.visual-label,.visual-foot{position:relative;z-index:2}.hero-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 32px rgba(7,23,43,.17))}.visual-label,.visual-foot{display:flex;justify-content:space-between;align-items:center;color:#6f8596;font-size:8px;font-weight:750;letter-spacing:1.7px;padding:0 14px}.signal{display:flex;align-items:center;gap:6px;color:#0b889f}.signal i{width:5px;height:5px;border-radius:50%;background:#28d7ff;box-shadow:0 0 10px #28d7ff}.visual-foot{margin-top:-4px;color:#91a5b3}.division-section{padding:78px max(30px,calc((100vw - var(--max))/2)) 74px;background:radial-gradient(ellipse at 82% 0%,rgba(40,215,255,.04),transparent 38%),#fff}.section-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:50px;align-items:end;margin-bottom:33px}.section-heading h2,.ecosystem-section h2{max-width:700px;color:var(--navy);font-size:clamp(30px,3.4vw,43px);line-height:1.12;letter-spacing:-1.35px;font-weight:630;margin:13px 0 0}.section-heading>p{color:var(--body);font-size:13px;margin:0 0 3px;max-width:490px}.division-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:16px;overflow:hidden}.division-card{position:relative;min-height:205px;padding:21px 22px 20px;text-align:left;background:white;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);color:var(--ink)}.division-card:hover,.division-card:focus-visible{z-index:1;background:linear-gradient(135deg,#f7fdff,#fff);box-shadow:0 12px 30px rgba(7,23,43,.075)}.division-card:hover{transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.division-icon{width:38px;height:38px;border:1px solid #cceef4;border-radius:12px;display:grid;place-items:center;background:#f3fcfd;color:#087d99}.division-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-index{color:#91a4b2;font-size:9px;letter-spacing:1.1px;font-weight:700}.card-title{font-size:17px;line-height:1.25;color:var(--navy);font-weight:680;letter-spacing:-.25px}.card-copy{color:#5d7282;font-size:11px;line-height:1.65;margin-top:6px;max-width:300px}.card-link{margin-top:auto;padding-top:14px;color:#087d99;font-size:10px;letter-spacing:.25px;font-weight:720;display:flex;justify-content:space-between;align-items:center}.card-link b{font-size:15px;font-weight:500;transition:transform .2s}.division-card:hover .card-link b{transform:translate(2px,-2px)}.status-note{display:flex;gap:9px;align-items:flex-start;color:#788d9c;font-size:10px;line-height:1.6;margin:17px 1px 0}.status-mark{flex:0 0 15px;height:15px;border:1px solid #9cb4c0;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.procurement-band{display:grid;grid-template-columns:1fr 1fr;min-height:425px;background:var(--navy);color:#fff;overflow:hidden}.procurement-art{display:flex;align-items:center;justify-content:center;padding:42px 32px 42px max(30px,calc((100vw - var(--max))/2));background:radial-gradient(ellipse at 50% 52%,rgba(40,215,255,.11),transparent 55%),linear-gradient(135deg,#07172b,#0a2945)}.procurement-art img{width:100%;max-width:600px;height:auto;border-radius:18px;filter:drop-shadow(0 16px 28px #0004)}.procurement-copy{padding:65px max(30px,calc((100vw - var(--max))/2)) 65px 43px;align-self:center}.procurement-copy .eyebrow{color:#48d9f5}.overline{color:#8eacbd;font-size:9px;letter-spacing:1.8px;font-weight:700;margin:31px 0 8px}.procurement-copy h2{font-size:42px;letter-spacing:-1.4px;font-weight:620;margin:0 0 12px}.procurement-copy>p:not(.overline){color:#bfd0dc;max-width:470px;font-size:13px;line-height:1.85;margin:0 0 22px}.ecosystem-section{text-align:center;padding:82px 24px 90px;background:radial-gradient(ellipse at 50% 20%,#eafbfd,transparent 55%),#f7fafb}.ecosystem-section .eyebrow{justify-content:center}.ecosystem-section h2{font-size:clamp(32px,4vw,47px);margin:15px auto 12px}.ecosystem-section h2 em{color:#0786a1;font-style:normal}.ecosystem-section p{font-size:13px;color:var(--body);margin:0 auto 21px}.site-footer{min-height:76px;padding:17px max(30px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#05111e;color:#9fb3c1;font-size:10px}.inverse{color:#fff}.site-footer>a:last-child{text-decoration:none;color:#d4e1e9}.site-footer>a:last-child:hover{color:var(--cyan)}:focus-visible{outline:3px solid #0086a5;outline-offset:3px}.detail-panel{position:fixed;inset:16px 18px 16px auto;margin:0;width:min(460px,calc(100vw - 36px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d4e2e9;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #07172b38;overflow:hidden}.detail-panel[open]{display:flex;flex-direction:column;animation:panel-in .28s var(--ease)}.detail-panel::backdrop{background:rgba(3,17,30,.47);backdrop-filter:blur(3px)}@keyframes panel-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e8eef2;background:#f9fcfd}.panel-eyebrow{font-size:9px;letter-spacing:1.5px;color:#087d99;font-weight:750;text-transform:uppercase}.close-button{width:34px;height:34px;border:1px solid #dce6eb;background:white;border-radius:50%;font-size:22px;line-height:1;color:#496073;cursor:pointer}.panel-content{overflow-y:auto;padding:24px 26px 30px}.panel-content h2{font-size:30px;line-height:1.12;letter-spacing:-.8px;color:var(--navy);margin:0 0 10px}.panel-intro{font-size:13px;line-height:1.7;color:#526879;margin:0 0 14px}.panel-status{display:inline-block;border:1px solid #dbe8ed;background:#f5f9fb;border-radius:99px;padding:5px 9px;font-size:9px;color:#587080;margin-bottom:13px}.panel-content section{border-top:1px solid #e8eef2;padding:14px 0 2px}.panel-content h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#087d99;margin:0 0 6px}.panel-content section p,.supplier-reveal p{font-size:12px;line-height:1.7;color:#526879;margin:0}.supplier-reveal{border:1px solid #c7eef4;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;padding:15px;margin-top:16px;background:#f4fcfd}.supplier-reveal h3{font-size:11px;color:var(--navy);letter-spacing:.5px;margin:0 0 5px}.panel-link{display:inline-block;margin-top:10px;color:#087d99;font-size:11px;font-weight:700;text-decoration:none}.panel-link:hover{text-decoration:underline}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:99px;background:var(--navy);color:white;box-shadow:0 8px 28px #07172b33;font-size:11px}.toast[hidden],.supplier-reveal[hidden]{display:none}
@media(max-width:920px){.hero{grid-template-columns:1fr 1fr;gap:18px;padding-top:40px}.division-section{padding-top:68px}.procurement-copy{padding-left:28px}.site-header{padding-inline:24px}}
@media(max-width:850px){.division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.division-section{padding-top:66px;padding-bottom:63px}}
@media(max-width:680px){html{scroll-padding-top:115px}.site-header{height:auto;min-height:70px;display:grid;grid-template-columns:1fr auto;padding:11px 18px;gap:8px 12px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;padding:4px 0}.site-header nav a{font-size:11px}.sound-toggle{grid-column:2;grid-row:1;padding:7px 10px}.hero{grid-template-columns:1fr;min-height:auto;padding:43px 18px 25px;gap:14px}.hero-copy{max-width:none}.hero h1{font-size:clamp(39px,10.5vw,54px);letter-spacing:-1.9px;margin:17px 0}.hero-sub{font-size:16px}.hero-body{font-size:13px}.hero-note{margin-top:19px;font-size:9px}.hero-visual{justify-self:center;max-width:540px;padding-top:6px}.visual-label,.visual-foot{font-size:7px;letter-spacing:1.1px;padding-inline:6px}.division-section{padding:58px 18px}.section-heading{grid-template-columns:1fr;gap:11px;margin-bottom:23px}.section-heading h2{font-size:31px}.section-heading>p{font-size:12px}.division-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px}.division-card{min-height:180px;padding:16px 14px}.division-icon{width:33px;height:33px}.division-icon svg{width:19px;height:19px}.card-title{font-size:15px}.card-copy{font-size:10px}.card-link{font-size:9px;padding-top:10px}.card-index{font-size:8px}.status-note{font-size:9px}.procurement-band{grid-template-columns:1fr}.procurement-art{padding:31px 18px 10px}.procurement-copy{padding:29px 22px 38px}.procurement-copy h2{font-size:34px}.procurement-copy .overline{margin-top:22px}.ecosystem-section{padding:61px 19px 66px}.site-footer{padding:18px;flex-wrap:wrap}.detail-panel{inset:auto 0 0;width:100%;max-width:none;max-height:min(86dvh,780px);border-radius:20px 20px 0 0;border-bottom:0}.detail-panel[open]{animation:panel-up .24s var(--ease)}@keyframes panel-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.panel-content{padding:21px 22px max(28px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.division-grid{grid-template-columns:1fr}.division-card{min-height:160px}.hero-actions{gap:12px}.text-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.data-flow{stroke-dasharray:none}.pulse{opacity:1}}

/* V5: pointer response is driven only for fine pointers and is disabled in reduced-motion mode. */
body{isolation:isolate}
.pointer-glow{position:fixed;top:0;left:0;z-index:2;width:300px;height:300px;border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(var(--pointer-x,-500px),var(--pointer-y,-500px),0) translate(-50%,-50%);background:radial-gradient(circle,rgba(40,215,255,.19) 0,rgba(40,215,255,.09) 30%,rgba(40,215,255,0) 72%);filter:blur(11px);mix-blend-mode:multiply;transition:opacity .16s ease}
.pointer-glow.is-active.is-visible{opacity:1}
.division-card{isolation:isolate;overflow:hidden}
.division-card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(40,215,255,.15),rgba(40,215,255,.035) 42%,transparent 75%);transition:opacity .2s ease}
.division-card:hover::before,.division-card:focus-visible::before{opacity:1}
.division-card>*{position:relative;z-index:1}
.hero-visual::after{content:"";position:absolute;z-index:1;inset:8% 2% 7%;border-radius:48%;pointer-events:none;opacity:0;background:radial-gradient(ellipse 28% 34% at var(--pointer-x,50%) var(--pointer-y,50%),rgba(40,215,255,.2),rgba(40,215,255,.06) 48%,transparent 82%);transition:opacity .18s ease}
.hero-visual.pointer-highlight::after{opacity:1}
.hero-visual img{z-index:2}
.visual-label,.visual-foot{z-index:3}
.button:active,.close-button:active{transform:translateY(1px) scale(.985)}
.division-card:active{transform:translateY(0) scale(.997)}
.detail-panel[open]{animation:panel-in .24s var(--ease) both}
@keyframes panel-in{from{opacity:0;transform:translateX(20px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
.detail-panel.is-closing{animation:panel-out .22s var(--ease) both}
@keyframes panel-out{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(12px) scale(.985)}}
.detail-panel::backdrop{animation:backdrop-in .24s ease both}
@keyframes backdrop-in{from{background:rgba(3,17,30,0);backdrop-filter:blur(0)}to{background:rgba(3,17,30,.47);backdrop-filter:blur(3px)}}
.detail-panel.is-closing::backdrop{animation:backdrop-out .22s ease both}
@keyframes backdrop-out{from{background:rgba(3,17,30,.47);backdrop-filter:blur(3px)}to{background:rgba(3,17,30,0);backdrop-filter:blur(0)}}
@media(max-width:680px){.detail-panel[open]{animation:panel-up .24s var(--ease) both}.detail-panel.is-closing{animation:panel-out-down .22s var(--ease) both}@keyframes panel-up{from{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-out-down{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(14px) scale(.99)}}}
@media(hover:none),(pointer:coarse){.pointer-glow{display:none}.division-card::before,.hero-visual::after{display:none}}
@media(prefers-reduced-motion:reduce){.pointer-glow{display:none}.division-card::before,.hero-visual::after{display:none}.detail-panel[open],.detail-panel.is-closing,.detail-panel::backdrop,.detail-panel.is-closing::backdrop{animation:none!important}}