:root{--color-bg: #FFFBF9;--color-bg-card: #FFFFFF;--color-bg-nav: rgba(255, 251, 249, .85);--color-text-primary: #2D1810;--color-text-secondary: #6B5147;--color-text-tertiary: #9C8578;--color-text-muted: #5A4238;--color-accent: #FF8232;--color-accent-secondary: #FB6287;--color-accent-gradient: linear-gradient(135deg, #FF8232 0%, #FB6287 100%);--color-accent-light: #FFF0E8;--color-border: #F5E6DE;--color-border-secondary: #E8D5C9;--color-success: #22C55E;--color-nav-border: rgba(255, 130, 50, .1);--color-shadow: rgba(255, 130, 50, .08);--color-shadow-heavy: rgba(45, 24, 16, .2);--color-iphone-frame: #1a1a1a;--color-iphone-inner: #2a2a2a;--color-iphone-highlight: rgba(255, 255, 255, .1);--color-cta-gradient: linear-gradient(180deg, #FFFBF9 0%, #FFF0E8 30%, #FFE8F0 70%, #FFFBF9 100%);--color-placeholder-gradient: linear-gradient(145deg, #2D1810 0%, #1A0F0D 100%)}@media(prefers-color-scheme:dark){:root{--color-bg: #1A0F0D;--color-bg-card: #2A1A16;--color-bg-nav: rgba(26, 15, 13, .85);--color-text-primary: #FFF5F0;--color-text-secondary: #C9A99A;--color-text-tertiary: #8C7165;--color-text-muted: #E0C5B8;--color-accent: #FFA058;--color-accent-secondary: #FF7A9E;--color-accent-gradient: linear-gradient(135deg, #FFA058 0%, #FF7A9E 100%);--color-accent-light: #3D2820;--color-border: #3D2820;--color-border-secondary: #523830;--color-success: #4ADE80;--color-nav-border: rgba(255, 160, 88, .12);--color-shadow: rgba(0, 0, 0, .3);--color-shadow-heavy: rgba(0, 0, 0, .5);--color-iphone-frame: #0a0a0a;--color-iphone-inner: #1a1a1a;--color-iphone-highlight: rgba(255, 255, 255, .05);--color-cta-gradient: linear-gradient(180deg, #1A0F0D 0%, #2D1810 30%, #301520 70%, #1A0F0D 100%);--color-placeholder-gradient: linear-gradient(145deg, #1A0F0D 0%, #0D0705 100%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg)}body{line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--color-bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.philosophy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-section-reverse{grid-template-columns:1fr 1fr}.feature-section-reverse .feature-mockup{order:2}.feature-section-reverse .feature-content{order:1}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}@media(max-width:1100px){.feature-section{grid-template-columns:1fr;gap:2rem}.feature-section-reverse .feature-mockup{order:1}.feature-section-reverse .feature-content{order:2}.compat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem 2rem}.hero-visual,.nav-link-item{display:none}.feature-grid{grid-template-columns:1fr}.philosophy-grid{grid-template-columns:1fr;gap:2rem}.compat-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center;gap:1.5rem}}@media(max-width:600px){.feature-mockup{width:100%}.feature-mockup>div{max-width:100%;width:100%}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-grid{padding:5rem 1rem 2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:perspective(1200px) rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-15deg) rotateX(5deg) translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff82324d,0 0 40px #fb628733}50%{box-shadow:0 0 30px #ff823280,0 0 60px #fb628766}}a[href="/beta"]:hover,a[style*=primaryBtn]:hover,a[style*=ctaButton]:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 12px 32px #ff823280,0 6px 16px #fb62874d!important}a[style*=secondaryBtn]:hover{transform:translateY(-2px)!important;border-color:var(--color-accent)!important;background-color:var(--color-accent-light)!important}.nav-link-item:hover{color:var(--color-accent)!important}div[style*=compatCategory]:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 24px var(--color-shadow),0 0 0 1px var(--color-accent)}div[style*=accordionFeature]:hover{transform:translate(4px)}div[style*=accordionFeature]:hover div[style*=accordionFeatureIcon] svg{transform:scale(1.1) rotate(3deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}a[style*=footerLink]:hover{color:var(--color-accent)!important;transform:translateY(-1px)}a[style*=navLinkCta]:hover{transform:translateY(-1px) scale(1.05)!important;box-shadow:0 6px 20px #ff823266!important}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;backdrop-filter:blur(12px);background-color:var(--color-bg-nav);border-bottom:1px solid var(--color-nav-border)}.nav-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-img{height:28px;width:auto}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link-item{font-family:Outfit,sans-serif;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.nav-link-item:hover{color:var(--color-accent)}.nav-link-cta{font-family:Outfit,sans-serif;display:flex;align-items:center;gap:.5rem;color:#fff;background:var(--color-accent-gradient);padding:.6rem 1.25rem;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #ff82324d;transition:transform .2s,box-shadow .2s}.nav-link-cta:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 6px 20px #ff823266}.cta-icon{font-size:1rem}@media(max-width:768px){.nav{padding:1rem 1.5rem}.nav-link-item{display:none}}.footer{padding:3rem 4rem;border-top:1px solid var(--color-border);background-color:var(--color-bg-card)}.footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.logo-link{display:flex;align-items:center;text-decoration:none}.footer-logo-img{height:22px;width:auto}.footer-links{display:flex;gap:2rem}.footer-link{font-family:Outfit,sans-serif;color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;transition:all .2s ease;position:relative}.footer-link:hover{color:var(--color-accent);transform:translateY(-1px)}.footer-copy{font-family:Outfit,sans-serif;color:var(--color-text-tertiary);font-size:.8rem}@media(max-width:768px){.footer{padding:2rem 1.5rem}.footer-inner{flex-direction:column;text-align:center}}