:root{--bg:#0b1229;--bg-low:#111a33;--bg-mid:#161e38;--bg-high:#1e2745;--bg-top:#283152;--accent:#00a3ff;--accent-light:#7ec8ff;--accent-glow:rgba(0,163,255,0.35);--accent-soft:rgba(0,163,255,0.08);--green:#22c55e;--text:#dce1ff;--text-dim:#a8b2c9;--text-muted:#6b7a95;--glass:rgba(22,30,56,0.65);--glass-border:rgba(120,140,180,0.1);--font-h:'Plus Jakarta Sans',system-ui,sans-serif;--font-b:'DM Sans',system-ui,sans-serif;--r-xs:.375rem;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.25rem;--r-2xl:1.75rem;--r-3xl:2.5rem;--ease:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-b);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}
::selection{background:var(--accent);color:#001d33}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:var(--font-b)}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.sec{padding:clamp(4rem,8vw,7rem) 0}.sec-alt{background:var(--bg-mid)}
.cursor-glow{position:fixed;pointer-events:none;z-index:9999;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,163,255,.06) 0%,transparent 70%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:0}body:hover .cursor-glow{opacity:1}
#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}
.h-display{font-family:var(--font-h);font-weight:800;font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:1.06;letter-spacing:-.035em}
.h-section{font-family:var(--font-h);font-weight:800;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.12;letter-spacing:-.03em}
.overline{font-family:var(--font-h);font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.body-lg{font-size:1.1rem;color:var(--text-dim);line-height:1.75;max-width:540px}
.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(0,163,255,.15);font-size:.78rem;font-weight:600;color:var(--accent)}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:pd 2s infinite}@keyframes pd{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-h);font-weight:700;border-radius:var(--r-lg);transition:all .28s var(--ease);white-space:nowrap;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.btn:hover::after{opacity:1}.btn:active{transform:scale(.96)}
.btn-p{background:linear-gradient(135deg,var(--accent),#38bdf8);color:#001d33;padding:.9rem 2.2rem;font-size:.95rem;box-shadow:0 2px 12px rgba(0,163,255,.2)}.btn-p:hover{box-shadow:0 6px 32px var(--accent-glow);transform:translateY(-3px)}
.btn-s{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text);padding:.9rem 2.2rem;font-size:.95rem}.btn-s:hover{background:rgba(30,39,69,.9);border-color:rgba(0,163,255,.2)}.btn-sm{padding:.6rem 1.4rem;font-size:.85rem}
.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(11,18,41,.4);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .4s var(--ease)}
.nav.scrolled{background:rgba(11,18,41,.92);border-bottom-color:var(--glass-border);box-shadow:0 4px 30px rgba(0,0,0,.3)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:.85rem 2rem}
.nav-logo{display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:transform .2s}.nav-logo:hover{transform:scale(1.02)}
.nav-logo img{height:34px;width:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,163,255,.35));transition:filter .3s}.nav-logo:hover img{filter:drop-shadow(0 0 14px rgba(0,163,255,.55))}
.nav-logo span{font-family:var(--font-h);font-weight:800;font-size:1.15rem;letter-spacing:-.025em}
.nav-links{display:flex;gap:2.2rem}.nav-links a{font-family:var(--font-h);font-weight:600;font-size:.88rem;color:var(--text-dim);padding:.3rem 0;position:relative;transition:color .25s}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:50%;right:50%;height:2px;background:var(--accent);border-radius:1px;transition:all .3s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active::after,.nav-links a:hover::after{left:0;right:0}
.nav-cta{font-family:var(--font-h);font-weight:700;font-size:.85rem;background:linear-gradient(135deg,var(--accent),#38bdf8);color:#001d33;padding:.55rem 1.4rem;border-radius:var(--r-md);transition:all .25s var(--ease)}.nav-cta:hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.ham span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
.ham.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.ham.open span:nth-child(2){opacity:0}.ham.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:199;background:rgba(11,18,41,.97);backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}
.mob-nav.open{display:flex}.mob-nav a{font-family:var(--font-h);font-size:1.5rem;font-weight:700;color:var(--text);transition:.2s}.mob-nav a:hover{color:var(--accent)}
.page{display:none;position:relative;z-index:1}.page.active{display:block;animation:pR .6s var(--ease) forwards}@keyframes pR{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.vis{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-left.vis{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-right.vis{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-scale.vis{opacity:1;transform:scale(1)}
.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 0 4rem;position:relative;overflow:hidden}
.hero-bg-gradient{position:absolute;top:-20%;left:-10%;width:65%;height:80%;background:radial-gradient(circle,rgba(0,163,255,.1) 0%,transparent 60%);pointer-events:none;animation:fs 15s ease-in-out infinite}
.hero-bg-gradient-2{position:absolute;bottom:-15%;right:-10%;width:50%;height:60%;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 60%);pointer-events:none;animation:fs 20s ease-in-out infinite reverse}
@keyframes fs{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-20px)}}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.2rem}
.hero-visual{position:relative;height:500px}.hero-illustration{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.server-rack{width:280px;height:380px;background:var(--bg-high);border-radius:var(--r-xl);border:1px solid var(--glass-border);position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);animation:rf 6s ease-in-out infinite}@keyframes rf{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.server-unit{height:38px;background:var(--bg-low);border-radius:var(--r-xs);display:flex;align-items:center;padding:0 .75rem;gap:.5rem;border:1px solid rgba(255,255,255,.03);transition:border-color .3s}.server-unit:hover{border-color:rgba(0,163,255,.2)}
.led{width:6px;height:6px;border-radius:50%;flex-shrink:0}.led-green{background:var(--green);box-shadow:0 0 6px rgba(34,197,94,.6);animation:lb 3s infinite}.led-blue{background:var(--accent);box-shadow:0 0 6px var(--accent-glow);animation:lb 2s infinite .5s}.led-amber{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.5);animation:lb 4s infinite 1s}@keyframes lb{0%,90%,100%{opacity:1}95%{opacity:.3}}
.server-lines{flex:1;display:flex;flex-direction:column;gap:3px}.server-line{height:2px;background:rgba(255,255,255,.06);border-radius:1px}.server-line-active{background:rgba(0,163,255,.2);animation:df 2s linear infinite}@keyframes df{0%{opacity:.2}50%{opacity:.6}100%{opacity:.2}}
.server-vent{width:20px;height:20px;border-radius:var(--r-xs);background:rgba(0,0,0,.3);margin-left:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:3px}.server-vent span{background:rgba(255,255,255,.08);border-radius:.5px}
.float-card{position:absolute;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:.85rem 1.1rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.float-card-1{top:8%;right:-10%;animation:fc 5s ease-in-out infinite}.float-card-2{bottom:15%;left:-15%;animation:fc 7s ease-in-out infinite 2s}.float-card-3{top:55%;right:-20%;animation:fc 6s ease-in-out infinite 1s}@keyframes fc{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.float-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.float-val{font-family:var(--font-h);font-weight:800;font-size:1.1rem;margin-top:.15rem}.float-val.green{color:var(--green)}.float-val.blue{color:var(--accent)}
.srv-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:1rem}
.srv-card{background:var(--bg-low);border-radius:var(--r-xl);padding:2rem;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s;border:1px solid transparent}
.srv-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,163,255,.15),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.srv-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.srv-card:hover::before{opacity:1}
.srv-card.highlight{background:linear-gradient(145deg,var(--bg-high),var(--bg-mid));border-color:rgba(0,163,255,.1)}
.srv-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--accent);transition:transform .3s var(--ease-bounce),background .3s}
.srv-card:hover .srv-icon{transform:scale(1.1) rotate(-5deg);background:rgba(0,163,255,.15)}
.srv-card h3{font-family:var(--font-h);font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.srv-card p{color:var(--text-dim);font-size:.9rem;line-height:1.65}
.srv-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-size:.82rem;font-weight:600;margin-top:1rem;transition:gap .3s var(--ease)}.srv-link:hover{gap:.75rem}
.card-illustration{margin-top:1.25rem;height:120px;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(0,163,255,.05),var(--bg));display:flex;align-items:center;justify-content:center;overflow:hidden}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.why-card{text-align:center;padding:2rem 1.5rem;border-radius:var(--r-xl);transition:background .3s,transform .3s var(--ease)}.why-card:hover{background:var(--bg-low);transform:translateY(-4px)}
.why-icon{width:60px;height:60px;border-radius:var(--r-lg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;color:var(--accent);transition:transform .3s var(--ease-bounce)}.why-card:hover .why-icon{transform:scale(1.15)}
.why-card h4{font-family:var(--font-h);font-weight:700;margin-bottom:.5rem}.why-card p{color:var(--text-dim);font-size:.85rem;line-height:1.65;max-width:280px;margin:0 auto}
.about-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.stat-val{font-family:var(--font-h);font-weight:800;font-size:2.2rem;color:var(--accent)}.stat-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-top:.15rem;color:var(--text-muted)}
.about-visual{position:relative;aspect-ratio:1;border-radius:var(--r-3xl);background:linear-gradient(145deg,var(--bg-high),var(--bg-low));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--glass-border)}
.shield-container{position:relative;width:200px;height:220px}.shield-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(0,163,255,.2) 0%,transparent 60%);animation:sp 4s ease-in-out infinite}@keyframes sp{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}
.shield-container img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,163,255,.4))}
.orbit-ring{position:absolute;border:1px solid rgba(0,163,255,.1);border-radius:50%;animation:orb 20s linear infinite}.orbit-1{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-2{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:30s;animation-direction:reverse}
.orbit-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);position:absolute;top:0;left:50%}@keyframes orb{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.cta-card{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-2xl);padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem);text-align:center;position:relative;overflow:hidden}
.cta-card::before{content:'';position:absolute;top:-6rem;right:-6rem;width:16rem;height:16rem;background:rgba(0,163,255,.06);filter:blur(80px);pointer-events:none}
.cta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:1.5rem 0;position:relative}.cta-links a{display:flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:700;font-size:1.05rem;transition:.2s}.cta-links a:hover{color:var(--accent-light)}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;position:relative}
.page-hero{padding:8rem 0 4rem;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-20%;left:-5%;width:50%;height:80%;background:radial-gradient(circle,rgba(0,163,255,.08) 0%,transparent 60%);pointer-events:none}
.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.page-hero-visual{height:360px;border-radius:var(--r-2xl);overflow:hidden;background:linear-gradient(145deg,var(--bg-high),var(--bg-low));border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;position:relative}
.srv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.srv-detail{background:var(--bg-low);border-radius:var(--r-xl);padding:2.5rem;transition:transform .3s var(--ease);border:1px solid transparent;position:relative;overflow:hidden}
.srv-detail::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,163,255,.12),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.srv-detail:hover{transform:translateY(-5px)}.srv-detail:hover::before{opacity:1}
.srv-detail.featured{background:linear-gradient(145deg,rgba(0,163,255,.06),var(--bg-mid));border-color:rgba(0,163,255,.1)}
.srv-detail h3{font-family:var(--font-h);font-weight:700;font-size:1.3rem;margin:.75rem 0 .5rem}.srv-detail p{color:var(--text-dim);font-size:.9rem;line-height:1.65}
.srv-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.srv-feat{font-size:.72rem;font-weight:600;padding:.3rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-light)}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0;text-align:center}.stat-big{font-family:var(--font-h);font-weight:800;font-size:clamp(2rem,3.5vw,3rem);color:var(--accent)}.stat-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--text-muted);margin-top:.3rem}
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.pillar{background:var(--bg-low);border-radius:var(--r-xl);padding:2rem;transition:transform .3s var(--ease);border:1px solid transparent;position:relative;overflow:hidden}
.pillar::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,163,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.pillar:hover{transform:translateY(-5px)}.pillar:hover::before{opacity:1}
.pillar.accent{background:linear-gradient(145deg,rgba(0,163,255,.05),var(--bg-high));border-color:rgba(0,163,255,.08)}
.pillar h3{font-family:var(--font-h);font-weight:700;font-size:1.15rem;margin:.6rem 0 .4rem}.pillar p{color:var(--text-dim);font-size:.88rem;line-height:1.65}
.mission-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.check-list{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.check-item{display:flex;align-items:flex-start;gap:.65rem;color:var(--text-dim);font-size:.92rem}
.check-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;color:var(--accent);font-size:.7rem;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:1rem}
.info-card{background:var(--bg-low);border-radius:var(--r-xl);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:transform .25s var(--ease),border-color .3s;border:1px solid transparent}.info-card:hover{transform:translateX(4px);border-color:rgba(0,163,255,.12)}
.info-icon{width:42px;height:42px;border-radius:var(--r-sm);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.info-card .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);margin-bottom:.2rem}.info-card .val{font-weight:600;font-size:.95rem}.info-card .sub{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}
.contact-btns{display:flex;gap:.75rem;margin-top:.5rem}
.form-card{background:var(--bg-low);border-radius:var(--r-xl);padding:2.5rem;border:1px solid var(--glass-border)}.form-card h3{font-family:var(--font-h);font-weight:800;font-size:1.5rem;margin-bottom:1.5rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full{grid-column:1/-1}
.form-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted)}
.form-input{background:var(--bg-top);border:1px solid transparent;border-radius:var(--r-sm);padding:.8rem 1rem;color:var(--text);font-size:.9rem;outline:none;transition:border-color .3s,box-shadow .3s}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,163,255,.1)}.form-input::placeholder{color:var(--text-muted)}
textarea.form-input{resize:vertical;min-height:120px}select.form-input{appearance:none;cursor:pointer}
.form-submit{width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent),#38bdf8);color:#001d33;font-family:var(--font-h);font-weight:800;font-size:1rem;border:none;border-radius:var(--r-md);cursor:pointer;transition:all .3s var(--ease);margin-top:.5rem}
.form-submit:hover{box-shadow:0 4px 24px var(--accent-glow);transform:translateY(-2px)}.form-submit.success{background:var(--green)}
.form-note{font-size:.72rem;color:var(--text-muted);text-align:center;margin-top:.75rem}
.map-embed{margin-top:1.5rem;border-radius:var(--r-xl);overflow:hidden;height:200px;background:var(--bg-low);position:relative;border:1px solid var(--glass-border)}
.map-embed iframe{width:100%;height:100%;border:none;filter:invert(90%) hue-rotate(180deg) brightness(.65) contrast(1.3)}
.map-tag{position:absolute;bottom:.75rem;left:.75rem;background:var(--bg);padding:.4rem .8rem;border-radius:var(--r-sm);font-size:.72rem;font-weight:700;z-index:2}
.footer{background:var(--bg-low);border-top:1px solid rgba(63,72,82,.1);padding:4rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}
.footer-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.footer-brand img{height:24px;width:24px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,163,255,.25))}.footer-brand span{font-family:var(--font-h);font-weight:800;font-size:1rem}
.footer-desc{color:var(--text-muted);font-size:.82rem;line-height:1.65;margin-bottom:1.2rem}
.footer-socials{display:flex;gap:.6rem}.footer-socials a{width:36px;height:36px;border-radius:var(--r-sm);background:var(--bg-mid);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s,background .2s}.footer-socials a:hover{color:var(--accent);background:var(--accent-soft)}
.footer-col h4{font-family:var(--font-h);font-weight:700;color:var(--accent-light);margin-bottom:1rem;font-size:.85rem}
.footer-col ul{display:flex;flex-direction:column;gap:.7rem}.footer-col ul a{color:var(--text-muted);font-size:.82rem;transition:color .2s,padding-left .2s}.footer-col ul a:hover{color:var(--accent);padding-left:4px}
.footer-bot{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(63,72,82,.1);text-align:center;color:var(--text-muted);font-size:.78rem}
.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:180;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);transition:transform .2s var(--ease),box-shadow .2s;animation:wb 3s ease-in-out infinite}
.wa-float:hover{transform:scale(1.12);box-shadow:0 6px 28px rgba(37,211,102,.5);animation:none}.wa-float svg{width:26px;height:26px;fill:#fff}@keyframes wb{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1024px){.hero-grid,.page-hero-grid,.about-row,.mission-row{grid-template-columns:1fr}.hero-visual{height:380px;margin-top:2rem}.srv-grid,.srv-detail-grid,.pillar-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.nav-links,.nav-cta{display:none}.ham{display:flex}.hero{min-height:auto;padding:5rem 0 3rem}.hero-visual{height:320px}.srv-grid,.srv-detail-grid,.pillar-grid,.why-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.stats-bar{grid-template-columns:1fr 1fr}.cta-card{padding:2.5rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.cursor-glow{display:none}}
@media(max-width:480px){.nav-inner{padding:.7rem 1rem}.hero-visual{height:260px}.contact-btns{flex-direction:column}.contact-btns .btn{width:100%;justify-content:center}.cta-links{flex-direction:column;align-items:center;gap:1rem}}