:root{--color-primary-cyan: #32ADE6;--color-primary-blue: #007AFF;--color-accent-orange: #FF9500;--color-accent-red: #FF3B30;--color-bg-light: #FFFFFF;--color-text-light: #1D1D1F;--color-card-bg-light: #F5F5F7;--color-bg-dark: #000000;--color-text-dark: #F5F5F7;--color-card-bg-dark: #1C1C1E;--bg-page: var(--color-bg-light);--bg-card: var(--color-card-bg-light);--text-main: var(--color-text-light);--text-muted: #86868b;--primary-gradient: linear-gradient(135deg, var(--color-primary-cyan), var(--color-primary-blue));--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px;--container-max-width: 1200px}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-section.visible{opacity:1;transform:translateY(0)}@media(prefers-color-scheme:dark){:root{--bg-page: var(--color-bg-dark);--bg-card: var(--color-card-bg-dark);--text-main: var(--color-text-dark);--text-muted: #a1a1a6}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-system);background-color:var(--bg-page);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:90%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:600;transition:transform .2s ease,opacity .2s ease}.btn-primary{background:var(--text-main);color:var(--bg-page)}.btn-primary:hover{transform:scale(1.02);opacity:.9}.badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--bg-card);color:var(--color-primary-blue);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.hero{padding-top:80px;padding-bottom:80px;text-align:center}.hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto var(--spacing-lg)}.hero-mockups-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);perspective:1000px}.hero-mockup-main{z-index:2;border-radius:40px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.3));max-width:280px;transform:translateY(0);transition:transform .3s ease,filter .3s ease}.hero-mockup-side{z-index:1;border-radius:35px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.2));max-width:240px;opacity:1;transition:transform .3s ease,filter .3s ease}.hero-mockup-side:first-child{transform:translate(20px) scale(.9) rotateY(15deg)}.hero-mockup-side:last-child{transform:translate(-20px) scale(.9) rotateY(-15deg)}.hero-mockups-container:hover .hero-mockup-side:first-child{transform:translate(0) scale(.95) rotateY(10deg);filter:drop-shadow(0 15px 15px rgba(0,0,0,.25))}.hero-mockups-container:hover .hero-mockup-side:last-child{transform:translate(0) scale(.95) rotateY(-10deg);filter:drop-shadow(0 15px 15px rgba(0,0,0,.25))}.hero-mockups-container:hover .hero-mockup-main{transform:translateY(-10px);filter:drop-shadow(0 25px 25px rgba(0,0,0,.3))}@media(max-width:768px){.hero-mockups-container{flex-direction:column;gap:20px}.hero-mockup-side{display:none}.hero-mockup-side:first-child,.hero-mockup-side:last-child{transform:none}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-xl)}.feature-card{background:var(--bg-card);padding:var(--spacing-lg);border-radius:24px;text-align:left}.feature-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-muted)}.deep-dive{display:flex;align-items:center;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.deep-dive:nth-child(2n){flex-direction:row-reverse}.deep-dive-content{flex:1}.deep-dive-visual{flex:1;display:flex;justify-content:center}.deep-dive-visual img{border-radius:24px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2));max-width:280px;max-height:550px;width:100%;height:auto;object-fit:contain}.deep-dive h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}footer{border-top:1px solid var(--bg-card);padding:var(--spacing-xl) 0;text-align:center;color:var(--text-muted);font-size:.875rem}footer a{text-decoration:underline}@media(max-width:768px){.hero h1{font-size:2.5rem}.deep-dive{flex-direction:column!important;text-align:center}.deep-dive-visual img{max-width:100%}}