:root{--ink:#182033;--muted:#6d7485;--line:#e7e9ef;--primary:#6d5dfc;--bg:#f6f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.topbar{height:72px;padding:0 max(30px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;border-radius:10px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:600}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:58px 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.page-head.compact{align-items:center}.page-head h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.03;margin:10px 0}.page-head.compact h1{font-size:42px}.page-head p{color:var(--muted);font-size:18px;margin:0}.kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font-weight:750;text-decoration:none;cursor:pointer;font-size:14px}.button.primary{background:var(--primary);color:#fff;box-shadow:0 9px 22px rgba(109,93,252,.2)}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.small{padding:9px 14px}.button.wide{width:100%;margin-top:16px}.site-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.site-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(39,44,69,.06)}.site-preview{display:block;height:250px;background:linear-gradient(135deg,#ece9ff,#f9f8ff);text-decoration:none;position:relative;padding:18px}.mini-browser{display:flex;gap:5px}.mini-browser i{width:7px;height:7px;background:#c7c4db;border-radius:50%}.site-monogram{position:absolute;inset:0;display:grid;place-items:center;color:#6d5dfc;font-size:76px;font-weight:850}.site-meta{display:flex;align-items:center;justify-content:space-between;padding:20px}.site-meta h2{font-size:19px;margin:0 0 7px}.status{display:inline-flex;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7a8191}.status.live{color:#159064}.card-actions{display:flex;gap:8px}.modal{position:fixed;inset:0;background:#101422a8;display:none;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{background:#fff;border-radius:22px;padding:34px;width:min(460px,100%);position:relative}.modal-card h2{font-size:30px;margin:10px 0 28px}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px;cursor:pointer;color:#707787}label{display:block;font-size:13px;font-weight:750;margin:12px 0 7px}input{width:100%;padding:13px 14px;border:1px solid #dfe2ea;border-radius:10px;font:inherit;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6d5dfc18}.back{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:18px;margin:0}.panel-head span{color:var(--muted);font-size:13px}.page-row{display:flex;align-items:center;gap:14px;padding:16px 2px;border-bottom:1px solid #eff0f4}.page-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f0efff;color:var(--primary)}.page-info{display:flex;flex-direction:column;flex:1}.page-info span{color:var(--muted);font-size:12px;margin-top:3px}.notice{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-weight:650}.notice.success{background:#e9f8f1;color:#147553}.notice.error{background:#fff0f0;color:#a83c3c}@media(max-width:760px){.site-grid,.content-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:24px;flex-direction:column}.site-preview{height:200px}.shell{padding-top:35px}}

/* Public landing only; editor and customer workspace styles stay unchanged. */
.wb-landing { line-height: 1.65; }
.wb-landing h1,.wb-landing h2,.wb-landing h3 { line-height: 1.18; }
.wb-landing-hero { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 52px; align-items: center; padding: 24px 0 64px; }
.wb-landing h1 { font-size: clamp(36px,4.7vw,58px); letter-spacing: -.045em; margin: 16px 0 22px; }
.wb-landing-lead { color: var(--muted); font-size: 18px; max-width: 650px; }
.wb-landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.wb-landing .button { gap: 12px; text-align: center; }
.wb-landing a:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.wb-landing-note { font-size: 13px; color: var(--muted); margin-top: 18px; }
.wb-landing-flow { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 30px; box-shadow: 0 16px 40px #18203308; }
.wb-landing-flow h2 { font-size: 21px; margin: 0 0 22px; }
.wb-landing-flow ol { margin: 0; padding-left: 23px; }
.wb-landing-flow li { padding: 0 0 22px 8px; color: var(--primary); }
.wb-landing-flow li:last-child { padding-bottom: 0; }
.wb-landing-flow strong { display: block; color: var(--ink); margin-bottom: 5px; }
.wb-landing-flow span { display: block; color: var(--muted); font-size: 14px; }
.wb-landing-features { padding: 20px 0 58px; }
.wb-landing-features h2 { font-size: clamp(27px,3vw,36px); margin: 12px 0 26px; letter-spacing: -.025em; }
.wb-landing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.wb-landing-grid article { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px; }
.wb-landing-number { font-size: 13px; color: var(--primary); font-weight: 800; }
.wb-landing-grid h3 { font-size: 19px; margin: 14px 0 12px; }
.wb-landing-grid p { color: var(--muted); margin: 0; font-size: 15px; }
.wb-landing-access { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 20px; background: #eeecff; padding: 30px; }
.wb-landing-access h2 { font-size: 22px; margin: 0 0 10px; }
.wb-landing-access p { margin: 0; max-width: 700px; color: #555d70; font-size: 15px; }
.wb-landing-access .button { flex-shrink: 0; }
@media(max-width:800px) {
    .wb-landing-hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 0; padding-bottom: 40px; }
    .wb-landing-grid { grid-template-columns: minmax(0,1fr); }
    .wb-landing-flow,.wb-landing-grid article,.wb-landing-access { padding: 24px; }
    .wb-landing-access { flex-direction: column; align-items: flex-start; }
}