:root{--brand-500:#ff4c4c;--brand-700:#d63b3b;--brand-100:#ffe5e5;--brand-border:#f3d4d4;--text-strong:#2f1f1f;--text-muted:#6f4b4b;--surface-50:#f8fafc;--surface-25:#f9fafb}*{box-sizing:border-box}html,body{color:var(--text-strong);background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.main-content{min-height:calc(100vh - 140px)}.container{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.logo{align-items:center;display:inline-flex}.logo-image{width:auto;height:40px;display:block}.nav{align-items:center;gap:12px;font-size:.95rem;display:flex}.nav .button{min-height:42px;padding:0 16px}.nav a:hover{opacity:.7}.hero{background:linear-gradient(180deg, var(--surface-50) 0%, #fff 100%);padding:96px 0}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:40px;display:grid}.hero-content{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-500);margin:0 0 12px;font-size:.9rem}.hero h1{max-width:720px;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}.hero-text{max-width:680px;color:var(--text-muted);margin-top:20px;font-size:1.125rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.app-store-link{align-items:center;display:inline-flex}.app-store-badge{width:auto;height:48px;display:block}.hero-visual{justify-content:center;display:flex}.hero-image{border-radius:24px;width:min(100%,540px);height:auto;display:block}.button{border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:600;display:inline-flex}.button.primary{background:var(--brand-500);color:#fff}.button.secondary{background:var(--brand-100);color:var(--brand-700)}.page-section{padding:72px 0}.page-section h1{margin-top:0;margin-bottom:16px}.features-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:40px;display:grid}.features-visual{justify-content:center;display:flex}.features-image{width:min(100%,520px);height:auto;display:block}.features-content{min-width:0}.mockup-gallery{padding:72px 0}.mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;display:grid}.mockup-card{text-align:center;flex-direction:column;align-items:center;display:flex}.mockup-card-image{width:min(100%,400px);height:auto;display:block}.mockup-card p{color:var(--text-muted);margin:20px 0 0;font-size:1rem;line-height:1.7}.cta-section{padding:72px 0 112px}.cta-section .container{text-align:center;max-width:760px}.cta-section p{max-width:620px;margin:16px auto 0}.cta-section .hero-actions{justify-content:center}.site-footer{background:var(--surface-25)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.footer-nav{gap:20px;font-size:.95rem;display:flex}.footer-nav a:hover{opacity:.7}@media (max-width:640px){.hero{padding:72px 0}.hero-layout{grid-template-columns:1fr;gap:32px}.hero-visual{order:2}.hero-image{width:min(100%,420px)}.features-layout{grid-template-columns:1fr;gap:32px}.features-image{width:min(100%,420px)}.mockup-grid{grid-template-columns:1fr;gap:32px}.mockup-card-image{width:min(100%,420px)}.cta-section{padding:72px 0 96px}.header-inner{flex-wrap:wrap;gap:14px;min-height:auto;padding:14px 0}.logo-image{height:34px}.nav{flex-wrap:wrap;justify-content:flex-start;width:100%}.nav .button{flex:160px}}