:root,.ced-scope{--ce-navy: #16335b;--ce-deep: #0f1b2d;--ce-accent: #2563eb;--ce-accent-light: #7fb0ea;--ce-surface: #f4f7fb;--ce-ink: #0f1b2d;--ce-muted: #475569;--ce-line: #e2e8f0;--ce-on-navy: #cfe0f5;--ce-active-bg: #eef4ff;--ce-warn-bg: #fff7ed;--ce-warn-border: #fdba74;--ce-warn-ink: #7c3e10;--ce-radius-btn: 8px;--ce-radius-card: 14px;--ce-font-head: "Poppins", "Segoe UI", system-ui, sans-serif;--ce-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--ce-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--ce-ease: cubic-bezier(0, 0, .2, 1);--ce-dur-fast: .15s;--ce-dur-slow: .3s}.ced-label{font-family:var(--ce-font-mono);font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ce-muted)}.ced-card{background:#fff;border:1px solid var(--ce-line);border-radius:var(--ce-radius-card);padding:24px}.ced-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--ce-line);border-radius:var(--ce-radius-btn);background:#fff;color:var(--ce-ink);font-family:var(--ce-font-body);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color var(--ce-dur-fast) var(--ce-ease),border-color var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease)}.ced-btn:hover{border-color:var(--ce-accent-light)}.ced-btn[aria-pressed=true],.ced-btn.is-active{background:var(--ce-active-bg);border-color:var(--ce-accent);color:var(--ce-accent)}.ced-btn--primary{background:var(--ce-accent);border-color:var(--ce-accent);color:#fff}.ced-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.ced-badge{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--ce-line);background:#fff;font-family:var(--ce-font-mono);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ce-muted)}.ced-badge--soon{background:var(--ce-active-bg);border-color:var(--ce-accent-light);color:var(--ce-accent)}.ced-panel{background:var(--ce-navy);color:var(--ce-on-navy);border-radius:var(--ce-radius-card);padding:24px}.ced-panel .ced-price{font-family:var(--ce-font-head);font-weight:800;font-size:32px;color:#fff}.ced-hint{background:var(--ce-warn-bg);border:1px solid var(--ce-warn-border);border-radius:var(--ce-radius-btn);color:var(--ce-warn-ink);padding:12px 16px;font-size:14px}.ced-scope [hidden]{display:none!important}.ced-btn:focus-visible,.ced-scope a:focus-visible,.ced-scope button:focus-visible,.ced-scope input:focus-visible{outline:2px solid var(--ce-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ced-btn{transition:none}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--ce-surface);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:16px;line-height:1.6}h1,h2{font-family:var(--ce-font-head);line-height:1.15;margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(20px,5vw,48px);border-bottom:1px solid var(--ce-line);background:#fff}.brand{font-family:var(--ce-font-head);font-weight:700;font-size:17px;color:var(--ce-navy);text-decoration:none}.brand:hover{color:var(--ce-accent)}main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(40px,8vw,80px) clamp(20px,5vw,48px)}.hero{max-width:720px}.hero h1{font-weight:800;font-size:clamp(32px,5vw,48px);margin-top:12px;color:var(--ce-navy)}.hero .lead{margin-top:16px;font-size:18px;color:var(--ce-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:clamp(32px,6vw,56px)}.demo-card{display:flex;flex-direction:column;gap:12px}.demo-card h2{font-weight:700;font-size:22px}.demo-card p:not(.ced-label){margin:0;color:var(--ce-muted);flex:1}.demo-card .ced-badge{align-self:flex-start}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:24px clamp(20px,5vw,48px);border-top:1px solid var(--ce-line);background:#fff;font-size:14.5px;color:var(--ce-muted)}.site-footer p{margin:0}.site-footer a{color:var(--ce-navy);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--ce-accent)}.site-footer nav{display:flex;gap:20px}