:root{--wb-navy:#03182c;--wb-navy2:#062844;--wb-blue:#1389ee;--wb-cyan:#63c9ff;--wb-ink:#071c31;--wb-muted:#6e8193;--wb-line:#dbe5ed;--wb-bg:#f4f7fa;--wb-white:#fff;--wb-shadow:0 24px 70px rgba(4,28,52,.10)}
body{background:var(--wb-bg);letter-spacing:-.012em}.top,.nav{backdrop-filter:blur(18px);background:rgba(3,24,44,.96)!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.top{height:82px}.brand img,.nav img{filter:brightness(0) invert(1);height:auto}.top nav a,.nav a{position:relative;transition:.25s}.top nav a:after,.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--wb-cyan);transition:.25s}.top nav a:hover:after,.nav a:hover:after{right:0}.tools button{box-shadow:0 10px 30px rgba(19,137,238,.22)}
.hero{min-height:680px;height:min(760px,78vh);background:linear-gradient(90deg,rgba(3,24,44,.96) 0%,rgba(3,24,44,.77) 38%,rgba(3,24,44,.16) 72%),url('../img/hero-worldbridge.png') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(70,181,255,.12),transparent 30%);pointer-events:none}.hero-copy{max-width:850px}.hero h1{font-size:clamp(48px,5.4vw,82px);line-height:.98;max-width:980px;text-wrap:balance}.hero .lead{font-size:17px;max-width:650px}.ai{height:66px;width:680px;border-color:rgba(83,190,255,.65);border-radius:18px;background:rgba(3,27,51,.78);box-shadow:0 18px 55px rgba(0,86,180,.25)}.chips span{backdrop-filter:blur(10px);padding:8px 14px}.metrics{height:132px;background:linear-gradient(90deg,#03182c,#062b49)}.metrics div{padding-left:clamp(16px,2vw,34px)}.metrics strong{font-size:clamp(24px,2.1vw,34px);letter-spacing:-.03em}.section{padding:110px max(5%,calc((100vw - 1500px)/2))}.eyebrow{font-size:10px;letter-spacing:.24em}.intro{min-height:430px}.intro h2,.section-head h2{font-size:clamp(38px,4vw,58px)}.intro-copy p{font-size:17px}.solutions{background:linear-gradient(180deg,#f4f8fb,#eef3f7)}.product-grid{grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:330px;gap:18px}.product{border-radius:18px;padding:30px;box-shadow:0 15px 45px rgba(3,24,44,.08);transition:transform .35s,box-shadow .35s}.product:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(3,24,44,.18)}.product:after{background:linear-gradient(180deg,rgba(3,24,44,.03),rgba(3,24,44,.18) 35%,rgba(3,24,44,.95))}.featured h3{font-size:48px}.product h3{font-size:25px}.product p{font-size:13px}.technology{padding:110px max(5%,calc((100vw - 1500px)/2));background:radial-gradient(circle at 12% 15%,#0b416a 0,#041c34 35%,#03172a 100%)}.tech-main h2{font-size:clamp(44px,5vw,70px)}.tech-list article{padding:28px 0}.tech-list b{font-size:19px}.project-layout{border-radius:22px;overflow:hidden;box-shadow:var(--wb-shadow);min-height:520px}.project-feature{background:linear-gradient(145deg,#062844,#03182c)}.news-grid{gap:18px;border:0}.news-grid article,.news-grid article+article{border:1px solid var(--wb-line);border-radius:18px;padding:30px;min-height:280px;transition:.3s;background:#fff}.news-grid article:hover{transform:translateY(-5px);box-shadow:var(--wb-shadow)}.contact{padding:95px max(5%,calc((100vw - 1500px)/2));background:radial-gradient(circle at 80% 20%,#2eb9f4,#0878d8 45%,#0753aa)}.contact button{border-radius:12px;padding:16px 22px}.float-ai{width:68px;height:68px;background:linear-gradient(145deg,#1ba5ff,#0763d4);border:1px solid rgba(255,255,255,.45)}
/* sub pages */
.subhero,.hero:not(body>main .hero){position:relative;overflow:hidden}.subhero{padding:170px max(6%,calc((100vw - 1400px)/2)) 95px!important;background:radial-gradient(circle at 82% 30%,#0b4c79 0,#062844 28%,#03182c 70%)!important}.subhero:after{content:"WORLD BRIDGE";position:absolute;right:-10px;bottom:-28px;font-size:clamp(70px,12vw,190px);font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.035);white-space:nowrap}.subhero h1{font-size:clamp(52px,7vw,92px)!important;letter-spacing:-.055em}.subnav a{border-radius:999px!important;background:rgba(255,255,255,.04);transition:.25s}.subnav a:hover{background:#fff;color:#062844}.content{max-width:1380px!important;padding:100px 36px!important}.content>section{padding:30px 0}.quote{background:#fff;border:1px solid var(--wb-line);border-radius:24px;padding:40px 46px;box-shadow:var(--wb-shadow);font-size:18px!important}.vm{gap:22px!important}.cardx{border-radius:22px!important;background:#fff;box-shadow:0 15px 40px rgba(3,24,44,.06)}.timeline{border-left:0!important;padding-left:0!important;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.timeline article{margin:0!important;padding:24px 28px;background:#fff;border:1px solid var(--wb-line);border-radius:16px}.timeline b{font-size:18px!important}.cert{border-radius:22px!important;background:linear-gradient(145deg,#fff,#f3f7fa)!important;box-shadow:0 12px 35px rgba(3,24,44,.06)}
/* product pages */
body>.hero{min-height:580px}.hero-copy{align-self:center}.wrap{max-width:1500px!important}.lead{padding:25px 0 45px}.cards,.types{gap:20px!important}.card,.type{border-radius:22px!important;padding:30px!important;box-shadow:0 12px 38px rgba(3,24,44,.055);transition:.3s}.card:hover,.type:hover{transform:translateY(-4px);box-shadow:var(--wb-shadow)}.feature{border-radius:14px!important;padding:20px 22px!important}.media,.tech{background:radial-gradient(circle at 10% 10%,#0a416b,#041c34 45%,#03172a)!important}.video{border-radius:22px!important;box-shadow:0 22px 60px rgba(0,0,0,.25)}.spec-table th{background:#e9f2f8!important}.spec-table tr:hover td{background:#f8fbfd}.gallery{gap:18px!important}.gallery img{height:320px!important;border-radius:20px!important;transition:.35s}.gallery img:hover{transform:scale(1.015)}.cta{border-radius:24px!important;padding:42px!important;box-shadow:0 20px 55px rgba(8,111,215,.18)}
/* projects/news */
body>.hero+main.wrap,.wrap{max-width:1450px}.stats{gap:18px!important}.stat{border-radius:20px!important;padding:30px!important;box-shadow:0 12px 35px rgba(3,24,44,.06)}.table{border-radius:22px!important;box-shadow:0 18px 50px rgba(3,24,44,.07)}table tbody tr:hover{background:#f3f8fc}.wrap>.n{background:#fff;margin:0 0 12px;border:1px solid var(--wb-line)!important;border-radius:16px;padding:25px 28px!important;align-items:center;transition:.25s}.wrap>.n:hover{transform:translateX(5px);box-shadow:0 12px 35px rgba(3,24,44,.07)}
footer{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}
@media(max-width:900px){.hero{height:auto;min-height:650px}.hero h1{font-size:42px}.product-grid{grid-template-columns:1fr;grid-auto-rows:320px}.timeline{grid-template-columns:1fr}.section{padding:75px 20px}.metrics{height:auto}.content{padding:65px 20px!important}.quote{padding:26px}.subhero{padding:120px 22px 65px!important}.gallery img{height:250px!important}.top{height:68px}}