:root{--accent: #2586d2;--accent-hover: #1c6cb1;--accent-soft: #d6ecfa;--fg: #0f172a;--fg-muted: #475569;--fg-subtle: #94a3b8;--bg: #ffffff;--bg-soft: #d0d1d1;--bg-iframe: #dfdfdf;--border: #e4e6ea;--border-strong: #cbd0d8;--bg-warm: #F2F1EE;--border-warm: #d8d6d1;--sidebar-bg: #F2F1EE;--sidebar-border: #d8d6d1;--sidebar-fg: #0f172a;--sidebar-fg-muted: #475569;--sidebar-fg-subtle: #94a3b8;--radius: 8px;--radius-sm: 6px;--header-h: 100px;--toolbar-h: 48px;--sidebar-w: 380px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--fg);background:var(--bg-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:1fr var(--sidebar-w);grid-template-rows:1fr;grid-template-areas:"main sidebar";min-height:100vh}main.preview{grid-area:main;display:flex;flex-direction:column;background:var(--bg-iframe);min-height:0}.toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:transparent}.toolbar.toolbar--centered{justify-content:center}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.version-chips{display:inline-flex;gap:.4rem;flex-wrap:wrap}.version-chips button{appearance:none;border:1px solid var(--border-strong);background:var(--bg);color:var(--fg-muted);font-family:inherit;font-size:.8125rem;font-weight:500;padding:.3rem .85rem;border-radius:999px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.version-chips button:hover:not(.active){color:var(--fg);border-color:var(--fg-muted)}.version-chips button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.device-toggle{display:inline-flex;padding:3px;background:var(--bg-soft);border-radius:var(--radius-sm)}.device-toggle button{appearance:none;border:none;background:transparent;color:var(--fg-muted);padding:.35rem .6rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;transition:background .12s,color .12s}.device-toggle button.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-sm)}.device-toggle button:hover:not(.active){color:var(--fg)}.device-toggle svg{width:14px;height:14px}.iframe-area{flex:1;min-height:0;padding:1.5rem 1.5rem 0;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.iframe-frame{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;width:100%;max-width:100%;height:100%;min-height:480px;transition:max-width .18s ease}.iframe-frame.tablet{max-width:768px}.iframe-frame.mobile{max-width:390px}.iframe-frame iframe{width:100%;height:100%;border:0;display:block}aside.sidebar{grid-area:sidebar;background:var(--sidebar-bg);color:var(--sidebar-fg);padding:1.25rem 1.875rem 2.25rem;display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar-logo{display:flex;align-items:center;margin-left:-12px}.sidebar-logo img{height:48px;width:auto;max-width:100%;display:block}.sidebar-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.meta-label,.meta-url{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-fg-subtle)}.business-name{font-size:1.25rem;font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--sidebar-fg);word-break:break-word}.price-card{background:#fff;padding:1rem 1.25rem;border-radius:var(--radius-sm);margin:0 0 1.25rem}.price-items{display:flex;flex-direction:column;gap:.6rem;margin:0}.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9375rem;color:var(--sidebar-fg)}.price-row .label{color:var(--sidebar-fg-muted)}.price-row .amount{font-variant-numeric:tabular-nums;font-weight:500}.price-divider{height:1px;background:var(--sidebar-border);margin:.625rem 0}.price-row--total .label{color:var(--sidebar-fg);font-weight:700}.price-row--total .amount{color:var(--accent);font-weight:700}.includes-label{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-fg-subtle);margin:0 0 .75rem}.includes-list{list-style:none;padding:0;margin:0 0 2.25rem;display:flex;flex-direction:column;gap:.25rem}.includes-list li{font-size:.9rem;color:var(--sidebar-fg);padding-left:1.4rem;position:relative;line-height:1.45}.includes-list li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sidebar-cta{margin-top:auto;padding-top:1.5rem}.tos{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 1.1rem;font-size:.8125rem;color:var(--sidebar-fg-muted);line-height:1.45;cursor:pointer;user-select:none}.tos input[type=checkbox]{appearance:none;flex:0 0 auto;width:16px;height:16px;margin-top:2px;border:1.5px solid var(--sidebar-border);border-radius:3px;cursor:pointer;position:relative;background:transparent;transition:background .12s,border-color .12s}.tos input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.tos input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tos a{color:var(--sidebar-fg);text-decoration:underline;text-decoration-color:var(--sidebar-border)}.tos a:hover{text-decoration-color:var(--sidebar-fg-muted)}.launch-btn{display:block;width:100%;appearance:none;border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.9rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;text-align:center;text-decoration:none;transition:background .12s,transform .05s}.launch-btn:hover{background:var(--accent-hover);text-decoration:none}.launch-btn:active{transform:translateY(1px)}.launch-btn:disabled,.launch-btn[aria-disabled=true]{background:var(--sidebar-border);color:var(--sidebar-fg-subtle);cursor:not-allowed;pointer-events:none}.state-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-warm)}.state-card{max-width:480px;text-align:center}.state-card .state-logo{margin:0 auto 2rem;display:flex;justify-content:center}.state-card .state-logo img{height:60px;width:auto;max-width:100%;display:block}.state-card h1{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.015em}.state-card p{font-size:.9375rem;color:var(--fg-muted);margin:0 0 .5rem;line-height:1.55}.state-card a{color:var(--accent)}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--fg-subtle);font-size:.875rem}@media(max-width:1024px){.layout{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"main" "sidebar"}aside.sidebar{padding:2rem 1.5rem}.iframe-frame{min-height:60vh}}@media(max-width:640px){.toolbar{padding:1rem;gap:.75rem}.version-chips button{padding:.25rem .7rem;font-size:.75rem}.device-toggle button{padding:.3rem .5rem;font-size:.75rem}.device-toggle .label{display:none}.iframe-area{padding:1rem 1rem 0}aside.sidebar{padding:1.25rem 1.25rem 1.75rem}.business-name{font-size:1.125rem}}