*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#111827;font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");mix-blend-mode:multiply}.progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#57e389,#38bdf8,#a78bfa);z-index:101;width:0}.container{width:min(1180px,calc(100% - 44px));margin:auto}a{text-decoration:none;color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(7,16,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo img{width:190px;height:auto;display:block;filter:brightness(0) invert(1)}.nav nav{display:flex;align-items:center;gap:25px;color:#cbd5e1;font-size:12px;font-weight:700}.nav nav a:hover{color:#fff}.nav-btn{border:1px solid #57e389;color:#57e389!important;padding:10px 15px;border-radius:10px}.menu{display:none;background:none;border:0}.menu span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:850px;background:#07101f;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.grid-glow{position:absolute;width:700px;height:700px;right:-170px;top:80px;background:radial-gradient(circle,#2563eb45 0,#14b8a625 35%,transparent 70%);filter:blur(12px);animation:float 8s ease-in-out infinite}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center;padding:150px 0 100px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:900;color:#34d399;margin-bottom:15px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 16px #34d399;vertical-align:middle;margin-right:7px}.hero h1{font:700 clamp(54px,7vw,88px)/.96 "Space Grotesk";letter-spacing:-3px;margin:0 0 28px}.hero h1 span{background:linear-gradient(90deg,#34d399,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:650px;font-size:18px;color:#aebdce}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:11px;font-size:11px;font-weight:900;letter-spacing:.7px;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-3px)}.btn.primary{background:#34d399;color:#04130d;box-shadow:0 15px 35px #34d39925}.btn.ghost{border-color:#ffffff26;color:#fff;background:#ffffff06}.btn.dark{background:#111827;color:#fff}.btn.bright{background:#fff;color:#07101f}.btn.outline-light{border-color:#ffffff32;color:#fff}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;color:#7f91a8;font-size:11px}.hero-meta strong{display:block;font:700 25px "Space Grotesk";color:#fff}.hero-stage{height:500px;position:relative}.browser{position:absolute;width:500px;height:350px;right:15px;top:60px;background:#101b2d;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 40px 90px #0008;overflow:hidden;transition:transform .2s ease}.browser-bar{height:36px;background:#18263b;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-bar span{width:7px;height:7px;border-radius:50%;background:#64748b}.browser-bar em{margin-left:auto;color:#71829a;font:10px monospace}.browser-body{height:314px;background:linear-gradient(145deg,#0e1b2e,#16263d);padding:22px;position:relative;overflow:hidden}.mini-nav{display:flex;gap:16px;align-items:center;color:#64748b;font-size:8px}.mini-nav b{color:#e2e8f0;margin-right:auto}.mini-nav i{width:35px;height:4px;background:#ffffff12;border-radius:4px}.screen-title{font:600 39px/1.02 "Space Grotesk";margin-top:45px;color:#dbeafe}.screen-title strong{color:#34d399}.screen-line{width:180px;height:2px;background:#34d399;margin-top:20px}.screen-card{position:absolute;right:22px;bottom:28px;width:160px;height:95px;background:linear-gradient(145deg,#34d399,#38bdf8);border-radius:12px;padding:15px;color:#04130d}.screen-card small{font-size:7px;font-weight:900}.screen-card b{display:block;font:700 27px "Space Grotesk";margin-top:7px}.screen-card i{position:absolute;right:13px;bottom:12px;font-style:normal}.floating-chip{position:absolute;background:#07101fee;border:1px solid #ffffff1b;border-radius:9px;padding:9px 12px;color:#fff;font-size:9px;font-weight:800;box-shadow:0 15px 35px #0005}.chip-one{left:22px;bottom:28px;color:#34d399}.chip-two{right:40px;top:35px;color:#7dd3fc}.stage-badge{position:absolute;left:5px;bottom:42px;background:#fff;color:#07101f;border-radius:15px;padding:16px 20px;box-shadow:0 20px 40px #0005;transform:rotate(-5deg)}.stage-badge b{font:700 27px "Space Grotesk";display:block}.stage-badge span{font-size:8px;letter-spacing:1px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:110px;height:110px;background:#34d399;right:0;bottom:0;opacity:.25;animation:float 5s ease-in-out infinite}.orb-b{width:65px;height:65px;background:#a78bfa;left:20px;top:0;opacity:.35;animation:float 6s ease-in-out infinite reverse}.scroll-hint{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#64748b;z-index:4}.scroll-hint span{display:inline-block;width:1px;height:25px;background:#34d399;vertical-align:middle;margin-right:8px;animation:pulse 1.5s infinite}.marquee{overflow:hidden;background:#34d399;color:#07101f;border-bottom:1px solid #07101f;white-space:nowrap}.marquee-track{display:flex;width:max-content;align-items:center;gap:28px;padding:13px 0;font:800 11px "Space Grotesk";letter-spacing:1.5px;animation:marquee 28s linear infinite}.marquee-track b{font-size:15px}.section{padding:115px 0}.services{background:#f7f9fc}.section-head{max-width:760px;margin-bottom:60px}.section-head h2,.split-head h2{font:700 clamp(44px,5vw,67px)/.98 "Space Grotesk";letter-spacing:-2.5px;margin:0 0 20px;color:#0f172a}.section-head h2 span,.split-head h2 span{color:#14a86b}.section-head p,.split-head p{color:#64748b;max-width:650px}.service-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.service-list{display:flex;flex-direction:column;gap:4px}.service{display:grid;grid-template-columns:50px 1fr 30px;gap:15px;align-items:start;padding:25px 18px;border-top:1px solid #dfe5ec;transition:.25s}.service:last-child{border-bottom:1px solid #dfe5ec}.service:hover,.service.active{background:#fff;border-radius:14px;box-shadow:0 18px 45px #0f172a0b;transform:translateX(8px)}.service .num{font:700 11px "Space Grotesk";color:#14a86b}.service h3{font:700 20px "Space Grotesk";margin:0 0 5px}.service p{font-size:12px;color:#64748b;margin:0}.service>b{font-size:22px;color:#14a86b}.service-visual{position:relative}.image-frame{aspect-ratio:1;border-radius:25px;overflow:hidden;box-shadow:0 30px 70px #0f172a1b;background:#07101f}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.image-frame:hover img{transform:scale(1.05)}.visual-note{position:absolute;left:-30px;bottom:30px;background:#07101f;color:#fff;border:1px solid #ffffff18;border-radius:16px;padding:17px 20px;font:800 11px/1.1 "Space Grotesk";letter-spacing:1px;box-shadow:0 18px 40px #0004}.visual-note strong{color:#34d399}.dark-section{background:#07101f;color:#fff}.light{color:#34d399}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}.split-head h2{color:#fff}.split-head p{margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff15}.benefit{padding:32px 22px;border-right:1px solid #ffffff15}.benefit:last-child{border:0}.icon{font-size:25px;color:#34d399;margin-bottom:35px}.benefit h3{font:700 19px "Space Grotesk";margin:0 0 9px}.benefit p{font-size:12px;color:#91a0b2}.feature{background:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-copy h2,.seo-copy h2,.graphic-copy h2,.host-copy h2{font:700 clamp(43px,5vw,63px)/.98 "Space Grotesk";letter-spacing:-2.5px;margin:0 0 20px}.feature-copy h2 span,.seo-copy h2 span,.graphic-copy h2 span,.host-copy h2 span{color:#14a86b}.feature-copy>p,.seo-copy>p,.graphic-copy>p,.host-copy>p{color:#64748b;font-size:15px}.feature-copy ul{list-style:none;padding:0;margin:25px 0}.feature-copy li{font-size:12px;font-weight:700;margin:9px 0}.feature-copy li:before{content:"✓";color:#14a86b;margin-right:9px}.text-link{font-size:11px;font-weight:900;color:#0f9b63}.code-card{background:#07101f;color:#dbeafe;border-radius:22px;box-shadow:0 30px 70px #07101f24;overflow:hidden;transition:transform .2s}.code-top,.code-footer{display:flex;justify-content:space-between;padding:15px 18px;background:#0c1728;font:9px monospace;color:#64748b}.code-top b{color:#34d399}.code-card pre{padding:35px 30px;margin:0;font:13px/2 monospace;min-height:310px}.c1{color:#38bdf8}.c2{color:#a78bfa}.c3{color:#fbbf24}.c4{color:#34d399}.code-footer strong{color:#34d399}.hosting{background:#eef8f4}.host-box{background:#07101f;border-radius:35px;padding:65px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;color:#fff;overflow:hidden;position:relative}.host-copy h2{color:#fff}.host-copy>p{color:#9fb0c3}.host-pills{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.host-pills span{border:1px solid #ffffff16;background:#ffffff07;border-radius:99px;padding:7px 10px;font:800 8px monospace;color:#94a3b8}.server{position:relative;min-height:330px;display:grid;place-items:center}.server-rack{width:210px;height:290px;border:2px solid #ffffff1a;border-radius:14px;background:linear-gradient(90deg,#0d1829,#152338,#0d1829);padding:28px 22px;box-shadow:inset 0 0 40px #0008,0 35px 60px #0007;transform:perspective(700px) rotateY(-10deg)}.server-rack i{display:block;height:27px;border:1px solid #ffffff14;border-radius:6px;margin-bottom:12px;background:linear-gradient(90deg,#111e31,#1c314b);position:relative}.server-rack i:after{content:"";position:absolute;right:9px;top:9px;width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.pulse{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #34d39930;animation:ring 2.4s infinite}.server-label{position:absolute;right:0;bottom:10px;background:#34d399;color:#07101f;border-radius:13px;padding:14px 18px;font-size:9px;font-weight:900;line-height:1}.server-label strong{font:700 28px "Space Grotesk"}.seo{background:#fff}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.seo-dashboard{background:#07101f;color:#fff;border-radius:25px;padding:22px;box-shadow:0 30px 70px #07101f20}.dash-top{display:flex;justify-content:space-between;font:9px monospace;color:#64748b}.dash-top b{color:#34d399}.graph{height:240px;position:relative;margin-top:20px;background:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 48px}.graph svg{position:absolute;inset:0;width:100%;height:100%}.graph path{stroke:#34d399;stroke-width:5;filter:drop-shadow(0 0 8px #34d399)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff15;padding-top:15px}.dash-stats span{padding:5px 10px;border-right:1px solid #ffffff12}.dash-stats span:last-child{border:0}.dash-stats b{display:block;color:#34d399;font:700 17px "Space Grotesk"}.dash-stats small{font-size:7px;color:#64748b}.seo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.seo-tags span{padding:7px 9px;border-radius:8px;background:#eef7f3;color:#0f8d5a;font-size:8px;font-weight:900}.graphic{background:#f5f1ea}.graphic-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.palette{height:440px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:9px;position:relative;transform:rotate(-4deg)}.swatch{border-radius:18px;box-shadow:0 18px 35px #0001}.s1{background:#111827}.s2{background:#34d399}.s3{background:#38bdf8}.s4{background:#f59e0b}.s5{background:#a78bfa;grid-column:1/3}.palette-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);background:#fff;padding:23px 30px;border-radius:16px;text-align:center;font:800 10px/1.1 "Space Grotesk";letter-spacing:2px;box-shadow:0 20px 45px #0002}.palette-label strong{font-size:25px;letter-spacing:0}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:30px;border-top:2px solid #dbe4eb;position:relative}.step:before{content:"";position:absolute;left:30px;top:-6px;width:10px;height:10px;background:#34d399;border-radius:50%}.step span{font:700 10px monospace;color:#14a86b}.step h3{font:700 20px "Space Grotesk";margin:20px 0 8px}.step p{font-size:12px;color:#64748b}.portfolio{background:#07101f;color:#fff}.portfolio-box{border:1px solid #ffffff16;border-radius:30px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:radial-gradient(circle at 80% 20%,#2563eb30,transparent 35%),#0b1728}.portfolio-box h2{font:700 55px/.98 "Space Grotesk";margin:0 0 15px}.portfolio-box h2 span{color:#34d399}.portfolio-box p{color:#94a3b8;max-width:620px;font-size:13px}.faq{background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.section-head.left{margin:0}.questions details{background:#fff;border:1px solid #e1e7ee;border-radius:13px;margin-bottom:9px;padding:0 20px;box-shadow:0 8px 20px #0f172a06}.questions summary{cursor:pointer;list-style:none;padding:18px 0;font-size:13px;font-weight:800}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";float:right;color:#14a86b;font-size:20px}.questions details[open] summary:after{content:"−"}.questions p{font-size:12px;color:#64748b;padding:0 0 18px}.contact{background:#07101f;color:#fff;padding-top:50px}.contact-box{border-radius:35px;padding:65px;background:linear-gradient(135deg,#102238,#0b1728);border:1px solid #ffffff15;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:500px;height:500px;right:-250px;top:-300px;border-radius:50%;background:#34d3991c}.contact-main h2{font:700 60px/.98 "Space Grotesk";letter-spacing:-2px;margin:0 0 17px}.contact-main h2 span{color:#34d399}.contact-main p{color:#9fb0c3}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.contact-side{display:grid;place-items:center}.contact-card{position:relative;z-index:2;background:#fff;color:#07101f;border-radius:18px;padding:25px;width:260px;box-shadow:0 30px 60px #0005}.contact-card span{font-size:8px;color:#64748b;font-weight:900;letter-spacing:2px}.contact-card strong{display:block;font:700 25px "Space Grotesk";margin:5px 0}.contact-card small{font-size:9px;color:#64748b}.contact-card a{display:block;margin-top:22px;color:#0f8d5a;font-size:10px;font-weight:900}.contact-orb{position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid #34d39940;animation:ring 3s infinite}.footer{background:#050b15;color:#fff;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:45px;padding-bottom:45px}.footer-logo{width:180px;filter:brightness(0) invert(1);margin-bottom:10px}.footer p{color:#718096;font-size:11px;max-width:310px}.footer h3{font:700 18px "Space Grotesk";margin:0 0 12px}.footer-grid a:not(.brand){display:block;color:#94a3b8;font-size:11px;margin:8px 0}.footer-grid a:hover{color:#34d399}.footer-bottom{border-top:1px solid #ffffff10;padding:18px 0;color:#526174;font-size:9px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-18px)}}@keyframes pulse{50%{opacity:.3;height:35px}}@keyframes ring{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.15);opacity:0}100%{opacity:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.delay{transition-delay:.15s}@media(max-width:1000px){.nav nav{gap:13px}.nav nav a:not(.nav-btn){display:none}.menu{display:block}.nav nav{position:absolute;top:78px;right:22px;background:#0b1728;border:1px solid #ffffff15;border-radius:15px;padding:10px;display:none;flex-direction:column;align-items:stretch;width:220px}.nav nav.open{display:flex}.nav nav a:not(.nav-btn){display:block;padding:10px}.hero-grid,.service-layout,.feature-grid,.seo-grid,.graphic-grid,.host-box,.contact-box{grid-template-columns:1fr}.hero{text-align:center}.hero-lead{margin:auto}.hero-actions,.hero-meta{justify-content:center}.hero-stage{max-width:600px;width:100%;margin:auto}.service-visual{max-width:620px;margin:auto}.benefit-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.split-head{grid-template-columns:1fr;gap:10px}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.portfolio-box{display:block}.portfolio-box .btn{margin-top:25px}.faq-grid{grid-template-columns:1fr;gap:30px}.graphic-grid,.seo-grid{gap:55px}}@media(max-width:620px){.container{width:calc(100% - 26px)}.site-header{background:#07101fee}.nav{height:66px}.logo img{width:150px}.hero{min-height:auto}.hero-grid{padding:130px 0 90px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-lead{font-size:15px}.hero-stage{height:360px}.browser{width:100%;height:285px;right:0;top:35px}.browser-body{height:249px}.screen-title{font-size:28px;margin-top:30px}.screen-card{width:130px;height:78px}.screen-card b{font-size:20px}.stage-badge{left:0;bottom:15px}.section{padding:80px 0}.section-head h2,.split-head h2{font-size:42px}.service-layout{gap:35px}.service{grid-template-columns:35px 1fr 20px;padding:20px 10px}.service h3{font-size:17px}.service p{font-size:11px}.image-frame{border-radius:20px}.visual-note{left:10px;bottom:10px}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #ffffff15}.host-box{padding:35px 22px;border-radius:25px}.server{min-height:300px}.feature-grid,.seo-grid,.graphic-grid{gap:45px}.code-card pre{font-size:10px;padding:25px 18px}.palette{height:330px}.steps{grid-template-columns:1fr}.step{padding:25px 15px}.portfolio-box{padding:35px 25px}.portfolio-box h2{font-size:42px}.contact-box{padding:38px 24px;border-radius:25px}.contact-main h2{font-size:45px}.contact-side{min-height:260px}.footer-grid{grid-template-columns:1fr}.footer-bottom{padding-bottom:30px}.marquee-track{font-size:9px}.floating{} }