:root{--bg: #f8fafc;--text: #0f172a;--primary: #380FDC;--gradient: linear-gradient(135deg, #380FDC 0%, #386DDA 30%, #8D9EDC 55%, #8647C3 75%, #BD6FC5 100%);--accent: #8647C3;--muted: #64748b;--border: #e2e8f0;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition: .8s cubic-bezier(.76, 0, .24, 1)}[data-theme=dark]{--bg: #050505;--text: #ffffff;--primary: #8b5cf6;--accent: #8b5cf6;--muted: #94a3b8;--border: rgba(139, 92, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;color:var(--text);font-family:var(--sans);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-color:var(--bg)}#root{width:100%}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}section{padding:8rem 10%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.hero-section{padding-top:15vh!important}.sec-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--text);margin-bottom:1.5rem;font-weight:800}h1,h2{font-family:var(--sans);font-weight:900;line-height:.9;letter-spacing:-.06em;text-transform:uppercase;word-break:break-word}h1{font-size:clamp(60px,10vw,140px);margin-bottom:2rem}h2{font-size:clamp(60px,10vw,130px);margin-bottom:1.5rem}em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.sub-text{font-size:22px;color:var(--muted);line-height:1.5;font-weight:500}nav{transition:all .4s;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:4000!important}nav.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(var(--bg),.8)}.nav-link{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--muted);text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text);display:flex;padding:5px}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:6000!important;padding:10px}.menu-toggle span{display:block;width:32px;height:3px;background:var(--text);transition:.6s var(--transition);transform-origin:center}.menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg);background:var(--text)}.menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:var(--text)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:3500;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15% 10%;transform:translate(100%);transition:transform .8s var(--transition)}.mobile-menu.active{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-bottom:4rem}.mobile-menu-links a{font-size:clamp(38px,12vw,80px);font-weight:900;text-transform:uppercase;text-decoration:none;color:var(--text);opacity:0;transform:translate(50px);transition:all .6s var(--transition);letter-spacing:-.04em;line-height:1}.mobile-menu.active .mobile-menu-links a{opacity:1;transform:translate(0)}.mobile-menu-footer{display:flex;gap:2rem;opacity:0;transform:translateY(20px);transition:all .6s var(--transition) .4s}.mobile-menu.active .mobile-menu-footer{opacity:1;transform:translateY(0)}.mobile-menu-footer a{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--muted);text-decoration:none}.work-card{cursor:pointer}.work-card:hover h4{color:var(--accent)}.line-mask{overflow:hidden;position:relative}.cursor{position:fixed;width:20px;height:20px;background:var(--text);border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:9999;transform:translate(-50%,-50%);display:none}@media (hover: hover){.cursor{display:block}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.4}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.flex-between{display:flex;justify-content:space-between;alignItems:center}.mobile-hide{display:block}.section-top-margin{margin-top:5rem}@media (max-width: 1024px){section{padding:8rem 8%!important}h1{font-size:clamp(50px,8vw,90px)!important}h2{font-size:clamp(40px,8vw,80px)!important}.grid-2{gap:3rem}}@media (max-width: 768px){.desktop-nav{display:none!important}.menu-toggle{display:flex!important}section{padding:2rem 6%!important;min-height:auto!important}.hero-section{padding-top:15vh!important}h1{font-size:clamp(32px,8vw,48px)!important;margin-bottom:1.5rem!important;line-height:1!important;letter-spacing:-.04em!important}h2{font-size:clamp(32px,8vw,42px)!important;margin-bottom:1.2rem!important;letter-spacing:-.03em!important}.sub-text{font-size:16px!important;line-height:1.5!important}.sec-label{margin-bottom:1.5rem!important;font-size:10px!important}.grid-2,.grid-3{grid-template-columns:1fr!important;gap:1.5rem!important;background:transparent!important}.flex-between{flex-direction:column;align-items:flex-start;gap:1.5rem}.method-item{padding:2.5rem 0!important}.method-item h3{font-size:32px!important;margin-bottom:.5rem}.pricing-card{padding:3rem 2rem!important}.pricing-card h3{font-size:24px!important}.pricing-card .price{font-size:48px!important;margin:1.5rem 0!important}.work-card div[style*=height]{height:300px!important;border-radius:8px}.work-card h4{font-size:24px!important;margin-top:1rem}.hero-cta{margin-top:3rem!important;padding:18px 30px!important;font-size:14px!important;width:100%!important;text-align:center;border-radius:100px}h2[style*=italic]{font-size:24px!important;line-height:1.4!important}footer{padding:5rem 6%!important;flex-direction:column;gap:3rem;text-align:center}footer div[style*=flex]{flex-direction:column;gap:1.5rem!important}.mobile-hide{display:none!important}nav{padding:20px!important}.logo img{height:20px!important}.section-top-margin{margin-top:1.5rem!important}}
