*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020910;color:#f4f9fc;font-family:Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}#network{position:fixed;inset:0;z-index:-3}.grain{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px}#boot{position:fixed;inset:0;background:#01060b;z-index:200;display:grid;place-content:center;gap:9px;text-align:center;transition:.8s}#boot.done{opacity:0;visibility:hidden}#boot b{font-size:58px;letter-spacing:.25em;text-shadow:0 0 28px #159df7}#boot span{font-size:8px;letter-spacing:.16em;color:#36bfff}header{height:78px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#020910df;backdrop-filter:blur(18px);border-bottom:1px solid #113049}.brand{display:flex;gap:10px;align-items:center}.brand i{width:42px;height:42px;border:1px solid #168ff0;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:0 0 20px #168ff055}.brand span{display:flex;flex-direction:column;letter-spacing:.14em}.brand b{font-size:14px}.brand small{font-size:7px;color:#168ff0}nav{display:flex;gap:24px;font-size:9px;font-weight:bold}.cta,.ghost{display:inline-block;padding:12px 16px;border-radius:7px;font-size:9px;font-weight:900}.cta{background:linear-gradient(90deg,#087af0,#19aaff);box-shadow:0 0 22px #168ff04c}.ghost{border:1px solid #31516a}.hero{min-height:calc(100vh - 78px);position:relative;display:flex;align-items:center;padding:6vw 4vw;overflow:hidden}.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#01060bef 0,#01060bd4 35%,#01060b55 66%),linear-gradient(0deg,#020910 0,transparent 28%,transparent 72%,#020910 100%);z-index:-2}.heroCopy{width:48%}.heroCopy small,.intro small,.goCopy small,.about small,.contact small,.service small,.goHero small,.command small{font-size:8px;letter-spacing:.15em;color:#26b5fa;font-weight:900}h1{font-size:clamp(60px,7vw,104px);line-height:.84;letter-spacing:-.055em;margin:27px 0}.hero p,.goHero p{color:#b7c7d1;line-height:1.65;max-width:600px}em{font-style:normal;color:#1599f7;text-shadow:0 0 25px #168ff04d}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.roles span{display:flex;flex-direction:column;border-right:1px solid #19394f;color:#718a9b;font-size:8px}.roles b{color:#fff;margin-bottom:5px}.actions{display:flex;gap:9px;flex-wrap:wrap}.hud{position:absolute;right:3vw;bottom:5vw;width:330px;background:#071724d6;border:1px solid #19445f;backdrop-filter:blur(10px);padding:16px;border-radius:10px}.hud small{color:#2abaff}.hud b{display:block;font-size:10px;line-height:1.5;margin:6px 0 13px}.hud div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hud span{background:#0a2031;padding:8px;font-size:7px}.trust{padding:26px 5vw;text-align:center;border-block:1px solid #113047;background:#06121c}.trust small{font-size:7px;color:#5a788c;letter-spacing:.23em}.trust div{margin-top:16px;color:#8298a7;font-size:7px;letter-spacing:.13em}.section{padding:95px 5vw}.intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:44px}.intro h2,.goCopy h2,.about h2,.contact h2{font-size:46px;line-height:.92;letter-spacing:-.04em;margin:10px 0}.intro>p{max-width:420px;color:#8ca2b1;font-size:11px;line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.grid article{min-height:220px;border:1px solid #173b54;background:linear-gradient(145deg,#071724e8,#04101aec);padding:22px;border-radius:11px;transition:.3s}.grid article:hover,.grid .hot{transform:translateY(-6px);border-color:#159cf6;box-shadow:0 0 28px #159cf633}.grid i{font-style:normal;color:#2ab9ff;font-size:25px}.grid h3{font-size:12px;margin-top:25px}.grid p{color:#8198a8;font-size:10px;line-height:1.55}.eco{background:#06111b}.ecoStage{height:560px;position:relative;display:grid;place-items:center}.core{width:230px;height:230px;border:1px solid #159df7;border-radius:50%;display:grid;place-items:center;align-content:center;font-size:72px;font-weight:900;background:radial-gradient(circle,#164f77,#04101a 70%);box-shadow:0 0 75px #159df744}.core small{display:block;font-size:7px;color:#79a2b8}.node{position:absolute;width:230px;background:#071724e8;border:1px solid #19415a;border-radius:10px;padding:18px;color:#27b4f8;font-size:22px}.node b,.node small{display:block}.node b{font-size:11px;color:#fff;margin-top:7px}.node small{font-size:8px;color:#7890a0;margin-top:5px}.node.owner{left:5%;top:13%}.node.team{right:5%;top:13%}.node.customer{bottom:5%;left:50%;transform:translateX(-50%)}.go{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;background:radial-gradient(circle at 75% 45%,#0a4d7d55,transparent 35%),#06131e}.goCopy p{color:#94a9b7}.checks{font-size:9px;color:#b8cbd6;line-height:2.2;margin:20px 0}.dash,.command{border:1px solid #1b4c6c;background:#06111b;border-radius:14px;padding:22px;box-shadow:0 30px 70px #0009}.dashTop{display:flex;justify-content:space-between;color:#33bcfa;font-size:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.stats span{background:#0b2234;padding:12px;border-radius:7px;color:#728ea1;font-size:7px}.stats b{display:block;color:#fff;font-size:20px;margin-top:5px}.chart{font-size:52px;color:#1aaafa;letter-spacing:7px;overflow:hidden}.dash p,.command p{background:#0b2d45;color:#43c2ff;padding:12px;font-size:9px}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about p{color:#8ea4b3;line-height:1.65;font-size:11px}.facts{display:flex;gap:30px;margin-top:25px}.facts b{font-size:25px}.facts small{display:block;color:#708999}.aboutArt{position:relative;border:1px solid #17415b;border-radius:14px;overflow:hidden}.aboutArt img{width:100%;display:block}.aboutArt span{position:absolute;left:0;right:0;height:2px;background:#2fbfff;box-shadow:0 0 18px #2fbfff;animation:scan 4s linear infinite}.contact{text-align:center;background:radial-gradient(circle,#0b426855,transparent 45%)}.contact p{color:#8ea5b4}.center{justify-content:center}footer{padding:40px 5vw;border-top:1px solid #14344b;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer div{display:flex;flex-direction:column;gap:7px;color:#728a9a;font-size:8px}footer b{color:#fff}.goHero{min-height:650px;padding:8vw 5vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:radial-gradient(circle at 72% 48%,#0b507d55,transparent 35%)}.goHero h1{font-size:clamp(54px,6vw,86px)}.command .stats{grid-template-columns:repeat(3,1fr)}.flow{max-width:1050px;margin:auto;border:1px solid #173f58;border-radius:13px;overflow:hidden}.flowNav{display:grid;grid-template-columns:repeat(6,1fr)}.flowNav button{border:0;border-right:1px solid #173f58;background:#071722;color:#6e899a;padding:13px;font-size:7px;font-weight:900;cursor:pointer}.flowNav button.active{background:#0a3150;color:#39c1ff}.flowBody{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:28px}.flowBody>div{min-height:210px;background:#081a27;border:1px solid #173f58;border-radius:10px;padding:20px}.flowBody h3{font-size:22px}.flowBody p{font-size:10px;color:#8299a8;line-height:1.55}.flowBody>span{text-align:center;color:#2abaff;font-size:8px}.service{padding:75px 8vw;border-top:1px solid #15364d}.service h2{font-size:39px}.service p{color:#8fa5b4}.service.alt{background:#071722}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes scan{0%{top:0}100%{top:100%}}@media(max-width:900px){nav{display:none}.heroCopy{width:65%}.grid{grid-template-columns:1fr 1fr}.go,.about,.goHero{grid-template-columns:1fr}.hud{width:280px}.ecoStage{height:700px}.node.owner{left:0}.node.team{right:0}}@media(max-width:650px){header{padding:0 15px}.hero{padding:80px 20px 40px;min-height:850px;align-items:flex-start}.heroCopy{width:100%}.heroimg{object-position:35% center}.shade{background:linear-gradient(90deg,#01060bf0,#01060bd8 70%,#01060b66)}.roles{grid-template-columns:1fr}.hud{position:relative;right:auto;bottom:auto;width:100%;margin-top:30px}.section,.go,.about,.contact{padding-left:20px;padding-right:20px}.intro{flex-direction:column;align-items:flex-start}.intro h2,.goCopy h2,.about h2,.contact h2{font-size:36px}.grid{grid-template-columns:1fr}.ecoStage{height:760px}.node{width:180px}.go{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.about{grid-template-columns:1fr}.flowNav{grid-template-columns:repeat(3,1fr)}.flowBody{grid-template-columns:1fr}.flowBody>span{padding:18px}footer{grid-template-columns:1fr}}

