:root{--bg-main: #0f172a;--bg-secondary: #1e293b;--bg-glass: rgba(30, 41, 59, .7);--primary-glow: #3b82f6;--accent-teal: #10b981;--accent-orange: #f97316;--web-color: #f97316;--web-gradient: linear-gradient(135deg, #fb923c, #ea580c);--store-color: #fbbf24;--store-gradient: linear-gradient(135deg, #facc15, #eab308);--app-color: #a855f7;--app-gradient: linear-gradient(135deg, #c084fc, #9333ea);--game-color: #8b5cf6;--desktop-color: #94a3b8;--desktop-gradient: linear-gradient(135deg, #cbd5e1, #64748b);--saas-color: #22d3ee;--saas-gradient: linear-gradient(135deg, #22d3ee, #06b6d4);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-accent: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-text: linear-gradient(to right, #ffffff, #cbd5e1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--h1-size: clamp(2.5rem, 5vw, 4.5rem);--h2-size: clamp(2rem, 4vw, 3rem);--h3-size: clamp(1.5rem, 3vw, 2.25rem);--container-width: 1280px;--header-height: 80px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--section-padding: var(--spacing-3xl);--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--z-back: -1;--z-base: 1;--z-hover: 10;--z-nav: 1000;--z-modal: 2000;--z-tooltip: 3000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}section{width:100%}h1,h2,h3{color:var(--text-primary);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--spacing-md)}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size)}p{color:var(--text-secondary);font-size:1.1rem;max-width:65ch;margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;border:none;cursor:pointer}.section-padding{padding:6rem 0;min-height:50vh}h2{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}p{color:var(--text-secondary)}@media (max-width: 1024px){:root{--section-padding: var(--spacing-2xl);--container-width: 90%}}@media (max-width: 768px){:root{--section-padding: var(--spacing-xl);--h1-size: 2.5rem;--h2-size: 2rem;--h3-size: 1.5rem}.container{padding:0 1px}p{font-size:1rem}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity 1s ease-out}.fade-in.visible{opacity:1}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.slide-in-right.visible{opacity:1;transform:translate(0)}