:root{--bg:#070711;--panel:#ffffff12;--border:#ffffff1a;--muted:#ffffffa3;--soft:#ffffff85;--cyan:#67e8f9;--violet:#6d28d9;--fuchsia:#f0abfc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit;border:0}.page{background:#070711;min-height:100vh;overflow:hidden}.ambient{z-index:0;pointer-events:none;opacity:.7;position:fixed;inset:0}.glow{filter:blur(130px);border-radius:999px;width:24rem;height:24rem;position:absolute}.glow-1{background:#c026d3;top:-10rem;left:-8rem}.glow-2{filter:blur(150px);background:#06b6d4;width:32rem;height:32rem;top:10rem;right:0}.glow-3{filter:blur(150px);background:#6d28d9;bottom:0;left:33%}.site-header{z-index:30;justify-content:space-between;align-items:center;width:min(100% - 3rem,80rem);margin:0 auto;padding:1.75rem 0;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:.75rem;display:flex}.brand-text{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.brand-mark{background:#03030d;border-radius:1rem;width:2.75rem;height:2.75rem;display:block;overflow:hidden;box-shadow:0 18px 44px #22d3ee33}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-title{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:900;display:block}.brand-city{color:#a5f3fc;letter-spacing:.35em;text-transform:uppercase;margin:.2rem 0 0;font-size:.72rem;display:block}.desktop-nav{color:#ffffffbd;align-items:center;gap:2rem;font-size:.92rem;display:flex}.desktop-nav a:hover{color:#fff}.button{color:#000;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3.5rem;padding:0 2rem;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#cffafe;transform:translateY(-1px)}.button-primary{background:var(--violet);color:#fff}.button-primary:hover{background:#7c3aed}.button-outline{color:#fff;background:#ffffff0d;border:1px solid #fff3}.button-outline:hover{background:#ffffff1a}.menu-toggle{background:0 0;display:none}.mobile-menu{z-index:35;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-radius:1.5rem;padding:.65rem 1.25rem;display:none;position:absolute;top:5.9rem;left:1.5rem;right:1.5rem}.mobile-menu.is-open{display:block}.mobile-menu a{color:#ffffffd1;padding:.85rem 0;display:block}main{z-index:10;position:relative}.hero{min-height:100vh;padding:9rem 1.5rem 6rem;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(circle at 0 20%,#14b8a680,#0000 28%),radial-gradient(circle at 88% 28%,#10b98173,#0000 24%),radial-gradient(circle at 55% 0,#7c3aed80,#0000 28%),linear-gradient(115deg,#020617 0%,#050816 45%,#020617 100%);position:absolute;inset:0}.hero-grid{opacity:.12;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0}.code-rain{opacity:.18;position:absolute;inset:0;overflow:hidden}.code-rain span{color:#ffffffb3;animation:codeFall var(--duration) linear infinite;animation-delay:var(--delay);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:800;position:absolute;top:-5rem}.code-rain span:before{content:"web"}.code-rain span:nth-child(8n+1):before{content:"html"}.code-rain span:nth-child(8n+2):before{content:"css"}.code-rain span:nth-child(8n+3):before{content:"seo"}.code-rain span:nth-child(8n+4):before{content:"web"}.code-rain span:nth-child(8n+5):before{content:"ux"}.code-rain span:nth-child(8n+6):before{content:"ia"}.code-rain span:nth-child(8n+7):before{content:"cms"}.code-rain span:nth-child(8n):before{content:"api"}.hero-inner{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:3.5rem;width:min(100%,80rem);min-height:calc(100vh - 9rem);margin:0 auto;display:grid;position:relative}.hero-copy{padding-top:2.5rem;animation:.75s both revealUp}h1{letter-spacing:-.08em;max-width:68rem;margin:0;font-size:clamp(3.4rem,7.8vw,6.4rem);font-weight:950;line-height:.92}h1 span{background:var(--violet);color:#000;border-radius:1rem;padding:0 .32em .08em;display:inline-block;box-shadow:0 26px 52px #5b21b666}.hero-text{color:#ffffffad;max-width:42rem;margin:2rem 0 0;font-size:1.125rem;line-height:1.78}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.25rem;display:flex}.hero-visual{min-height:38.75rem;animation:.9s both revealScale;position:relative}.slide{opacity:0;transition:opacity .7s,transform .7s;position:absolute;inset:0;transform:translateY(1.8rem)}.slide.is-active{opacity:1;transform:translateY(0)}.mockup{border-radius:2.2rem;width:25rem;height:20rem;padding:.25rem;position:absolute;box-shadow:0 30px 70px #000000a6}.mockup-top{top:0;right:2.5rem;transform:rotate(-25deg)}.mockup-bottom{background:linear-gradient(135deg,#0f172a,#083344,#2e1065);top:18rem;right:0;transform:rotate(27deg)}.gradient-1{background:linear-gradient(135deg,#22d3ee,#3b82f6,#6d28d9)}.gradient-2{background:linear-gradient(135deg,#e879f9,#9333ea,#06b6d4)}.gradient-3{background:linear-gradient(135deg,#6ee7b7,#06b6d4,#4338ca)}.mockup-shell{border-radius:2rem;height:100%;padding:2rem}.mockup-bg-1{background:radial-gradient(circle at 35% 30%,#22d3eee6,#0000 28%),radial-gradient(circle at 70% 65%,#7c3aede6,#0000 30%),linear-gradient(135deg,#050816,#111827)}.mockup-bg-2{background:radial-gradient(circle at 30% 25%,#d946efe6,#0000 28%),radial-gradient(circle at 72% 68%,#2dd4bfd9,#0000 30%),linear-gradient(135deg,#09090b,#1e1b4b)}.mockup-bg-3{background:radial-gradient(circle at 42% 28%,#34d399e6,#0000 26%),radial-gradient(circle at 74% 70%,#6366f1d9,#0000 30%),linear-gradient(135deg,#020617,#111827)}.mockup-bottom .mockup-shell{background:radial-gradient(circle at 50% 40%,#22d3ee73,#0000 30%),linear-gradient(135deg,#020617,#111827)}.mockup-content{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000047;border-radius:1.5rem;flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;display:flex}.mockup-kicker{color:#ffffff9e;letter-spacing:.35em;text-transform:uppercase;font-size:.82rem}.mockup-orb{filter:blur(4px);background:#fff3;border-radius:999px;width:5rem;height:5rem;margin-bottom:1.25rem}.mockup .mockup-title,.mockup p{margin:0}.mockup .mockup-title{font-size:2.4rem;font-weight:950;line-height:1}.metric{font-size:4.3rem;font-weight:950;line-height:1}.metric-copy{color:#ffffff8c;margin-top:.6rem}.slide-dots{z-index:4;gap:.75rem;display:flex;position:absolute;bottom:2.5rem;right:4rem}.slide-dot{background:#ffffff59;border-radius:999px;width:.75rem;height:.75rem;transition:width .25s,background .25s}.slide-dot.is-active{background:#8b5cf6;width:3rem}.tag-marquee{z-index:5;border-block:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0003;padding:1rem 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tag-track{gap:.75rem;width:max-content;padding-inline:.75rem;animation:28s linear infinite marquee;display:flex}.tag{color:#ffffffd1;background:#ffffff1a;border-radius:.55rem;padding:.82rem 1.25rem;font-size:.88rem;font-weight:800;box-shadow:0 12px 28px #0003}.section{width:min(100% - 3rem,80rem);margin:0 auto;padding:5rem 0}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.eyebrow{color:#a5f3fc;letter-spacing:.35em;text-transform:uppercase;margin:0;font-size:.86rem}.eyebrow-pink{color:var(--fuchsia)}h2{letter-spacing:-.04em;margin:1rem 0 0;font-size:clamp(2.35rem,5.8vw,3.75rem);font-weight:950;line-height:1.02}.section-head p:last-child,.lead{color:#ffffff9e;max-width:34rem;line-height:1.7}.services-grid{grid-template-columns:repeat(4,1fr);gap:4rem 2.5rem;display:grid}.service{position:relative}.service:before{filter:blur(42px);content:"";background:#22d3ee1a;border-radius:999px;width:10rem;height:10rem;transition:background .5s;position:absolute;top:0;left:-2rem}.service:hover:before{background:#67e8f933}.service>*{position:relative}.service-icon{color:#ffffffd1;stroke-width:1.1px;width:5rem;height:5rem;margin-bottom:2rem;transition:color .4s,transform .4s}.service:hover .service-icon{color:#67e8f9;transform:scale(1.08)}.service h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:950;line-height:.98}.service p{color:#ffffff8f;max-width:22rem;margin:1.5rem 0 0;line-height:1.72}.explore{color:#67e8f9db;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:1.75rem;font-size:.82rem;font-weight:800;transition:transform .3s;display:inline-flex}.service:hover .explore{transform:translate(.5rem)}.huge-marquee{padding:2.5rem 0;overflow:hidden}.huge-track{white-space:nowrap;width:max-content;animation:42s linear infinite ultraMarquee;display:flex}.huge-row{align-items:center;gap:2.5rem;padding-right:2.5rem;display:flex}.huge-item{align-items:center;gap:2.5rem;display:flex}.huge-item .huge-title{color:#0000;text-transform:uppercase;background:linear-gradient(#fff,#ddd6fe,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(5rem,12vw,9rem);line-height:1}.huge-item .huge-dot{color:#22d3eeb3;margin-bottom:1rem;font-size:clamp(3.4rem,7vw,4.5rem);font-weight:950}.portfolio-panel,.contact-inner{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:3rem;padding:clamp(1.5rem,4vw,2.5rem)}.portfolio-head{justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem;display:flex}.portfolio-head a{color:#a5f3fc;align-self:end;align-items:center;gap:.5rem;display:inline-flex}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.project-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-radius:2rem;min-height:14rem;padding:1.25rem;transition:background .3s,transform .3s}.project-card:hover{background:linear-gradient(135deg,#67e8f94d,#d946ef33);transform:translateY(-4px)}.project-card-inner{border:1px solid var(--border);border-radius:1.4rem;flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem;display:flex}.project-number{color:#ffffff73;font-size:.9rem}.project-card h3{margin:0;font-size:1.5rem;line-height:1.08}.project-card p{color:#ffffff8f;margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.process-grid,.faq-grid,.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}.steps,.faqs{gap:1rem;display:grid}.step{border:1px solid var(--border);background:var(--panel);border-radius:1.5rem;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.step-number{color:#000;background:#fff;border-radius:1rem;flex:none;place-items:center;width:3.5rem;height:3.5rem;font-size:1.25rem;font-weight:950;display:grid}.step h3{margin:0;font-size:1.25rem}.step p{color:#ffffff8f;margin:.35rem 0 0}.faq-button{border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:1.5rem;width:100%;padding:1.5rem}.faq-question{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.faq-question h3{margin:0;font-size:1.2rem}.faq-symbol{color:#a5f3fc;font-size:1.5rem}.faq-answer{color:#ffffff9e;margin:1rem 0 0;line-height:1.7;display:none}.faq-button.is-active .faq-answer{display:block}.contact-shell{background:linear-gradient(135deg,#67e8f9,#f0abfc,#a78bfa);border-radius:3rem;padding:.25rem}.contact-inner{background:#080812;border:0;padding:clamp(2rem,5vw,3.5rem)}.contact-card{border:1px solid var(--border);background:var(--panel);border-radius:2rem;padding:1.5rem}.contact-list{color:#ffffffc2;gap:1rem;margin-bottom:2rem;display:grid}.contact-list p{overflow-wrap:anywhere;align-items:center;gap:.75rem;min-width:0;margin:0;display:flex}.contact-list i,.contact-list svg{color:#67e8f9;flex:none}.contact-card .button{width:100%}.service-page .site-header{position:absolute}.service-hero{padding:9rem 1.5rem 5rem;position:relative;overflow:hidden}.service-hero-inner{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:center;gap:3rem;width:min(100%,80rem);min-height:36rem;margin:0 auto;display:grid;position:relative}.service-hero-copy h1{margin-top:1rem}.service-proof,.service-main,.service-side{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.service-proof{border-radius:2rem;padding:clamp(1.5rem,4vw,2rem)}.service-proof p,.service-proof h2{margin:0}.service-proof>p{color:#a5f3fc;letter-spacing:.22em;text-transform:uppercase;font-size:.82rem;font-weight:800}.service-proof h2{margin-top:1rem;font-size:clamp(1.9rem,4vw,2.8rem)}.service-proof ul{gap:.85rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.service-proof li{color:#ffffffbd;background:#ffffff14;border-radius:1rem;padding:.9rem 1rem}.service-content-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:start;gap:1.5rem;display:grid}.service-main,.service-side{border-radius:2rem;padding:clamp(1.5rem,4vw,2rem)}.service-main h2,.service-side h2{margin-top:0;font-size:clamp(1.85rem,4vw,2.7rem)}.service-main h3{margin:2rem 0 .75rem;font-size:clamp(1.3rem,3vw,1.65rem)}.service-main p,.service-main li{color:#ffffffa8;font-size:1.04rem;line-height:1.78}.service-main ul{gap:.7rem;padding-left:1.2rem;display:grid}.side-list{flex-wrap:wrap;gap:.7rem;display:flex}.side-list span{border:1px solid var(--border);color:#ffffffc7;background:#ffffff14;border-radius:999px;padding:.7rem 1rem;font-size:.92rem;font-weight:800}.related-services{grid-template-columns:repeat(3,1fr)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(1.5rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ultraMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes codeFall{0%{opacity:0;transform:translateY(-5rem)}12%{opacity:1}to{opacity:0;transform:translateY(62rem)}}@keyframes revealUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes revealScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:inline-flex}.hero{padding-top:8rem}h1{font-size:clamp(3.1rem,14vw,5.2rem)}.section-head,.portfolio-head,.process-grid,.faq-grid,.contact-grid,.service-hero-inner,.service-content-grid{flex-direction:column;grid-template-columns:1fr;align-items:start}.services-grid,.projects-grid,.related-services{grid-template-columns:1fr}.portfolio-panel,.contact-inner,.mobile-menu,.tag-marquee{-webkit-backdrop-filter:none;backdrop-filter:none}.portfolio-panel{background:#080812c7;overflow:hidden}.project-card{background:linear-gradient(135deg,#67e8f921,#f0abfc14)}.project-card:hover{transform:none}.huge-item .huge-title{font-size:clamp(4.2rem,19vw,7rem)}}@media (width<=520px){.site-header,.section{width:min(100% - 2rem,80rem)}.hero{padding-inline:1rem}.service-hero{padding:8rem 1rem 4rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.brand-title{font-size:1rem}.brand-city{font-size:.64rem}.contact-shell{border-radius:2rem}.portfolio-panel{border-radius:2rem;padding:1rem}.project-card{border-radius:1.5rem;min-height:11.5rem;padding:1rem}.project-card-inner{border-radius:1.1rem;padding:1rem}.contact-inner{border-radius:1.75rem;padding:1.5rem}.contact-grid,.contact-grid>*,.contact-card{min-width:0}.contact-grid{gap:1.75rem}.contact-grid h2{font-size:clamp(2.25rem,11vw,3.15rem);line-height:1.02}.contact-card{border-radius:1.5rem;padding:1.25rem}.contact-list p{align-items:flex-start;font-size:.98rem;line-height:1.45}.contact-card .button{min-height:3.25rem;padding-inline:1rem}}