*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #030304;--color-surface: #0a0a0f;--color-primary: #3b82f6;--color-primary-glow: rgba(59, 130, 246, .3);--color-accent: #8b5cf6;--color-accent-glow: rgba(139, 92, 246, .3);--color-green: #10b981;--color-text: #ededed;--color-muted: #9ca3af;--color-border: rgba(255,255,255,.07);--color-glass: rgba(255,255,255,.04);--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-glow: radial-gradient(ellipse at center, rgba(59,130,246,.15) 0%, transparent 70%);--font-display: "Clash Display", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--blur-glass: blur(20px) saturate(180%);--shadow-glow-blue: 0 0 40px rgba(59,130,246,.2), 0 0 80px rgba(59,130,246,.1);--shadow-glow-purple: 0 0 40px rgba(139,92,246,.2), 0 0 80px rgba(139,92,246,.1);--shadow-card: 0 8px 32px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);--radius-xl: 2rem;--radius-lg: 1rem;--radius-full: 9999px}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;width:100vw;max-width:100%;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative}#root{overflow-x:hidden;width:100vw;max-width:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80vw 60vh at 20% 20%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(ellipse 70vw 80vh at 80% 70%,rgba(139,92,246,.05) 0%,transparent 60%),radial-gradient(ellipse 60vw 40vh at 50% 90%,rgba(16,185,129,.03) 0%,transparent 60%);pointer-events:none;z-index:0;animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}@media(min-width:768px){body{cursor:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-primary),var(--color-accent));border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4{line-height:1.1;font-family:var(--font-display)}.glass{background:#ffffff0a;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border)}.glass-card{background:#ffffff0a;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card),inset 0 1px #ffffff0f;transition:transform .4s var(--ease-spring),box-shadow .4s ease,border-color .3s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.glass-card:hover{border-color:#ffffff26;box-shadow:var(--shadow-card),0 0 0 1px #3b82f61a,var(--shadow-glow-blue)}.glass-nav{background:#03030499;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.06)}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background-position:0% center}to{background-position:200% center}}.glow-blue{box-shadow:0 0 20px #3b82f666,0 0 60px #3b82f626}.glow-purple{box-shadow:0 0 20px #8b5cf666,0 0 60px #8b5cf626}.text-glow-blue{text-shadow:0 0 30px rgba(59,130,246,.8),0 0 60px rgba(59,130,246,.4)}.text-glow-purple{text-shadow:0 0 30px rgba(139,92,246,.8),0 0 60px rgba(139,92,246,.4)}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;letter-spacing:.02em;background:#fff;color:#000;border:none;cursor:pointer;overflow:hidden;transition:transform .3s var(--ease-spring),box-shadow .3s ease}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 30px #fff3}.btn-primary:hover:before{opacity:.15}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.12);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease-spring)}.btn-outline:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.03)}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-full);background:#3b82f614;border:1px solid rgba(59,130,246,.2);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary)}.section-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0;filter:blur(4px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.08)}66%{transform:translate(-15px,15px) scale(.95)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes orbitSpin{0%{transform:rotate(0) translate(200px) rotate(0)}to{transform:rotate(360deg) translate(200px) rotate(-360deg)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699,0 0 60px #3b82f64d}}.animate-fadeIn{animation:fadeIn .9s var(--ease-spring) forwards}.animate-slideUp{animation:slideUp .8s var(--ease-spring) forwards}.animate-scaleIn{animation:scaleIn .5s var(--ease-spring) forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-blob{animation:blob 15s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-marquee{animation:marquee 25s linear infinite}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.animate-neon{animation:neonPulse 2s ease-in-out infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:blob 20s ease-in-out infinite;pointer-events:none}.hero-orb--1{width:min(600px,100vw);height:min(600px,100vw);background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:-20%;left:-5%;animation-delay:0s}.hero-orb--2{width:min(500px,100vw);height:min(500px,100vw);background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%);bottom:-10%;right:-5%;animation-delay:-5s}.hero-orb--3{width:min(400px,100vw);height:min(400px,100vw);background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);top:40%;left:40%;animation-delay:-10s}.stat-number{font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);cursor:pointer;transition:transform .5s var(--ease-spring)}.work-card:hover{transform:translateY(-8px)}.work-card__img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 1.2s var(--ease-spring)}.work-card:hover .work-card__img{transform:scale(1.06)}.work-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 50%,transparent 100%);transition:opacity .4s ease}.work-card__tag{position:absolute;top:1rem;right:1rem;padding:.4rem .85rem;border-radius:var(--radius-full);background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#fff}.work-card__cta{position:absolute;top:1rem;left:1rem;padding:.4rem .85rem;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;opacity:0;transform:translateY(6px);transition:all .3s ease}.work-card:hover .work-card__cta{opacity:1;transform:translateY(0)}.star-rating{display:flex;gap:2px;color:#f59e0b;font-size:.8rem}.method-connector{position:absolute;top:50%;right:-24px;width:48px;height:2px;background:linear-gradient(90deg,rgba(59,130,246,.5),transparent);z-index:2}.stat-block{text-align:center;position:relative}.stat-block:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--gradient-primary);border-radius:2px;opacity:.5}.marquee-track{display:flex;gap:3rem;width:max-content;animation:marquee 25s linear infinite;will-change:transform}.marquee-wrapper{overflow:hidden;position:relative}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:6rem;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(90deg,var(--color-bg),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(-90deg,var(--color-bg),transparent)}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--gradient-primary);z-index:9999;transform-origin:left;box-shadow:0 0 10px #3b82f680}.input-premium{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.875rem;padding:.875rem 1.25rem;color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-premium::placeholder{color:var(--color-muted)}.input-premium:focus{border-color:#3b82f666;background:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:var(--color-primary);cursor:pointer;margin-top:-9px;box-shadow:0 0 15px #3b82f699;border:2px solid rgba(255,255,255,.5);transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff14;border-radius:2px}.preloader-bar{height:1px;background:var(--gradient-primary);animation:preloaderBar 1.2s var(--ease-out-expo) forwards;box-shadow:0 0 15px #3b82f699}@keyframes preloaderBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.faq-item{border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease}.faq-item:hover{background:#ffffff05}.hover-lift{transition:transform .4s var(--ease-spring),box-shadow .4s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0009}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-100%) skew(-12deg)}.shimmer-effect:hover:after{animation:shimmer .7s ease-in-out}.border-gradient{position:relative}.border-gradient:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.border-gradient:hover:before{opacity:1}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.badge-blue{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge-purple{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.badge-green{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.cookie-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:999;width:min(600px,calc(100vw - 2rem));animation:slideUp .6s var(--ease-spring) forwards}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:1.5rem}@media(min-width:640px){.container{padding-inline:2rem}}@media(min-width:1024px){.container{padding-inline:3rem}}@media(min-width:1280px){.container{padding-inline:4rem}}@media(max-width:767px){h1{font-size:clamp(2.5rem,10vw,5rem)!important}h2{font-size:clamp(1.8rem,7vw,3.5rem)!important}.hide-mobile{display:none!important}}@media(max-width:480px){.stack-mobile{flex-direction:column!important;align-items:stretch!important}.full-mobile{width:100%!important}}::selection{background:#3b82f64d;color:#fff}.toggle-checkbox:checked{right:0;border-color:#3b82f6}.toggle-checkbox:checked+.toggle-label{background-color:#3b82f6}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff08}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}.section-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);width:100%}.noise-overlay{position:relative}.noise-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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)'/%3E%3C/svg%3E");pointer-events:none;z-index:1;border-radius:inherit}.hero-headline{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,9vw,8rem);line-height:.92;letter-spacing:-.03em}.hero-headline .line-dimmed{color:#ffffff26;text-decoration:line-through;text-decoration-color:#ffffff14}.hero-headline .line-gradient{background:linear-gradient(135deg,#3b82f6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-grid-3{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid-3{grid-template-columns:repeat(3,1fr)}}.card-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(min-width:1024px){.card-grid-4{grid-template-columns:repeat(4,1fr)}}.snap-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-scroll>*{scroll-snap-align:start}[dir=rtl] .marquee-track{animation-direction:reverse}[dir=rtl] .method-connector{right:auto;left:-24px;background:linear-gradient(-90deg,rgba(59,130,246,.5),transparent)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.drag-trigger{cursor:grab}.drag-trigger:active{cursor:grabbing}.hover-trigger{cursor:none}.z-base{z-index:0}.z-content{z-index:10}.z-nav{z-index:40}.z-modal{z-index:9999}@media print{body{background:#fff;color:#000}.glass,.glass-nav,.glass-card{background:#fff!important}}