@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#020812;--panel:#061421;--blue:#079cff;--cyan:#54caff;--text:#f6fbff;--muted:#8fa5b6;--line:#0e4568}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(0,142,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,142,235,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
header{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;background:rgba(1,8,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(40,164,238,.18)}.brand{display:flex;flex-direction:column;line-height:.82}.mark{font-weight:900;font-style:italic;font-size:31px;letter-spacing:-.12em;padding-right:4px;background:linear-gradient(180deg,#fff 10%,#c9d4db 44%,#05a7ff 46%,#0074df 100%);-webkit-background-clip:text;color:transparent}.brand small{font-size:8px;letter-spacing:.42em;font-weight:800;margin-top:6px}header nav{margin:auto;display:flex;gap:28px;font-size:11px;font-weight:700}header nav a:hover{color:var(--cyan)}.top-wa{border:1px solid #078ee6;border-radius:8px;padding:8px 15px;font-size:9px;text-align:center}.top-wa b{display:block;font-size:13px}
.hero{min-height:790px;padding:130px 6vw 70px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;background:radial-gradient(circle at 76% 45%,rgba(0,136,255,.2),transparent 29%),linear-gradient(110deg,#020811,#041421 56%,#020710)}.hero:before,.hero:after{content:"";position:absolute;width:250px;height:4px;background:linear-gradient(90deg,transparent,var(--blue));transform:rotate(-45deg);box-shadow:0 0 18px var(--blue)}.hero:before{left:-80px;top:110px}.hero:after{right:-70px;bottom:80px}.eyebrow,.heading>p,.contact>p{font-size:11px;letter-spacing:.2em;color:#a8c8dd;font-weight:600}.eyebrow i{display:inline-block;width:25px;height:1px;background:var(--blue);vertical-align:middle;margin:0 8px}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:.94;margin:14px 0 22px;letter-spacing:-.045em;font-weight:900}.hero h1 span,.heading h2 span,.contact h2 span,.consult h3 span{background:linear-gradient(90deg,#008dff,#58c8ff);-webkit-background-clip:text;color:transparent}.lead{max-width:620px;color:#b9c7d0;font-size:15px;line-height:1.7}.actions{display:flex;gap:12px;margin:28px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:.02em}.primary{color:#00101c;background:linear-gradient(100deg,#06a7ff,#4fc9ff);box-shadow:0 0 28px rgba(0,156,255,.18)}.primary b{margin-left:12px}.secondary{border:1px solid #1688c8;color:#eaf8ff;background:rgba(5,25,39,.55)}.quick{display:grid;grid-template-columns:repeat(5,1fr);margin-top:42px;max-width:680px}.quick div{border-right:1px solid #17435d;text-align:center;padding:3px 8px}.quick div:last-child{border:0}.quick strong{display:block;color:#079cff;font-size:28px;height:36px}.quick span{font-size:9px;font-weight:700;line-height:1.35}.hero-art{height:590px;position:relative}.glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#008cff;filter:blur(110px);opacity:.16;left:20%;top:14%}.laptop{position:absolute;width:92%;right:-3%;top:8%;transform:perspective(1000px) rotateY(-8deg) rotateX(2deg)}.screen{aspect-ratio:16/10;border:10px solid #192b38;border-radius:16px;background:linear-gradient(110deg,rgba(2,12,21,.92),rgba(5,30,47,.66)),radial-gradient(circle at 80% 55%,#0c78b8,#020811 45%);padding:36px 42px;box-shadow:0 20px 80px #000,0 0 40px rgba(0,151,255,.22)}.mini-nav{display:flex;justify-content:space-between;font-size:9px}.mini-nav b{color:#31baff;font-size:20px}.screen>p{font-size:9px;margin-top:65px;letter-spacing:.15em}.screen h2{font-size:38px;line-height:.92;margin:10px 0}.screen h2 em{font-style:normal;color:#21afff}.screen button,.phone button{background:#0aa8ff;border:0;padding:11px 17px;font-weight:800;font-size:9px}.base{height:18px;background:linear-gradient(#b7c0c5,#47545d);border-radius:2px 2px 50% 50%;width:110%;margin-left:-5%}.phone{position:absolute;width:31%;right:-2%;bottom:1%;z-index:4;background:#0a0e13;border:7px solid #a8b4bb;border-radius:32px;padding:8px;box-shadow:0 15px 50px #000;transform:rotate(5deg)}.phone-screen{aspect-ratio:9/18;background:linear-gradient(rgba(1,12,20,.82),rgba(2,16,26,.9)),radial-gradient(circle at 50% 45%,#075e94,#020711 50%);border-radius:22px;padding:25px 13px}.phone-screen>b{color:#26b5ff}.phone-screen p{margin-top:55px;font-size:8px}.phone-screen h3{font-size:17px}.phone-screen h3 span{color:#22b7ff}.phone button{width:100%;margin-top:30px}
.section{position:relative;padding:78px 5vw}.heading{max-width:1280px;margin:0 auto 35px}.heading>p{color:#35b6ff;margin:0 0 4px}.heading h2{font-size:clamp(31px,3.6vw,50px);margin:0 0 8px;letter-spacing:-.04em}.heading>div{font-size:12px;color:var(--muted);line-height:1.6}.service-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-grid article{padding:22px 18px;min-height:180px;border:1px solid #0d3853;border-radius:8px;background:linear-gradient(145deg,rgba(7,25,38,.94),rgba(2,11,19,.9));transition:.25s}.service-grid article:hover{transform:translateY(-5px);border-color:#078fdc;box-shadow:0 12px 35px rgba(0,143,226,.1)}.service-grid i{font-style:normal;font-size:27px;color:#0ca8ff}.service-grid h3{font-size:13px;margin:13px 0 8px}.service-grid p{font-size:10px;line-height:1.55;color:#8fa4b1;margin:0}
.work{background:linear-gradient(180deg,#020812,#051421,#020812)}.projects{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects article{border:1px solid #155071;border-radius:9px;overflow:hidden;background:#04101a}.project-screen{height:245px;padding:35px;position:relative;background:#06131d}.project-screen span{font-weight:900;font-size:27px}.project-screen h3{font-size:32px;line-height:.95;margin:45px 0 8px}.project-screen small{font-size:8px;letter-spacing:.2em}.orange .project-screen{background:radial-gradient(circle at 75% 55%,#7a2600,#100804 55%)}.orange .project-screen span{color:#ff6900}.silver .project-screen{background:radial-gradient(circle at 75% 55%,#45515b,#090d11 55%)}.silver .project-screen span{color:#dce8ef}.valet .project-screen{background:radial-gradient(circle at 75% 55%,#095b89,#06121a 55%)}.valet .project-screen span{color:#35baff}.project-info{display:flex;flex-direction:column;padding:14px 17px}.project-info b{font-size:12px}.project-info span{font-size:9px;color:#849aa8;margin-top:4px}.portfolio-note{text-align:center;font-size:10px;letter-spacing:.08em;color:#8399a7;margin-top:25px}.portfolio-note a{color:#2bb9ff;font-weight:800}
.price-wrap{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}.price,.consult{border:1px solid #125070;border-radius:8px;background:#04111b;padding:28px}.price.featured{box-shadow:inset 0 3px #0aa7ff}.badge{font-size:8px;letter-spacing:.14em;color:#34baff;font-weight:800}.price h3{font-size:17px}.from{font-size:8px;color:#8ca0ad;margin-bottom:0}.price>strong{display:block;font-size:44px;color:#3fc1ff;margin:0 0 15px}.price ul{list-style:none;padding:0;margin:0 0 25px}.price li{font-size:10px;color:#b3c1c9;padding:5px 0}.price li:before{content:"✓";color:#1db7ff;margin-right:8px}.price .primary,.price .secondary{width:100%}.consult{background:radial-gradient(circle at 100% 50%,rgba(0,127,255,.35),transparent 55%),#051522;display:flex;flex-direction:column;justify-content:center}.consult>p{font-size:9px;color:#46c2ff;font-weight:800}.consult h3{font-size:31px;margin:6px 0 12px}.consult>div{font-size:10px;line-height:1.6;color:#a3b5c0;margin-bottom:24px}.consult .primary{align-self:flex-start}
.process{border-top:1px solid #0a3b58;border-bottom:1px solid #0a3b58}.steps{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps article{position:relative;padding:22px 22px 20px 58px;border-right:1px solid #12364c}.steps article:last-child{border:0}.steps b{position:absolute;left:10px;top:20px;color:#3ec2ff;font-size:11px}.steps i{font-style:normal;color:#1bb5ff;font-size:27px}.steps h3{font-size:11px;margin:11px 0 7px}.steps p{font-size:9px;color:#879ca9;line-height:1.5}
.why{background:#04111b}.why-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.why-grid>div{padding:25px;border-top:1px solid #1284c4;background:#061723}.why-grid b{color:#1bb8ff;font-size:10px}.why-grid h3{font-size:14px}.why-grid p{font-size:10px;line-height:1.6;color:#8fa3af}
.contact{text-align:center;padding-top:100px;padding-bottom:110px;background:radial-gradient(circle at 50% 100%,rgba(0,137,255,.25),transparent 45%)}.contact>p{color:#35bdff}.contact h2{font-size:clamp(40px,5vw,70px);line-height:.95;margin:8px 0 18px}.contact>div{font-size:12px;color:#9db0bb;margin-bottom:30px}.primary.big{font-size:11px;line-height:1.45}.primary.big b{font-size:16px;margin:0}
footer{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#758b99;font-size:9px;border-top:1px solid #10374e}.mobile-cta{display:none}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){header nav{display:none}.hero{grid-template-columns:1fr;min-height:1100px}.hero-copy{z-index:2}.hero-art{height:500px}.service-grid{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:1fr}.project-screen{height:300px}.price-wrap{grid-template-columns:1fr 1fr}.consult{grid-column:1/-1}.steps,.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){header{height:68px;padding:0 15px}.top-wa{font-size:0;margin-left:auto}.top-wa b{font-size:10px}.mark{font-size:26px}.hero{padding:105px 18px 45px;min-height:920px;display:block}.hero h1{font-size:45px}.lead{font-size:12px}.actions{flex-direction:column}.actions a{width:100%}.quick{grid-template-columns:repeat(5,1fr);gap:0}.quick strong{font-size:20px}.quick span{font-size:7px}.hero-art{height:330px;margin-top:35px}.screen{padding:20px}.screen>p{margin-top:30px}.screen h2{font-size:23px}.phone{width:32%;border-width:4px}.phone-screen{padding:12px 7px}.phone-screen p{margin-top:25px}.phone-screen h3{font-size:10px}.phone button{font-size:6px;padding:7px;margin-top:12px}.section{padding:58px 17px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:17px 13px;min-height:175px}.service-grid h3{font-size:11px}.projects{gap:12px}.project-screen{height:220px}.project-screen h3{font-size:26px}.price-wrap{grid-template-columns:1fr}.consult{grid-column:auto}.steps,.why-grid{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #12364c}.heading h2{font-size:33px}.contact h2{font-size:40px}footer{height:auto;min-height:150px;padding:25px 18px 85px;flex-direction:column;gap:15px}.mobile-cta{display:block;position:fixed;z-index:60;left:10px;right:10px;bottom:10px;padding:15px;text-align:center;border-radius:5px;background:linear-gradient(90deg,#059fff,#54c9ff);color:#00111d;font-size:10px;font-weight:900;box-shadow:0 10px 35px #000}}