:root{--bg:#f3efe7;--surface:#fffcf7d1;--surface-strong:#fffaf3;--line:#7c684f24;--text:#2e2a25;--muted:#6d675f;--accent:#7c93a1;--accent-soft:#dce5ea;--warm:#dbc7b1;--success:#7b9c8a;--shadow:0 20px 45px #4d3f2d14}*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#dce5eae6,#0000 28%),radial-gradient(circle at 100% 0,#f0dfcfb8,#0000 24%),linear-gradient(#f6f0e8 0%,#efe7dc 100%);margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{width:min(100%,29rem);min-height:100vh;margin:0 auto;padding:1rem 1rem 7rem}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.6rem}.hero-card{background:radial-gradient(circle at 100% 0,#dce5eae6,#0000 34%),linear-gradient(#fffaf3f5,#f7f0e8e0);border:1px solid #7c684f1f;border-radius:1.8rem;padding:1.35rem;box-shadow:0 24px 48px #4d3f2d1a}.section-card{padding:1.2rem}.eyebrow{color:var(--muted);letter-spacing:.02em;background:#ffffffb8;border:1px solid #7c684f1f;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;display:inline-flex}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:1rem;width:100%;padding:.95rem 1rem;transition:transform .2s,opacity .2s,background .2s}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #95aab5 100%);color:#fff;box-shadow:0 14px 32px #7c93a147}.secondary-button{color:var(--text);border:1px solid var(--line);background:#ffffffbf}.ghost-button{color:var(--muted);background:0 0;border:1px dashed #7c684f40}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.stack{gap:1rem;display:grid}.compact-stack{gap:.7rem;display:grid}.title{letter-spacing:-.03em;margin:0;font-size:clamp(1.95rem,6vw,2.55rem);line-height:1.08}.subtitle{color:var(--muted);margin:0;font-size:.98rem;line-height:1.6}.metric-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.metric,.feature-link{background:#ffffffb8;border:1px solid #7c684f1f;border-radius:1.2rem;padding:1rem}.feature-link{align-content:space-between;gap:.45rem;min-height:9rem;display:grid}.feature-link span:first-child,.metric strong{color:var(--muted);font-size:.78rem;display:block}.feature-link strong,.metric b{margin-top:.2rem;font-size:1.08rem;line-height:1.25;display:block}.feature-link p,.metric p{color:var(--muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.45;display:block}.topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.4rem .2rem;display:flex}.brand{gap:.1rem;display:grid}.brand strong{font-size:1rem}.brand span{color:var(--muted);font-size:.82rem}.moonwind-logo{align-items:center;gap:.7rem;display:inline-flex}.moonwind-logo.is-compact{gap:.55rem}.moonwind-mark{filter:drop-shadow(0 10px 20px #4d3f2d14);flex:none;width:2rem;height:2rem}.moonwind-wordmark{letter-spacing:-.02em;color:var(--text);font-size:1rem;display:inline-block}.topbar-action{min-height:2.4rem;color:var(--text);background:#ffffffbd;border:1px solid #7c684f1f;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.88rem;line-height:1;display:inline-flex;box-shadow:0 10px 24px #4d3f2d0f}.topbar-action.is-connected{color:#314854;background:linear-gradient(135deg,#7c93a129 0%,#dce5eae6 100%);border-color:#7c93a147}.bottom-tabbar{left:50%;bottom:max(.9rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#fffaf3eb;border:1px solid #7c684f1f;border-radius:1.5rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;width:min(100% - 1.5rem,27.5rem);padding:.6rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px #4d3f2d1f}.tab-link{min-height:3rem;color:var(--muted);letter-spacing:.01em;border-radius:1rem;place-items:center;font-size:.8rem;transition:background .2s,color .2s,transform .2s;display:grid}.tab-link.is-active{color:var(--text);background:linear-gradient(135deg,#7c93a12e 0%,#dce5ead1 100%);transform:translateY(-1px)}.field{gap:.45rem;display:grid}.field label,.field legend{color:var(--text);font-size:.95rem}.hint{color:var(--muted);font-size:.84rem;line-height:1.5}.input,.textarea,.select{width:100%;color:var(--text);background:#ffffffc7;border:1px solid #7c684f26;border-radius:1rem;padding:.92rem 1rem}.textarea{resize:vertical;min-height:8rem}.chips{flex-wrap:wrap;gap:.55rem;display:flex}.chip{color:var(--muted);background:#ffffffad;border:1px solid #7c684f1f;border-radius:999px;padding:.65rem .9rem;font-size:.88rem}.chip.active{background:var(--accent-soft);color:#314854;border-color:#7c93a18c}.form-grid{gap:1rem;display:grid}.toggle-row{background:#fff9;border:1px solid #7c684f1f;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.divider{background:#7c684f1f;height:1px}.result-card{background:linear-gradient(#fffaf3f2,#ffffffb8);border:1px solid #7c684f24;border-radius:1.4rem;padding:1.2rem}.hero-highlight{background:#ffffff94;border:1px solid #7c684f1a;border-radius:1.35rem;gap:1rem;padding:1rem;display:grid}.hero-highlight strong{font-size:.95rem}.hero-highlight p{color:var(--muted);margin:0;line-height:1.55}.landing-steps{gap:.8rem;display:grid}.step-card{background:#ffffffb8;border:1px solid #7c684f1f;border-radius:1.1rem;gap:.35rem;padding:.95rem 1rem;display:grid}.step-card strong{font-size:.95rem}.step-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.result-card h3,.section-heading{margin:0 0 .3rem;font-size:1.18rem}.result-card p,.section-copy{color:var(--muted);margin:0;line-height:1.6}.list{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.7}.footer-note{color:var(--muted);font-size:.82rem;line-height:1.6}.install-shortcut-card .secondary-button{justify-self:start;width:auto;padding-left:1.1rem;padding-right:1.1rem}@media (max-width:420px){.page-shell{padding-left:.8rem;padding-right:.8rem}.metric-grid,.feature-grid{grid-template-columns:1fr}.bottom-tabbar{gap:.35rem;width:min(100% - 1rem,27.5rem);padding:.5rem}.tab-link{min-height:2.9rem;font-size:.76rem}}