:root{--bg:#071014;--bg2:#0b171c;--panel:#0e1c22;--panel2:#12242c;--ink:#f2f6f4;--muted:#93a3a4;--line:rgba(255,255,255,.1);--accent:#83f2c1;--accent2:#65bdf8;--warm:#dbc69b;--max:1240px;--r:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(101,189,248,.09),transparent 30%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.navshell{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(7,16,20,.76);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.18em;font-size:14px}.logo i{width:22px;height:22px;border:1px solid var(--accent);border-radius:7px;display:block;position:relative;box-shadow:0 0 25px rgba(131,242,193,.18)}.logo i:after{content:"";position:absolute;inset:5px;border:1px solid rgba(131,242,193,.6);border-radius:3px}.navlinks{display:flex;gap:22px;margin-left:auto;align-items:center}.navlinks a{font-size:14px;color:#b6c3c3;transition:.2s}.navlinks a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;border-radius:999px;border:1px solid rgba(131,242,193,.32);background:linear-gradient(135deg,rgba(131,242,193,.17),rgba(101,189,248,.09));color:white;font-weight:700;font-size:14px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:rgba(131,242,193,.65);box-shadow:0 12px 38px rgba(0,0,0,.28)}.btn.ghost{background:transparent;border-color:var(--line);color:#c7d2d1}.mobile{display:none}.hero{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:2}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.hero h1,.page-hero h1{font-size:clamp(55px,6.4vw,104px);line-height:.94;margin:0 0 28px;letter-spacing:-.055em;font-weight:680}.hero h1 em,.page-hero h1 em{font-style:normal;color:#a9b6b5}.lead{font-size:20px;line-height:1.55;color:#afbcbb;max-width:740px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.system-card{background:linear-gradient(180deg,rgba(20,40,48,.9),rgba(9,20,25,.94));border:1px solid var(--line);border-radius:32px;padding:22px;box-shadow:0 50px 110px rgba(0,0,0,.38);position:relative;overflow:hidden}.system-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(101,189,248,.07);filter:blur(5px);right:-100px;top:-120px}.system-top{display:flex;justify-content:space-between;color:#7e9091;font-size:11px;letter-spacing:.14em}.pulse{display:flex;align-items:center;gap:8px;color:var(--accent)}.pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(131,242,193,.45);animation:pulse 2s infinite}.network{height:360px;position:relative;margin:15px 0}.node{position:absolute;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#102229;font-size:12px;z-index:3}.n1{left:4%;top:45%}.n2{left:38%;top:16%}.n3{left:40%;bottom:15%}.n4{right:5%;top:45%;border-color:rgba(131,242,193,.35)}.wire{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);transform-origin:left;opacity:.65}.w1{width:44%;left:14%;top:47%;transform:rotate(-27deg)}.w2{width:43%;left:14%;top:53%;transform:rotate(25deg)}.w3{width:38%;left:48%;top:23%;transform:rotate(29deg)}.w4{width:38%;left:49%;bottom:22%;transform:rotate(-29deg)}.spark{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;filter:blur(.1px);box-shadow:0 0 15px var(--accent);animation:travel 4s linear infinite}.s1{top:46%;left:13%}.s2{bottom:20%;left:47%;animation-delay:1.8s}.system-foot{border-top:1px solid var(--line);padding-top:18px;color:#aab7b6;font-size:13px;line-height:1.55}.ticker{border-block:1px solid var(--line);padding:14px 0;overflow:hidden;color:#677879;white-space:nowrap;font-size:11px;letter-spacing:.18em}.ticker div{display:inline-block;animation:marquee 22s linear infinite}.section{padding:110px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);margin-bottom:16px}.section-head{display:grid;grid-template-columns:1fr .55fr;gap:60px;align-items:end;margin-bottom:45px}.section h2,.page h2{font-size:clamp(42px,4.4vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:640}.section h2 span,.page h2 span{color:#8d9b9b}.section-head p,.muted{color:#93a3a4;line-height:1.65;margin:0}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(16,35,42,.76),rgba(11,23,28,.84));padding:26px;min-height:310px;display:flex;flex-direction:column;transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);border-color:rgba(131,242,193,.27);box-shadow:0 35px 70px rgba(0,0,0,.25)}.card .num{font-size:11px;letter-spacing:.15em;color:#6f8181}.card h3{font-size:27px;line-height:1.05;margin:auto 0 14px;letter-spacing:-.03em}.card p{color:#92a2a2;line-height:1.55}.card .go{margin-top:20px;color:var(--accent);font-size:13px;font-weight:700}.light{background:#e8ece8;color:#0a1519}.light .eyebrow{color:#397c68}.light h2 span{color:#6a7877}.light .muted,.light .section-head p{color:#596867}.light .card{background:white;border-color:rgba(10,21,25,.1);box-shadow:0 20px 60px rgba(20,40,50,.06)}.light .card p{color:#62706e}.light .card .go{color:#246754}.light .card:hover{border-color:rgba(36,103,84,.25)}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:22px 18px;border:1px solid var(--line);border-radius:20px;min-height:225px;position:relative}.step:after{content:"";position:absolute;right:-13px;top:50%;width:14px;height:1px;background:rgba(131,242,193,.4)}.step:last-child:after{display:none}.step b{font-size:11px;color:var(--accent);letter-spacing:.14em}.step h3{font-size:20px;line-height:1.15;margin:65px 0 10px}.step p{font-size:13px;color:#8ea0a0;line-height:1.5}.refgrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.reference{border:1px solid var(--line);border-radius:28px;padding:26px;min-height:360px;background:rgba(10,23,28,.78);position:relative;overflow:hidden;transition:.3s}.reference:hover{transform:translateY(-6px);border-color:rgba(101,189,248,.32)}.reference.big{min-height:520px}.tag{display:inline-flex;padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#91a5a5}.tag.good{border-color:rgba(131,242,193,.26);color:var(--accent)}.metric{font-size:clamp(54px,6vw,96px);letter-spacing:-.06em;margin-top:60px;font-weight:650}.reference h3{font-size:25px;margin:10px 0}.reference p{color:#91a2a2;line-height:1.6}.reference .go{position:absolute;bottom:25px;color:var(--accent);font-size:13px;font-weight:700}.dc-stage{border:1px solid var(--line);border-radius:34px;padding:38px;background:linear-gradient(130deg,#0d2028,#0a151a);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;overflow:hidden}.dc-map{min-height:430px;position:relative;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;overflow:hidden}.dc-map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(131,242,193,.09),transparent 40%)}.dc-dot{position:absolute;width:14px;height:14px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 25px rgba(131,242,193,.45);animation:pulse2 2.5s infinite}.dc-dot span{position:absolute;left:18px;top:-8px;white-space:nowrap;font-size:10px;color:#a7b4b3}.d1{left:18%;top:30%}.d2{left:57%;top:18%;animation-delay:.4s}.d3{left:68%;top:66%;animation-delay:.9s}.d4{left:32%;top:72%;animation-delay:1.4s}.dc-list{display:grid;gap:10px;margin-top:26px}.dc-list a{padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr 25px;align-items:center;gap:16px}.dc-list span{font-size:10px;letter-spacing:.13em;color:#697c7c}.dc-list b{font-size:15px}.dc-list em{font-style:normal;color:var(--accent)}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.article-card{border:1px solid var(--line);border-radius:22px;padding:23px;display:flex;gap:20px;align-items:flex-start;transition:.25s;background:rgba(13,28,34,.62)}.article-card:hover{border-color:rgba(131,242,193,.3);transform:translateX(4px)}.article-card small{color:#667878}.article-card h3{margin:0 0 7px;font-size:20px}.article-card p{margin:0;color:#859696;line-height:1.55;font-size:13px}.cta{border-radius:32px;padding:42px;background:linear-gradient(135deg,#bcdccf,#dce7e3);color:#081115;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(38px,4vw,62px);max-width:800px}.cta p{color:#51605e;max-width:700px}.cta .btn{background:#071014;color:white;border-color:#071014;flex:none}.footer{border-top:1px solid var(--line);padding:50px 0;color:#7d8f8f}.footgrid{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:40px}.footgrid h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#a9b5b5}.footgrid a{display:block;margin:8px 0;font-size:13px}.page-hero{padding:120px 0 90px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(58px,7vw,110px);max-width:1100px}.breadcrumbs{font-size:11px;color:#728484;margin-bottom:26px}.breadcrumbs a{color:#98aaaa}.page{min-height:600px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.sticky{position:sticky;top:120px}.content p{color:#a1aeae;line-height:1.75;font-size:17px}.content h3{font-size:30px;margin:55px 0 15px}.content ul{color:#a1aeae;line-height:1.8;padding-left:20px}.infobox{border:1px solid var(--line);border-radius:24px;padding:25px;background:rgba(12,26,32,.72);margin:20px 0}.infobox strong{display:block;color:white;font-size:24px;margin-bottom:10px}.infobox p{font-size:14px;margin:0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.flow div{border:1px solid var(--line);border-radius:18px;padding:18px;min-height:150px}.flow span{font-size:10px;color:var(--accent);letter-spacing:.12em}.flow b{display:block;font-size:18px;margin-top:45px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.stat{border:1px solid var(--line);border-radius:20px;padding:22px}.stat small{color:#738686}.stat b{display:block;font-size:32px;margin-top:12px}.diagram-box{border:1px solid var(--line);border-radius:28px;padding:28px;margin:35px 0;background:rgba(12,26,32,.6)}.barrow{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;margin:16px 0;font-size:13px;color:#94a5a4}.bar{height:9px;border-radius:99px;background:#14262d;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));width:var(--w);transform-origin:left;animation:grow 1.5s ease both}.note{font-size:11px;color:#687a7a;margin-top:14px}.op-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.op{border:1px solid var(--line);border-radius:26px;padding:26px;min-height:310px;position:relative;background:rgba(11,25,31,.72);transition:.3s}.op:hover{transform:translateY(-6px);border-color:rgba(131,242,193,.25)}.op code{font-family:inherit;font-size:10px;letter-spacing:.13em;color:var(--accent)}.op h3{font-size:28px;max-width:420px}.op dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op dt{font-size:10px;color:#667b7a}.op dd{margin:3px 0 0;font-weight:700}.op .go{position:absolute;bottom:24px;color:var(--accent);font-size:13px}.formbox{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border:1px solid var(--line);border-radius:30px;padding:35px;background:rgba(12,27,33,.75)}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;border:1px solid var(--line);background:#0a171c;color:white;border-radius:15px;padding:15px;outline:none}textarea{min-height:150px;resize:vertical;grid-column:1/-1}.full{grid-column:1/-1}.form-status{display:none;color:var(--accent);font-size:13px;margin-top:10px}.form-status.show{display:block}.toast{position:fixed;right:20px;bottom:20px;z-index:99;background:#10252b;border:1px solid rgba(131,242,193,.25);border-radius:18px;padding:16px 18px;box-shadow:0 20px 70px rgba(0,0,0,.35);transform:translateY(120px);opacity:0;transition:.35s}.toast.show{transform:translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(131,242,193,0)}}@keyframes pulse2{50%{transform:scale(1.18);box-shadow:0 0 35px rgba(131,242,193,.65)}}@keyframes travel{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(240px,-130px);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes grow{from{transform:scaleX(0)}}
@media(max-width:980px){.navlinks{display:none}.mobile{display:inline-flex;margin-left:auto}.nav>.btn{display:none}.hero{min-height:auto;padding:110px 0 80px}.hero-grid,.section-head,.dc-stage,.split,.formbox{grid-template-columns:1fr}.cards3,.refgrid,.op-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.step:after{display:none}.system-card{margin-top:20px}.sticky{position:static}.footgrid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wrap{width:min(100% - 26px,var(--max))}.hero h1,.page-hero h1{font-size:52px}.section{padding:75px 0}.cards3,.refgrid,.op-grid,.knowledge-grid,.process,.flow,.case-stats{grid-template-columns:1fr}.hero-grid{gap:35px}.network{height:280px}.cta{display:block;padding:28px}.cta .btn{margin-top:22px}.footgrid{grid-template-columns:1fr}.formbox{padding:22px}form{grid-template-columns:1fr}.full,textarea{grid-column:auto}.dc-stage{padding:24px}.dc-map{min-height:300px}.nav{height:70px}.mobile{display:inline-flex}.actions .btn{width:100%}}

.sitepath{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:34px 0}.sitepath .phase{border:1px solid var(--line);border-radius:18px;padding:18px;min-height:170px;position:relative;background:rgba(10,23,28,.52)}.sitepath .phase:after{content:"→";position:absolute;right:-14px;top:50%;color:var(--accent);font-size:18px;z-index:2}.sitepath .phase:last-child:after{display:none}.sitepath b{font-size:10px;letter-spacing:.12em;color:var(--accent)}.sitepath h4{font-size:17px;margin:44px 0 8px}.sitepath p{font-size:12px;line-height:1.5;color:#819393;margin:0}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.decision{border:1px solid var(--line);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(16,34,41,.82),rgba(9,20,25,.9));min-height:360px;display:flex;flex-direction:column}.decision h3{font-size:34px;letter-spacing:-.035em;margin:25px 0 12px}.decision p{color:#91a2a2;line-height:1.6}.decision .btn{margin-top:auto;align-self:flex-start}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check{border:1px solid var(--line);border-radius:20px;padding:22px;min-height:185px;background:rgba(10,23,28,.56)}.check b{font-size:11px;color:var(--accent);letter-spacing:.12em}.check h4{font-size:20px;margin:34px 0 8px}.check p{color:#869898;line-height:1.5;font-size:13px;margin:0}.scorebox{border:1px solid var(--line);border-radius:30px;padding:30px;background:linear-gradient(180deg,rgba(14,31,38,.9),rgba(8,19,24,.9));display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.score-ring{width:230px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--accent) 0 68%,rgba(255,255,255,.08) 68% 100%);position:relative}.score-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#0b171c}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font-size:48px}.score-ring span{font-size:11px;color:#819393;letter-spacing:.1em;text-transform:uppercase}.score-lines{display:grid;gap:12px}.score-line{display:grid;grid-template-columns:140px 1fr auto;gap:14px;align-items:center;font-size:13px}.score-line .track{height:7px;border-radius:999px;background:#14262d;overflow:hidden}.score-line .track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));width:var(--w)}.score-line small{color:#718484}.hero-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(131,242,193,.25);border-radius:999px;color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.form-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.form-tabs button{border:1px solid var(--line);background:transparent;color:#aebaba;border-radius:999px;padding:10px 13px;cursor:pointer}.form-tabs button.active{border-color:rgba(131,242,193,.4);color:white;background:rgba(131,242,193,.08)}
@media(max-width:980px){.sitepath{grid-template-columns:repeat(3,1fr)}.phase:after{display:none}.checkgrid{grid-template-columns:1fr 1fr}.scorebox{grid-template-columns:1fr}}@media(max-width:640px){.decision-grid,.checkgrid,.sitepath{grid-template-columns:1fr}.score-ring{width:190px}.score-line{grid-template-columns:95px 1fr auto}}

.route-fade{animation:routeIn .42s ease both}@keyframes routeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.route-debug{position:fixed;left:18px;bottom:18px;z-index:80;font-size:10px;color:#6f8080;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(7,16,20,.82);backdrop-filter:blur(12px)}

.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.contact-strip{display:flex;gap:10px;align-items:center;margin-left:6px}.contact-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#cbd6d5;background:rgba(255,255,255,.025)}.contact-pill:hover{border-color:rgba(131,242,193,.35);color:white}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.contact-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(12,27,33,.68);transition:.25s}.contact-card:hover{transform:translateY(-3px);border-color:rgba(131,242,193,.32)}.contact-card small{color:#6f8181;text-transform:uppercase;letter-spacing:.13em}.contact-card b{font-size:20px}.contact-card span{font-size:13px;color:#8fa0a0}.gpe-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.engine-panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#0e2229,#09171c);min-height:520px;padding:28px;position:relative;overflow:hidden}.engine-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}.engine-core{width:220px;height:220px;border:1px solid rgba(131,242,193,.28);border-radius:50%;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(131,242,193,.07),inset 0 0 50px rgba(101,189,248,.05)}.engine-core:before,.engine-core:after{content:"";position:absolute;border:1px solid rgba(101,189,248,.28);border-radius:50%;inset:30px;animation:spin 9s linear infinite}.engine-core:after{inset:64px;border-color:rgba(131,242,193,.38);animation-direction:reverse;animation-duration:6s}.engine-label{position:absolute;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#102229;font-size:11px;z-index:2}.el1{left:6%;top:16%}.el2{right:6%;top:20%}.el3{left:8%;bottom:18%}.el4{right:6%;bottom:20%}.engine-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.calc-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px;align-items:start}.calc-box{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(15,32,39,.88),rgba(8,19,24,.94))}.calc-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.calc-fields label{display:grid;gap:7px;font-size:12px;color:#9babab}.calc-fields input{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:#08161b;color:white;outline:none}.calc-fields input:focus{border-color:rgba(131,242,193,.45)}.calc-note{font-size:12px;line-height:1.55;color:#718485;margin-top:15px}.result-stack{display:grid;gap:10px}.result{border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(10,24,29,.78)}.result small{display:block;color:#728485;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px}.result b{font-size:30px;letter-spacing:-.04em}.result.good b{color:var(--accent)}.result.warn b{color:var(--warm)}.formula{padding:18px;border:1px solid var(--line);border-radius:18px;color:#92a3a3;line-height:1.6;font-size:13px}.mini-bars{display:grid;gap:12px;margin-top:18px}.barrow{display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center;font-size:12px}.bar{height:8px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:99px;transition:.5s;width:0}.contact-feature{border:1px solid var(--line);border-radius:30px;padding:30px;background:linear-gradient(135deg,rgba(131,242,193,.07),rgba(101,189,248,.04))}.contact-feature h3{font-size:28px;margin:0 0 10px}.contact-feature p{color:#8ea0a0;line-height:1.6}.top-contact{display:flex;align-items:center;gap:10px}.top-contact a{font-size:13px;color:#b7c5c4}.top-contact a:hover{color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.cards4{grid-template-columns:repeat(2,1fr)}.top-contact{display:none}.gpe-grid,.calc-layout{grid-template-columns:1fr}}@media(max-width:650px){.cards4,.contact-grid,.calc-fields{grid-template-columns:1fr}.barrow{grid-template-columns:90px 1fr 70px}.engine-panel{min-height:430px}}


/* cinematic image backgrounds */
.hero > .wrap,.page-hero > .wrap,.media-panel > *,.cta-media > *{position:relative;z-index:2}
.hero.hero-energy,.page-hero.page-hero-media,.media-panel,.cta-media{isolation:isolate}
.hero.hero-energy::after,.page-hero.page-hero-media::after,.media-panel::before,.cta-media::before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.42;transform:translate3d(0,calc(var(--bg-shift,0px) * .35),0) scale(1.03);z-index:0;transition:transform .18s linear,opacity .4s ease}
.hero.hero-energy::after{background-image:linear-gradient(90deg,rgba(5,12,17,.96) 0%,rgba(5,12,17,.82) 36%,rgba(5,12,17,.54) 62%,rgba(5,12,17,.68) 100%),url('/assets/bg-energy-grid.webp');opacity:.82}
.hero.hero-energy::before{z-index:1}
.page-hero.page-hero-media::before,.media-panel::after,.cta-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.page-hero.page-hero-media::before{background:radial-gradient(circle at 82% 22%,rgba(101,189,248,.16),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),linear-gradient(90deg,rgba(5,12,17,.92) 0%,rgba(5,12,17,.78) 38%,rgba(5,12,17,.55) 68%,rgba(5,12,17,.7) 100%)}
.page-hero.media-services::after{background-image:url('/assets/bg-substation.webp')}
.page-hero.media-power::after{background-image:url('/assets/bg-energy-grid.webp')}
.page-hero.media-dc::after{background-image:url('/assets/bg-datacenter.webp')}
.page-hero.media-gpe::after{background-image:url('/assets/bg-gpe.webp')}
.page-hero.media-energy::after{background-image:url('/assets/bg-energy-grid.webp')}
.page-hero.page-hero-media{padding-block:140px 110px}
.page-hero.page-hero-media .lead{max-width:860px}
.media-panel::after{background:linear-gradient(90deg,rgba(7,16,20,.84) 0%,rgba(7,16,20,.72) 38%,rgba(7,16,20,.58) 100%)}
.media-dc-card::before{background-image:url('/assets/bg-datacenter.webp');opacity:.28;transform:scale(1.06)}
.media-gpe-card::before{background-image:url('/assets/bg-gpe.webp');opacity:.25;transform:scale(1.08);background-position:center right}
.cta-media{position:relative;overflow:hidden;background:linear-gradient(135deg,#0c1920,#0a1418);color:#f4f8f7;border:1px solid var(--line)}
.cta-media p{color:#b3bfbe}.cta-media h2 span{color:#b9c8c6}.cta-media .btn{background:rgba(131,242,193,.12);border-color:rgba(131,242,193,.35);color:#fff}
.cta-media::before{background-image:linear-gradient(90deg,rgba(7,16,20,.94) 0%,rgba(7,16,20,.76) 40%,rgba(7,16,20,.55) 100%),url('/assets/bg-gpe.webp');opacity:.9}
.cta-media::after{background:linear-gradient(180deg,transparent 0%,rgba(7,16,20,.18) 100%)}
.reference,.card,.op,.contact-card,.article-card,.stat,.step,.decision,.check,.calc-box,.result,.formula,.formbox,.contact-feature{backdrop-filter:blur(4px)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(101,189,248,.06),transparent 20%),radial-gradient(circle at 90% 80%,rgba(131,242,193,.04),transparent 18%);z-index:-1}
@media(max-width:980px){.page-hero.page-hero-media{padding-block:118px 86px}.hero.hero-energy::after,.page-hero.page-hero-media::after{opacity:.72}.media-panel::before{opacity:.18}}
@media(max-width:640px){.hero.hero-energy::after{background-position:70% center}.page-hero.page-hero-media::before{background:linear-gradient(180deg,rgba(5,12,17,.8),rgba(5,12,17,.56))}.page-hero.page-hero-media::after{opacity:.45}.cta-media::before{background-position:65% center}}

/* added media blocks */
.icon-top{width:88px;height:88px;border-radius:22px;border:1px solid rgba(131,242,193,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden;box-shadow:inset 0 0 30px rgba(101,189,248,.05)}
.icon-top img{width:100%;height:100%;object-fit:contain;display:block}
.thumb-top{position:relative;height:180px;border-radius:20px;overflow:hidden;margin:-6px -6px 18px;background:#0b171c;border:1px solid rgba(255,255,255,.06)}
.thumb-top img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.thumb-top:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,20,.04),rgba(7,16,20,.42))}
.reference .thumb-top{height:220px;margin:-2px -2px 24px}
.reference.big .thumb-top{height:260px}
.op .thumb-top{height:170px;margin:-4px -4px 18px}
.article-card .icon-top{width:64px;height:64px;flex:none;margin:0}
.media-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.visual-frame{position:relative;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#091318;min-height:420px}
.visual-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,20,.08),rgba(7,16,20,.46))}
.visual-caption{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;gap:12px;flex-wrap:wrap}
.visual-caption span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(7,16,20,.72);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c6d1d0}
.light .visual-frame{border-color:rgba(10,21,25,.12);background:#dfe7e4}
.visual-stack{display:grid;gap:18px}
.visual-band{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.spec-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(12,26,32,.92),rgba(10,21,26,.88))}
.spec-card h3{margin:0 0 12px;font-size:24px}
.spec-card p,.spec-card li{color:#90a2a2;line-height:1.6}
.spec-card ul{margin:0;padding-left:18px}
.spec-card .icon-top{width:76px;height:76px;margin-bottom:14px}
.card.card-media h3{margin-top:auto}
.op.card-media{padding-top:22px}
.contact-feature.media-contact{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
.contact-feature.media-contact img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.contact-feature.media-contact:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,20,.18),rgba(7,16,20,.82))}
.contact-feature.media-contact>*{position:relative;z-index:2}
.page-hero .contact-grid{max-width:980px}
@media(max-width:980px){.media-split,.visual-band{grid-template-columns:1fr}.visual-frame{min-height:300px}}
@media(max-width:640px){.thumb-top{height:150px}.reference .thumb-top{height:180px}.reference.big .thumb-top{height:200px}.icon-top{width:72px;height:72px}}
.engine-machine{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(86%,520px);max-height:68%;object-fit:contain;z-index:2;filter:drop-shadow(0 28px 54px rgba(0,0,0,.44))}