:root{--bg:#070a0c;--panel:#0c1110;--line:#26312b;--white:#f4f7f5;--muted:#8d9892;--green:#63ff92;--deep:#193d2c;--mono:var(--font-geist-mono),monospace;--sans:var(--font-geist-sans),Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(7,10,12,.82);backdrop-filter:blur(18px)}.logo{display:flex;flex-direction:column;align-items:flex-end;font-weight:900;line-height:.8;letter-spacing:1px}.logo>span{font-size:25px}.logo>span span{color:var(--green)}.logo small{font:800 9px var(--mono);letter-spacing:2px}.system,.status{display:flex;align-items:center;gap:9px;font:700 9px var(--mono);letter-spacing:1px;color:var(--muted)}.system i,.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.hero{min-height:720px;padding:105px max(5vw,24px) 80px;display:grid;grid-template-columns:1.1fr .75fr;gap:7vw;align-items:center;position:relative;overflow:hidden}.angle{position:absolute;border:26px solid var(--deep);border-left:0;border-bottom:0;width:220px;height:220px;transform:rotate(45deg);opacity:.75}.angle-one{left:-95px;top:0}.angle-two{left:80px;top:-145px}.hero-main,.build-card{position:relative;z-index:2}.code{font:800 10px var(--mono);letter-spacing:2px;color:var(--green);text-transform:uppercase}.hero h1{font:900 clamp(58px,7.5vw,112px)/.75 var(--sans);letter-spacing:-7px;margin:28px 0 36px;text-transform:uppercase}.hero h1 span,h2 span{color:var(--green)}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #68726c}.intro{max-width:680px;color:#a5afa9;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-width:290px;padding:18px 20px;background:var(--green);color:#061008;border:1px solid var(--green);font:900 10px var(--mono);text-transform:uppercase;letter-spacing:.7px;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(99,255,146,.15)}.quiet{font:800 9px var(--mono);text-transform:uppercase;border-bottom:1px solid #626c66;padding:12px 0}.quiet span{color:var(--green);margin-left:8px}.build-card{border:1px solid #3d4a43;background:#080b0a;box-shadow:25px 25px 0 #0c110e}.terminal-top{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:6px}.terminal-top i{width:7px;height:7px;border:1px solid #5b665f;border-radius:50%}.terminal-top span{margin-left:auto;font:700 8px var(--mono);color:#68736c}.terminal-body{padding:30px;font:11px/2 var(--mono)}.terminal-body p{margin:0}.terminal-body b,.terminal-body p span{color:var(--green)}.terminal-body .muted{color:#637068}.progress{height:4px;background:#1a211d;margin:22px 0 10px}.progress i{display:block;width:78%;height:100%;background:var(--green);box-shadow:0 0 18px var(--green)}.terminal-body strong{display:flex;justify-content:space-between;font-size:9px;color:var(--green)}.terminal-body strong em{font-style:normal}.terminal-body u{text-decoration:none;color:var(--green);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.online{position:absolute;right:-20px;bottom:-35px;width:230px;padding:14px;background:#111713;border:1px solid #3b493f;display:flex;gap:12px;align-items:center}.online>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.online div{display:flex;flex-direction:column}.online small{font:700 7px var(--mono);color:#68736c}.online b{font:800 8px var(--mono);margin-top:4px}.marquee{background:var(--green);color:#061008;border-block:1px solid var(--green);padding:13px;overflow:hidden;white-space:nowrap;text-align:center;font:900 10px var(--mono);letter-spacing:1px}.services{padding:120px max(5vw,24px)}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:55px}.section-head h2,.capabilities h2,.launch h2{font:900 clamp(42px,5.2vw,72px)/.9 var(--sans);letter-spacing:-4px;margin:20px 0 0}.section-head>p{color:var(--muted);line-height:1.7;max-width:520px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:355px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-grid article:hover{background:#0c110e;transform:translateY(-4px)}.service-top{display:flex;justify-content:space-between;font:700 8px var(--mono);color:#5f6a64}.service-top b{color:var(--green)}.icon{width:58px;height:58px;border:1px solid var(--green);margin:50px 0 36px;position:relative}.icon:before,.icon:after{content:"";position:absolute;border:1px solid var(--green)}.icon-01:before{inset:10px;transform:rotate(45deg)}.icon-01:after{width:9px;height:9px;border-radius:50%;right:6px;top:6px;background:var(--green)}.icon-02{border-radius:50%}.icon-02:before{inset:11px;border-radius:50%}.icon-02:after{left:28px;top:-7px;width:1px;height:70px;border:0;background:var(--green);transform:rotate(45deg)}.icon-03:before{left:8px;right:8px;bottom:12px;height:1px;border:0;background:var(--green);box-shadow:10px -12px 0 var(--green),22px -25px 0 var(--green),34px -38px 0 var(--green)}.service-grid h3{font-size:22px;margin:0 0 14px}.service-grid p{font-size:13px;line-height:1.7;color:var(--muted)}.service-grid small{display:block;margin-top:30px;font:800 8px var(--mono);color:#5e6963}.capabilities{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px max(5vw,24px);background:#0a0e0c;border-block:1px solid var(--line)}.capabilities>div{position:sticky;top:120px;align-self:start}.capabilities ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.capabilities li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:20px 5px}.capabilities li b{font:700 8px var(--mono);color:var(--green)}.capabilities li span{font-weight:800;text-transform:uppercase}.capabilities li em{font:normal 25px var(--mono);color:#536058}.launch{padding:120px max(5vw,24px);background:var(--green);color:#061008;text-align:center}.launch .code,.launch h2 span{color:#061008}.launch>p:not(.code){max-width:650px;margin:25px auto 35px;line-height:1.7;color:#21452e}.button.dark{background:#061008;color:var(--green);border-color:#061008}.launch .button{margin:auto}footer{padding:70px max(5vw,24px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}footer .logo{align-items:flex-end}footer>div>span{font:800 8px var(--mono);color:#5f6963}footer p,footer a:not(.logo),footer small{font-size:11px;color:var(--muted)}.copyright{margin:0 max(5vw,24px);padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:700 8px var(--mono);color:#515b55}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:75px}.hero h1{font-size:70px}.build-card{max-width:650px}.section-head,.capabilities{grid-template-columns:1fr}.capabilities>div{position:static}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.online{right:10px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/3}}
@media(max-width:600px){header{height:70px}.logo>span{font-size:19px}.system{font-size:7px}.hero{padding-top:70px;min-height:auto}.hero h1{font-size:clamp(48px,15vw,68px);letter-spacing:-4px;line-height:.82}.intro{font-size:15px}.actions{align-items:stretch;flex-direction:column}.button{min-width:0;width:100%}.quiet{text-align:center}.terminal-body{padding:24px 18px}.services,.capabilities,.launch{padding-block:80px}.section-head{gap:20px}.section-head h2,.capabilities h2,.launch h2{font-size:43px;letter-spacing:-3px}.service-grid article{padding:26px}.capabilities{gap:45px}.capabilities li{grid-template-columns:35px 1fr auto}.launch h2 br{display:none}footer{grid-template-columns:1fr;gap:35px}footer>div:first-child{grid-column:1}.copyright{flex-direction:column;gap:8px}.marquee{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.terminal-body u{animation:none}.button,.service-grid article{transition:none}}

/* Original logo + animated dotted polygon network */
.original-logo{width:205px;height:58px;display:block;overflow:hidden;background:#090d11}.original-logo img{display:block;width:100%;height:100%;object-fit:contain}.footer-original-logo{width:205px;height:58px}.polygon-field{position:absolute;z-index:1;right:1vw;top:45px;width:520px;height:520px;opacity:.68;pointer-events:none;filter:drop-shadow(0 0 10px rgba(99,255,146,.12))}.poly{position:absolute;inset:60px;border:2px dotted rgba(99,255,146,.65);clip-path:polygon(50% 0,92% 24%,100% 68%,68% 100%,22% 90%,0 45%,18% 12%);animation:poly-spin 26s linear infinite}.poly:before,.poly:after{content:"";position:absolute;inset:42px;border:1px dotted rgba(99,255,146,.42);clip-path:polygon(50% 0,100% 35%,82% 92%,25% 100%,0 45%);animation:poly-pulse 4s ease-in-out infinite}.poly:after{inset:105px;border-color:rgba(255,255,255,.3);animation-delay:-2s}.poly-b{inset:135px;transform:rotate(22deg);animation:poly-reverse 18s linear infinite;border-color:rgba(255,255,255,.25)}.poly i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.poly i:nth-child(1){left:48%;top:-4px}.poly i:nth-child(2){right:3%;top:25%}.poly i:nth-child(3){right:-3px;bottom:29%}.poly i:nth-child(4){left:66%;bottom:-2px}.poly i:nth-child(5){left:12%;bottom:11%}.poly i:nth-child(6){left:-4px;top:43%}.orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.dot-a{left:50%;top:5%;animation:float-dot 5s ease-in-out infinite}.dot-b{right:5%;bottom:23%;animation:float-dot 6s ease-in-out -2s infinite}.dot-c{left:9%;bottom:19%;background:var(--green);animation:float-dot 4s ease-in-out -1s infinite}.polygon-field>b{position:absolute;right:26px;bottom:30px;font:700 7px/1.6 var(--mono);letter-spacing:1px;color:var(--green)}@keyframes poly-spin{to{transform:rotate(360deg)}}@keyframes poly-reverse{from{transform:rotate(22deg)}to{transform:rotate(-338deg)}}@keyframes poly-pulse{50%{opacity:.28;transform:scale(.92)}}@keyframes float-dot{50%{transform:translate(16px,-20px);opacity:.35}}@media(max-width:1100px){.polygon-field{right:-150px;opacity:.35}}@media(max-width:700px){.original-logo{width:164px;height:47px}.polygon-field{width:380px;height:380px;right:-180px;top:95px}.poly{inset:45px}.poly-b{inset:100px}}
@media(prefers-reduced-motion:reduce){.poly,.poly:before,.poly:after,.orbit-dot{animation:none}}

/* CINEMATIC 3D HERO */
.hero{min-height:calc(100svh - 86px);isolation:isolate;perspective:1200px;background:radial-gradient(circle at 76% 45%,rgba(99,255,146,.08),transparent 34%),linear-gradient(115deg,#070a0c 0%,#080c0e 48%,#06100b 100%)}
.hero-grid{position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(99,255,146,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(99,255,146,.045) 1px,transparent 1px);background-size:58px 58px;transform-origin:50% 100%;transform:perspective(700px) rotateX(62deg) translateY(42%);mask-image:linear-gradient(to top,#000,transparent 72%);animation:grid-drift 10s linear infinite}
.hero-glow{position:absolute;z-index:0;width:44vw;height:44vw;right:-7vw;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(99,255,146,.16),rgba(99,255,146,.035) 38%,transparent 68%);filter:blur(18px);animation:glow-breathe 5s ease-in-out infinite}
.hero-main{max-width:1100px;transform-style:preserve-3d}.hero .code{display:flex;align-items:center;gap:11px}.hero .code i{display:inline-block;width:34px;height:1px;background:var(--green);box-shadow:0 0 12px var(--green)}
.hero h1{font-size:clamp(72px,8.4vw,138px);line-height:.74;letter-spacing:-.075em;margin:35px 0 42px;position:relative;text-shadow:0 22px 65px rgba(0,0,0,.42)}.hero h1 .solid{color:var(--white);position:relative;z-index:2}.hero h1 .future{display:inline-block;position:relative;color:var(--green);text-shadow:0 0 28px rgba(99,255,146,.15);animation:future-float 5s ease-in-out infinite}.hero h1 .future:before,.hero h1 .future:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;pointer-events:none}.hero h1 .future:before{color:transparent;-webkit-text-stroke:1px rgba(99,255,146,.28);transform:translate(10px,12px)}.hero h1 .future:after{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);transform:translate(20px,24px)}.hero h1 em{display:inline-block;-webkit-text-stroke:1px rgba(244,247,245,.5);filter:drop-shadow(0 0 20px rgba(99,255,146,.06));animation:outline-shift 6s ease-in-out infinite}
.prism-field{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden;transform-style:preserve-3d}.prism{position:absolute;width:0;height:0;border-left:95px solid transparent;border-right:95px solid transparent;border-bottom:175px solid rgba(99,255,146,.05);filter:drop-shadow(0 0 28px rgba(99,255,146,.12));transform-style:preserve-3d}.prism:before{content:"";position:absolute;left:-95px;top:0;width:190px;height:175px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(125deg,rgba(99,255,146,.2),transparent 55%);border-bottom:1px solid rgba(99,255,146,.35)}.prism-one{right:8%;top:18%;animation:prism-one 9s ease-in-out infinite}.prism-two{right:31%;bottom:9%;scale:.55;opacity:.7;animation:prism-two 12s ease-in-out infinite}.prism-three{left:42%;top:12%;scale:.28;opacity:.5;animation:prism-three 7s ease-in-out infinite}.wire-cube{position:absolute;right:10%;bottom:14%;width:150px;height:150px;border:1px solid rgba(99,255,146,.32);transform:rotateX(62deg) rotateZ(45deg);animation:cube-turn 16s linear infinite}.wire-cube:before,.wire-cube:after,.wire-cube i{content:"";position:absolute;inset:18px;border:1px dotted rgba(99,255,146,.34)}.wire-cube:after{inset:38px}.wire-cube i:nth-child(1){inset:-28px 74px;border-width:0 0 0 1px}.wire-cube i:nth-child(2){inset:74px -28px;border-width:1px 0 0}.wire-cube i:nth-child(3){inset:55px;border-radius:50%;background:var(--green);box-shadow:0 0 25px var(--green)}.scanline{position:absolute;left:0;right:0;top:-10%;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 25px var(--green);opacity:.32;animation:scan 7s linear infinite}
.build-card{transform:rotateY(-7deg) rotateX(2deg) translateZ(26px);background:rgba(8,11,10,.76);backdrop-filter:blur(16px);box-shadow:25px 25px 0 rgba(12,17,14,.7),0 30px 90px rgba(0,0,0,.45);animation:card-hover 6s ease-in-out infinite}.build-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(99,255,146,.7),transparent 28%,transparent 70%,rgba(99,255,146,.2));z-index:-1;clip-path:polygon(0 0,100% 0,100% 1px,1px 1px,1px 100%,0 100%)}
.online{backdrop-filter:blur(12px);animation:online-float 4s ease-in-out infinite}
@keyframes grid-drift{to{background-position:0 58px,58px 0}}@keyframes glow-breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes future-float{50%{transform:translate3d(0,-8px,30px)}}@keyframes outline-shift{50%{transform:translateX(9px);opacity:.76}}@keyframes prism-one{50%{transform:translate3d(-18px,-26px,80px) rotateY(18deg) rotateZ(4deg)}}@keyframes prism-two{50%{transform:translate3d(24px,-35px,50px) rotateY(-25deg)}}@keyframes prism-three{50%{transform:translate3d(-20px,22px,35px) rotateZ(-12deg)}}@keyframes cube-turn{to{transform:rotateX(62deg) rotateZ(405deg)}}@keyframes scan{to{top:110%}}@keyframes card-hover{50%{transform:rotateY(-4deg) rotateX(1deg) translate3d(0,-10px,38px)}}@keyframes online-float{50%{transform:translateY(-8px)}}
@media(max-width:1100px){.hero h1{font-size:clamp(64px,9vw,100px)}.prism-one{right:-4%}.wire-cube{right:2%}}
@media(max-width:900px){.hero{min-height:auto;padding-top:90px}.hero-grid{opacity:.55}.prism-field{opacity:.55}.build-card{transform:none;animation:card-mobile 6s ease-in-out infinite}.polygon-field{opacity:.28}}
@media(max-width:600px){.hero{padding-top:68px}.hero h1{font-size:clamp(51px,15.3vw,76px);line-height:.78;letter-spacing:-.065em}.hero h1 .future:before{transform:translate(5px,7px)}.hero h1 .future:after{transform:translate(10px,14px)}.prism-one{right:-110px;top:25%;scale:.62}.prism-two,.prism-three{display:none}.wire-cube{width:95px;height:95px;right:-18px;bottom:38%}.hero-glow{width:90vw;height:90vw;right:-40vw}.polygon-field{right:-230px;top:150px}.build-card{box-shadow:12px 12px 0 rgba(12,17,14,.7)}}
@keyframes card-mobile{50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.hero-grid,.hero-glow,.hero h1 .future,.hero h1 em,.prism,.wire-cube,.scanline,.build-card,.online{animation:none}}

/* AT0M HOSTING FEATURE */
header nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:30px}header nav>a{font:800 9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#9aa59f;transition:.25s}header nav>a:hover{color:var(--white)}header nav .atom-nav{position:relative;display:flex;align-items:center;gap:18px;padding:13px 15px;border:1px solid var(--green);color:var(--green);background:rgba(99,255,146,.045);box-shadow:inset 0 0 20px rgba(99,255,146,.03)}header nav .atom-nav:before{content:"";position:absolute;inset:4px;border:1px dotted rgba(99,255,146,.2);pointer-events:none}header nav .atom-nav:hover{color:#061008;background:var(--green);box-shadow:0 0 30px rgba(99,255,146,.22);transform:translateY(-2px)}
.atom-feature{display:grid;width:min(540px,100%);grid-template-columns:1fr auto;gap:6px 20px;margin-top:30px;padding:15px 18px;border:1px solid rgba(99,255,146,.42);background:linear-gradient(105deg,rgba(99,255,146,.09),rgba(7,10,12,.58));backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:.3s;box-shadow:0 18px 60px rgba(0,0,0,.24)}.atom-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(99,255,146,.15),transparent);transform:translateX(-110%);animation:atom-sweep 4.5s ease-in-out infinite}.atom-feature>span{grid-column:1/3;font:700 7px var(--mono);letter-spacing:1.4px;color:#829087}.atom-feature>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.atom-feature strong{font:900 20px var(--mono);letter-spacing:2px}.atom-feature strong em{color:var(--green);font-style:normal}.atom-feature small{display:flex;align-items:center;gap:18px;font:700 7px var(--mono);color:#78847d}.atom-feature small b{color:var(--green);white-space:nowrap}.atom-feature:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 20px 70px rgba(99,255,146,.1)}@keyframes atom-sweep{50%,100%{transform:translateX(110%)}}
@media(max-width:1000px){header nav>a:not(.atom-nav){display:none}header nav{margin-left:auto;margin-right:18px}.system{display:none}}
@media(max-width:600px){header{padding-inline:14px}.original-logo{width:142px;height:41px}header nav{margin-right:0;gap:0}header nav .atom-nav{padding:11px 9px;font-size:7px;gap:7px}.atom-feature{grid-template-columns:1fr;padding:13px 14px}.atom-feature>span{grid-column:auto}.atom-feature small{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.atom-feature:before{animation:none}}