:root { --network-cyan:#35c2ff; --network-mint:#47e1c1; --network-dark:#020b10; --network-panel:#061820; }
.network-page { background:#fff; color:var(--ink); }
.network-header { background:rgba(2,11,16,.94); }
.network-header .sub-brand { width:126px; }
.network-header .sub-brand img { width:118px; }
.network-header .sub-nav { font-size:var(--type-index); }
.network-header .sub-header-mark { font-size:13px; }

.network-hero { min-height:900px; padding:150px max(32px,calc((100% - var(--page))/2)) 120px; position:relative; isolation:isolate; display:flex; align-items:center; overflow:hidden; color:#f7fbfc; background:radial-gradient(circle at 78% 45%,rgba(53,194,255,.14),transparent 28%),radial-gradient(circle at 28% 94%,rgba(71,225,193,.08),transparent 27%),linear-gradient(120deg,#01080c,#04151c 72%,#02090d); }
.network-hero::before { content:""; position:absolute; inset:82px 0 0; z-index:-3; opacity:.28; background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(53,194,255,.13) 119px 120px); }
.network-hero::after { content:""; height:1px; position:absolute; left:max(32px,calc((100% - var(--page))/2)); right:max(32px,calc((100% - var(--page))/2)); bottom:80px; background:linear-gradient(90deg,rgba(53,194,255,.08),var(--network-cyan),rgba(71,225,193,.16)); }
.network-grid { position:absolute; inset:82px 0 0 46%; z-index:-2; opacity:.38; background-image:linear-gradient(rgba(53,194,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(53,194,255,.075) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent); }
.network-ghost { position:absolute; right:-2vw; top:50%; z-index:-1; color:transparent; font-size:clamp(230px,30vw,560px); line-height:.7; letter-spacing:-.1em; font-weight:700; -webkit-text-stroke:1px rgba(53,194,255,.08); transform:translateY(-50%); }
.network-hero-inner { width:100%; display:grid; grid-template-columns:1.04fr .72fr; align-items:center; gap:clamp(60px,8vw,140px); }
.network-index { margin-bottom:70px; display:flex; align-items:center; gap:13px; color:#7c9299; font-size:14px; letter-spacing:.14em; text-transform:uppercase; }
.network-index i { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(53,194,255,.42); color:var(--network-cyan); font-style:normal; }
.network-index b { color:#dbe8eb; font-weight:500; }
.network-kicker { margin:0; color:var(--network-cyan); font-size:16px; letter-spacing:.2em; text-transform:uppercase; }
.network-hero h1 { margin:24px 0 0; font-size:clamp(66px,7.1vw,116px); line-height:.88; letter-spacing:-.075em; font-weight:500; text-transform:uppercase; }
.network-reveal { display:block; width:max-content; max-width:100%; white-space:nowrap; }
.network-reveal.accent { color:var(--network-cyan); }
.network-reveal-enabled .network-reveal { opacity:0; filter:blur(5px); transform:translateY(18px); }
.network-reveal-enabled .network-reveal.is-decoding { opacity:1; filter:blur(0); transform:none; transition:opacity .2s ease,filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1); }
.network-reveal-enabled .network-reveal.is-complete { opacity:1; filter:none; transform:none; }
.network-hero-text { margin:38px 0 0; color:#afc0c5; font-size:20px; line-height:1.9; word-break:keep-all; }

.network-console { min-height:510px; padding:24px 0; position:relative; border-top:1px solid rgba(53,194,255,.44); border-bottom:1px solid rgba(53,194,255,.22); }
.network-console::before { content:""; width:52px; height:2px; position:absolute; left:0; top:-1px; background:var(--network-cyan); box-shadow:0 0 16px rgba(53,194,255,.75); }
.console-head { margin-bottom:24px; display:flex; align-items:center; justify-content:space-between; color:#82989f; font-size:13px; letter-spacing:.15em; text-transform:uppercase; }
.console-head i { width:7px; height:7px; border-radius:50%; background:var(--network-mint); box-shadow:0 0 12px var(--network-mint); }
.console-node { min-height:108px; display:grid; grid-template-columns:42px 1fr; align-content:center; border-top:1px solid rgba(255,255,255,.08); }
.console-node > span { grid-row:1/3; color:var(--network-cyan); font-size:13px; }
.console-node strong { color:#f4fafb; font-size:clamp(28px,2.7vw,40px); line-height:1; letter-spacing:-.045em; font-weight:500; }
.console-node small { margin-top:10px; color:#7c9299; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.console-line { height:22px; display:flex; align-items:center; gap:14px; padding-left:42px; }
.console-line::before { content:""; width:1px; height:100%; background:rgba(53,194,255,.3); }
.console-line i { width:4px; height:4px; border-radius:50%; background:var(--network-cyan); animation:network-packet 2.2s ease-in-out infinite; }
.console-line i:nth-child(2){animation-delay:.25s}.console-line i:nth-child(3){animation-delay:.5s}.console-line i:nth-child(4){animation-delay:.75s}
.network-console > p { margin:23px 0 0; color:#789099; font-size:12px; letter-spacing:.13em; text-transform:uppercase; }
.network-console > p i { width:6px; height:6px; margin-right:9px; display:inline-block; border-radius:50%; background:var(--network-mint); box-shadow:0 0 10px var(--network-mint); }
.network-rail { height:60px; position:absolute; left:0; right:0; bottom:0; overflow:hidden; border-top:1px solid rgba(53,194,255,.12); color:#60777f; font-size:13px; letter-spacing:.16em; text-transform:uppercase; }
.network-rail > div { width:max-content; height:100%; display:flex; align-items:center; animation:network-rail 36s linear infinite; }
.network-rail span { padding:0 24px; }.network-rail i { color:var(--network-cyan); font-style:normal; }

.network-statement { width:min(100% - 64px,var(--page)); min-height:660px; margin:0 auto; padding:120px 0; position:relative; display:grid; grid-template-columns:.36fr 1fr .72fr; gap:60px; align-items:start; }
.network-statement::after { content:""; height:1px; position:absolute; left:0; right:0; bottom:0; background:#dce3e6; }
.network-section-label { display:flex; align-items:center; gap:14px; color:var(--blue-deep); font-size:14px; letter-spacing:.14em; text-transform:uppercase; }
.network-section-label span { width:33px; height:33px; display:grid; place-items:center; border:1px solid rgba(23,102,213,.3); }.network-section-label p{margin:0}
.network-statement-copy > p { margin:2px 0 24px; color:#778287; font-size:clamp(24px,2vw,29px); line-height:1.5; letter-spacing:-.025em; }
.network-statement-copy h2,.engineers-heading h2,.products-heading h2,.network-closing h2 { margin:0; font-size:clamp(48px,5.2vw,78px); line-height:1.08; letter-spacing:-.06em; font-weight:500; word-break:keep-all; }
.network-statement-copy h2 em { color:var(--blue-deep); font-style:normal; }
.network-description { padding-top:62px; margin:0; color:#5f6f75; font-size:20px; line-height:1.9; word-break:keep-all; }

.network-chain { padding:120px max(32px,calc((100% - var(--page))/2)) 140px; position:relative; overflow:hidden; background:#04141b; color:#fff; }
.network-chain::before { content:"FLOW"; position:absolute; right:-2vw; top:60px; color:rgba(53,194,255,.025); font-size:24vw; line-height:.8; letter-spacing:-.09em; font-weight:700; }
.chain-heading { position:relative; display:grid; grid-template-columns:1fr .58fr; align-items:end; gap:80px; }.chain-heading>div>p{margin:0 0 26px;color:var(--network-cyan);font-size:16px;letter-spacing:.18em;text-transform:uppercase}
.chain-heading h2,.lead-intro h2 { margin:0; font-size:clamp(54px,6vw,92px); line-height:.96; letter-spacing:-.065em; font-weight:500; }
.chain-heading>p { margin:0 0 5px;color:#8ba0a7;font-size:19px;line-height:1.8;word-break:keep-all }
.chain-list { margin-top:85px; position:relative; border-top:1px solid rgba(255,255,255,.12); }
.chain-row { min-height:175px; display:grid; grid-template-columns:80px 1fr .7fr; align-items:center; gap:42px; border-bottom:1px solid rgba(255,255,255,.1); transition:padding .35s ease,background .35s ease; }
.chain-row:hover { padding:0 24px;background:linear-gradient(90deg,rgba(53,194,255,.08),transparent 76%); }.chain-row>span{color:var(--network-cyan);font-size:14px}
.chain-row h3 { margin:0;color:transparent;font-size:clamp(52px,6.3vw,96px);line-height:.9;letter-spacing:-.065em;font-weight:500;-webkit-text-stroke:1px rgba(215,239,246,.5);transition:color .35s ease,-webkit-text-stroke .35s ease }.chain-row:hover h3{color:#f1f9fb;-webkit-text-stroke-color:transparent}
.chain-row p { margin:0;padding-left:28px;border-left:1px solid rgba(53,194,255,.25);color:#9aadb3;font-size:18px;line-height:1.75;word-break:keep-all }
.network-license { margin-top:82px;padding:48px 0;position:relative;display:grid;grid-template-columns:.32fr 1fr .72fr;align-items:center;gap:60px;border-top:1px solid rgba(53,194,255,.26);border-bottom:1px solid rgba(53,194,255,.14);background:linear-gradient(90deg,rgba(53,194,255,.045),transparent 72%) }
.network-license::before{content:"REGISTERED / ICT CONSTRUCTION";position:absolute;right:0;top:18px;color:rgba(53,194,255,.25);font-size:10px;letter-spacing:.16em}
.license-mark{width:142px;height:142px;position:relative;display:grid;place-items:center;border:1px solid rgba(53,194,255,.42);border-radius:50%;box-shadow:inset 0 0 0 10px rgba(53,194,255,.025),0 0 34px rgba(53,194,255,.06)}.license-mark::before,.license-mark::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(53,194,255,.18)}.license-mark::before{inset:10px}.license-mark::after{inset:-8px}.license-mark span{color:#f1fbfd;font-size:38px;letter-spacing:-.05em}.license-mark i{position:absolute;bottom:25px;color:var(--network-cyan);font-size:9px;font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.network-license>div:nth-child(2)>p{margin:0 0 18px;color:var(--network-cyan);font-size:14px;letter-spacing:.16em;text-transform:uppercase}.network-license h3{margin:0;color:#f3fafc;font-size:clamp(42px,4.8vw,72px);line-height:1;letter-spacing:-.055em;font-weight:500}.network-license>p{margin:0;color:#a0b2b8;font-size:18px;line-height:1.85;word-break:keep-all}

.network-engineers { padding:125px max(32px,calc((100% - var(--page))/2)) 145px; background:#f3f7f8; }
.engineers-heading,.products-heading { display:grid;grid-template-columns:.36fr 1fr .72fr;align-items:end;gap:60px }.engineers-heading .network-section-label,.products-heading .network-section-label{align-self:start}
.engineers-heading>p,.products-heading>p{margin:0 0 5px;color:#5d6d73;font-size:19px;line-height:1.8;word-break:keep-all}
.engineer-grid { margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7d3d7;border-left:1px solid #c7d3d7 }
.engineer-card { min-height:500px;padding:31px 34px 34px;display:flex;flex-direction:column;border-right:1px solid #c7d3d7;border-bottom:1px solid #c7d3d7;transition:background .35s ease,color .35s ease }
.engineer-card:hover{background:#061820;color:#fff}.engineer-card>span{color:var(--blue-deep);font-size:13px;letter-spacing:.14em}.engineer-card h3{margin:78px 0 0;font-size:clamp(38px,3.8vw,59px);line-height:.9;letter-spacing:-.06em;font-weight:500}.engineer-card b{margin-top:36px;color:var(--blue-deep);font-size:16px;font-weight:500}.engineer-card p{margin:19px 0 0;color:#68787e;font-size:17px;line-height:1.8;word-break:keep-all}.engineer-card small{margin-top:auto;padding-top:34px;color:#829198;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.engineer-card:hover b{color:var(--network-cyan)}.engineer-card:hover p{color:#a7bac0}

.network-products { padding:125px max(32px,calc((100% - var(--page))/2)) 145px;background:#fff }
.network-product-grid { margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced8db;border-left:1px solid #ced8db }
.network-product-card { min-height:460px;padding:26px 28px 30px;position:relative;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #ced8db;border-bottom:1px solid #ced8db;background:#f8fafb;color:var(--ink);transition:background .35s ease,color .35s ease }
[data-network-products] .network-product-card h3 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.25; overflow-wrap: anywhere; }
[data-network-products] .network-product-card small { line-height: 1.7; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; margin-bottom: 24px; }
[data-network-products] .network-product-card:focus-visible { outline: 3px solid var(--blue-deep); outline-offset: -3px; }
.network-product-card::after{content:"↗";position:absolute;right:24px;top:22px;color:var(--blue-deep);font-size:20px}.product-image{height:170px;display:grid;place-items:center;overflow:hidden;background:#fff}.product-image img{max-width:94%;max-height:90%;object-fit:contain;transition:transform .65s cubic-bezier(.16,1,.3,1)}.network-product-card:hover .product-image img{transform:scale(1.08)}
.network-product-card>i{margin-top:25px;color:var(--blue-deep);font-size:13px;letter-spacing:.14em;font-style:normal}.network-product-card h3{margin:27px 0 0;font-size:clamp(36px,3.7vw,58px);line-height:.86;letter-spacing:-.06em;font-weight:500}.network-product-card p{margin:auto 0 0;color:#1e323a;font-size:17px;font-weight:600}.network-product-card small{margin-top:10px;color:#728187;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.network-product-card:hover{background:#eaf6fa}
.network-products-link { width:max-content;margin:34px 0 0 auto;display:flex;align-items:center;gap:18px;color:var(--blue-deep);font-size:16px;font-weight:600 }.network-products-link i{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(23,102,213,.25);border-radius:50%;font-style:normal}

.network-lead { padding:125px max(32px,calc((100% - var(--page))/2)) 145px;display:grid;grid-template-columns:.84fr 1fr;gap:100px;background:#061820;color:#fff }
.lead-intro>p{margin:0 0 28px;color:var(--network-cyan);font-size:16px;letter-spacing:.18em;text-transform:uppercase}.lead-intro>span{margin-top:38px;max-width:520px;display:block;color:#8ba0a7;font-size:19px;line-height:1.8}
.network-lead-card { min-height:520px;padding:38px 46px 42px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(53,194,255,.07),transparent 65%) }.network-lead-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.network-lead-card>div:first-child span{color:var(--network-cyan);font-size:22px;font-weight:600;letter-spacing:-.01em}.network-lead-card>div:first-child p{margin:0;color:#718890;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.network-lead-card h3{margin:90px 0 0;font-size:clamp(68px,8vw,120px);line-height:1;letter-spacing:-.08em;font-weight:500}
.network-contact{margin-top:auto;border-top:1px solid rgba(255,255,255,.12)}.network-contact a{min-height:64px;display:grid;grid-template-columns:90px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.network-contact span{color:#718991;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.network-contact b{font-size:17px;font-weight:400}.network-contact a:hover b{color:var(--network-cyan)}

.network-closing { min-height:650px;padding:120px max(32px,calc((100% - var(--page))/2));position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:#fff;text-align:center }.network-closing::before{content:"NET";position:absolute;color:transparent;font-size:34vw;line-height:.8;letter-spacing:-.1em;font-weight:700;-webkit-text-stroke:1px rgba(23,102,213,.055)}.network-closing>*{position:relative;z-index:1}.network-closing>p{margin:0 0 30px;color:var(--blue-deep);font-size:14px;letter-spacing:.18em}.network-closing h2{max-width:1050px}.network-closing>span{margin-top:35px;color:#5f6f75;font-size:18px;letter-spacing:.09em}.network-footer{background:#02080c}

.network-motion .network-reveal-section { opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1) }.network-motion .network-reveal-section.is-visible{opacity:1;transform:none}
@keyframes network-packet{0%,100%{opacity:.18;transform:translateY(-3px)}50%{opacity:1;box-shadow:0 0 8px var(--network-cyan);transform:translateY(3px)}}
@keyframes network-rail{to{transform:translateX(-50%)}}

@media(max-width:1180px){
  .network-hero{min-height:1230px;align-items:flex-start}.network-hero-inner{padding-top:45px;grid-template-columns:1fr}.network-console{width:min(100%,760px);justify-self:end}
  .network-statement,.engineers-heading,.products-heading{grid-template-columns:.3fr 1fr}.network-description,.engineers-heading>p,.products-heading>p{grid-column:2;padding-top:0}
  .chain-row{grid-template-columns:70px 1fr}.chain-row p{grid-column:2;padding:0 0 34px;border-left:0}.network-license{grid-template-columns:.3fr 1fr}.network-license>p{grid-column:2}.engineer-card{padding:28px 24px}.network-lead{grid-template-columns:1fr;gap:65px}
}
@media(max-width:760px){
  .network-hero{min-height:1080px;padding:124px 20px 100px}.network-hero::after{left:20px;right:20px;bottom:59px}.network-hero-inner{padding-top:0;gap:58px}.network-index{margin-bottom:42px}.network-hero h1{font-size:clamp(50px,14.5vw,72px)}.network-hero-text{font-size:17px}.network-hero-text br{display:none}.network-console{min-height:410px}.console-node{min-height:82px}.console-node strong{font-size:25px}.network-rail{height:52px}
  .network-statement{width:min(100% - 40px,var(--page));min-height:0;padding:80px 0;grid-template-columns:1fr;gap:38px}.network-description{grid-column:auto;padding-top:0;font-size:17px}.network-statement-copy>p{font-size:22px}.network-statement-copy h2,.engineers-heading h2,.products-heading h2,.network-closing h2{font-size:40px}
  .network-chain,.network-engineers,.network-products,.network-lead{padding:82px 20px 95px}.chain-heading{min-width:0;grid-template-columns:minmax(0,1fr);gap:30px}.chain-heading>*{min-width:0}.chain-heading h2{font-size:45px}.lead-intro h2{font-size:50px}.chain-heading>p,.lead-intro>span{font-size:17px}.chain-list{margin-top:58px}.chain-row{min-height:240px;padding:28px 0;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px}.chain-row:hover{padding:28px 8px}.chain-row h3{font-size:clamp(40px,13vw,58px)}.chain-row p{font-size:16px}.network-license{margin-top:58px;padding:38px 0;grid-template-columns:minmax(0,1fr);gap:30px}.network-license>p{grid-column:auto;font-size:17px}.license-mark{width:112px;height:112px}.license-mark span{font-size:31px}.license-mark i{bottom:18px}.network-license h3{font-size:44px}
  .engineers-heading,.products-heading{grid-template-columns:1fr;gap:34px}.engineers-heading>p,.products-heading>p{grid-column:auto;font-size:17px}.engineer-grid{margin-top:58px;grid-template-columns:minmax(0,1fr)}.engineer-card{min-width:0;min-height:430px}.engineer-card h3{margin-top:58px;font-size:45px}
  .network-product-grid{margin-top:58px;grid-template-columns:1fr 1fr}.network-product-card{min-height:350px;padding:18px 16px 20px}.product-image{height:120px}.network-product-card h3{font-size:34px}.network-product-card p{font-size:14px}.network-product-card small{font-size:10px}.network-product-card::after{right:14px;top:13px}
  .network-products-link{margin-left:0}.network-lead-card{min-height:440px;padding:28px 24px}.network-lead-card>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.network-lead-card>div:first-child span{font-size:19px}.network-lead-card h3{margin-top:62px;font-size:72px}.network-contact a{grid-template-columns:72px 1fr}.network-closing{min-height:540px;padding:90px 20px}.network-closing>span{font-size:14px}
}
.license-mark{margin-left:clamp(18px,2.4vw,38px)}
@media(max-width:760px){.license-mark{margin-left:10px}}
@media(prefers-reduced-motion:reduce){.network-rail>div,.console-line i{animation:none}}