@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base:#0b0c10;--bg-surface:#121317;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--clr-primary:#7c6fff;--clr-primary-dim:#5646d7;--clr-secondary:#4fc4ff;--clr-tertiary:#c084fc;--clr-warm:#f4a261;--clr-text:#f0f0ff;--clr-muted:#f0f0ff99;--clr-outline:#ffffff14;--clr-outline-hover:#7c6fff59;--radius-card:20px;--radius-lg:28px;--radius-pill:9999px;--shadow-card:0 8px 32px #0006,inset 0 1px 0 #ffffff0f;--shadow-glow-primary:0 0 32px #7c6fff73,0 0 64px #7c6fff33;--shadow-glow-cyan:0 0 32px #4fc4ff59,0 0 64px #4fc4ff26;--shadow-glow-lavender:0 0 32px #c084fc59,0 0 64px #c084fc26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-base);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 85% 5%,#7c6fff38 0%,#0000 55%),radial-gradient(at 8% 92%,#4fc4ff2e 0%,#0000 55%),radial-gradient(#c084fc17 0%,#0000 65%),#0b0c10;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--clr-text);font-family:Inter,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--clr-primary),var(--clr-secondary));border-radius:3px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-14px)rotate(.4deg)}66%{transform:translateY(-7px)rotate(-.2deg)}}@keyframes glow-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes aurora-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-pop{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes border-beam{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scan{0%{opacity:0;top:-4px}10%{opacity:.5}90%{opacity:.4}to{opacity:0;top:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes node-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes timeline-glow{0%,to{box-shadow:0 0 8px #7c6fff80}50%{box-shadow:0 0 24px #7c6fffe6,0 0 48px #4fc4ff66}}@keyframes step-reveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:9s ease-in-out infinite float}.animate-glow-pulse{animation:5s ease-in-out infinite glow-pulse}.animate-shimmer{animation:5s linear infinite shimmer}.animate-fade-up{animation:.9s cubic-bezier(.16,1,.3,1) both fade-up}.animate-fade-in{animation:.7s both fade-in}.animate-scale-pop{animation:.8s cubic-bezier(.16,1,.3,1) both scale-pop}.animate-scan{animation:5s linear infinite scan}.animate-blink{animation:1s step-end infinite blink}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(48px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-48px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(48px)}.reveal-right.is-visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.reveal-scale.is-visible{opacity:1;transform:scale(1)}.gradient-text-aurora{background:linear-gradient(135deg,#f0f0ff 0%,#c084fc 45%,#4fc4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-primary{background:linear-gradient(135deg,var(--clr-primary),var(--clr-tertiary),var(--clr-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-shimmer{background:linear-gradient(90deg,#f0f0ff,#c084fc,#4fc4ff,#f0f0ff,#c084fc) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer}.glass-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);background:#ffffff0a;border:1px solid #ffffff14;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.16,1,.3,1),background .35s}.glass-card:hover{box-shadow:var(--shadow-glow-primary),var(--shadow-card);background:#fff1;border-color:#7c6fff47;transform:translateY(-6px)}.glass-card-cyan:hover{box-shadow:var(--shadow-glow-cyan),var(--shadow-card)!important;border-color:#4fc4ff4d!important}.glass-card-lavender:hover{box-shadow:var(--shadow-glow-lavender),var(--shadow-card)!important;border-color:#c084fc4d!important}.glass-terminal{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #4fffb433}.glass-input{color:var(--clr-text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.glass-input::placeholder{color:#f0f0ff59}.glass-input:focus{border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff1f}.glass-nav{-webkit-backdrop-filter:blur(24px);background:#0b0c10b8;border-bottom:1px solid #ffffff12}.orb{pointer-events:none;filter:blur(90px);border-radius:50%;animation:8s ease-in-out infinite glow-pulse;position:absolute}.orb-primary{background:radial-gradient(circle,#7c6fff66 0%,#0000 70%)}.orb-cyan{background:radial-gradient(circle,#4fc4ff4d 0%,#0000 70%);animation-delay:-3s}.orb-lavender{background:radial-gradient(circle,#c084fc4d 0%,#0000 70%);animation-delay:-5s}.orb-warm{background:radial-gradient(circle,#f4a26140 0%,#0000 70%);animation-delay:-7s}.dot-grid{background-image:radial-gradient(circle,#ffffff0b 1px,#0000 1px);background-size:36px 36px}.grid-lines{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px}.btn-primary{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:#fff;letter-spacing:.01em;border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 24px #7c6fff80,0 4px 16px #0000004d}.btn-primary:hover{transform:scale(1.04)translateY(-2px);box-shadow:0 0 40px #7c6fffb3,0 0 80px #4fc4ff4d,0 8px 32px #0006}.btn-primary:active{transform:scale(.97)}.btn-primary .btn-icon{transition:transform .2s}.btn-primary:hover .btn-icon{transform:translate(4px)}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(100%)}.btn-ghost{color:var(--clr-text);border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff24;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s,transform .2s,box-shadow .3s;display:inline-flex}.btn-ghost:hover{background:#7c6fff1a;border-color:#7c6fff59;transform:scale(1.02)translateY(-1px);box-shadow:0 0 20px #7c6fff33}.badge{border-radius:var(--radius-pill);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.3rem .9rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--clr-primary);background:#7c6fff1f;border:1px solid #7c6fff52}.badge-cyan{color:var(--clr-secondary);background:#4fc4ff1a;border:1px solid #4fc4ff47}.badge-lavender{color:var(--clr-tertiary);background:#c084fc1a;border:1px solid #c084fc47}.badge-warm{color:var(--clr-warm);background:#f4a2611a;border:1px solid #f4a26147}.badge-green{color:#4ade80;background:#4ade801a;border:1px solid #4ade8047}.badge-indigo{color:var(--clr-primary);background:#7c6fff1f;border:1px solid #7c6fff52}.badge-violet{color:var(--clr-tertiary);background:#c084fc1f;border:1px solid #c084fc52}.marquee-wrapper{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}.project-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#7c6fff0a 0%,#0000 50%,#4fc4ff0a 100%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover{border-color:#7c6fff40;transform:translateY(-8px);box-shadow:0 12px 40px #0006,0 0 40px #7c6fff33}.project-card:hover:after{opacity:1}.service-level-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;padding:2.5rem;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.16,1,.3,1),background .35s;position:relative;overflow:hidden}.service-level-card:hover{background:#fff1;transform:translateY(-4px)}.service-level-card .card-num{color:#ffffff0a;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:1.2rem;right:1.5rem}.timeline-line{background:linear-gradient(#7c6fffcc 0%,#4fc4ffcc 50%,#c084fccc 100%);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:28px}.timeline-node{z-index:2;cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:Inter,sans-serif;font-size:1rem;font-weight:800;animation:3s ease-in-out infinite timeline-glow;display:flex;position:relative}.timeline-step-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;flex:1;padding:2rem;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.16,1,.3,1)}.timeline-step-card:hover{background:#fff1;transform:translate(4px)}.step-option-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:16px;padding:1.25rem;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.step-option-card:hover{background:#7c6fff14;border-color:#7c6fff4d;transform:translateY(-3px)}.step-option-card.selected-primary{background:#7c6fff1a;border-color:#7c6fff99;box-shadow:0 0 20px #7c6fff33}.step-option-card.selected-cyan{background:#4fc4ff1a;border-color:#4fc4ff99;box-shadow:0 0 20px #4fc4ff33}.step-option-card.selected-lavender{background:#c084fc1a;border-color:#c084fc99;box-shadow:0 0 20px #c084fc33}.aurora-slider{appearance:none;background:linear-gradient(to right,var(--clr-primary),var(--clr-secondary));cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.aurora-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 12px #7c6fff99,0 0 24px #4fc4ff4d}.aurora-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #7c6fffcc,0 0 40px #4fc4ff66}.section-pad{padding:clamp(5rem,10vw,9rem) 0}.container-max{width:100%;max-width:1280px;margin:0 auto;padding-left:clamp(1rem,5vw,2.5rem);padding-right:clamp(1rem,5vw,2.5rem)}.canvas-hero{z-index:0;pointer-events:none;position:absolute;inset:0}.metric-stat-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;padding:2rem;transition:border-color .3s,box-shadow .3s,transform .3s}.metric-stat-card:hover{border-color:#7c6fff40;transform:translateY(-4px);box-shadow:0 0 30px #7c6fff1f}.gradient-divider{background:linear-gradient(90deg,transparent,var(--clr-primary)20%,var(--clr-secondary)50%,var(--clr-tertiary)80%,transparent);opacity:.5;border:none;height:1px}.scan-line{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#7c6fff66,#4fc4ff4d,#0000);height:1px;animation:5s linear infinite scan;position:absolute;left:0;right:0}.card-popular-border{position:relative;overflow:hidden}.card-popular-border:before{content:"";border-radius:inherit;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary),var(--clr-tertiary),var(--clr-primary));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 100%;padding:1.5px;animation:4s linear infinite border-beam;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}img,video{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){[class*=backdrop-blur]{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}*{-webkit-overflow-scrolling:touch}
