:root{--color-primary: #7BA3C9;--color-primary-dark: #6284A3;--color-secondary: #9B8BB4;--color-accent: #D4C5A8;--color-background: #FAF8F5;--color-surface: #FFFFFF;--color-surface-soft: #F4F1ED;--color-text-main: #2D2D2D;--color-text-body: #4A4A4A;--color-text-muted: #757575;--color-text-on-primary: #FFFFFF;--color-feature-pink: #E91E63;--color-feature-blue: #2196F3;--color-feature-purple: #9C27B0;--color-feature-green: #4CAF50;--color-feature-yellow: #FFC107;--color-feature-gray: #607D8B;--color-border: rgba(0, 0, 0, .06);--color-border-hover: rgba(0, 0, 0, .12);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-serif: "Crimson Pro", Georgia, 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: 2rem;--font-size-4xl: 3.5rem;--font-size-5xl: 5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 80px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card: 0 4px 20px rgba(0, 0, 0, .03), 0 1px 4px rgba(0, 0, 0, .02);--shadow-float: 0 12px 36px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--container-width: 1200px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-serif);color:var(--color-text-main);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text-main);font-weight:600;line-height:1.3;letter-spacing:-.01em}.text-italic{font-style:italic;font-family:var(--font-serif)}.text-accent{color:var(--color-accent)}a{text-decoration:none;color:inherit;transition:all .3s ease}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:500;font-size:var(--font-size-sm);transition:all .3s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-card)}.navbar{padding:var(--space-4) 0;position:absolute;top:0;width:100%;z-index:100;background:transparent}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-serif);font-weight:700;font-size:var(--font-size-xl);color:var(--color-text-main);letter-spacing:-.02em}.logo img{height:48px;width:auto}.nav-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-main);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:2px}.nav-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.lang-selector{display:flex;align-items:center;gap:var(--space-2)}.lang-btn{background:transparent;border:1px solid transparent;font-size:1.5rem;cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.5;filter:grayscale(100%);line-height:1}.lang-btn:hover{opacity:1;transform:scale(1.1);filter:grayscale(0%)}.lang-btn.active{opacity:1;background:var(--color-surface-soft);filter:grayscale(0%)}.hero{padding:var(--space-24) 0 var(--space-10);position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:80%;height:80%;background:radial-gradient(circle,#d4c5a826,#faf8f500 70%);z-index:-1;pointer-events:none}.hero-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);line-height:1.1;color:var(--color-text-main)}.hero p{font-size:var(--font-size-xl);line-height:1.6;color:var(--color-text-body);margin-bottom:var(--space-10);max-width:600px;opacity:.9}.store-badges{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-16)}.store-badge img{height:48px;width:auto;transition:transform .2s;border-radius:8px}.store-badge:hover img{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero-mockup-wrapper{position:relative;width:100%;max-width:400px;margin:0 auto}.hero-mockup-wrapper img{width:100%;border-radius:40px;box-shadow:var(--shadow-float)}.features{padding:var(--space-20) 0;background-color:var(--color-background)}.section-title{font-size:var(--font-size-4xl);text-align:center;margin-bottom:var(--space-20)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:flex-start;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}.feature-icon-wrapper{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3);font-weight:600;font-family:var(--font-serif)}.feature-card p{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6}.hero-gallery{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-12);width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.hero-screen{width:30%;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);transition:transform .3s ease}.hero-screen:hover{transform:translateY(-8px);z-index:2}@media(max-width:768px){.hero-gallery{flex-direction:column;align-items:center}.hero-screen{width:80%;margin-bottom:var(--space-4)}}.waitlist-section{padding:var(--space-12) var(--space-4);text-align:center}.waitlist-card{max-width:700px;margin:0 auto;background:var(--color-surface);padding:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.waitlist-card h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.minimal-form{display:flex;gap:var(--space-3);max-width:400px;margin:var(--space-8) auto 0}.minimal-form input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:1}.btn{white-space:nowrap}.footer{padding:var(--space-10) 0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:.7}@media(max-width:900px){:root{--font-size-5xl: 3rem}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}}.feature-pink .feature-icon-wrapper{color:var(--color-feature-pink);background-color:#e91e631a}.feature-blue .feature-icon-wrapper{color:var(--color-feature-blue);background-color:#2196f31a}.feature-purple .feature-icon-wrapper{color:var(--color-feature-purple);background-color:#9c27b01a}.feature-green .feature-icon-wrapper{color:var(--color-feature-green);background-color:#4caf501a}.feature-yellow .feature-icon-wrapper{color:var(--color-feature-yellow);background-color:#ffc1071a}.feature-gray .feature-icon-wrapper{color:var(--color-feature-gray);background-color:#607d8b1a}.form-message{margin-top:var(--space-4);font-size:var(--font-size-sm);font-weight:500;text-align:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);animation:fadeIn .3s ease}.form-message.success{background-color:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.2)}.form-message.error{background-color:#f443361a;color:#c62828;border:1px solid rgba(244,67,54,.2)}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.minimal-form{flex-direction:column;max-width:100%}.minimal-form input,.minimal-form .btn{width:100%}}