 :root{--bg:#03070d;--panel:#050b13;--blue:#078cff;--blue2:#00b7ff;--white:#f5f8ff;--muted:#b5c4d7;--line:rgba(26,145,255,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.space-noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.13;background-image:radial-gradient(#fff 0.5px,transparent .7px);background-size:31px 31px;mask-image:linear-gradient(black,transparent 85%)}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5.7%;border-bottom:1px solid rgba(43,133,217,.25);background:rgba(2,6,12,.91);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{font-size:53px;font-weight:900;line-height:.8;letter-spacing:-8px;color:var(--blue);font-style:italic;text-shadow:0 0 24px #007bff66}.brand-name{font-size:23px;font-weight:800;letter-spacing:4px;line-height:1.05}.brand-name small{display:block;font-size:7px;letter-spacing:4px;color:#65bdff;margin-top:6px}.nav{display:flex;gap:clamp(16px,3vw,45px);font-size:12px}.nav a,.site-footer nav a{transition:color .2s}.nav a:hover,.site-footer nav a:hover{color:var(--blue2)}.header-cta{border:1px solid var(--blue);border-radius:30px;padding:10px 20px;color:#fff;font-size:13px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 69% 45%,#063c82 0,#03162b 33%,#02050b 72%)}.hero-art{position:absolute;z-index:-1;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.86;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 22%,black 49%)}.hero-content{width:min(650px,53%);padding:65px 0 48px 5.7%;z-index:3;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#c2e7ff;margin:0 0 14px}.eyebrow span{color:var(--blue);padding:0 6px}.eyebrow.blue{color:var(--blue2)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4vw,59px);line-height:1.03;letter-spacing:-2px;margin-bottom:20px;font-weight:800}h1 em{font-style:normal;color:#078fff}h2{font-size:clamp(27px,3vw,39px);line-height:1.12;letter-spacing:-1.2px;margin-bottom:16px}h3{font-size:17px;margin-bottom:7px}.hero-copy{max-width:510px;color:#d2deec;font-size:14px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 20px;border-radius:28px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 24px #008cff40}.button-primary{background:linear-gradient(110deg,#087dff,#0060ec);box-shadow:0 0 25px #006eff33;color:white}.button-outline{border:1px solid var(--blue);background:#030a14d9}.hero-foot{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px;color:#c4d5e7}.orbit-icon{border:1px solid var(--blue);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--blue2);font-size:9px}.phone-link{font-size:13px;color:#e6f3ff;margin-left:15px}.hero-mantra{position:absolute;right:4%;top:32%;border-left:2px solid var(--blue2);padding-left:16px;letter-spacing:2px;font-size:10px;line-height:2.4;color:#e6f5ff}.scroll-cue{position:absolute;bottom:14px;left:50%;color:#4bb7ff;font-size:23px;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(5px)}}.asteroid{position:absolute;border-radius:40% 55% 45% 50%;background:linear-gradient(135deg,#5b6878,#111923 60%,#7c8793);box-shadow:inset -12px -8px 16px #000,0 0 18px #168dff55;opacity:.85;animation:floatAsteroid 18s linear infinite}.asteroid:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#101721 0 5%,transparent 6%),radial-gradient(circle at 70% 65%,#080d14 0 8%,transparent 9%)}.asteroid-one{width:58px;height:46px;top:16%;left:43%;animation-duration:24s}.asteroid-two{width:30px;height:25px;top:55%;left:61%;animation-duration:19s;animation-delay:-8s}.asteroid-three{width:20px;height:17px;top:22%;right:14%;animation-duration:28s;animation-delay:-15s}.streak{position:absolute;height:2px;width:100px;background:linear-gradient(90deg,transparent,#27aaff,transparent);transform:rotate(-28deg);filter:blur(.5px);animation:shoot 7s linear infinite}.streak-one{top:20%;right:-120px}.streak-two{top:65%;right:-120px;animation-delay:3.5s}@keyframes floatAsteroid{0%{transform:translate3d(40px,-20px,0) rotate(0)}50%{transform:translate3d(-70px,55px,0) rotate(170deg)}100%{transform:translate3d(40px,-20px,0) rotate(360deg)}}@keyframes shoot{0%{transform:translate(0,0) rotate(-28deg);opacity:0}10%{opacity:1}70%,100%{transform:translate(-900px,400px) rotate(-28deg);opacity:0}}.section{padding:58px 5.7%}.services-section{background:radial-gradient(ellipse at 15% 70%,#05182b 0,transparent 50%),#03070d}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:430px;color:#c2d0df;font-size:13px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.service-card{border:1px solid var(--line);border-radius:12px;padding:22px 20px 18px;background:linear-gradient(145deg,#050d17e8,#02060b);min-height:205px;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{transform:translateY(-5px);border-color:var(--blue2);background:#071426}.service-icon{display:block;color:var(--blue);font-size:36px;font-weight:700;line-height:1;margin-bottom:15px}.google-icon{font-size:43px;font-weight:900}.meta-icon{font-size:43px}.service-card p,.method-intro>p:not(.eyebrow),.projects-intro>p:not(.eyebrow){font-size:12px;color:#bed0e1;line-height:1.6}.service-card a{display:inline-block;color:var(--blue2);font-size:12px;margin-top:8px}.service-card a span{margin-left:6px}.methodology{display:grid;grid-template-columns:.9fr 1.6fr;gap:55px;align-items:center;background:linear-gradient(100deg,#02060b,#04101e 65%,#02060b);border-top:1px solid #10243a;border-bottom:1px solid #10243a}.method-intro h2{font-size:31px}.method-intro .button{margin-top:9px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:48px;left:70%;width:60%;height:1px;background:linear-gradient(90deg,var(--blue),#19456a)}.step-number{display:block;color:var(--blue2);font-size:13px;margin-bottom:8px}.step-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--blue);border-radius:50%;color:#9bdcff;font-size:25px;margin:0 auto 12px;box-shadow:0 0 18px #007bff2b}.step h3{font-size:13px}.step p{font-size:10px;color:#b5c9dd;line-height:1.5}.future-section{display:grid;grid-template-columns:1.2fr 1fr .85fr;gap:35px;align-items:center;padding:42px 5.7%;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 8% 100%,#0756a6 0,transparent 42%),#030811}.earth-glow{position:absolute;left:-90px;bottom:-125px;width:400px;height:180px;border-radius:50%;background:linear-gradient(#147ee5,#06182d);filter:blur(3px);opacity:.55;transform:rotate(-15deg);box-shadow:0 -12px 40px #008dff55}.future-copy,.future-tags{position:relative}.future-copy h2{font-size:29px}.future-copy p:not(.eyebrow){font-size:12px;color:#c3d2e1}.future-tags>div{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:7px 0;background:#030a14cc}.future-tags>div>span{font-size:27px;color:var(--blue2)}.future-tags p{margin:0;font-size:12px}.future-tags small{display:block;color:#7fa2c6;margin-top:2px}.projects-section{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:16px;align-items:stretch}.projects-intro{padding-right:10px}.projects-intro h2{font-size:31px}.projects-intro .button{margin-top:10px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#040a12;align-self:start}.project-preview{height:170px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#123f68,#03060b 70%);padding:20px}.mini-brand{font-size:23px;font-weight:900;color:var(--blue)}.preview-lines{width:62%;height:4px;margin-top:25px;background:#d7eaff;box-shadow:0 13px 0 #52718e,0 26px 0 #24425d,0 39px 0 #24425d;border-radius:5px}.preview-orb{position:absolute;right:13%;top:25%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1fa9ff,#061d3b 65%,#010308);box-shadow:0 0 28px #007fff77}.phone-preview{display:grid;place-items:center;background:radial-gradient(ellipse,#123e62,#02060b 70%)}.phone-screen{height:150px;width:75px;border:3px solid #62758a;border-radius:13px;background:linear-gradient(#061c30,#02050a);padding:13px 7px}.phone-screen .preview-lines{width:100%;margin-top:13px}.preview-pill{height:12px;background:var(--blue);border-radius:8px;margin-top:45px}.ads-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ad-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:9px;background:#071c32;border:1px solid var(--line);color:var(--blue2);font-size:30px}.ads-preview .preview-lines{width:100%;margin-top:3px}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:13px}.project-caption h3{font-size:12px;margin:0 0 4px}.project-caption p{font-size:10px;color:#9fb6cc;margin:0}.project-caption>span{color:var(--blue2);border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.portfolio-note{grid-column:2/-1;color:#7f9ab5;font-size:10px;margin:0}.contact-section{padding:43px 5.7%;display:grid;grid-template-columns:1.1fr 1.3fr .5fr;gap:25px;align-items:center;background:radial-gradient(ellipse at 55% 120%,#073a73,transparent 55%),#03070d;border-top:1px solid var(--line)}.contact-section h2{font-size:30px}.contact-section p:not(.eyebrow){font-size:12px;color:#c2d0df}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.contact-actions .phone-link{width:100%;margin-left:0}.contact-brand{display:flex;flex-direction:column;align-items:center}.contact-brand .brand-mark{font-size:70px}.contact-brand .brand-name{font-size:25px}.site-footer{padding:22px 5.7%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #102a44;color:#91a8be;font-size:10px}.small-brand{min-width:130px}.small-brand .brand-mark{font-size:35px}.small-brand .brand-name{font-size:15px}.small-brand .brand-name small{font-size:5px}.site-footer nav{display:flex;gap:18px}.site-footer p{margin:0}.site-footer>span{white-space:nowrap}
@media(max-width:1050px){.nav{gap:15px}.service-grid{grid-template-columns:repeat(3,1fr)}.methodology{grid-template-columns:1fr;gap:25px}.projects-section{grid-template-columns:repeat(3,1fr)}.projects-intro{grid-column:1/-1}.portfolio-note{grid-column:1/-1}.hero-content{width:60%}.hero-mantra{display:none}.contact-section{grid-template-columns:1fr 1.2fr}.contact-brand{display:none}}
@media(max-width:700px){.site-header{height:68px;padding:0 5%}.brand{min-width:0}.brand-mark{font-size:43px}.brand-name{font-size:18px;letter-spacing:3px}.brand-name small{font-size:6px;letter-spacing:2.5px}.menu-toggle{display:block;margin-left:auto;margin-right:15px}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:20px 6%;background:#030811f5;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.nav.open{display:flex}.header-cta{padding:9px 12px;font-size:11px}.hero{min-height:700px;align-items:flex-start}.hero-art{width:150%;height:58%;top:auto;bottom:0;right:-30%;object-position:60% center;opacity:.7;z-index:-1;mask-image:linear-gradient(180deg,transparent 0%,black 24%)}.hero-content{width:100%;padding:52px 5% 220px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:40px;letter-spacing:-1.5px}.hero-copy{font-size:13px}.hero-actions{align-items:stretch;flex-direction:column;max-width:340px}.button{padding:13px 16px}.hero-foot{font-size:10px}.phone-link{margin-left:0}.asteroid-one{left:72%;top:53%}.asteroid-two{left:38%;top:72%}.asteroid-three{right:9%;top:52%}.section{padding:45px 5%}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:17px 14px;min-height:205px}.service-card h3{font-size:15px}.service-card p{font-size:11px}.methodology{padding:45px 5%}.steps{grid-template-columns:repeat(2,1fr);gap:25px 12px}.step:last-child{grid-column:1/-1}.step:after{display:none}.future-section{grid-template-columns:1fr;gap:15px;padding:40px 5%}.future-copy h2{font-size:28px}.future-tags{max-width:420px}.projects-section{grid-template-columns:1fr 1fr}.projects-intro{grid-column:1/-1}.project-preview{height:130px;padding:14px}.preview-orb{width:60px;height:60px}.project-caption{padding:10px}.project-caption h3{font-size:11px}.portfolio-note{font-size:9px}.contact-section{grid-template-columns:1fr;padding:40px 5%;gap:15px}.contact-actions{align-items:stretch;flex-direction:column}.contact-actions .button{width:100%}.site-footer{padding:22px 5%;flex-wrap:wrap}.site-footer nav{order:3;width:100%;flex-wrap:wrap}.site-footer p{display:none}.site-footer>span{margin-left:auto}}
@media(max-width:380px){.service-grid,.projects-section{grid-template-columns:1fr}.projects-intro,.portfolio-note{grid-column:1}.header-cta span{display:none}h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
