:root{--bg:#f6f9ff;--surface:#fff;--text:#10253d;--muted:#4a6480;--primary:#1f6ed4;--primary-dark:#15509b;--border:#d6e6fa}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1120px;margin:0 auto;padding:28px 16px 72px}.siteHeader{border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.siteHeaderInner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--primary-dark)}.brandLink{text-decoration:none}.navLogo{border-radius:8px;display:block}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:12px;padding:10px 16px;border:1px solid var(--primary);font-weight:700}.btnReset{cursor:pointer;font:inherit}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{background:#fff;color:var(--primary)}.btn.disabled{background:#d7dee8;border-color:#c4cedc;color:#6b7a8f;cursor:not-allowed}.soonTooltip{position:relative;display:inline-flex}.soonTooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#10253d;color:#fff;font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.soonTooltip:hover:after{opacity:1}.hero{background:linear-gradient(145deg,#fff,#e9f2ff);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 8px 24px rgba(16,37,61,.08)}.hero h1{margin:0 0 12px;font-size:clamp(28px,5vw,48px);line-height:1.15}.hero p{margin:0 0 20px;color:var(--muted);max-width:820px;font-size:18px}.appEmbedSection{margin-top:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 8px 24px rgba(16,37,61,.08)}.appEmbedSection h2{margin:0 0 8px}.appEmbedIntro{margin:0 0 16px;color:var(--muted)}.phoneFrame{position:relative;width:min(100%,clamp(360px,calc((100dvh - 80px) / 2),520px));margin:0 auto;padding:12px 8px 8px;border-radius:36px;background:#0f2340;box-shadow:0 18px 40px rgba(16,37,61,.24)}.phoneNotch{width:124px;height:20px;border-radius:0 0 14px 14px;margin:0 auto 8px;background:#061327}.appEmbedFrame{width:100%;aspect-ratio:1/2;height:auto;border:none;border-radius:26px;background:#fff;display:block}.appEmbedFallback{margin:12px 0 0;text-align:center;color:var(--muted)}.appEmbedFallback a{color:var(--primary);text-decoration:underline}.section{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.section h2{margin:0 0 8px}.section p{margin:0 0 18px;color:var(--muted)}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.tile h3{margin:0 0 8px;font-size:18px}.list,.tile p{margin:0;color:var(--muted)}.list{padding-left:20px;display:grid;grid-gap:10px;gap:10px}.footer{margin-top:32px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width:640px){.siteHeaderInner{align-items:flex-start}.appEmbedSection{padding:16px}.appEmbedFrame{height:auto}}@media (max-height:760px){.phoneFrame{width:min(100%,clamp(320px,calc((100dvh - 60px) / 2),460px))}}