:root{--color-bg:#fdf6ec;--color-surface:#fff;--color-panel:#fffdf9;--color-border:#e3d5c5;--color-primary:#8b5e3c;--color-primary-dark:#6b4527;--color-primary-light:#efdfcb;--color-text:#3b2a20;--color-text-muted:#7a6a5d;--color-text-faint:#b0a297;--color-on-primary:#fff;--shadow-soft:0 20px 40px -20px #3b2a2059;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--color-bg:#1e1e1e;--color-surface:#252526;--color-panel:#2a2a2b;--color-border:#3c3c3c;--color-primary:#d9a066;--color-primary-dark:#3a2e22;--color-primary-light:#d9a06629;--color-text:#ccc;--color-text-muted:#9d9d9d;--color-text-faint:#6a6a6a;--color-on-primary:#1e1e1e;--shadow-soft:0 20px 40px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s}#root{min-height:100vh}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.logo{align-items:center;gap:8px;display:inline-flex}.logo-badge{background:var(--color-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;transform:rotate(-6deg)}.logo-wordmark{letter-spacing:.2px;color:var(--color-text);font-size:21px;font-weight:800}.logo-wordmark-accent{color:var(--color-primary)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,transform .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle:active{transform:scale(.92)}.phone{background:var(--color-primary-dark);width:280px;height:570px;box-shadow:var(--shadow-soft);border-radius:40px;flex-shrink:0;padding:14px;position:relative}.phone-notch{background:var(--color-primary-dark);z-index:2;border-radius:0 0 14px 14px;width:90px;height:20px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-primary-dark);border-radius:28px;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.phone-hero{padding:40px 18px 22px}.phone-hero-badge{color:var(--color-primary);background:#fff;border-radius:20px;align-items:center;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.phone-hero-title{color:#fff;margin-top:12px;font-size:18px;font-weight:800;line-height:1.3}.phone-hero-button{color:#fff;background:#ffffff29;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.phone-panel{background:var(--color-bg);border-radius:22px 22px 0 0;flex-direction:column;flex:1;min-width:0;min-height:0;padding:16px 0 0;display:flex;overflow:hidden}.phone-chips{gap:6px;min-width:0;padding:0 16px;display:flex;overflow:hidden}.phone-chip{color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:600}.phone-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.phone-section-title{color:var(--color-text);margin-top:14px;margin-bottom:10px;padding:0 16px;font-size:12px;font-weight:800}.phone-cards{gap:10px;min-width:0;padding:0 16px;display:flex;overflow:hidden}.phone-card{flex-shrink:0;width:92px}.phone-card-cover{border-radius:10px;width:92px;height:110px}.phone-card-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:10.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.phone-card-author{color:var(--color-text-muted);margin-top:2px;font-size:9.5px}.phone-card-price{color:var(--color-primary);margin-top:3px;font-size:10.5px;font-weight:800}@media (width<=640px){.phone{width:240px;height:490px}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;border-radius:18px;padding:26px 22px}.feature-card-icon{background:var(--color-primary-light);width:46px;height:46px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.feature-card-title{color:var(--color-text);margin-top:18px;font-size:17px;font-weight:800}.feature-card-description{color:var(--color-text-muted);margin-top:8px;font-size:14.5px;line-height:1.55}.store-button{background:var(--color-text);color:var(--color-bg);opacity:.92;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;display:inline-flex}.store-button-icon{color:var(--color-bg);display:inline-flex}.store-button-text{flex-direction:column;line-height:1.2;display:flex}.store-button-label{opacity:.75;font-size:10px}.store-button-store{font-size:14.5px;font-weight:700}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.site-header{z-index:10;background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.site-nav{color:var(--color-text-muted);align-items:center;gap:28px;font-size:14.5px;font-weight:600;display:flex}.site-nav a:hover{color:var(--color-primary)}@media (width<=640px){.site-nav{display:none}}.hero{padding:64px 0 40px}.hero-inner{justify-content:space-between;align-items:center;gap:48px;display:flex}.hero-copy{flex:1;max-width:540px}.eyebrow{background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;align-items:center;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-copy h1{color:var(--color-text);letter-spacing:-.5px;margin-top:22px;font-size:46px;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--color-text-muted);max-width:460px;margin-top:20px;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-visual{justify-content:center;display:flex}@media (width<=900px){.hero-inner{text-align:center;flex-direction:column}.hero-copy{max-width:100%}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-copy h1{font-size:36px}}.section{padding:80px 0}.section-muted{background:var(--color-panel);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-heading{text-align:center;max-width:540px;margin:0 auto 44px}.section-heading h2{color:var(--color-text);font-size:32px;font-weight:800}.section-heading p{color:var(--color-text-muted);margin-top:12px;font-size:16px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=780px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:28px 24px}.step-number{color:var(--color-primary);font-size:15px;font-weight:800}.step-card h3{color:var(--color-text);margin-top:12px;font-size:18px;font-weight:800}.step-card p{color:var(--color-text-muted);margin-top:10px;font-size:14.5px;line-height:1.55}.download{text-align:center}.download-inner h2{color:var(--color-text);font-size:32px;font-weight:800}.download-inner p{color:var(--color-text-muted);max-width:460px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:16px}.download-actions{justify-content:center;margin-top:30px}.site-footer{border-top:1px solid var(--color-border);padding:40px 0}.site-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.site-footer-inner p{color:var(--color-text-muted);font-size:14px}.site-footer-copyright{color:var(--color-text-faint);font-size:12.5px}.site-footer-credit{color:var(--color-text-faint);text-underline-offset:2px;font-size:12.5px;text-decoration:underline}.site-footer-credit:hover{color:var(--color-text-muted)}