.footer-social{display:flex;flex-direction:column;gap:6px}.footer-social a{color:inherit;text-decoration:none;opacity:.78}.footer-social a:hover{color:#24baff;opacity:1}

.heroFallback{background:
 radial-gradient(circle at 70% 35%,rgba(20,157,247,.28),transparent 24%),
 radial-gradient(circle at 58% 60%,rgba(20,157,247,.16),transparent 28%),
 linear-gradient(135deg,#020910 15%,#071827 50%,#020910 85%)}
.aboutFallback{min-height:420px;display:grid;place-content:center;text-align:center;
background:radial-gradient(circle,#0d4166,#06121c 58%,#020910);font-size:56px;
font-weight:900;letter-spacing:.12em;color:#fff}.aboutFallback span{font-size:15px;color:#27b4f8}

/* Smart social network footer */
.footer-social{gap:12px}.social-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.social-head>b{font-size:9px;letter-spacing:.18em}.social-head>span{font-size:6px;letter-spacing:.16em;color:#4f7187}.social-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.social-card{position:relative;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:10px 11px;border:1px solid #173b54;border-radius:10px;background:linear-gradient(135deg,#071724cc,#04101ae6);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.social-card:before{content:'';position:absolute;inset:auto -35% -100% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#159df72e,transparent 65%);transition:.35s}.social-card:hover{transform:translateY(-3px);border-color:#159df7;box-shadow:0 10px 30px #0008,0 0 24px #159df725;background:linear-gradient(135deg,#092039,#05131f)}.social-card:hover:before{inset:auto -10% -65% auto}.social-card i{width:34px;height:34px;border:1px solid #1a5274;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:900;color:#39bdff;background:#092238;box-shadow:inset 0 0 18px #159df71c}.social-card span{display:flex;flex-direction:column;gap:3px;min-width:0}.social-card span b{font-size:8px;letter-spacing:.05em}.social-card small{font-size:6px;color:#66879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card strong{font-size:12px;color:#2abaff;transition:transform .25s}.social-card:hover strong{transform:translate(2px,-2px)}
@media(max-width:650px){.social-grid{grid-template-columns:1fr}.social-head{align-items:flex-start;flex-direction:column}}

/* ============================================================
   W16 VISUAL ENGINE — EXPERIMENTAL MOTION LAYER
   Keeps production structure/content while upgrading interaction.
   ============================================================ */
:root{--mx:50%;--my:50%;--w16:#22b8ff;--w16b:#0d7fd1;--ink:#02070d}
body{background:
 radial-gradient(circle at 20% 10%,rgba(16,99,155,.10),transparent 24%),
 radial-gradient(circle at 78% 28%,rgba(21,157,247,.08),transparent 22%),#020910}

/* W16 boot sequence */
.engineBoot{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:
 radial-gradient(circle at 50% 48%,rgba(22,130,204,.15),transparent 28%),#01050a!important;overflow:hidden}
.engineBoot:before,.engineBoot:after{content:"";position:absolute;width:70vmin;height:70vmin;border:1px solid rgba(36,184,255,.10);border-radius:50%;animation:bootPulse 2.4s ease-in-out infinite}
.engineBoot:after{width:48vmin;height:48vmin;animation-delay:-1.2s}
.bootOrb{position:relative;width:106px;height:106px;display:grid;place-items:center;margin-bottom:16px}
.bootOrb:before{content:"";position:absolute;inset:20px;border:1px solid #22b8ff;border-radius:24px;transform:rotate(45deg);box-shadow:0 0 38px rgba(34,184,255,.26),inset 0 0 24px rgba(34,184,255,.08)}
.bootOrb span{font-size:33px;font-weight:900;z-index:2;text-shadow:0 0 22px rgba(34,184,255,.65)}
.bootOrb i{position:absolute;inset:6px;border:1px solid rgba(34,184,255,.22);border-radius:50%;animation:orbit 3.2s linear infinite}
.bootOrb i:nth-child(2){inset:14px;border-style:dashed;animation-direction:reverse;animation-duration:4.2s}
.bootOrb i:nth-child(3){inset:0;border-color:rgba(34,184,255,.08);animation-duration:5.5s}
.engineBoot>b{font-size:23px!important;letter-spacing:.28em!important;text-indent:.28em;text-shadow:0 0 24px rgba(34,184,255,.4)!important}
.engineBoot>small{font-size:8px;letter-spacing:.34em;color:#47c5ff;text-indent:.34em}
.engineBoot>em{font-style:normal;font-size:6px;letter-spacing:.3em;color:#466474;text-indent:.3em;margin-top:5px}
.bootRail{width:min(390px,72vw);height:2px;background:#082238;overflow:hidden;margin:8px 0 3px;border-radius:20px}
.bootRail span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0c77c5,#35c9ff);box-shadow:0 0 12px #22b8ff;transition:width .35s ease}
.bootLog{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;letter-spacing:.16em;color:#79cdef;min-height:12px}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes bootPulse{50%{transform:scale(1.05);opacity:.45}}

/* Global reactive zones */
.reactiveZone{position:relative;isolation:isolate;overflow:hidden}
.reactiveZone>*:not(.cursorAura):not(.engineGrid){position:relative;z-index:2}
.cursorAura{position:absolute!important;z-index:0!important;width:520px;height:520px;border-radius:50%;pointer-events:none;left:var(--local-x,50%);top:var(--local-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,184,255,.115),rgba(34,184,255,.045) 28%,transparent 66%);filter:blur(3px);opacity:.1;transition:opacity .25s ease}
.reactiveZone:hover>.cursorAura{opacity:1}
.engineGrid{position:absolute!important;z-index:0!important;inset:-20%;pointer-events:none;opacity:.34;background-image:
 linear-gradient(rgba(40,180,255,.055) 1px,transparent 1px),
 linear-gradient(90deg,rgba(40,180,255,.055) 1px,transparent 1px);
 background-size:44px 44px;transform:perspective(700px) rotateX(62deg) translateY(33%);transform-origin:center;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 70%,transparent 100%)}
.engineGrid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--local-x,50%) var(--local-y,50%),rgba(38,190,255,.23),transparent 22%)}
.engineGridSoft{opacity:.18;transform:perspective(800px) rotateX(68deg) translateY(20%)}

/* Hero depth, precision lines and cursor response */
.hero:before{content:"W16 / SYSTEM ONLINE";position:absolute;left:5vw;bottom:28px;z-index:3;font-size:6px;letter-spacing:.24em;color:#4a7187}
.hero:after{content:"";position:absolute;z-index:1;width:55vw;height:55vw;right:-20vw;top:-24vw;border-radius:50%;border:1px solid rgba(34,184,255,.07);box-shadow:0 0 0 90px rgba(34,184,255,.018),0 0 0 180px rgba(34,184,255,.012);pointer-events:none;transform:translate(var(--hero-shift-x,0),var(--hero-shift-y,0));transition:transform .18s ease-out}
.heroCopy,.hud{will-change:transform;transition:transform .16s ease-out}
.hero h1 em{position:relative;text-shadow:0 0 30px rgba(34,184,255,.18)}
.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,#22b8ff,transparent);box-shadow:0 0 8px #22b8ff}

/* Intelligent cards */
[data-tilt]{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}
.grid article{position:relative;overflow:hidden}
.grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(34,184,255,.13),transparent 38%);opacity:0;transition:.22s;pointer-events:none}
.grid article:hover:before{opacity:1}
.grid article:hover{border-color:rgba(34,184,255,.9);box-shadow:0 18px 50px #0009,0 0 36px rgba(34,184,255,.08)}
.grid article>*{position:relative;z-index:2}
.grid article i{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #154663;border-radius:9px;background:#071c2c;box-shadow:inset 0 0 16px rgba(34,184,255,.05)}
.grid article:hover i{box-shadow:0 0 25px rgba(34,184,255,.15),inset 0 0 16px rgba(34,184,255,.08)}

/* Ecosystem = living engine */
.ecoStage:before{content:"";position:absolute;left:50%;top:50%;width:620px;height:620px;max-width:88vw;max-height:88vw;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 58px,rgba(34,184,255,.045) 59px 60px);animation:engineBreathe 7s ease-in-out infinite;pointer-events:none}
.ecoStage:after{content:"";position:absolute;inset:15% 10%;background:
 linear-gradient(27deg,transparent 49.8%,rgba(34,184,255,.13) 50%,transparent 50.2%),
 linear-gradient(153deg,transparent 49.8%,rgba(34,184,255,.13) 50%,transparent 50.2%),
 linear-gradient(90deg,transparent 49.8%,rgba(34,184,255,.10) 50%,transparent 50.2%);opacity:.75;pointer-events:none}
.core{position:relative;z-index:4;animation:coreFloat 4.5s ease-in-out infinite}
.core:before,.core:after{content:"";position:absolute;inset:-30px;border:1px dashed rgba(34,184,255,.22);border-radius:50%;animation:orbit 18s linear infinite}
.core:after{inset:-58px;border-style:solid;border-color:rgba(34,184,255,.08);animation-direction:reverse;animation-duration:26s}
.node{z-index:5;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.node:hover{border-color:#22b8ff;box-shadow:0 20px 45px #0008,0 0 32px rgba(34,184,255,.12);transform:translateY(-5px)}
.node.customer:hover{transform:translate(-50%,-5px)}
.systemTag{position:absolute;z-index:3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;letter-spacing:.14em;color:#3a738f;border-left:1px solid #1f9ed4;padding-left:9px;opacity:.8}
.tagA{left:30%;top:12%}.tagB{right:22%;bottom:19%}.tagC{left:16%;bottom:25%}
@keyframes engineBreathe{50%{transform:translate(-50%,-50%) scale(1.03);opacity:.6}}
@keyframes coreFloat{50%{transform:translateY(-7px)}}

/* Dashboard = glass command surface */
.dash{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(5,19,31,.96),rgba(5,27,43,.9));backdrop-filter:blur(18px)}
.dash:before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(34,184,255,.16),transparent 68%);pointer-events:none}
.dash:after{content:"W16 LIVE";position:absolute;right:18px;bottom:12px;font-size:6px;letter-spacing:.2em;color:#33627a}
.chart{filter:drop-shadow(0 0 12px rgba(34,184,255,.16))}

/* modern footer social intelligence */
.social-card{--sx:50%;--sy:50%}
.social-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--sx) var(--sy),rgba(38,187,255,.13),transparent 42%);opacity:0;transition:opacity .2s;pointer-events:none}
.social-card:hover:after{opacity:1}
.social-card>*{position:relative;z-index:2}

/* accessibility + mobile performance */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursorAura,.engineGrid{display:none}}
@media(max-width:650px){.cursorAura{display:none}.engineGrid{opacity:.16}.hero:after{display:none}.systemTag{display:none}.ecoStage:after{opacity:.35}}

/* RC2 typography lift + deeper W16 interaction */
body{font-size:17px}
nav{font-size:10px}.cta,.ghost{font-size:10px;padding:13px 18px}
.brand b{font-size:15px}.brand small{font-size:8px}
.heroCopy small,.intro small,.goCopy small,.about small,.contact small,.service small,.goHero small,.command small{font-size:9px}
.hero p,.goHero p{font-size:16px;line-height:1.72}.roles span{font-size:9px}.hud small{font-size:9px}.hud b{font-size:11px}.hud span{font-size:8px}
.trust small,.trust div{font-size:8px}.intro h2,.goCopy h2,.about h2,.contact h2{font-size:50px}.intro>p,.about p{font-size:13px}.grid h3{font-size:14px}.grid p{font-size:12px}.node b{font-size:13px}.node small{font-size:9px}.checks{font-size:11px}.dashTop{font-size:9px}.stats span{font-size:8px}.dash p,.command p{font-size:10px}.facts small{font-size:10px}.flowNav button{font-size:8px}.flowBody p{font-size:11px}.service p{font-size:13px}
.social-head>b{font-size:10px}.social-head>span{font-size:7px}.social-card span b{font-size:9px}.social-card small{font-size:7px}

/* Pointer wake field */
#pointerCore{position:fixed;z-index:45;width:9px;height:9px;border:1px solid rgba(71,200,255,.9);border-radius:50%;pointer-events:none;left:0;top:0;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(34,184,255,.55);transition:opacity .18s ease}
#pointerCore:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(34,184,255,.18);border-radius:50%;animation:pointerPulse 1.7s ease-in-out infinite}
body.pointerLive #pointerCore{opacity:.9}
@keyframes pointerPulse{50%{transform:scale(1.45);opacity:.25}}

/* More dimensional engine */
.core{position:relative;transition:transform .25s ease,box-shadow .25s ease;animation:coreIdle 4.8s ease-in-out infinite}
.core:before,.core:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.core:before{inset:-31px;border:1px dashed rgba(42,186,255,.22);animation:orbit 13s linear infinite}
.core:after{inset:-60px;border:1px solid rgba(42,186,255,.09);box-shadow:0 0 50px rgba(21,157,247,.08);animation:orbit 20s linear infinite reverse}
.ecoStage.engineAwake .core{box-shadow:0 0 110px rgba(21,157,247,.48),inset 0 0 35px rgba(42,186,255,.16)}
.node{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.node.enginePing{border-color:#2abaff;box-shadow:0 0 34px rgba(42,186,255,.28);background:#092239}
.node.enginePing:after{content:"SIGNAL RECEIVED";position:absolute;right:13px;top:11px;font:6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#54c9ff}
@keyframes coreIdle{50%{transform:scale(1.018)}}

/* Signal particles travelling through ecosystem */
.signalDot{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#56d1ff;box-shadow:0 0 16px #2abaff;pointer-events:none;opacity:0;transition:left .5s cubic-bezier(.2,.7,.2,1),top .5s cubic-bezier(.2,.7,.2,1),opacity .15s}
.signalDot.live{opacity:1}

/* Stronger local illumination without visual noise */
.reactiveZone:hover>.engineGrid{opacity:.46}.reactiveZone:hover>.cursorAura{opacity:1;filter:blur(1px)}
.grid article:hover{transform:translateY(-8px) scale(1.012)}
.social-card:hover{transform:translateY(-4px) scale(1.008)}

@media(max-width:650px){body{font-size:16px}.hero p,.goHero p{font-size:14px}.intro h2,.goCopy h2,.about h2,.contact h2{font-size:40px}.intro>p,.about p,.grid p,.service p{font-size:12px}#pointerCore{display:none}}

/* RC3 — centered post-boot section heading system */
.intro{display:block;text-align:center;max-width:980px;margin:0 auto 52px}
.intro>div{width:100%}
.intro>p{max-width:680px;margin:18px auto 0}
.goCopy{text-align:center}
.goCopy p{max-width:650px;margin-left:auto;margin-right:auto}
.goCopy .actions{justify-content:center}
.goCopy .checks{max-width:720px;margin-left:auto;margin-right:auto}
.about>div:first-child{text-align:center}
.about>div:first-child p{max-width:680px;margin-left:auto;margin-right:auto}
.about .facts{justify-content:center}
.heroCopy{text-align:center;margin-left:auto;margin-right:auto}
.heroCopy .roles{max-width:760px;margin-left:auto;margin-right:auto}
.heroCopy .actions{justify-content:center}
.heroCopy p{margin-left:auto;margin-right:auto}
@media(max-width:650px){.intro{text-align:center;align-items:center}.heroCopy{text-align:center}.about>div:first-child{text-align:center}}

/* FINAL HQ — true viewport-centered post-boot hero wording */
.heroCopy{width:100%;max-width:980px;margin-left:auto;margin-right:auto;text-align:center;position:relative;z-index:2}
.heroCopy h1{margin-left:auto;margin-right:auto}
.heroCopy p{margin-left:auto;margin-right:auto}
.heroCopy .roles{max-width:760px;margin-left:auto;margin-right:auto}
.heroCopy .actions{justify-content:center}
@media(max-width:900px){.heroCopy{width:100%;max-width:820px}}
@media(max-width:650px){.heroCopy{width:100%;max-width:none;text-align:center}}
