:root{--bg:#050709;--panel:#0b1014;--line:rgba(255,255,255,.1);--text:#edf7f4;--muted:#8da09e;--blue:#00a8ff;--green:#7dff89;--red:#ff3c49;--max:1280px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 82% 20%,rgba(0,168,255,.12),transparent 28%),radial-gradient(circle at 18% 62%,rgba(125,255,137,.06),transparent 25%),radial-gradient(circle at 65% 78%,rgba(255,60,73,.05),transparent 22%);pointer-events:none;z-index:-2}a{color:inherit;text-decoration:none}#loader{position:fixed;inset:0;background:#030506;z-index:100;display:grid;place-content:center;gap:22px;text-align:center;transition:.7s ease}.loader-mark{font-family:"Space Grotesk";font-size:36px;font-weight:700;letter-spacing:.12em}.loader-mark span{color:var(--green)}.loader-line{width:180px;height:2px;background:#20282a;overflow:hidden}.loader-line i{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--blue),var(--green));animation:load 1.1s infinite}.site-header{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:30;background:linear-gradient(180deg,rgba(5,7,9,.94),rgba(5,7,9,.25));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:flex-end;gap:11px;font-family:"Space Grotesk"}.brand span{font-size:24px;font-weight:700;letter-spacing:.08em}.brand small{font:500 8px/1 Inter;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}.nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#bdc9c7;text-transform:uppercase;letter-spacing:.06em}.nav a:not(.nav-cta):hover{color:#fff}.nav-cta{padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:#fff;background:rgba(255,255,255,.04)}.menu-toggle{display:none;background:none;border:0}.section-pad{padding:125px max(6vw,28px);max-width:1500px;margin:auto}.hero{min-height:100vh;display:grid;grid-template-columns:1fr .9fr;align-items:center;padding-top:150px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#93aba8;margin:0 0 22px}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green);margin-right:9px}.hero h1,.section-intro h2,.cta-inner h2,.contact-copy h2{font-family:"Space Grotesk";font-size:clamp(52px,7.5vw,105px);line-height:.95;letter-spacing:-.055em;margin:0}.hero h1 em,.section-intro h2 em,.cta-inner h2 em,.contact-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d7e4e2}.hero-text{max-width:620px;font-size:17px;line-height:1.75;color:var(--muted);margin:30px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 20px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:700;transition:.3s}.btn b{font-size:16px}.btn-primary{background:linear-gradient(90deg,#1189cc,#0fb5a6);border-color:transparent;color:#021013;box-shadow:0 0 35px rgba(0,168,255,.17)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(0,168,255,.28)}.btn-ghost:hover{background:#11191b;border-color:#294045}.hero-meta{display:flex;gap:34px;margin-top:60px}.hero-meta div{display:flex;gap:10px;align-items:flex-start}.hero-meta strong{font-size:10px;color:var(--green)}.hero-meta span{font-size:9px;line-height:1.5;color:#7d8c8b;text-transform:uppercase;letter-spacing:.1em}.hero-orbit{height:650px;position:relative;display:grid;place-items:center}.orbit-core{width:360px;height:360px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,168,255,.13),rgba(0,0,0,0) 63%);box-shadow:0 0 100px rgba(0,168,255,.09)}.core-ring{position:absolute;border:1px solid rgba(0,168,255,.35);border-radius:50%;inset:0;animation:spin 18s linear infinite}.r2{inset:32px;border-color:rgba(125,255,137,.25);animation-direction:reverse;animation-duration:24s}.r3{inset:72px;border-style:dashed;border-color:rgba(255,60,73,.25);animation-duration:11s}.core-shield{width:100px;height:120px;clip-path:polygon(50% 0,90% 16%,82% 70%,50% 100%,18% 70%,10% 16%);background:linear-gradient(160deg,#0bb4e8,#7dff89);color:#001115;display:grid;place-items:center;font:700 54px "Space Grotesk";box-shadow:0 0 70px rgba(0,205,255,.33)}.orbit-label{position:absolute;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(5,9,10,.68);backdrop-filter:blur(14px);font-size:9px;letter-spacing:.15em;line-height:1.5}.orbit-label small{color:var(--green);font-size:7px}.label-a{top:18%;right:4%}.label-b{bottom:18%;left:2%}.label-c{top:8%;left:13%}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070b0d}.marquee-track{display:flex;gap:35px;align-items:center;width:max-content;padding:18px 0;animation:marquee 28s linear infinite;font:700 10px "Space Grotesk";letter-spacing:.14em;color:#8da09e}.marquee-track b{color:var(--green)}.section-intro{margin-bottom:65px}.section-intro h2{font-size:clamp(44px,6vw,78px)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-top:45px}.about-lead p{font:500 28px/1.4 "Space Grotesk";max-width:650px;margin:0}.about-copy p{color:var(--muted);line-height:1.8;max-width:650px;margin:0 0 38px}.text-link{display:inline-flex;gap:12px;color:var(--green);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-grid div{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.metric-grid strong{display:block;font:600 30px "Space Grotesk"}.metric-grid span{display:block;font-size:9px;color:var(--muted);margin-top:7px;text-transform:uppercase;letter-spacing:.1em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:300px;padding:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-radius:22px;position:relative;overflow:hidden;transition:.45s}.service-card:before{content:"";position:absolute;width:190px;height:190px;right:-80px;top:-80px;background:radial-gradient(circle,rgba(0,168,255,.13),transparent 65%);opacity:.7}.service-card:hover,.service-card.active{transform:translateY(-6px);border-color:rgba(0,168,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.28)}.service-no{position:absolute;top:20px;right:24px;color:#61706e;font-size:10px}.service-icon{font-size:34px;color:var(--green);margin-bottom:50px}.service-card h3{font:600 26px "Space Grotesk";margin:0 0 12px}.service-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:8px;letter-spacing:.1em;color:#98a7a5;border:1px solid var(--line);border-radius:999px;padding:7px 9px;text-transform:uppercase}.architecture{position:relative}.arch-board{height:540px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 40%,rgba(0,168,255,.09),transparent 30%),#070c0f}.arch-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent)}.arch-node{position:absolute;min-width:150px;padding:16px 18px;border:1px solid rgba(0,168,255,.27);border-radius:15px;background:rgba(6,13,16,.82);backdrop-filter:blur(8px);text-align:center;font:700 10px "Space Grotesk";letter-spacing:.12em;z-index:2;box-shadow:0 0 32px rgba(0,168,255,.08)}.arch-node small{font:500 7px Inter;color:var(--muted)}.n1{left:calc(50% - 75px);top:45px}.n2{left:calc(50% - 75px);top:170px;border-color:rgba(255,60,73,.35)}.n3{left:calc(50% - 75px);top:320px;border-color:rgba(125,255,137,.3)}.n4{left:12%;bottom:30px}.n5{left:calc(50% - 75px);bottom:30px}.n6{right:12%;bottom:30px}.arch-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.arch-lines path{fill:none;stroke:rgba(125,255,137,.35);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:6 12;animation:dash 7s linear infinite}.arch-lines circle{fill:var(--green);filter:drop-shadow(0 0 6px var(--green))}.data-stream{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);z-index:3;animation:stream 5s linear infinite}.s1{left:50%;top:100px}.s2{left:50%;top:260px;animation-delay:1.5s}.s3{left:50%;top:385px;animation-delay:3s}.technology{background:linear-gradient(180deg,transparent,rgba(0,168,255,.025),transparent)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tech-card{min-height:150px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;justify-content:end;transition:.3s}.tech-card:hover{transform:translateY(-4px);border-color:rgba(125,255,137,.28);background:rgba(125,255,137,.02)}.tech-card span{font:700 20px "Space Grotesk"}.tech-card small{color:var(--muted);font-size:10px;line-height:1.6;margin-top:7px}.fine-print{font-size:9px;color:#637370;line-height:1.6;margin-top:22px}.client-wall{display:flex;flex-wrap:wrap;gap:8px}.client-wall span{font-size:10px;letter-spacing:.08em;color:#b7c3c1;border:1px solid var(--line);border-radius:999px;padding:12px 14px;background:rgba(255,255,255,.018);transition:.25s}.client-wall span:hover{color:#031011;background:var(--green);border-color:var(--green)}.cta-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:radial-gradient(circle at center,rgba(0,168,255,.09),transparent 50%)}.cta-inner{max-width:950px;margin:auto}.cta-inner .btn{margin-top:32px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:530px;margin-top:30px}.contact-links{display:grid;gap:8px;margin-top:40px}.contact-links a{font:600 16px "Space Grotesk"}.contact-links span{color:var(--green)}.lead-form{border:1px solid var(--line);padding:28px;border-radius:24px;background:rgba(255,255,255,.02);backdrop-filter:blur(12px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:8px;font-size:9px;color:#94a4a1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}input,textarea,select{width:100%;border:1px solid var(--line);background:#070b0e;color:#eef8f6;border-radius:12px;padding:13px 14px;font:500 13px Inter;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(0,168,255,.55);box-shadow:0 0 0 3px rgba(0,168,255,.08)}.lead-form .btn{width:100%;margin-top:5px}.form-note{font-size:9px;color:#657572;text-align:center;line-height:1.5}.footer{max-width:1400px;margin:auto;padding:30px 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#7c8a89;font-size:10px}.footer p{margin:0 0 4px;color:#d2dcda}.footer>a{text-transform:uppercase;letter-spacing:.1em}.whatsapp{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#16c75b;color:#001109;font-size:10px;font-weight:800;z-index:20;box-shadow:0 10px 30px rgba(22,199,91,.22)}#network-canvas{position:fixed;inset:0;z-index:-3;opacity:.6}.noise{position:fixed;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes stream{0%{transform:translateY(-20px);opacity:0}15%{opacity:1}70%{opacity:1}100%{transform:translateY(170px);opacity:0}}@keyframes load{to{transform:translateX(260px)}}@media(max-width:980px){.nav{display:none}.menu-toggle{display:grid;gap:7px}.menu-toggle span{display:block;width:28px;height:1px;background:#fff}.hero{grid-template-columns:1fr}.hero-orbit{height:500px}.about-grid,.contact{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header{padding:0 20px}.section-pad{padding:90px 20px}.hero{padding-top:120px}.hero h1{font-size:54px}.hero-text{font-size:15px}.hero-orbit{height:380px}.orbit-core{width:250px;height:250px}.orbit-label{font-size:7px}.hero-meta{gap:15px}.hero-meta span{font-size:8px}.about-lead p{font-size:23px}.service-grid,.tech-grid,.form-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.arch-board{height:500px}.arch-node{min-width:120px;padding:12px;font-size:8px}.n4{left:2%}.n6{right:2%}.footer{flex-direction:column;align-items:flex-start;gap:20px}.nav.open{position:absolute;top:82px;left:0;right:0;display:grid;padding:18px 20px;background:rgba(5,7,9,.98);border-bottom:1px solid var(--line)}}
.skip-link{position:fixed;left:12px;top:12px;z-index:100;background:#dfffe9;color:#04120c;padding:9px 12px;border-radius:8px;transform:translateY(-160%);transition:.2s}.skip-link:focus{transform:none}.page-main{min-height:70vh}.page-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:72vh}.compact{min-height:420px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.page-about-grid{margin-bottom:90px}.page-contact{padding:0}.page-main .service-card{opacity:1;transform:none}.page-main .client-wall{max-width:1200px}@media(max-width:980px){.page-hero{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.page-grid{grid-template-columns:1fr}.page-hero{min-height:auto;padding-top:140px}.compact{height:360px;min-height:360px}}