:root{--bg:#08090c;--bg-raise:#0f1117;--bg-raise-2:#14161d;--line:#ffffff14;--line-soft:#ffffff0d;--accent:#3b82f6;--accent-2:#60a5fa;--accent-text:#93c5fd;--accent-dim:#3b82f61f;--ink:#f4f6fa;--muted:#9aa4b2;--muted-2:#6b7482;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:10px;--radius:14px;--radius-lg:18px}#root{width:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--ink);margin:0;overflow-x:hidden}.site{z-index:1;min-height:100vh;color:var(--ink);position:relative}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#3b82f659}.backdrop{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0}.backdrop:before{content:"";will-change:transform;background:radial-gradient(760px 560px at 78% 4%,#3b82f61f,#0000 68%),radial-gradient(680px 520px at 12% 88%,#3b82f612,#0000 70%);animation:44s ease-in-out infinite alternate backdropDrift;position:absolute;inset:-20%}.backdrop:after{content:"";opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes backdropDrift{0%{transform:translate(0)scale(1)}to{transform:translate(-3%,2%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.backdrop:before{animation:none}}@media (width<=640px){.backdrop:after{mix-blend-mode:normal;opacity:.03}}.navbar{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 40px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line);background:#08090cb8}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand img{flex-shrink:0;width:auto;height:96px;display:block}.navlinks{gap:34px;font-size:.9rem;font-weight:500;display:flex}.navlinks a{color:var(--muted);padding-bottom:2px;transition:color .2s;position:relative}.navlinks a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.navlinks a:hover{color:var(--ink)}.navlinks a:hover:after{width:100%}.actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.iconBtn{touch-action:manipulation;border:1px solid var(--line);border-radius:var(--radius-sm);min-width:50px;min-height:42px;color:var(--ink);font-size:.8125rem;font-weight:500;font-family:var(--font-mono);cursor:pointer;background:#ffffff08;padding:0 14px;transition:background .2s,border-color .2s}.iconBtn:hover{background:#3b82f61a;border-color:#3b82f666}.hamburger{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;display:none}.hamburger span{background:var(--ink);border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobileOverlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.section{max-width:1240px;margin:0 auto;padding:clamp(80px,12vw,128px) 28px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1240px;min-height:100svh;padding-top:96px;display:grid;position:relative}.heroContent{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.heroGlow{pointer-events:none;z-index:0;filter:blur(12px);background:radial-gradient(circle,#3b82f629 0%,#0000 70%);width:620px;height:620px;position:absolute;top:8%;right:-6%}.eyebrow{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.01em;color:var(--accent-text);background:#ffffff05;border-radius:999px;align-items:center;gap:10px;margin:0 0 26px;padding:7px 14px 7px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-in-out infinite ledPulse;box-shadow:0 0 10px #3b82f6e6,0 0 22px #3b82f680}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.45}}.heroHeadline{color:var(--ink)}.heroHeadline em{color:var(--accent-text);text-shadow:0 0 30px #3b82f647;font-style:normal}.heroCtas{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.heroVisual{z-index:1;justify-self:end;width:100%;max-width:500px;position:relative}.browserMock{border:1px solid var(--line);border-radius:var(--radius-lg);background:#0c0e13;overflow:hidden;box-shadow:0 30px 80px -30px #000000d9,0 0 0 1px #3b82f614,inset 0 1px #ffffff0d}.browserBar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:8px;padding:12px 14px;display:flex}.browserDot{background:#ffffff24;border-radius:50%;flex-shrink:0;width:11px;height:11px}.browserUrl{font-family:var(--font-mono);color:var(--muted);text-align:center;background:#ffffff0a;border-radius:999px;flex:1;margin-left:8px;padding:6px 12px;font-size:.72rem}.browserView{background:radial-gradient(420px 220px at 80% 0,#3b82f624,#0000 70%),#0c0e13;padding:22px 22px 26px}.mockNav{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.mockLogo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:.8rem;font-weight:700}.mockLinks{gap:8px;display:flex}.mockLinks i{background:#ffffff24;border-radius:3px;width:26px;height:5px;display:block}.mockH1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:12px;font-size:1.35rem;font-weight:700;line-height:1.15}.mockH1 b{color:var(--accent-text);font-weight:700}.mockText{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:8px;display:block}.mockText.short{width:62%}.mockCta{border-radius:var(--radius-sm);background:var(--accent);color:#fff;align-items:center;height:30px;margin-top:12px;padding:0 16px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 6px 20px -6px #3b82f699}.mockCards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.mockCard{border:1px solid var(--line);background:#ffffff08;border-radius:10px;height:46px}.mockCard:nth-child(2){background:#3b82f61a;border-color:#3b82f64d}.mockBadge{border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161deb;border:1px solid #3b82f659;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;bottom:26px;right:-14px;box-shadow:0 16px 40px -12px #000c}.mockBadge b{font-family:var(--font-display);color:var(--ink);font-size:1.05rem}.mockBadge span{color:var(--muted);font-size:.68rem;line-height:1.2}.mockBadge .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite ledPulse;box-shadow:0 0 10px #3b82f6e6}@media (prefers-reduced-motion:reduce){.mockBadge .dot{animation:none}}@media (width<=640px){.mockBadge{bottom:14px;right:8px}}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);text-wrap:balance;color:var(--ink)}h1,h2,.silverChar,.silverWord{background:linear-gradient(#fff 0%,#eef1f6 60%,#cfd6e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heroHeadline em,.heroHeadline em *{-webkit-text-fill-color:var(--accent-text);background:0 0}.portfolioHeart{-webkit-text-fill-color:var(--accent);background:0 0}h1{letter-spacing:-.02em;max-width:15ch;margin-bottom:26px;font-size:clamp(44px,5.2vw,76px);font-weight:700;line-height:1.02}h2{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(34px,4.4vw,54px);font-weight:700;line-height:1.06}.subtitle,.sectionHead>p,.card p,.footer p{color:var(--muted)}.subtitle{max-width:44ch;font-size:1.125rem;line-height:1.7}.btn{border-radius:var(--radius-sm);min-height:54px;font-size:.9375rem;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;padding:0 30px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:var(--accent);box-shadow:0 8px 30px -6px #3b82f680}.primary:hover{background:var(--accent-2);box-shadow:0 12px 40px -6px #3b82f699}.ghost{color:var(--ink);border:1px solid var(--line);background:#ffffff05}.ghost:hover{background:#3b82f614;border-color:#3b82f666}.sectionHead{max-width:60ch;margin-bottom:56px}.sectionHead:before{content:"";background:var(--accent);border-radius:2px;width:42px;height:3px;margin-bottom:22px;display:block}.sectionHead>p{font-size:1.125rem;line-height:1.7}.grid{display:grid}.servicesGrid{grid-template-columns:repeat(4,1fr);gap:12px}.servicesGrid .card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raise);padding:28px 24px;transition:background .25s,border-color .25s,transform .25s;position:relative;overflow:hidden}.servicesGrid .card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #3b82f624, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.servicesGrid .card>*{z-index:1;position:relative}.servicesGrid .card:hover{background:var(--bg-raise-2);border-color:#3b82f680;transform:translateY(-3px)}.servicesGrid .card:hover:before{opacity:1}.servicesGrid .card .serviceIcon{transition:background .25s,color .25s,transform .25s}.servicesGrid .card:hover .serviceIcon{background:var(--accent);color:#fff;transform:translateY(-2px)}.serviceIcon{background:var(--accent-dim);width:44px;height:44px;color:var(--accent-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.serviceIcon svg{width:22px;height:22px}.card,.contactForm{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raise)}.card{padding:28px}.card h3{letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;font-size:1.125rem;font-weight:700}.card p{margin-bottom:0;font-size:.9375rem;line-height:1.7}.processGrid{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:14px}.processGrid .card{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 22px;position:relative;overflow:hidden}.processGrid .card:before{content:"";width:var(--lineW,42px);background:var(--accent);height:3px;position:absolute;top:0;left:0;box-shadow:0 0 12px #3b82f6bf}.stepNumber{font-family:var(--font-mono);color:var(--accent-text);background:0 0;align-items:center;width:auto;height:auto;margin-bottom:18px;font-size:.875rem;font-weight:500;display:inline-flex}.stepNumber:before{content:"0"}.whyGrid{grid-template-columns:repeat(3,1fr);gap:40px 32px;display:grid}.whyCard{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raise);cursor:default;grid-template-columns:44px 1fr;gap:14px 16px;padding:24px 22px;transition:border-color .25s,transform .25s;display:grid}.whyCard:hover{border-color:#3b82f680;transform:translateY(-3px)}.whyIcon{border:1px solid var(--line);background:var(--bg-raise-2);width:44px;height:44px;color:var(--accent-text);border-radius:12px;grid-row:span 2;justify-content:center;align-items:center;transition:border-color .25s,color .25s,background .25s,transform .25s;display:flex}.whyCard:hover .whyIcon{background:var(--accent);color:#fff;border-color:#3b82f680;transform:translateY(-2px)}.whyIcon svg{width:20px;height:20px}.whyCard h3{letter-spacing:-.01em;margin:2px 0 8px;font-size:1.0625rem;font-weight:700}.whyCard p{color:var(--muted);grid-column:2;margin:0;font-size:.9375rem;line-height:1.7}.portfolioLogos,.techMarquee{border-radius:var(--radius-lg);background-size:300% 100%;padding:24px 0;animation:11s infinite tornasol;position:relative;overflow:hidden}.portfolioLogos{background-image:linear-gradient(120deg,#0d0a12 0%,#4c0519 22%,#9f1239 40%,#6d28d9 62%,#2e1065 82%,#0d0a12 100%);border:1px solid #be3c78bf;box-shadow:0 0 26px #be285a73,0 0 0 1px #8c28a066,inset 0 1px #ffffff2e}.techMarquee{background-image:linear-gradient(120deg,#6d28d9,#a855f7,#ec4899,#8b5cf6,#22d3ee,#6d28d9);border:1px solid #be82ffe6;animation-duration:9s;box-shadow:0 0 26px #a855f780,0 0 0 1px #a855f759,inset 0 1px #ffffff80}.portfolioLogos:before,.portfolioLogos:after,.techMarquee:before,.techMarquee:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.portfolioLogos:before{background:linear-gradient(90deg,#0d0a12f2,#0000);left:0}.portfolioLogos:after{background:linear-gradient(270deg,#0d0a12f2,#0000);right:0}.techMarquee:before{background:linear-gradient(90deg,#6d28d9e6,#0000);left:0}.techMarquee:after{background:linear-gradient(270deg,#6d28d9e6,#0000);right:0}.portfolioLogosTrack,.techMarqueeTrack{align-items:center;gap:10px;width:max-content;display:flex}.portfolioLogosTrack{animation:46s linear infinite marqueeLTR}.techMarqueeTrack{animation:36s linear infinite marquee}.portfolioLogos:hover .portfolioLogosTrack,.techMarquee:hover .techMarqueeTrack{animation-play-state:paused}@keyframes marqueeLTR{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tornasol{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.techMarquee,.techMarqueeTrack,.portfolioLogos,.portfolioLogosTrack{animation:none}.techMarqueeTrack,.portfolioLogosTrack{flex-wrap:wrap;justify-content:center}}.portfolioLogo{color:#fff;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:12px;min-width:128px;padding:20px;transition:background .2s,transform .2s;display:flex}.portfolioLogo img{object-fit:contain;width:auto;max-width:180px;height:60px;transition:transform .2s;display:block}.portfolioLogoName{text-align:center;color:#fff;font-size:.8125rem;font-weight:600;line-height:1.3}.portfolioLogo:hover{background:#ffffff1f;transform:translateY(-3px)}.portfolioLogo:hover img{transform:scale(1.08)}.techMarquee .portfolioLogo{cursor:default}.portfolioHearts{vertical-align:middle;gap:4px;display:inline-flex}.portfolioHeart{color:var(--accent);animation:1.4s ease-in-out infinite portfolioHeartBeat;display:inline-block}.portfolioHeart:nth-child(2){animation-delay:.2s}.portfolioHeart:nth-child(3){animation-delay:.4s}@keyframes portfolioHeartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.smsBlock{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.directLabel{font-family:var(--font-mono);color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:.6875rem;font-weight:500}.directBtns{flex-wrap:wrap;gap:10px;display:flex}.directBtn{border-radius:var(--radius-sm);height:44px;font-size:.875rem;font-weight:700;font-family:var(--font-body);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.directBtn:hover{opacity:.9;transform:translateY(-2px)}.directBtn--sms{border:1px solid var(--line);background:#ffffff14}.directBtn--wa{background:#1da851}.directBtn--fb{background:#1877f2}.contactSection{grid-template-columns:.9fr 1.1fr;align-items:start;gap:44px;display:grid}.contactForm{padding:32px}.formGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}input,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink);font:inherit;outline:none;padding:15px 16px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}textarea{resize:vertical;min-height:140px;margin-top:12px}.full{cursor:pointer;border:0;width:100%;margin-top:14px;font-family:inherit}.successMsg,.errorMsg{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.successMsg .btn,.errorMsg .btn{margin-top:8px}.successMsg span,.errorMsg span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:inline-flex}.successMsg span{background:var(--accent);box-shadow:0 0 30px #3b82f673}.errorMsg span{background:#dc2626}.successMsg p,.errorMsg p{color:var(--ink);font-size:1.125rem;font-weight:700}.footer{border-top:1px solid var(--line);background:#08090c99;margin-top:40px}.footerTop{grid-template-columns:auto 1fr;align-items:center;gap:32px;max-width:1240px;margin:0 auto;padding:56px 28px 40px;display:grid}.footerTop .brand img{height:72px}.footerBottom{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:20px 28px;display:flex}.footerBottom p{color:var(--muted);margin:0;font-size:.8125rem}.footerLinks{color:var(--muted);gap:20px;font-size:.8125rem;font-weight:500;display:flex}.footerLinks a:hover{color:var(--ink)}.footer p{max-width:440px;font-size:.9375rem;line-height:1.6}@media (width<=1020px){.navbar{height:72px;padding:0 20px}.brand img{height:64px}.navlinks{display:none}.navlinks.open{z-index:95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#08090cf7;flex-direction:column;gap:4px;padding:20px 24px 28px;display:flex;position:fixed;top:72px;left:0;right:0;box-shadow:0 16px 40px #00000080}.navlinks.open a{border-bottom:1px solid var(--line-soft);padding:14px 8px;font-size:1rem}.hamburger{display:flex}.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:120px}.heroVisual{justify-self:start;max-width:460px}.contactSection{grid-template-columns:1fr}.servicesGrid{grid-template-columns:repeat(3,1fr)}.processGrid{grid-template-columns:repeat(2,1fr)}.whyGrid{grid-template-columns:repeat(2,1fr);gap:32px 24px}.footerTop{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.navbar{height:64px}.brand img{height:54px}.navlinks.open{top:64px}.section{padding:72px 16px}.hero{padding-top:100px}h1{font-size:clamp(38px,10vw,50px);line-height:1.06}h2{font-size:clamp(30px,8vw,42px)}.subtitle{font-size:1rem}.eyebrow{font-size:.75rem}.heroCtas{margin-top:32px}.heroCtas .btn{width:100%}.heroVisual{max-width:100%}.mockH1{font-size:1.2rem}.sectionHead{margin-bottom:40px}.processGrid,.formGrid,.whyGrid{grid-template-columns:1fr}.servicesGrid{grid-template-columns:repeat(2,1fr);gap:10px}.servicesGrid .card{padding:18px 14px}.card{padding:20px}.card h3{margin-bottom:8px;font-size:.9375rem}.card p{font-size:.8125rem;line-height:1.6}.serviceIcon{border-radius:10px;width:38px;height:38px;margin-bottom:12px}.serviceIcon svg{width:18px;height:18px}.whyGrid{gap:24px}.contactSection{gap:28px}.contactForm{padding:24px 18px}.directBtns{flex-direction:column}.directBtn{justify-content:center}.footerTop{padding:40px 16px 28px}.footerTop .brand img{height:54px}.footerBottom{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}.errorFallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px 20px;display:flex}.errorFallback h1{margin-bottom:8px;font-size:clamp(28px,5vw,44px)}.errorFallback p{max-width:420px;color:var(--muted);font-size:1rem}.errorActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fieldWrap{display:contents}.fieldWrap:has(textarea){display:block}@media (prefers-reduced-motion:reduce){.portfolioHeart,.eyebrow:before{animation:none!important}}