:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-charcoal-50: #f9fafb;--color-charcoal-100: #f3f4f6;--color-charcoal-200: #e5e7eb;--color-charcoal-300: #d1d5db;--color-charcoal-400: #9ca3af;--color-charcoal-500: #6b7280;--color-charcoal-600: #4b5563;--color-charcoal-700: #374151;--color-charcoal-800: #1f2937;--color-charcoal-900: #111827;--color-azure-50: #f0f9ff;--color-azure-100: #e0f2fe;--color-azure-200: #bae6fd;--color-azure-300: #7dd3fc;--color-azure-400: #38bdf8;--color-azure-500: #0ea5e9;--color-azure-600: #0284c7;--color-azure-700: #0369a1;--color-azure-800: #075985;--color-azure-900: #0c4a6e;--color-orchid-50: #fdf4ff;--color-orchid-100: #fae8ff;--color-orchid-200: #f5d0fe;--color-orchid-300: #f0abfc;--color-orchid-400: #e879f9;--color-orchid-500: #d946ef;--color-orchid-600: #c026d3;--color-orchid-700: #a21caf;--color-orchid-800: #86198f;--color-orchid-900: #701a75;--color-lime-50: #f7fee7;--color-lime-100: #ecfccb;--color-lime-200: #d9f99d;--color-lime-300: #bef264;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-lime-600: #65a30d;--color-lime-700: #4d7c0f;--color-lime-800: #365314;--color-lime-900: #1a2e05;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-primary: var(--color-azure-600);--color-primary-hover: var(--color-azure-700);--color-primary-light: var(--color-azure-50);--color-secondary: var(--color-orchid-600);--color-secondary-hover: var(--color-orchid-700);--color-secondary-light: var(--color-orchid-50);--color-success: var(--color-lime-600);--color-warning: var(--color-amber-600);--color-error: #dc2626;--color-text-primary: var(--color-slate-900);--color-text-secondary: var(--color-slate-600);--color-text-muted: var(--color-slate-500);--color-text-on-glass: var(--color-slate-800);--color-bg-base: var(--color-slate-50);--color-bg-elevated: var(--color-slate-100);--glass-panel-bg-light: rgba(255, 255, 255, .08);--glass-panel-bg-dark: rgba(8, 12, 20, .28);--glass-panel-bg: var(--glass-panel-bg-light);--glass-border-light: rgba(255, 255, 255, .25);--glass-border-dark: rgba(255, 255, 255, .1);--glass-border: var(--glass-border-light);--glass-highlight-light: rgba(255, 255, 255, .5);--glass-highlight-dark: rgba(255, 255, 255, .2);--glass-highlight: var(--glass-highlight-light);--glass-blur: blur(16px);--glass-blur-heavy: blur(22px);--glass-saturate: saturate(120%);--glass-shadow: 0 8px 30px rgba(0, 0, 0, .25);--glass-shadow-heavy: 0 16px 50px rgba(0, 0, 0, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Inter", system-ui, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", "Menlo", monospace;--font-family-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.625;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-apple-in: cubic-bezier(.42, 0, 1, 1);--ease-apple-out: cubic-bezier(0, 0, .58, 1);--ease-apple-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-out: var(--ease-apple-out);--ease-in-out: var(--ease-apple);--ease-bounce: var(--ease-apple-bounce)}@media (prefers-color-scheme: dark){:root{--glass-panel-bg: var(--glass-panel-bg-dark);--glass-border: var(--glass-border-dark);--glass-highlight: var(--glass-highlight-dark);--color-text-primary: var(--color-slate-100);--color-text-secondary: var(--color-slate-300);--color-text-muted: var(--color-slate-400);--color-text-on-glass: var(--color-slate-200);--color-bg-base: var(--color-slate-900);--color-bg-elevated: var(--color-slate-800)}}.glass-panel{background:var(--glass-panel-bg);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-out)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--glass-highlight);opacity:.6}.glass-panel--elevated{box-shadow:var(--glass-shadow-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate);backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate)}.glass-panel--interactive:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-heavy);border-color:#fff6}.glass-panel--interactive:active{transform:translateY(0)}.glass-panel--specular:after{content:"";position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;background:radial-gradient(closest-side,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 70%);border-radius:50%;pointer-events:none}.glass-pill{background:var(--glass-panel-bg);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-on-glass);display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none}.glass-pill:hover{background:rgba(255,255,255,.15);border-color:#fff6;transform:translateY(-1px)}.glass-pill--active{background:var(--color-primary);border-color:var(--color-primary-hover);color:#fff}.glass-pill--secondary{background:var(--color-secondary);border-color:var(--color-secondary-hover);color:#fff}.glass-input{background:var(--glass-panel-bg);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-on-glass);outline:none;transition:all var(--duration-normal) var(--ease-out);width:100%}.glass-input::placeholder{color:var(--color-text-muted)}.glass-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a;background:rgba(255,255,255,.12)}.glass-button{background:var(--glass-panel-bg);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-on-glass);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-2);outline:none;position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transition:left var(--duration-slow) var(--ease-out)}.glass-button:hover{background:rgba(255,255,255,.15);border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.glass-button:active{transform:translateY(0)}.glass-button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:var(--color-primary-hover);color:#fff}.glass-button--primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e94d}.gradient-azure-orchid{background:linear-gradient(135deg,var(--color-azure-500),var(--color-orchid-500))}.gradient-slate-indigo{background:linear-gradient(135deg,var(--color-slate-600),#6366f1)}.parallax-slow{transition:transform var(--duration-slow) var(--ease-out)}.parallax-normal{transition:transform var(--duration-normal) var(--ease-out)}.parallax-fast{transition:transform var(--duration-fast) var(--ease-out)}@keyframes glass-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glass-glow{0%,to{box-shadow:var(--glass-shadow)}50%{box-shadow:var(--glass-shadow-heavy)}}@keyframes glass-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glass-float{animation:glass-float 3s ease-in-out infinite}.glass-glow{animation:glass-glow 2s ease-in-out infinite alternate}.glass-shimmer{position:relative;overflow:hidden}.glass-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);animation:glass-shimmer 2s infinite}.glass-caustic{position:relative}.glass-caustic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;opacity:.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-feature-settings:"kern" 1,"liga" 1,"ss01" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.022em}.hero-text{font-family:var(--font-family-display);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}@keyframes apple-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes apple-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes apple-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-8px) rotate(-.5deg)}}@keyframes apple-pulse-glow{0%,to{box-shadow:0 0 20px #0ea5e94d}50%{box-shadow:0 0 40px #0ea5e999,0 0 60px #0ea5e94d}}.animate-float{animation:apple-float 8s var(--ease-apple) infinite}.animate-float-delayed{animation:apple-float 7s var(--ease-apple) infinite;animation-delay:2.5s}.animate-float-slow{animation:apple-float 9s var(--ease-apple) infinite;animation-delay:1.2s}.interactive-element{transition:all var(--duration-normal) var(--ease-apple);transform-origin:center}.interactive-element:hover{transform:scale(1.02);transition-duration:var(--duration-fast)}.interactive-element:active{transform:scale(.98);transition-duration:var(--duration-instant)}.glass-button{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-apple)}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--duration-slow) var(--ease-apple)}.glass-button:hover:before{left:100%}.glass-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00000026}.glass-button:active{transform:translateY(0);transition-duration:var(--duration-instant)}*:focus-visible{outline:2px solid var(--color-azure-500);outline-offset:2px;border-radius:4px;transition:outline var(--duration-fast) var(--ease-apple)}.glass-panel{position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 20%,rgba(255,255,255,.8) 80%,transparent);pointer-events:none}.glass-panel--interactive{transition:all var(--duration-normal) var(--ease-apple)}.glass-panel--interactive:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014}.category-card{position:relative;transition:all var(--duration-normal) var(--ease-apple);transform-origin:center bottom}.category-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-apple)}.category-card:hover:after{opacity:1}.category-card:hover{transform:translateY(-4px) scale(1.02)}.category-card:hover .category-icon{transform:scale(1.1) rotate(2deg)}.category-icon{transition:transform var(--duration-normal) var(--ease-apple-bounce)}.glass-input{transition:all var(--duration-normal) var(--ease-apple);position:relative}.glass-input:focus{transform:scale(1.01);box-shadow:0 0 0 4px #0ea5e91a,0 8px 24px #0000001f}.listening-indicator{position:relative}.listening-indicator:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);animation:apple-pulse-glow 2s var(--ease-apple) infinite}.glass-pill{position:relative;transition:all var(--duration-normal) var(--ease-apple);transform-origin:center}.glass-pill:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 8px 20px #00000026}.glass-pill:active{transform:translateY(0) scale(1.02);transition-duration:var(--duration-instant)}.text-reveal{animation:apple-fade-in var(--duration-slow) var(--ease-apple-out) both}.stagger-children>*{animation:apple-fade-in var(--duration-slow) var(--ease-apple-out) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}.gradient-text{background:linear-gradient(135deg,var(--color-slate-900) 0%,var(--color-azure-700) 40%,var(--color-orchid-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s var(--ease-apple) infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mic-button{position:relative;transition:all var(--duration-normal) var(--ease-apple)}.mic-button.is-listening{animation:apple-pulse-glow 1.5s var(--ease-apple) infinite}.mic-button:hover{transform:scale(1.1)}.mic-button:active{transform:scale(.95);transition-duration:var(--duration-instant)}.section-enter{opacity:0;transform:translateY(40px)}.section-enter-active{opacity:1;transform:translateY(0);transition:all var(--duration-slower) var(--ease-apple-out)}@media (prefers-reduced-motion: no-preference){.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-apple-out)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visual-hierarchy h1{font-weight:700;letter-spacing:-.025em;line-height:1.1}.visual-hierarchy h2{font-weight:600;letter-spacing:-.02em;line-height:1.2}.visual-hierarchy h3{font-weight:600;letter-spacing:-.015em;line-height:1.3}.depth-1{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.depth-2{box-shadow:0 4px 6px #0000000d,0 2px 4px #0000000f}.depth-3{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.depth-4{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1;font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,var(--color-azure-100) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--color-orchid-100) 0%,transparent 50%),radial-gradient(circle at 40% 90%,var(--color-lime-50) 0%,transparent 30%);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:200%;height:200%;background:linear-gradient(45deg,rgba(14,165,233,.03) 0%,rgba(217,70,239,.02) 25%,rgba(132,204,22,.01) 50%,rgba(245,158,11,.02) 75%,rgba(14,165,233,.03) 100%);animation:slow-drift 60s linear infinite;z-index:-1;pointer-events:none;opacity:.7}@keyframes slow-drift{0%{transform:translate(-25%,-25%) rotate(0)}to{transform:translate(-25%,-25%) rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 5s ease-in-out infinite;animation-delay:2s}.animate-float-slow{animation:float-slow 8s ease-in-out infinite;animation-delay:1s}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full);transition:background var(--duration-normal) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.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}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-center{text-align:center}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.hidden-mobile{display:block}.visible-mobile{display:none}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.text-responsive-4xl{font-size:clamp(2rem,4vw,3.5rem)}.text-responsive-3xl{font-size:clamp(1.5rem,3.5vw,2.25rem)}.text-responsive-2xl{font-size:clamp(1.25rem,2.5vw,1.875rem)}@media (max-width: 768px){.container{padding:0 var(--space-4)}.container--mobile-tight{padding:0 var(--space-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.hidden-mobile{display:none!important}.visible-mobile{display:block!important}.visible-mobile-flex{display:flex!important}.glass-panel{border-radius:var(--radius-lg);margin:0 var(--space-2)}.glass-panel--mobile-full{margin:0;border-radius:0;border-left:none;border-right:none}.glass-button{min-height:44px;padding:var(--space-3) var(--space-4)}.glass-pill{min-height:36px;padding:var(--space-2) var(--space-4)}.grid-cols-1-md-2,.grid-cols-1-md-3{grid-template-columns:1fr}.grid-cols-2-md-4{grid-template-columns:repeat(2,1fr)}.flex-col-mobile{flex-direction:column}.gap-2-mobile{gap:var(--space-2)}.gap-4-mobile{gap:var(--space-4)}.text-sm-mobile{font-size:var(--font-size-sm)}.text-xs-mobile{font-size:var(--font-size-xs)}.p-4-mobile{padding:var(--space-4)}.p-6-mobile{padding:var(--space-6)}.py-8-mobile{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media (max-width: 480px){.container{padding:0 var(--space-3)}.glass-panel{padding:var(--space-4);border-radius:var(--radius-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.text-responsive-4xl{font-size:2rem}.text-responsive-3xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.25rem}.grid-cols-auto-fit,.grid-cols-auto-fill,.grid-cols-1-md-2,.grid-cols-1-md-3,.grid-cols-2-md-4{grid-template-columns:1fr}.glass-panel{-webkit-backdrop-filter:blur(8px) var(--glass-saturate);backdrop-filter:blur(8px) var(--glass-saturate)}.glass-button,.glass-pill{min-height:48px}}