*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #2A2624;--color-surface: #3D3632;--color-surface-alt: #4A423D;--color-text: #EDE6E2;--color-text-muted: #B8ADA5;--color-accent: #C48A82;--color-accent-hover: #B07A72;--font-sans: "Fira Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--max-width: 72rem;--radius: .75rem}html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column}.page>.scroll-reveal:last-child{margin-top:auto}.scroll-reveal{transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal--out{opacity:0}.scroll-reveal--in{opacity:1}.scroll-reveal--fade-up.scroll-reveal--out{transform:translateY(32px)}.scroll-reveal--fade-up.scroll-reveal--in{transform:translateY(0)}.scroll-reveal--slide-left.scroll-reveal--out{transform:translate(40px)}.scroll-reveal--slide-left.scroll-reveal--in{transform:translate(0)}.scroll-reveal--scale.scroll-reveal--out{transform:scale(.96)}.scroll-reveal--scale.scroll-reveal--in{transform:scale(1)}.page>*:nth-child(odd){background:var(--color-bg)}.page>*:nth-child(2n){background:var(--color-surface)}.page .scroll-reveal:has(.app-download){background:var(--color-surface)!important}h1,h2,h3{line-height:1.2;font-weight:600}a{color:inherit;text-decoration:none}.hero{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-lg);max-width:var(--max-width);margin:0 auto}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-row{display:flex;align-items:center;gap:var(--space-2xl);flex:1;min-height:0}.hero-media{flex-shrink:0;width:min(480px,56%);position:relative}.hero-media-circle{position:absolute;width:100%;padding-bottom:100%;border-radius:50%;background:var(--color-surface);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.hero-img{position:relative;z-index:2;width:100%;height:auto;display:block;object-fit:contain;object-position:top right}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.logo{font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--space-lg)}.nav-links a{color:var(--color-text-muted);font-size:.9375rem}.nav-links a:hover{color:var(--color-text)}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0;min-width:0;position:relative;z-index:1}@media (max-width: 768px){.hero-row{flex-direction:column;text-align:center}.hero-media{width:min(520px,100%);order:1}.hero-content{order:0}}.hero-content h1,.hero-title{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.03em;margin:0 0 var(--space-md)}.hero-title{text-transform:uppercase;letter-spacing:.02em}.hero-title-accent{color:var(--color-accent)}.hero-title-line{white-space:nowrap}.hero-tagline{font-size:1.25rem;color:var(--color-text-muted);max-width:32ch;margin:0 0 var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.scroll-reveal--in .hero .nav{animation:heroFadeIn .5s ease-out 0s both}.scroll-reveal--in .hero .hero-media{animation:heroFadeInRight .7s ease-out .2s both}.scroll-reveal--in .hero .hero-title{animation:heroFadeUp .6s ease-out .1s both}.scroll-reveal--in .hero .hero-tagline{animation:heroFadeUp .6s ease-out .25s both}.scroll-reveal--in .hero .hero-actions{animation:heroFadeUp .6s ease-out .4s both}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-weight:600;font-size:.9375rem;transition:background .2s,color .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-surface-alt)}.btn-secondary:hover{background:var(--color-surface-alt)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:1rem}.section{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-width);margin:0 auto}.section h2{font-size:clamp(2rem,4vw,2.5rem);margin:0 0 var(--space-sm);text-align:center}.section-tagline{text-align:center;color:var(--color-text-muted);margin:0 0 var(--space-xl);font-size:1.125rem;max-width:48ch;margin-left:auto;margin-right:auto}.steps-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md);counter-reset:step}.step-card{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-surface-alt);counter-increment:step}.step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--color-accent);color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center}.step-card h3{font-size:1.125rem;margin:0 0 var(--space-xs)}.step-card p{margin:0;color:var(--color-text-muted);font-size:.9375rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.benefit-card{background:var(--color-bg);padding:var(--space-xl);border-radius:var(--radius);border:1px solid var(--color-surface-alt)}.benefit-card h3{font-size:1.125rem;margin:0 0 var(--space-sm);color:var(--color-text)}.benefit-card p{margin:0;color:var(--color-text-muted);font-size:.9375rem}.cta{padding:var(--space-2xl) var(--space-lg);text-align:center;margin:0}.cta h2{font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 var(--space-sm)}.cta p{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.app-download{background:var(--color-surface);padding:10rem var(--space-lg) 10rem;width:100%;position:relative}.app-download-inner{display:flex;align-items:center;gap:var(--space-2xl);max-width:var(--max-width);margin:0 auto}.app-download-media{flex-shrink:0;width:min(280px,40%);background:transparent;position:relative}.app-download-media-circle{position:absolute;width:100%;padding-bottom:100%;border-radius:50%;background:var(--color-bg);top:50%;left:50%;transform:translate(-50%,-50%) scale(1.4);z-index:0}.app-download-img{position:relative;z-index:2;width:100%;height:auto;display:block;background:transparent}.app-download-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;position:relative;z-index:1}.app-download-title{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.02em;text-transform:uppercase;margin:0 0 var(--space-md);color:var(--color-text)}.app-download-title.hero-title .hero-title-accent{color:var(--color-accent)}.app-download-title.hero-title .app-download-title-first{text-transform:capitalize}.app-download-desc{margin:0 0 var(--space-lg);color:var(--color-text-muted);font-size:1rem;line-height:1.6;max-width:42ch}.app-download-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.app-download-buttons-wrap{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:var(--space-lg)}.app-download-help-img{position:absolute;right:0;bottom:50%;transform:translateY(50%);height:160px;width:auto;object-fit:contain;object-position:right center;margin:0}.app-download-buttons .app-download-btn{display:flex;align-items:center;justify-content:center;width:200px;height:60px;min-width:200px;min-height:60px;flex-shrink:0;text-decoration:none;transition:opacity .2s;box-sizing:border-box;padding:0;margin:0;border:none;overflow:hidden}.app-download-buttons .app-download-btn:hover{opacity:.9}.app-download-badge-img{display:block;height:60px;width:auto;max-width:200px;object-fit:contain;object-position:center}.app-download-btn-icon{font-size:1.5rem;line-height:1}@media (max-width: 768px){.app-download-inner{flex-direction:column;text-align:center}.app-download-media{width:min(240px,100%);order:-1}.app-download-desc{margin-left:auto;margin-right:auto}.app-download-buttons{justify-content:center}.app-download-buttons-wrap{flex-direction:column}.app-download-help-img{position:static;margin-top:var(--space-md);height:120px;transform:none;display:block}}.footer,.page>footer.footer{width:100%;max-width:none;padding:var(--space-xl) var(--space-lg);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);border-top:1px solid var(--color-surface-alt);background:var(--color-bg)!important}.footer-copy{color:var(--color-text-muted);font-size:.875rem;margin:0}.footer-links{display:flex;gap:var(--space-md)}.footer-links a{color:var(--color-text-muted);font-size:.875rem}.footer-links a:hover{color:var(--color-text)}.legal-header{padding:var(--space-md) var(--space-lg);max-width:var(--max-width);margin:0 auto}.page:has(.legal-header) .legal-header,.page:has(.legal-header) .legal-main{background:transparent}.legal-main{max-width:52rem;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl);color:var(--color-text)}.legal-title{font-size:2rem;margin:0 0 var(--space-xs);color:var(--color-text)}.legal-updated{color:var(--color-text-muted);font-size:.875rem;margin:0 0 var(--space-xl)}.legal-main section{margin-bottom:var(--space-xl)}.legal-main section h2{font-size:1.25rem;margin:0 0 var(--space-sm);color:var(--color-text)}.legal-main section p{margin:0;color:var(--color-text-muted);line-height:1.6}.legal-main section h3{font-size:1rem;font-weight:600;margin:var(--space-md) 0 var(--space-xs);color:var(--color-text)}.legal-main section ul{margin:var(--space-sm) 0;padding-left:var(--space-lg);color:var(--color-text-muted);line-height:1.6}.legal-main section li{margin-bottom:var(--space-xs)}.legal-main section li:last-child{margin-bottom:0}.legal-back{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-surface-alt)}.legal-back a{color:var(--color-accent)}.legal-back a:hover{color:var(--color-accent-hover)}