:root,[data-theme=dark]{--bg-primary: #0f0e17;--bg-secondary: #1a1a2e;--bg-card: rgba(26, 26, 46, .6);--bg-glass: rgba(26, 26, 46, .4);--bg-navbar: rgba(15, 14, 23, .88);--bg-elevated: #22223a;--text-primary: #fffffe;--text-secondary: #a7a9be;--text-muted: #6b7280;--text-on-primary: #fffffe;--primary: #7c6cff;--primary-light: #9b8dff;--primary-dark: #5a4ed4;--primary-glow: rgba(124, 108, 255, .3);--primary-subtle: rgba(124, 108, 255, .08);--primary-subtle-hover: rgba(124, 108, 255, .14);--accent-currency: #7c6cff;--accent-distance: #34d399;--accent-apparel: #f472b6;--accent-storage: #38bdf8;--accent-weight: #fbbf24;--accent-secondary: #9b8dff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: rgba(255, 255, 255, .07);--border-hover: rgba(124, 108, 255, .35);--orb-1: #7c6cff;--orb-2: #a78bfa;--orb-3: #34d399;--grid-line: rgba(124, 108, 255, .03);--coming-soon-bg: rgba(251, 191, 36, .12);--coming-soon-border: rgba(251, 191, 36, .22);--coming-soon-text: #fbbf24;--gradient-start: #7c6cff;--gradient-mid: #9b8dff;--gradient-end: #c4b5fd;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--container-max: 1200px;--container-padding: 1.25rem;--section-gap: 6rem;--navbar-height: 4rem;color-scheme:dark}[data-theme=light]{--bg-primary: #f8f7ff;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .7);--bg-glass: rgba(255, 255, 255, .5);--bg-navbar: rgba(248, 247, 255, .88);--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-muted: #8b8ba0;--text-on-primary: #fffffe;--primary: #6c5ce7;--primary-light: #7c6cff;--primary-dark: #5a4ed4;--primary-glow: rgba(108, 92, 231, .2);--primary-subtle: rgba(108, 92, 231, .06);--primary-subtle-hover: rgba(108, 92, 231, .1);--accent-currency: #6c5ce7;--accent-distance: #059669;--accent-apparel: #ec4899;--accent-storage: #0284c7;--accent-weight: #d97706;--accent-secondary: #7c6cff;--success: #059669;--warning: #d97706;--error: #dc2626;--border: rgba(26, 26, 46, .08);--border-hover: rgba(108, 92, 231, .25);--orb-1: rgba(108, 92, 231, .15);--orb-2: rgba(167, 139, 250, .12);--orb-3: rgba(52, 211, 153, .1);--grid-line: rgba(108, 92, 231, .04);--coming-soon-bg: rgba(217, 119, 6, .08);--coming-soon-border: rgba(217, 119, 6, .15);--coming-soon-text: #d97706;--gradient-start: #6c5ce7;--gradient-mid: #7c6cff;--gradient-end: #a78bfa;--shadow-sm: 0 2px 8px rgba(26, 26, 46, .06);--shadow-md: 0 4px 24px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 48px rgba(26, 26, 46, .1);--shadow-glow: 0 0 40px var(--primary-glow);color-scheme:light}[data-theme=amoled]{--bg-primary: #000000;--bg-secondary: #0a0a0f;--bg-card: rgba(15, 15, 22, .7);--bg-glass: rgba(10, 10, 15, .5);--bg-navbar: rgba(0, 0, 0, .92);--bg-elevated: #111118;--text-primary: #f0f0f5;--text-secondary: #8e8ea0;--text-muted: #555566;--text-on-primary: #fffffe;--primary: #8b80ff;--primary-light: #a89dff;--primary-dark: #6c63ff;--primary-glow: rgba(139, 128, 255, .25);--primary-subtle: rgba(139, 128, 255, .06);--primary-subtle-hover: rgba(139, 128, 255, .1);--accent-currency: #8b80ff;--accent-distance: #34d399;--accent-apparel: #f472b6;--accent-storage: #38bdf8;--accent-weight: #fbbf24;--accent-secondary: #a89dff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: rgba(255, 255, 255, .05);--border-hover: rgba(139, 128, 255, .3);--orb-1: rgba(139, 128, 255, .4);--orb-2: rgba(167, 139, 250, .3);--orb-3: rgba(52, 211, 153, .15);--grid-line: rgba(139, 128, 255, .02);--coming-soon-bg: rgba(251, 191, 36, .1);--coming-soon-border: rgba(251, 191, 36, .18);--coming-soon-text: #fbbf24;--gradient-start: #8b80ff;--gradient-mid: #a89dff;--gradient-end: #c4b5fd;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 40px var(--primary-glow);color-scheme:dark}@media(prefers-color-scheme:light){[data-theme=system]{--bg-primary: #f8f7ff;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .7);--bg-glass: rgba(255, 255, 255, .5);--bg-navbar: rgba(248, 247, 255, .88);--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-muted: #8b8ba0;--text-on-primary: #fffffe;--primary: #6c5ce7;--primary-light: #7c6cff;--primary-dark: #5a4ed4;--primary-glow: rgba(108, 92, 231, .2);--primary-subtle: rgba(108, 92, 231, .06);--primary-subtle-hover: rgba(108, 92, 231, .1);--accent-currency: #6c5ce7;--accent-distance: #059669;--accent-apparel: #ec4899;--accent-storage: #0284c7;--accent-weight: #d97706;--accent-secondary: #7c6cff;--success: #059669;--warning: #d97706;--error: #dc2626;--border: rgba(26, 26, 46, .08);--border-hover: rgba(108, 92, 231, .25);--orb-1: rgba(108, 92, 231, .15);--orb-2: rgba(167, 139, 250, .12);--orb-3: rgba(52, 211, 153, .1);--grid-line: rgba(108, 92, 231, .04);--coming-soon-bg: rgba(217, 119, 6, .08);--coming-soon-border: rgba(217, 119, 6, .15);--coming-soon-text: #d97706;--gradient-start: #6c5ce7;--gradient-mid: #7c6cff;--gradient-end: #a78bfa;--shadow-sm: 0 2px 8px rgba(26, 26, 46, .06);--shadow-md: 0 4px 24px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 48px rgba(26, 26, 46, .1);--shadow-glow: 0 0 40px var(--primary-glow);color-scheme:light}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .4s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--primary);color:var(--text-on-primary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-gap) 0}.section-header{text-align:center;margin-bottom:3.5rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--primary-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-light);margin-bottom:1.25rem}.section-badge svg{width:14px;height:14px}.section-title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.gradient-text{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:359px){:root,[data-theme]{--container-padding: .75rem;--section-gap: 4rem}.section-title{font-size:1.5rem}}@media(min-width:768px){:root,[data-theme]{--container-padding: 2rem;--section-gap: 8rem}}@media(min-width:1024px){:root,[data-theme]{--container-padding: 2.5rem}}@media(min-width:1280px){:root,[data-theme]{--container-max: 1320px}}@media(min-width:1920px){:root,[data-theme]{--container-max: 1520px;--container-padding: 3rem;--section-gap: 10rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(.9)}66%{transform:translate(25px,-35px) scale(1.05)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:var(--border-hover)}}@keyframes gentleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morphBlob{0%,to{border-radius:50%}25%{border-radius:60% 40% 55% 45%}50%{border-radius:45% 55% 40% 60%}75%{border-radius:55% 45% 60% 40%}}@keyframes themeRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 4s ease infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}