@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--navy:#04172d;--ink:#10233c;--cyan:#0863dc;--green:#56c91d;--mint:#d8f8c8;--paper:#f4f7fa;--line:rgba(16,35,60,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.nav{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:white;border-bottom:1px solid rgba(255,255,255,.15)}
.brand{display:flex;align-items:center}.brand-logo{display:block;width:188px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}
.links{display:flex;align-items:center;gap:34px;font-size:14px}.links a:not(.nav-cta){opacity:.82}.links a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:11px 15px;display:flex;gap:22px;align-items:center}.menu{display:none;background:none;border:0;color:white}
.hero{min-height:790px;background:var(--navy);color:white;padding:170px 5.5vw 72px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;align-items:center}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 38%,rgba(8,99,220,.22),transparent 34%),radial-gradient(circle at 86% 72%,rgba(86,201,29,.10),transparent 24%);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow,.kicker{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.22em}.eyebrow{color:var(--mint);display:flex;gap:10px;align-items:center}.eyebrow span{width:25px;height:1px;background:var(--cyan)}
h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(64px,7.6vw,126px);line-height:.83;letter-spacing:-.07em;font-weight:500}h1 em,h2 em{font-weight:400;color:var(--cyan);font-style:normal}
.hero-copy>p{font-size:19px;line-height:1.65;color:#afc0c8;max-width:570px;margin:38px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 20px;font-size:14px;font-weight:600;min-width:194px}.primary{background:var(--cyan);color:var(--navy)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}
.network-art{height:580px;position:relative;z-index:2}.orbit{position:absolute;border:1px solid rgba(33,115,229,.34);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.o1{width:160px;height:160px}.o2{width:310px;height:310px}.o3{width:500px;height:500px}.orbit:after,.orbit:before{content:"";position:absolute;left:50%;top:0;height:100%;width:1px;background:rgba(86,201,29,.14);transform:rotate(45deg)}.orbit:after{transform:rotate(-45deg)}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;background:white;color:var(--navy);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px rgba(8,99,220,.52);overflow:hidden}.core-logo{display:block;width:100%;height:100%;background-image:url("/wircomm-logo.png");background-repeat:no-repeat;background-size:260%;background-position:50% 32%}.node{position:absolute;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green)}.n1{top:9%;left:47%}.n2{top:28%;left:16%}.n3{top:34%;right:7%}.n4{bottom:20%;left:16%}.n5{bottom:8%;right:30%}.n6{top:56%;right:20%}.beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent);left:15%;right:12%;top:50%;transform-origin:center}.b2{transform:rotate(58deg)}.b3{transform:rotate(-48deg)}
.art-label{position:absolute;font-size:9px;letter-spacing:.18em;display:flex;gap:9px;align-items:center}.art-label b{color:var(--cyan)}.art-label.top{right:4%;top:13%}.art-label.bottom{left:8%;bottom:12%}.hero-foot{position:absolute;bottom:30px;left:5.5vw;right:5.5vw;display:flex;gap:44px;color:#748b96;font-size:10px;text-transform:uppercase;letter-spacing:.2em}
.statement{padding:130px 5.5vw;display:grid;grid-template-columns:.55fr 1.15fr 1fr;gap:6vw;border-bottom:1px solid var(--line)}.kicker{color:#52707e;margin:8px 0 28px}.statement h2,.section-head h2,.about h2{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.055em;font-weight:500}.large-copy{font:400 clamp(20px,2vw,30px)/1.45 Manrope;margin:3px 0;color:#415866}
.capabilities{padding:120px 5.5vw}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:end;margin-bottom:70px}.section-head>p{color:#5d7079;line-height:1.7;max-width:390px}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-card{min-height:385px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;position:relative;transition:.3s}.cap-card:hover{background:white;transform:translateY(-5px);box-shadow:0 18px 45px rgba(7,34,49,.09)}.card-top{display:flex;justify-content:space-between;color:#66808c}.card-top span{font-size:11px}.cap-card h3{font-size:23px;line-height:1.2;margin:100px 0 18px;letter-spacing:-.03em}.cap-card p{color:#61737c;line-height:1.65;font-size:14px}.card-arrow{position:absolute;bottom:25px;right:25px;color:#8ea0a8}
.approach{background:var(--navy);color:white;padding:120px 5.5vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.light{color:var(--mint)}.approach-intro h2{font-size:clamp(56px,6vw,95px);line-height:.98;letter-spacing:-.065em;font-weight:500}.approach-intro>p:last-child{color:#93a9b3;line-height:1.7;max-width:420px;margin-top:35px}.steps{border-top:1px solid rgba(255,255,255,.17)}.step{position:relative;display:grid;grid-template-columns:60px 160px 1fr;gap:15px;padding:34px 45px 34px 0;border-bottom:1px solid rgba(255,255,255,.17);align-items:start}.step>span{color:var(--cyan);font-size:11px}.step h3{font-size:24px;font-weight:500}.step p{margin:0;color:#91a7b1;line-height:1.55;font-size:14px}.step-arrow{position:absolute;right:0;color:#52717e}
.about{padding:130px 5.5vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-visual{min-height:520px;background:#dfe8e2;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-visual:before,.about-visual:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(10,36,51,.12);border-radius:50%}.about-visual:after{width:290px;height:290px}.about-visual svg{color:#1f6b72}.about-visual p{position:relative;margin-top:22px;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.map-dot{position:absolute;width:9px;height:9px;border:2px solid var(--paper);background:#17767b;border-radius:50%;z-index:2}.d1{top:22%;left:26%}.d2{top:31%;right:22%}.d3{bottom:24%;left:20%}.d4{bottom:17%;right:27%}.map-line{position:absolute;height:1px;background:rgba(23,118,123,.4);width:42%;left:30%;top:46%;transform-origin:left}.l1{transform:rotate(-40deg)}.l2{transform:rotate(32deg)}.l3{transform:rotate(150deg)}
.about-copy>p:not(.kicker){color:#586d77;font-size:17px;line-height:1.75;margin:28px 0}.about ul{list-style:none;padding:0;margin:32px 0 40px}.about li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:14px}.about li svg{color:#168b8d;width:16px}.dark{border-color:#8da0a8}
.contact{background:linear-gradient(125deg,var(--cyan) 0%,#0752c2 48%,var(--green) 145%);color:white;padding:120px 5.5vw;text-align:center;position:relative}.contact .light{color:var(--mint)}.contact h2{font-size:clamp(58px,8vw,120px);line-height:.9;letter-spacing:-.07em}.contact h2 em{color:var(--mint)}.contact>p:not(.kicker){font-size:18px;margin:35px auto;max-width:540px;color:#e3efff}.white{background:white;color:var(--ink);margin-top:12px}.spark{position:absolute;right:10%;top:18%;opacity:.45}
footer{background:var(--navy);color:white;padding:55px 5.5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer .brand-logo{width:210px}footer>p{color:#8299a4;text-align:center;font-size:12px}footer>div{display:flex;justify-content:flex-end;gap:24px;color:#8299a4;font-size:11px}footer a:last-child{color:white}
@media(max-width:900px){.links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:30px 5.5%;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:145px}.network-art{height:450px}.hero-foot{display:none}.statement{grid-template-columns:1fr}.cap-grid{grid-template-columns:repeat(2,1fr)}.approach{grid-template-columns:1fr}.about{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.hero{min-height:auto}footer{grid-template-columns:1fr;gap:25px;text-align:center}footer>p{margin:0}footer>div{justify-content:center}}
@media(max-width:560px){.nav{height:70px}.hero{padding:125px 22px 60px}.hero-actions{align-items:flex-start;flex-direction:column}.network-art{height:360px;margin:20px -30px 0}.o3{width:340px;height:340px}.o2{width:235px;height:235px}.o1{width:120px;height:120px}.statement,.capabilities,.approach,.about,.contact{padding:85px 22px}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:320px}.cap-card h3{margin-top:70px}.step{grid-template-columns:40px 1fr}.step p{grid-column:2}.section-head{margin-bottom:45px}.about-visual{min-height:390px}.contact h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cap-card{transition:none}}