@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#0b1220;-webkit-font-smoothing:antialiased;background:#cbcedc;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}a{color:inherit}button{font-family:inherit}img{max-width:100%}::selection{color:#fff;background:#3d6bff}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(-1deg)}}@keyframes floatSlowStraight{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes marqueeSix{0%{transform:translate(0)}to{transform:translate(-16.6667%)}}@keyframes marqueeThree{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3d6bff59,0 24px 50px -20px #0b122080}50%{box-shadow:0 0 0 10px #3d6bff00,0 24px 50px -20px #0b122080}}.fade-up{animation:.5s both fadeUp}.marquee-mask{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{gap:16px;width:max-content;display:flex}.nav-desktop-links{display:flex}.nav-cta-desktop{display:inline-flex}.nav-hamburger{display:none}@media (width<=900px){.nav-desktop-links,.nav-cta-desktop{display:none!important}.nav-hamburger{display:flex!important}}.hero-section{text-align:center;max-width:780px;margin:0 auto;padding:116px 32px 36px}@media (width<=900px){.hero-section{padding:104px 24px 32px}}.hero-title{font-size:54px}@media (width<=900px){.hero-title{font-size:38px}}.page-header{max-width:1240px;margin:0 auto;padding:160px 32px 20px}@media (width<=900px){.page-header{padding:128px 24px 20px}}.detail-top-live{max-width:1240px;margin:0 auto;padding:160px 32px 0}@media (width<=900px){.detail-top-live{padding:128px 24px 0}}.detail-top-dev{max-width:1240px;margin:0 auto;padding:160px 32px 90px}@media (width<=900px){.detail-top-dev{padding:128px 24px 90px}}.services-header{max-width:1240px;margin:0 auto;padding:32px 32px 20px}@media (width<=900px){.services-header{padding:20px 24px}}.page-title{font-size:44px}@media (width<=900px){.page-title{font-size:32px}}.home-services-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.home-services-grid{grid-template-columns:1fr}}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.services-grid{grid-template-columns:1fr}}.process-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}@media (width<=900px){.process-grid{grid-template-columns:1fr}}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}}.values-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.values-grid{grid-template-columns:1fr}}.team-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.team-grid{grid-template-columns:1fr}}.featured-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}@media (width<=900px){.featured-grid{grid-template-columns:1fr}}.case-study-grid{grid-template-columns:.85fr 1.15fr;align-items:flex-start;gap:44px;padding-bottom:20px;display:grid}@media (width<=900px){.case-study-grid{grid-template-columns:1fr}}.case-study-device-wrap{transform-origin:top;justify-content:center;display:flex;overflow:visible}@media (width<=900px){.case-study-device-wrap{transform:scale(.78)}}.contact-grid{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:24px;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.footer-grid{grid-template-columns:1.3fr .9fr .9fr .9fr;gap:32px;display:grid}@media (width<=900px){.footer-grid{grid-template-columns:1fr}}.legal-layout{flex-wrap:wrap;align-items:flex-start;gap:44px;max-width:1240px;margin:0 auto;padding:48px 32px 100px;display:flex}.legal-sidebar-wrap{flex-direction:row;flex:none;gap:6px;width:100%;padding-bottom:4px;display:flex;position:sticky;top:170px;overflow-x:auto}.legal-sidebar{flex-direction:column;flex-shrink:0;gap:4px;width:280px;max-width:100%;display:flex}.legal-content{background:#fff;border:1px solid #0b122014;border-radius:18px;flex:1;min-width:280px;max-width:720px;padding:40px}.footer-section{background:#0b1220;padding:64px 32px 32px}@media (width<=900px){.footer-section{padding:56px 24px 32px}}.cta-band{text-align:center;background:#0b1220;border-radius:24px;max-width:1240px;margin:0 auto 80px;padding:64px 40px;position:relative;overflow:hidden}@media (width<=900px){.cta-band{margin:0 24px 56px;padding:56px 28px}}.hero-device-wrap{transform-origin:50%;transform:scale(1)}@media (width<=900px){.hero-device-wrap{transform:scale(.62)}}.admin-shell-grid{grid-template-columns:220px 1fr;min-height:100vh;display:grid}@media (width<=760px){.admin-shell-grid{grid-template-columns:1fr}}.hoverable-card{transition:transform .25s,box-shadow .25s,border-color .25s}.hoverable-card:hover{border-color:#3d6bff40;transform:translateY(-6px);box-shadow:0 24px 44px -24px #0b122038}.hoverable-lift{transition:transform .25s,box-shadow .25s}.hoverable-lift:hover,.pricing-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -24px #0b122033}.pricing-card{transition:transform .25s,box-shadow .25s}.icon-spin-hover:hover{transform:scale(1.1)rotate(8deg)}.inline-link{white-space:nowrap;cursor:pointer;font-size:15px;font-weight:700;text-decoration:none}.inline-link:hover{text-decoration:underline}.admin-btn{transition:transform .15s,box-shadow .15s,background .18s,border-color .18s,color .18s}.admin-btn:hover:not(:disabled){transform:translateY(-1px)}.admin-btn:active:not(:disabled){transform:translateY(0)}.admin-btn-primary:hover:not(:disabled){box-shadow:0 10px 24px -8px #3d6bff73}.admin-nav-link{transition:background .18s,color .18s}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{animation:.18s both overlayFadeIn}.modal-panel{animation:.28s cubic-bezier(.16,1,.3,1) both modalPopIn}