*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;background:#070b16;color:#e2e8f0;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#22d3ee47;color:#fff}a{color:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(800px 600px at 15% 10%,rgba(99,102,241,.1),transparent 65%),radial-gradient(900px 700px at 85% 100%,rgba(6,182,212,.1),transparent 65%),radial-gradient(600px 500px at 50% 50%,rgba(168,85,247,.06),transparent 65%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;opacity:.35;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent)}#root{position:relative;z-index:1}@keyframes orb-float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.05)}}@keyframes orb-float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-40px) scale(1.08)}}@keyframes orb-float-c{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(30px,-30px) scale(1.1);opacity:.6}}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes ping{0%{transform:scale(.6);opacity:.7}70%,to{transform:scale(2.2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.orb-a{animation:orb-float-a 22s ease-in-out infinite}.orb-b{animation:orb-float-b 18s ease-in-out infinite}.orb-c{animation:orb-float-c 14s ease-in-out infinite}.bob{animation:bob 2.4s ease-in-out infinite}.marquee-track{animation:marquee 60s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}section{animation:fade-up .8s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% cover 30%}@supports not (animation-timeline: view()){section{animation:none}}.hero-in>*{animation:fade-up .9s cubic-bezier(.2,.7,.2,1) both}.hero-in>*:nth-child(2){animation-delay:.08s}.hero-in>*:nth-child(3){animation-delay:.16s}.hero-in>*:nth-child(4){animation-delay:.24s}.hero-in>*:nth-child(5){animation-delay:.32s}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:99px;font-size:14px;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#22d3ee,#818cf8,#a855f7);background-size:200% 100%;background-position:0% 50%;color:#fff;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 28px #22d3ee52,inset 0 1px #ffffff40;transition:all .35s cubic-bezier(.2,.7,.2,1);letter-spacing:.01em}.btn-primary:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 12px 40px #818cf880,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:99px;font-size:14px;font-weight:500;font-family:inherit;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;text-decoration:none;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff14;border-color:#fff3;color:#fff}.nav-link:hover{color:#fff!important}.card{position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#070b16}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#334155}input::placeholder,textarea::placeholder{color:#475569}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.025) inset;caret-color:#fff}.page-pad{padding:120px 24px}.nav-spacer{display:none}.hero-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)!important}.work-grid>.work-card{grid-column:span 6!important}.why-grid>*{grid-column:span 6!important}.process-grid{grid-template-columns:repeat(3,1fr)!important}.contact-grid{grid-template-columns:1fr!important;gap:40px!important}.footer-grid{grid-template-columns:1.5fr 1fr 1fr!important}.footer-grid>div:first-child{grid-column:1 / -1}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.stat-item{border-right:none!important}.stat-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)!important}.stat-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)!important;padding-bottom:16px!important}.stat-item:nth-child(n+3){padding-top:8px!important}}@media(max-width:720px){.page-pad,#services,#work,#why,#process,#contact,#testimonials,#featured-product,#case-studies,#faq{padding:44px 16px!important}.section-head{margin-bottom:36px!important}.nav-bar{gap:12px!important;padding:0 16px!important;height:64px!important}.nav-links,.nav-cta{display:none!important}.menu-btn{display:flex!important}.nav-logo-text{display:none}.nav-spacer{display:block;flex:1 1 auto}.nav-controls{margin-left:auto!important}.hero-section{min-height:100svh!important;padding:96px 16px 56px!important}.hero-cta-row{margin-bottom:36px!important;gap:10px!important}.hero-cta-row .btn-primary,.hero-cta-row .btn-ghost{width:100%;justify-content:center;padding:12px 20px!important}.hero-scroll-hint{bottom:16px!important}.hero-orbs .orb-a{width:220px!important;height:220px!important;left:-20%!important}.hero-orbs .orb-b{width:260px!important;height:260px!important;right:-25%!important}.hero-orbs .orb-c{width:180px!important;height:180px!important}#stats{margin-top:-24px!important;padding:0 18px 24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:24px 16px!important}.stat-item{border-right:none!important}.stat-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)!important}.stat-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)!important;padding-bottom:12px!important}.stat-item:nth-child(n+3){padding-top:4px!important}.stat-item .stat-label{font-size:11px!important;line-height:1.35!important}.services-grid{grid-template-columns:1fr!important}.work-grid{grid-template-columns:1fr!important;gap:14px!important}.work-grid>.work-card{grid-column:auto!important}.work-card .portfolio-stage{aspect-ratio:16 / 10!important;padding:0!important;min-height:0!important}.work-card .portfolio-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;border-radius:12px 12px 0 0!important}.work-card .portfolio-overlay{inset:0!important;border-radius:12px 12px 0 0!important;background:linear-gradient(180deg,transparent 40%,rgba(7,11,22,.85) 100%)!important}.work-card .portfolio-badge,.work-card .portfolio-mock{display:none!important}.work-card .portfolio-title{font-size:17px!important}.work-card .portfolio-meta{padding:16px!important}.why-grid>*{grid-column:auto!important}.why-grid,.process-grid{grid-template-columns:1fr!important}.process-grid>div:first-child:before{display:none}.featured-metrics,.featured-dash-stats{grid-template-columns:1fr!important}.featured-card-pad{padding:20px 16px!important}.contact-grid{grid-template-columns:1fr!important;gap:20px!important;min-width:0!important;width:100%!important}.contact-form-wrap{order:1!important}.contact-side{order:2!important}.contact-side h2{font-size:clamp(26px,7vw,36px)!important}.contact-side>p{margin-bottom:20px!important;font-size:15px!important}.contact-info-card{padding:18px 16px!important}.contact-form-grid{grid-template-columns:1fr!important;gap:12px!important}.contact-form-box{padding:20px 16px!important;border-radius:16px!important;box-shadow:0 16px 40px #00000059!important}.contact-form-box input,.contact-form-box textarea,.contact-form-box select{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}.contact-budget-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.contact-budget-btn{width:100%!important;padding:10px 8px!important;font-size:11px!important;line-height:1.25!important;text-align:center!important;white-space:normal!important}.footer-grid{grid-template-columns:1fr!important;gap:28px!important}.footer-grid>div:first-child{grid-column:auto}footer{padding:44px 16px 24px!important}#stats{padding:0 16px 20px!important;margin-top:-16px!important}.sticky-cta{left:16px!important;right:16px!important;bottom:16px!important;justify-content:center;width:auto}.cookie-banner{left:12px!important;right:12px!important;bottom:12px!important}}@media(min-width:1400px){.hero-in{max-width:1040px}.work-grid{gap:24px}}@media(min-width:721px){body:has(.cookie-banner) .sticky-cta{bottom:100px}}