:root{--navy:#031225;--navy2:#082d4e;--blue:#178eea;--cyan:#58c7ff;--ink:#10243b;--muted:#627388;--light:#f5f9fc;--line:#dce7ef;--shadow:0 24px 70px rgba(0,28,65,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
header{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;gap:25px;padding:0 5vw;background:rgba(2,15,31,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;min-width:205px}.mark{width:46px;height:46px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:800}.brand strong{display:block;letter-spacing:.17em;font-size:21px}.brand small{display:block;color:#68c9ff;letter-spacing:.28em;font-size:9px;margin-top:5px}
nav{display:flex;gap:21px;margin-left:auto}nav a{font-size:13px;color:#d5e4ef}nav a:hover,nav a.active{color:var(--cyan)}.lang{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 13px}
.hero{background:radial-gradient(circle at 80% 5%,rgba(24,145,230,.36),transparent 28%),linear-gradient(135deg,#020b18,#07375f);color:#fff;padding:95px 6vw}.hero.home{min-height:calc(100vh - 82px);display:flex;align-items:center}.hero-inner{max-width:1400px;margin:auto;width:100%;display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.2em}.hero h1{font-size:clamp(50px,7vw,102px);line-height:.92;margin:0}.hero h1 span,.hero h1 small{display:block}.hero h1 small{font-size:.15em;letter-spacing:.36em;color:#74ccff;margin-top:18px}.hero h2{font-size:clamp(30px,4.5vw,58px);line-height:1.08;margin:28px 0 18px}.hero p{max-width:760px;color:#c4d8e8;font-size:19px}.hero-art img{max-height:690px;width:100%;object-fit:cover;border-radius:25px;border:1px solid rgba(100,195,255,.25);box-shadow:0 35px 90px rgba(0,0,0,.45)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions a{padding:14px 21px;border-radius:9px;font-weight:700}.primary{background:linear-gradient(135deg,#1ca1ff,#076fd0)}.secondary{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.section{padding:95px 6vw}.light{background:var(--light)}.dark{background:linear-gradient(145deg,#031328,#092a49);color:#fff}.section-head{max-width:850px;text-align:center;margin:0 auto 48px}.section-head h2,.split h2{font-size:clamp(36px,4.5vw,58px);line-height:1.1;margin:0 0 18px}.grid{max-width:1320px;margin:auto;display:grid;gap:21px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}
.card,.resource{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 14px 40px rgba(18,62,95,.07)}.card b,.resource span{color:var(--blue)}.card h3,.resource h3{font-size:22px;margin:14px 0 9px}.card p,.resource p{color:var(--muted);margin:0}
.sector{background:linear-gradient(145deg,#061a31,#0d416c);color:#fff;border-radius:21px;padding:30px;min-height:245px;display:flex;flex-direction:column;justify-content:flex-end}.sector span{color:#65c9ff}.sector h3{font-size:25px;margin:12px 0 8px}.sector p{color:#bdd3e3;margin:0}
.split{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{background:linear-gradient(145deg,#031529,#0a4a7e);padding:27px;border-radius:24px;box-shadow:var(--shadow)}.visual img{border-radius:17px;max-height:650px;width:100%;object-fit:cover}
.checks{list-style:none;padding:0}.checks li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.project{background:linear-gradient(145deg,#071d35,#0c416d);color:#fff;border-radius:22px;padding:32px;min-height:280px}.project span{color:#67c7ff;font-size:11px;letter-spacing:.16em}.project h3{font-size:25px;margin:60px 0 10px}.project p{color:#bdd3e3}
.contact{max-width:1200px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-lines{display:flex;flex-direction:column;gap:8px}.contact-lines a{color:#087bc7;font-size:20px;font-weight:800}
form{background:#fff;padding:34px;border-radius:22px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}input,select,textarea{width:100%;padding:13px;border:1px solid #cadbe7;border-radius:9px;margin-top:7px}button{border:0;border-radius:9px;background:linear-gradient(135deg,#1ca1ff,#076fd0);color:#fff;padding:14px 21px;font-weight:700}
footer{background:#020d19;color:#a9bdcf;padding:34px 6vw;display:grid;grid-template-columns:1fr auto;gap:18px}footer strong{display:block;color:#fff;letter-spacing:.16em}footer small{color:#63c7ff;letter-spacing:.27em}footer p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;font-size:12px}
@media(max-width:1050px){header{overflow-x:auto}nav{min-width:max-content}.hero-inner,.split,.contact{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){header{height:auto;min-height:72px;padding:12px 16px;flex-wrap:wrap}.brand{min-width:auto}nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.hero{padding:70px 20px}.hero.home{min-height:auto}.grid.three,.grid.four{grid-template-columns:1fr}.section{padding:70px 20px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}}

/* VERTEX 2.0 HOMEPAGE */
.v2-header{position:sticky;top:0;z-index:50;min-height:88px;display:flex;align-items:center;gap:28px;padding:10px clamp(18px,5vw,78px);background:rgba(2,14,30,.96);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);color:#fff}
.v2-brand{width:235px;height:68px;display:flex;align-items:center;overflow:hidden}.v2-brand img{width:100%;height:100%;object-fit:cover;object-position:left center;border-radius:8px}
.v2-nav{display:flex;gap:24px;margin-left:auto;align-items:center}.v2-nav a{font-size:13px;color:#d6e5f1;white-space:nowrap}.v2-nav a:hover,.v2-nav a.active{color:#57c6ff}.v2-lang{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 14px;color:#fff}
.v2-hero{position:relative;overflow:hidden;min-height:calc(100vh - 88px);display:flex;align-items:center;padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);background:radial-gradient(circle at 82% 12%,rgba(26,135,225,.42),transparent 30%),linear-gradient(130deg,#020a16 0%,#041b35 48%,#064b7e 100%);color:#fff}
.v2-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(92,198,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(92,198,255,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.v2-hero-inner{position:relative;z-index:2;max-width:1450px;margin:auto;width:100%;display:grid;grid-template-columns:1.05fr .72fr;gap:75px;align-items:center}
.v2-eyebrow{color:#5cc7ff;font-size:12px;font-weight:800;letter-spacing:.2em;margin:0 0 18px}.v2-copy h1{font-size:clamp(52px,6.3vw,92px);line-height:.97;letter-spacing:-.05em;margin:0}.v2-copy h1 span{color:#55c5ff}.v2-lead{max-width:780px;color:#c8dae9;font-size:20px;margin:28px 0}
.v2-actions{display:flex;gap:14px;flex-wrap:wrap}.v2-primary,.v2-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font-weight:700}.v2-primary{background:linear-gradient(135deg,#1ca4ff,#0772d3);color:#fff;box-shadow:0 16px 40px rgba(14,125,215,.28)}.v2-secondary{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff}
.v2-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.v2-trust span{border:1px solid rgba(103,199,255,.2);background:rgba(4,36,65,.58);border-radius:999px;padding:8px 11px;color:#bcd4e6;font-size:12px}
.v2-visual{position:relative}.v2-visual>img{width:100%;max-height:690px;object-fit:cover;border-radius:26px;border:1px solid rgba(105,199,255,.25);box-shadow:0 40px 100px rgba(0,0,0,.46)}.v2-caption{position:absolute;left:-26px;bottom:38px;background:rgba(2,19,36,.92);border:1px solid rgba(91,194,255,.3);border-radius:14px;padding:16px 20px}.v2-caption strong{display:block;letter-spacing:.15em}.v2-caption span{color:#79ceff;font-size:12px}
.v2-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#061a30;color:#fff;padding:23px clamp(20px,6vw,90px)}.v2-metrics div{padding:8px 24px;border-right:1px solid rgba(255,255,255,.1)}.v2-metrics div:last-child{border:0}.v2-metrics strong{display:block;color:#5cc7ff;font-size:19px}.v2-metrics span{font-size:12px;color:#aec5d8}
.v2-section{padding:clamp(75px,8vw,120px) clamp(20px,6vw,90px)}.v2-section.light{background:#f6f9fb}.v2-section.dark{background:linear-gradient(145deg,#031327,#092b4a);color:#fff}.v2-heading{max-width:850px;text-align:center;margin:0 auto 50px}.v2-heading h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08;margin:0 0 18px}.v2-heading p:last-child{color:#63758a;font-size:18px}
.v2-cards,.v2-industries{max-width:1320px;margin:auto;display:grid;gap:21px}.v2-cards{grid-template-columns:repeat(3,1fr)}.v2-cards article{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:32px;box-shadow:0 14px 40px rgba(17,60,93,.07)}.v2-cards b{color:#148fe4}.v2-cards h3{font-size:23px;margin:15px 0 9px}.v2-cards p{color:#627388;margin:0}
.v2-industries{grid-template-columns:repeat(3,1fr)}.v2-industries a{min-height:245px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 85% 0%,rgba(52,177,246,.32),transparent 38%),linear-gradient(145deg,#06192f,#0c426d);border:1px solid rgba(105,198,255,.16);border-radius:21px;padding:30px}.v2-industries span{color:#65c9ff}.v2-industries h3{font-size:25px;margin:12px 0 8px}.v2-industries p{color:#bdd3e3;margin:0}.v2-cta{display:flex;justify-content:space-between;align-items:center;gap:40px}.v2-cta h2{font-size:clamp(36px,4.5vw,58px);margin:0 0 14px}.v2-cta p{color:#63758a;font-size:18px}
@media(max-width:1100px){.v2-nav{overflow-x:auto}.v2-hero-inner{grid-template-columns:1fr}.v2-visual{max-width:620px;margin:auto}.v2-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v2-header{flex-wrap:wrap}.v2-brand{width:190px}.v2-nav{order:3;width:100%;padding-bottom:5px}.v2-hero{padding:70px 20px}.v2-copy h1{font-size:49px}.v2-metrics,.v2-cards,.v2-industries{grid-template-columns:1fr}.v2-metrics div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.v2-section{padding:70px 20px}.v2-cta{align-items:flex-start;flex-direction:column}.v2-caption{left:-5px}}

/* ================= VORTEX WEBSITE 3.0 ================= */
.v3-body{background:#020c19;color:#fff}
.v3-header{position:sticky;top:0;z-index:60;min-height:84px;display:flex;align-items:center;gap:26px;padding:8px clamp(18px,4vw,58px);background:rgba(1,12,27,.97);border-bottom:1px solid rgba(58,159,255,.18);backdrop-filter:blur(18px)}
.v3-brand{width:220px;height:78px;display:flex;align-items:center;overflow:hidden}.v3-brand img{width:100%;height:100%;object-fit:cover;object-position:left center}
.v3-nav{display:flex;gap:27px;margin-left:auto}.v3-nav a{color:#fff;font-size:14px}.v3-nav a.active,.v3-nav a:hover{color:#1498ff}.v3-lang{border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:7px 15px;color:#fff}
.v3-hero{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(115deg,rgba(1,12,27,.98),rgba(4,39,77,.92)),url("assets/vortex-datacentre-bg.webp") center/cover;color:#fff}
.v3-network{position:absolute;inset:0;background-image:linear-gradient(rgba(20,139,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,139,255,.07) 1px,transparent 1px);background-size:48px 48px}
.v3-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .9fr;max-width:1550px;margin:auto;min-height:500px}
.v3-copy{padding:80px 45px 55px}.v3-kicker{color:#1498ff;letter-spacing:.13em;font-weight:700;font-size:14px}.v3-copy h1{font-size:clamp(52px,5.5vw,82px);line-height:.98;letter-spacing:-.045em;margin:18px 0}.v3-copy h1 span{color:#0b87ff}.v3-lead{font-size:19px;max-width:750px;color:#e3ecf5}
.v3-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.v3-actions a{padding:15px 22px;border-radius:9px;font-weight:700}.v3-primary{background:linear-gradient(135deg,#126ef4,#0757d1);color:#fff}.v3-secondary{border:1px solid #fff;background:rgba(0,0,0,.2);color:#fff}
.v3-panel{padding:16px 18px 0 0;display:flex;align-items:stretch}.v3-panel img{width:100%;height:100%;max-height:500px;object-fit:cover;border:1px solid rgba(85,174,255,.35);border-radius:18px 18px 0 0}
.v3-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:15px clamp(20px,5vw,80px);border-top:1px solid rgba(79,160,255,.35);border-bottom:1px solid rgba(79,160,255,.35);background:#031326}
.v3-benefits article{display:flex;gap:15px;align-items:center;padding:10px 20px;border-right:1px solid rgba(255,255,255,.16)}.v3-benefits article:last-child{border:0}.v3-icon{width:55px;height:55px;border:2px solid #137cff;border-radius:50%;display:grid;place-items:center;color:#208dff;font-size:25px}.v3-benefits h3{text-transform:uppercase;font-size:14px;margin:0 0 4px}.v3-benefits p{margin:0;color:#d0dce8;font-size:12px}
.v3-industries-section{padding:12px 35px 18px;background:#031225}.v3-section-title{display:flex;align-items:center;gap:14px;justify-content:center}.v3-section-title span{height:1px;width:120px;background:#137fff}.v3-section-title h2{color:#1595ff;letter-spacing:.14em;font-size:20px}
.v3-industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1550px;margin:auto}.v3-industry-grid a{background:linear-gradient(#071a31,#031225);border:1px solid rgba(84,162,238,.45);border-radius:7px;overflow:hidden;padding-bottom:14px}.v3-card-image{height:105px;background-image:url("assets/vortex-homepage-visual.webp");background-size:600% auto}.v3-card-image.data{background-position:0 63%}.v3-card-image.oil{background-position:20% 63%}.v3-card-image.petro{background-position:40% 63%}.v3-card-image.water{background-position:60% 63%}.v3-card-image.infra{background-position:80% 63%}.v3-card-image.marine{background-position:100% 63%}
.v3-industry-grid h3{padding:0 14px;margin:12px 0 3px;text-transform:uppercase;font-size:15px}.v3-industry-grid p{padding:0 14px;margin:0;color:#d1dbe6;font-size:12px}
.v3-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(78,159,255,.4);background:#031326}.v3-ai,.v3-contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px clamp(25px,6vw,100px)}.v3-ai{border-right:1px solid rgba(255,255,255,.18)}.v3-bottom-icon{width:60px;height:60px;border:1px solid #168cff;border-radius:50%;display:grid;place-items:center;color:#168cff;font-weight:800}.v3-bottom h3{text-transform:uppercase;color:#2b9cff;margin:0}.v3-bottom p{margin:3px 0 0;color:#d2dde8;font-size:13px}.v3-bottom a{background:#075ee0;padding:13px 24px;border-radius:7px;color:#fff;white-space:nowrap}
.v3-footer{background:#010b16;color:#aabccc;padding:28px 5vw;display:grid;grid-template-columns:1fr auto;gap:16px}.v3-footer strong{display:block;color:#fff;font-size:20px;letter-spacing:.17em}.v3-footer small{display:block;color:#55baff}.v3-footer p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;font-size:12px}
@media(max-width:1100px){.v3-nav{overflow-x:auto}.v3-hero-inner{grid-template-columns:1fr}.v3-panel{padding:0 25px 25px}.v3-benefits{grid-template-columns:repeat(2,1fr)}.v3-industry-grid{grid-template-columns:repeat(3,1fr)}.v3-bottom{grid-template-columns:1fr}.v3-ai{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}}
@media(max-width:720px){.v3-header{flex-wrap:wrap}.v3-brand{width:185px}.v3-nav{order:3;width:100%;padding-bottom:5px}.v3-copy{padding:60px 20px}.v3-copy h1{font-size:48px}.v3-benefits{grid-template-columns:1fr}.v3-benefits article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.v3-industry-grid{grid-template-columns:1fr}.v3-bottom>div{grid-template-columns:1fr}.v3-bottom a{justify-self:start}.v3-section-title span{width:35px}}