:root{--bg:#080808;--surface:#11110f;--surface2:#171714;--text:#f5f5ef;--muted:#9b9b91;--line:#292923;--lime:#d8ff3e;--purple:#9b7bff;--cyan:#6ce7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#d8ff3e14,transparent 68%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#080808cc;backdrop-filter:blur(18px);z-index:10}.brand{font:700 25px "Space Grotesk";color:var(--text);text-decoration:none}.brand span:first-child{display:inline-grid;place-items:center;background:var(--lime);color:#080808;border-radius:8px;width:31px;height:31px;margin-right:7px}.lime{color:var(--lime)}nav{display:flex;gap:30px}nav a,.nav-cta{color:#c9c9c1;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #45453d;padding:11px 17px;border-radius:999px}.nav-cta:hover{background:var(--lime);color:#080808;border-color:var(--lime)}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:700px;display:grid;grid-template-columns:1fr .85fr;gap:5%;align-items:center;padding:95px 8%;position:relative}.hero:before{content:"";position:absolute;width:600px;height:500px;right:0;top:70px;background:radial-gradient(circle,#7d5cff20,transparent 68%);pointer-events:none}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#85857c}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}.eyebrow span{color:var(--lime)}.hero h1{font:700 clamp(56px,7vw,95px)/.9 "Space Grotesk";letter-spacing:-5px;margin:22px 0;position:relative}.gradient-text{background:linear-gradient(100deg,var(--lime),#fff 55%,#a786ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;padding:14px 21px;border-radius:9px;font-weight:700;font-size:13px;transition:.25s}.btn.primary{background:var(--lime);color:#080808}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #d8ff3e2a}.btn.ghost{border:1px solid #3b3b34;color:var(--text)}.btn.ghost:hover{border-color:#77776d;background:#171714}.social-proof{display:flex;align-items:center;gap:11px;color:#77776f;font-size:11px}.mini-stack{display:flex}.mini-stack b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#20201c;border:2px solid var(--bg);margin-left:-5px;color:var(--lime);font-size:9px}.hero-visual{height:510px;display:grid;place-items:center;position:relative}.site-card{width:min(420px,90%);background:#171714;border:1px solid #36362f;border-radius:18px;padding:7px;transform:rotate(3deg);box-shadow:0 30px 100px #000,0 0 70px #7d5cff16;animation:float 5s ease-in-out infinite}.site-bar{height:31px;display:flex;align-items:center;gap:5px;padding:0 9px}.site-bar span{width:6px;height:6px;border-radius:50%;background:#4a4a43}.site-bar small{margin-left:auto;color:#6f6f67;font-size:8px}.site-screen{height:410px;border-radius:11px;padding:30px;background:linear-gradient(135deg,#171714,#2b2b25 50%,#6f8b20);display:flex;flex-direction:column}.site-screen>small{font-size:8px;letter-spacing:2px;color:#bbb}.site-screen h3{font:600 50px/.9 "Space Grotesk";margin:auto 0}.site-screen em{font-style:normal;color:var(--lime)}.screen-row{display:flex;gap:7px;margin-bottom:25px}.screen-row i{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff3d}.site-screen>strong{font-size:8px;letter-spacing:1px;color:#aaa}.floating-tag{position:absolute;padding:10px 13px;border:1px solid #424239;background:#151512e8;backdrop-filter:blur(12px);border-radius:9px;font-size:9px;font-weight:800;letter-spacing:1px;z-index:2}.tag1{top:75px;right:8%;color:var(--lime);animation:float 4s ease-in-out infinite reverse}.tag2{bottom:75px;left:4%;color:#fff;animation:float 4.5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff0d;border-radius:50%;width:490px;height:490px;animation:spin 20s linear infinite}.o2{width:390px;height:390px;animation-direction:reverse;border-color:#d8ff3e18}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;color:#77776f;font:700 13px "Space Grotesk";letter-spacing:3px;white-space:nowrap}.marquee div{animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:27px 8%}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:700 27px "Space Grotesk"}.stats span{font-size:9px;letter-spacing:1px;color:#696960}.section{padding:110px 8%}.section-head{display:flex;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head h2,.center h2,.faq h2,.contact h2{font:700 clamp(42px,5vw,67px)/.95 "Space Grotesk";letter-spacing:-3px;margin:12px 0}.section h2 span,.center h2 span,.faq h2 span,.contact h2 span{color:var(--lime)}.section-head>p{max-width:390px;color:var(--muted);align-self:end;font-size:13px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{min-height:295px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,#11110f,#0c0c0b);border-radius:13px;position:relative;overflow:hidden;transition:.3s}.service:after{content:"";position:absolute;width:140px;height:140px;right:-70px;bottom:-70px;background:var(--lime);filter:blur(70px);opacity:0;transition:.3s}.service:hover{transform:translateY(-7px);border-color:#55554a}.service:hover:after{opacity:.15}.service-no{position:absolute;right:20px;top:20px;color:#4c4c45;font-size:10px}.icon{font-size:27px;color:var(--lime);margin:25px 0 42px}.service h3,.project h3,.price h3,.steps h3{font:600 21px "Space Grotesk";margin:0 0 8px}.service p,.project p,.price p,.steps p{color:var(--muted);font-size:12px;line-height:1.6}.service a{display:block;color:#bbb;font-size:11px;font-weight:700;margin-top:25px}.work{background:#0d0d0c}.work .kicker{color:#77776f}.filters{display:flex;gap:8px;margin:-15px 0 25px;flex-wrap:wrap}.filter{border:1px solid #34342e;background:#151512;color:#92928a;padding:10px 16px;border-radius:999px;font:600 11px "DM Sans";cursor:pointer;transition:.2s}.filter:hover,.filter.active{background:var(--lime);border-color:var(--lime);color:#080808}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.project{background:#151512;border:1px solid #282822;border-radius:13px;overflow:hidden;transition:.35s}.project.hidden{opacity:0;transform:scale(.92);display:none}.project:hover{transform:translateY(-7px);border-color:#48483f}.project-top{display:flex;justify-content:space-between;padding:17px;font-size:9px;color:#777;letter-spacing:1px}.project-art{height:275px;margin:0 11px;border-radius:8px;padding:27px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.gym{background:linear-gradient(135deg,#caff37,#607d13);color:#111}.food{background:linear-gradient(135deg,#d6a87c,#70462c);color:#1c110b}.barber{background:linear-gradient(135deg,#9fdcff,#36576c);color:#0b1820}.brand-art{background:linear-gradient(135deg,#a486ff,#3e2e72);color:#fff}.project-art small{font-size:8px;letter-spacing:2px;font-weight:800}.project-art strong{font:700 42px/.83 "Space Grotesk";letter-spacing:-2px;margin:25px 0}.project-art span{font-size:7px;letter-spacing:1px}.project-info{padding:15px 17px}.project-info h3{font-size:15px}.project-info p{font-size:10px}.center{text-align:center;max-width:720px;margin:0 auto 48px}.center>p{color:var(--muted);font-size:13px}.pricing{background:#f0f0e9;color:#0b0b09}.pricing .kicker{color:#77776e}.pricing .center h2 span{color:#778f00}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:1080px;margin:auto}.price{background:#fff;border:1px solid #d5d5ca;border-radius:13px;padding:32px;position:relative;transition:.3s}.price:hover{transform:translateY(-5px)}.price.featured{border:2px solid #111;transform:translateY(-9px);box-shadow:0 25px 60px #00000012}.price.featured:hover{transform:translateY(-14px)}.popular{position:absolute;right:-1px;top:-1px;background:#111;color:var(--lime);padding:8px 11px;font-size:8px;font-weight:900;border-radius:0 11px 0 10px}.price>span{font-size:9px;letter-spacing:2px;font-weight:900}.price h3{font-size:42px;margin:17px 0 5px}.price p{min-height:39px}.price ul{list-style:none;padding:7px 0 22px;line-height:2.4;font-size:12px}.price-note{text-align:center;color:#818179;font-size:10px;margin-top:25px}.price .ghost{color:#111;border-color:#bbb}.price .ghost:hover{background:#f0f0e9}.process{background:#151512}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps div{border-top:1px solid #35352e;padding:19px 4px}.steps b{font-size:10px;color:var(--lime)}.steps h3{color:#eee;margin-top:20px}.testimonial{text-align:center;padding:120px 8%;background:linear-gradient(120deg,#d8ff3e,#bfff7c)}.big-quote{font:700 80px/0 "Space Grotesk";color:#111}.testimonial blockquote{font:600 clamp(28px,4vw,53px)/1.05 "Space Grotesk";color:#10100e;margin:45px auto 25px;letter-spacing:-2px}.testimonial blockquote span{color:#5e7500}.testimonial p{color:#4b560f;font-size:11px}.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;font-size:14px;list-style:none}summary::-webkit-details-marker{display:none}summary b{color:var(--lime);font-size:18px}.faq-list details p{color:var(--muted);font-size:12px;max-width:650px}.contact{background:#11110f;padding:105px 8%;display:grid;grid-template-columns:1fr 390px;gap:10%;align-items:center;border-top:1px solid var(--line)}.contact h2{margin-top:15px}.contact p{color:var(--muted);max-width:570px;font-size:14px;line-height:1.7}.contact-card{background:#181814;border:1px solid #33332c;border-radius:15px;padding:29px}.contact-avatar{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:var(--lime);color:#111;font:700 21px "Space Grotesk";margin-bottom:22px}.contact-card small{font-size:8px;color:#77776e;letter-spacing:2px}.contact-card h3{font:600 28px "Space Grotesk";margin:7px 0 0}.contact-card p{margin:0 0 20px;font-size:11px}.phone{display:block;color:white;text-decoration:none;font:600 20px "Space Grotesk";margin-bottom:19px}.contact .btn.primary{color:#0b0b09}.full{width:100%}footer{padding:34px 8%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px}footer p,footer small{font-size:10px;color:#696960}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}.project:nth-child(2){transition-delay:.08s}.project:nth-child(3){transition-delay:.16s}.project:nth-child(4){transition-delay:.24s}@media(max-width:850px){.nav{padding:0 5%}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080808f5;padding:25px 7%;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:70px 6% 85px}.hero h1{font-size:57px;letter-spacing:-3px}.hero-visual{height:450px}.stats{padding:24px 5%;grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.section{padding:75px 6%}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid,.work-grid,.price-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.price.featured,.price.featured:hover{transform:none}.faq{grid-template-columns:1fr}.contact{grid-template-columns:1fr;padding:75px 6%}footer{padding:30px 6%;display:block}footer p{margin:15px 0}.site-screen{height:350px}.floating-tag.tag2{left:0}.floating-tag.tag1{right:0}}@media(max-width:500px){.hero h1{font-size:49px}.hero-actions{flex-direction:column}.hero-visual{height:390px}.site-card{width:95%}.site-screen{height:300px}.site-screen h3{font-size:40px}.orbit{width:330px;height:330px}.o2{width:270px;height:270px}.steps{grid-template-columns:1fr}.testimonial blockquote{letter-spacing:-1px}.filters{gap:6px}.filter{padding:9px 12px}}

.demo-link{display:inline-flex;align-items:center;margin-top:8px;color:#d8ff3e;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.3px;border-bottom:1px solid #d8ff3e55;padding-bottom:3px;transition:.2s}.demo-link:hover{gap:5px;color:#fff;border-color:#fff}

/* Dev.Nex identity + extra motion */
.devnex-brand{display:flex;align-items:center;gap:8px;letter-spacing:-.6px}
.dn-logo{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;border-radius:10px!important;background:linear-gradient(135deg,#d8ff3e,#9dff8d)!important;color:#080808!important;font:800 13px "Space Grotesk"!important;box-shadow:0 0 25px #d8ff3e25;position:relative}
.dn-logo:after{content:"";position:absolute;inset:-3px;border:1px solid #d8ff3e33;border-radius:12px;animation:logoPulse 2.2s ease-in-out infinite}
.brand-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border:1px solid #33332d;background:#11110f;border-radius:999px;color:#8e8e85;font-size:9px;font-weight:800;letter-spacing:1.2px;box-shadow:inset 0 0 20px #ffffff03}
.brand-pill .dn-mini{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--lime);color:#080808;font:800 8px "Space Grotesk"}
.brand-pill i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:blink 1.3s infinite}
.brand-pill b{color:var(--lime);font-weight:800}
.code-float{position:absolute;right:-15px;bottom:34px;width:165px;padding:12px 13px;border:1px solid #3b3b33;background:#10100ee8;backdrop-filter:blur(14px);border-radius:10px;color:#77776e;font:10px monospace;box-shadow:0 15px 40px #0007;animation:codeFloat 4s ease-in-out infinite;z-index:3}
.code-float span{color:var(--lime)}.code-float b{float:right;color:#55554c;font-weight:400}.code-float i{display:block;height:2px;background:#2b2b25;margin-top:7px;width:80%}.code-float i:nth-of-type(2){width:60%}.code-float i:nth-of-type(3){width:72%}
.service,.project,.price,.contact-card{will-change:transform}.service:hover .icon{animation:wiggle .45s ease}.project:hover .project-art{transform:scale(1.025);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-art{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@keyframes logoPulse{50%{transform:scale(1.08);opacity:.35}100%{transform:scale(1);opacity:1}}
@keyframes blink{50%{opacity:.25}100%{opacity:1}}
@keyframes codeFloat{50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes wiggle{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@media(max-width:500px){.code-float{right:-5px;bottom:22px;width:140px;font-size:9px}.brand-pill{font-size:8px}.dn-logo{width:35px!important;height:35px!important}}