:root{--night:#17211c;--cream:#f3f0e6;--paper:#fcfbf6;--lime:#c8f564;--orange:#ef6a43;--line:rgba(23,33,28,.16);--muted:#6b726d;--shadow:0 24px 80px rgba(23,33,28,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--night);background:var(--cream)}
*{box-sizing:border-box}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
body{margin:0}
button,input,select,textarea{font:inherit}
select:not([multiple]){min-height:2.75rem}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
.wordmark{font-size:1.2rem;font-weight:900;letter-spacing:-.04em;color:inherit;text-decoration:none}
.wordmark span{color:var(--orange)}
.site-header,.editor-bar{display:flex;align-items:center;justify-content:space-between;padding:1.15rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line)}
.beta-pill,.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850}
.beta-pill{border:1px solid var(--line);border-radius:999px;padding:.4rem .7rem}
.launch-hero{min-height:78vh;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1rem,6vw,7rem)}
.launch-hero h1{font-family:Georgia,serif;font-size:clamp(4rem,10vw,9rem);line-height:.78;letter-spacing:-.075em;margin:.6rem 0 2rem;font-weight:500}
.launch-hero h1 em{color:var(--orange);font-weight:500}
.intro{font-size:clamp(1.1rem,2vw,1.35rem);max-width:55ch;line-height:1.55}
.create-card{background:var(--paper);padding:clamp(1.4rem,4vw,2.4rem);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:2px}
.create-card>label,.create-card fieldset>label,.editor-panel label{font-weight:800;display:grid;gap:.5rem;margin-bottom:1rem}
.create-card textarea,.editor-panel textarea,.editor-panel input,.editor-panel select,.slug-field input{width:100%;border:1px solid var(--line);background:white;padding:.9rem;border-radius:4px;resize:vertical}.editor-panel select{min-height:3rem}
.create-card textarea{min-height:125px}
.create-card fieldset,.editor-panel fieldset{border:0;padding:0;margin:1.4rem 0}
.create-card legend,.editor-panel legend{font-weight:800;margin-bottom:.7rem}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.template-grid input{position:absolute;opacity:0}
.template-grid span{display:block;border:1px solid var(--line);padding:.7rem .5rem;text-align:center;border-radius:4px;font-size:.82rem;font-weight:750}
.template-grid input:checked+span{background:var(--night);color:white;border-color:var(--night)}
.primary{border:0;background:var(--lime);color:var(--night);font-weight:900;padding:1rem 1.2rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:3px}
.create-card>.primary{width:100%}
.fine,.status{font-size:.82rem;color:var(--muted)}
.status{min-height:1.2rem;color:#a52c16;font-weight:700}
.promise{background:var(--night);color:white;padding:5rem clamp(1rem,6vw,7rem)}
.promise>p{color:var(--lime);font-weight:800}
.promise>div{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem)}
.promise article strong{color:var(--orange);font-size:.8rem}
.promise h2{font-family:Georgia,serif;font-weight:500;font-size:2rem;margin:.5rem 0}
.promise article p{color:#bbc2bd;line-height:1.6}
.launch-footer{padding:2rem clamp(1rem,6vw,7rem);font-size:.85rem}
.empty-state{min-height:100vh;display:grid;place-items:center;text-align:center}
.empty-state main{max-width:650px;padding:2rem}
.empty-state h1{font:500 clamp(3rem,8vw,6rem)/.95 Georgia,serif}
.link-button{text-decoration:none;margin-top:1rem}

.editor-app{height:100vh;overflow:hidden;background:#dfe3df}
.editor-bar{height:64px;background:var(--paper);padding:.65rem 1rem;gap:1rem;position:relative;z-index:20}
.save-indicator{font-size:.78rem;color:var(--muted);margin-left:auto}
.save-indicator[data-tone=dirty]{color:#9a5c00}
.save-indicator[data-tone=error]{color:#b42318}
.save-indicator[data-tone=saved]{color:#26734d}
.editor-actions{display:flex;gap:.45rem}
.editor-actions button,.section-tools button,.revision-row button,dialog button,.editor-panel button{border:1px solid var(--line);background:white;padding:.58rem .75rem;border-radius:4px;font-weight:750}
.editor-actions .primary,.editor-panel .primary{background:var(--lime);border-color:var(--lime)}
.compact{padding:.58rem .9rem}
.editor-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:1fr;position:relative}
.canvas-shell{padding:20px 20px 74px;height:100%;position:relative}
.canvas-shell iframe{display:block;width:100%;height:100%;border:0;background:white;box-shadow:0 12px 55px rgba(23,33,28,.16);border-radius:5px}
.add-section-fab{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:7;background:var(--night);color:white;border:0;padding:.75rem 1rem;border-radius:999px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.section-tools{position:absolute;left:34px;top:82px;z-index:15;background:var(--night);color:white;padding:.5rem;border-radius:6px;box-shadow:0 12px 34px rgba(19,31,27,.3);align-items:center;gap:.35rem;border-left:4px solid var(--coral);max-width:calc(100% - 48px)}
.section-tools:not([hidden]){display:flex}
.section-tools-heading{display:grid;line-height:1.05;padding:0 .55rem 0 .25rem;min-width:max-content}
.section-tools-heading small{color:#bcc8c1;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.section-tools strong{text-transform:capitalize;font-size:.8rem}
.section-tools button{padding:.4rem .55rem;font-size:.75rem}
.section-tools button span{display:inline}
.section-tools .danger{color:#b42318}
.editor-panel{position:absolute;right:0;top:0;bottom:0;width:min(390px,100%);background:var(--paper);z-index:18;padding:2rem;overflow:auto;box-shadow:-20px 0 60px rgba(23,33,28,.13)}
.editor-panel h2,dialog h2{font:500 2.3rem/1 Georgia,serif;margin:.5rem 0 1.5rem}
.editor-panel h3{margin-top:2rem}
.panel-close,.dialog-close{float:right;font-size:1.3rem}
.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.palette input{position:absolute;opacity:0}
.palette span{display:block;padding:1rem;border:2px solid transparent;border-radius:5px;color:white;font-weight:800}
.palette input:checked+span{border-color:var(--night);outline:2px solid white;outline-offset:-4px}
.palette.ocean span{background:#1368aa}
.palette.forest span{background:#237a57}
.palette.sunset span{background:#c24d3d}
.palette.mono span{background:#2f2f2f}
.upload-button{background:var(--lime);padding:.9rem;display:block;text-align:center;border-radius:4px}
.upload-button input{display:none}
.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.image-grid button{padding:0;border:2px solid transparent;background:transparent}
.image-grid button:hover{border-color:var(--orange)}
.image-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
dialog{border:0;padding:2rem;width:min(650px,calc(100% - 2rem));box-shadow:var(--shadow);background:var(--paper);color:var(--night)}
dialog::backdrop{background:rgba(23,33,28,.7)}
.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.add-grid button{padding:1rem;text-align:left}
.revision-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:1rem 0}
.revision-row span{display:grid}
.revision-row small{color:var(--muted)}
.slug-field{display:flex;align-items:stretch}
.slug-field input{border-radius:4px 0 0 4px}
.slug-field b{display:flex;align-items:center;background:#e7e8e2;padding:0 .8rem;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;white-space:nowrap;font-size:.82rem}

@media(max-width:900px){.launch-hero{grid-template-columns:1fr}
.promise>div{grid-template-columns:1fr}
.editor-bar{height:auto;min-height:64px;flex-wrap:wrap}
.save-indicator{order:3;width:100%;text-align:center}
.editor-actions button:not(.primary){font-size:0}
.editor-actions button:not(.primary)::first-letter{font-size:.8rem}
.canvas-shell{padding:8px 8px 68px}
.section-tools{top:112px;left:12px;max-width:calc(100% - 24px);overflow:auto}
.section-tools button span{display:none}
.editor-layout{height:calc(100vh - 96px)}
}
@media(max-width:600px){.launch-hero h1{font-size:4.4rem}
.template-grid{grid-template-columns:1fr 1fr}
.site-header{padding:1rem}
.editor-actions{width:100%;justify-content:space-between}
.editor-actions button{padding:.5rem}
.wordmark{font-size:1rem}
.add-grid{grid-template-columns:1fr}
.slug-field{display:grid}
.slug-field b{border:1px solid var(--line);border-top:0;border-radius:0 0 4px 4px;padding:.7rem}
.slug-field input{border-radius:4px 4px 0 0}
.image-grid{grid-template-columns:1fr 1fr}
}

.text-tools{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:17;display:flex;gap:.3rem;background:var(--night);padding:.4rem;border-radius:5px;box-shadow:var(--shadow)}
.text-tools[hidden]{display:none}
.text-tools button{border:0;background:white;color:var(--night);padding:.38rem .55rem;border-radius:3px;font-weight:750}
.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}
.check-row input{width:auto!important}
.drop-zone{border:2px dashed var(--line);padding:1rem;text-align:center;border-radius:5px;margin-bottom:.6rem}
.drop-zone.dragging{border-color:var(--orange);background:#fff6ed}
.drop-zone span{display:block;margin-top:.55rem;color:var(--muted);font-size:.8rem}
.media-filters{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.media-card{position:relative}
.image-grid button.selected{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange)}
#image-inspector{border:1px solid var(--line);margin:1rem 0;padding:1rem}
.navigation-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.65rem}
.navigation-row input,.navigation-row select,.media-filters input,.media-filters select{width:100%;padding:.7rem;border:1px solid var(--line);background:white;border-radius:4px}
@media(max-width:900px){.text-tools{top:76px;max-width:calc(100% - 20px);overflow:auto}
.editor-actions{overflow-x:auto}
.editor-actions button:not(.primary){font-size:.75rem}
.editor-layout{height:calc(100vh - 122px)}
}
@media(max-width:600px){.editor-bar .wordmark{width:100%}
.editor-actions{order:2}
.save-indicator{order:3}
.text-tools{top:112px}
.section-tools{top:158px}
.editor-layout{height:calc(100vh - 154px)}
.media-filters,.navigation-row{grid-template-columns:1fr}
.editor-panel{padding:1.25rem}
}
.media-delete{width:100%;border:1px solid var(--line);background:white;padding:.4rem;font-size:.75rem}
.media-delete:not(:disabled){color:#a52c16}
.media-card{display:grid;gap:.25rem}
.brand-image-actions{display:grid;grid-template-columns:1fr;gap:.4rem;margin:0 0 1rem}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.text-tools select{border:0;background:white;color:var(--night);padding:.38rem;border-radius:3px;font-weight:750;min-height:2rem}

/* Owner control panel */
.owner-auth,.control-app{background:var(--cream);min-height:100vh}
.auth-wrap{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1fr minmax(320px,480px);gap:clamp(2rem,8vw,8rem);align-items:center;padding:clamp(2rem,8vw,7rem)}
.auth-wrap h1,.control-main h1{font:500 clamp(3rem,7vw,6rem)/.9 Georgia,serif;letter-spacing:-.05em;margin:.5rem 0 1.25rem}.auth-wrap>section p:last-child{font-size:1.2rem;max-width:55ch;line-height:1.6}
.owner-card,.plain-card,.empty-card{background:var(--paper);border:1px solid var(--line);padding:clamp(1.4rem,4vw,2.4rem);box-shadow:var(--shadow)}.owner-card h2{font:500 2.4rem Georgia,serif}.owner-card label{display:grid;gap:.5rem;font-weight:800;margin:1rem 0}.owner-card input,.inbox-tools input,.inbox-tools select,.site-picker select{width:100%;padding:.85rem;border:1px solid var(--line);background:white;border-radius:4px}.inbox-tools select{min-height:3rem}.owner-card .primary{width:100%}
.owner-card textarea{width:100%;padding:.85rem;border:1px solid var(--line);background:white;border-radius:4px;resize:vertical}
.control-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,2.5rem);background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.account-button,.secondary-button{border:1px solid var(--line);background:white;color:var(--night);padding:.65rem .85rem;border-radius:4px;text-decoration:none;font-weight:800}.control-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}
.control-nav{background:var(--night);padding:2rem 1rem;display:flex;flex-direction:column;gap:.4rem}.control-nav a{color:#dfe6e1;text-decoration:none;padding:.8rem 1rem;border-radius:5px;font-weight:750;display:flex;justify-content:space-between}.control-nav a:hover,.control-nav a.active{background:#2c3b33;color:white}.nav-count{background:var(--orange);color:white;border-radius:999px;min-width:1.45rem;text-align:center;padding:.05rem .35rem}
.control-main{padding:clamp(1.2rem,4vw,3.5rem);max-width:1400px;width:100%;margin:auto}.control-topline{display:flex;align-items:flex-end;gap:.7rem;margin-bottom:2.5rem}.control-topline>.secondary-button,.control-topline>.primary{height:3rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center}.site-picker{display:grid;gap:.3rem;font-size:.75rem;font-weight:800;margin-right:auto}.site-picker select{min-width:min(420px,50vw);height:3rem;padding:0 .85rem;font-size:1rem;font-weight:800}.friendly-loading{padding:5rem;text-align:center;color:var(--muted);font-weight:750}
.secondary-button[aria-disabled=true]{opacity:.58;cursor:not-allowed;pointer-events:none}
.welcome-row,.page-heading{margin:0 0 2rem}.welcome-row h1,.page-heading h1{font-size:clamp(2.8rem,6vw,5.5rem)}.welcome-row p:last-child,.page-heading p:last-child{font-size:1.05rem;color:var(--muted);max-width:65ch}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.metric-card{background:var(--paper);border:1px solid var(--line);padding:1.4rem;color:inherit;text-decoration:none;display:grid;gap:.35rem;min-height:155px}.metric-card:hover{border-color:var(--orange)}.metric-card span{font-weight:800}.metric-card strong{font:500 3.2rem Georgia,serif;color:var(--orange)}.metric-card small{color:var(--muted)}.plain-card{margin-top:1rem}.plain-card h2{font:500 2rem Georgia,serif}.quick-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.inbox-tools{display:grid;grid-template-columns:1fr 180px auto;gap:.7rem;margin-bottom:1rem}.inbox-layout{display:grid;grid-template-columns:minmax(280px,38%) 1fr;min-height:560px;background:var(--paper);border:1px solid var(--line)}.contact-list{border-right:1px solid var(--line);overflow:auto;max-height:70vh}.contact-row{width:100%;border:0;border-bottom:1px solid var(--line);background:white;padding:1rem;text-align:left}.contact-row:hover{background:#f7f5ed}.contact-row.unread{border-left:5px solid var(--orange);background:#fffaf3}.contact-row span{display:flex;justify-content:space-between;gap:1rem}.contact-row time{font-size:.72rem;color:var(--muted)}.contact-row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin:.45rem 0 0}.contact-detail{padding:clamp(1.2rem,4vw,3rem);overflow:auto;max-height:70vh}.contact-detail h2{font:500 2.4rem Georgia,serif;margin:.4rem 0}.contact-date{color:var(--muted)}.reply-links,.contact-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.reply-links a,.contact-actions button{border:1px solid var(--line);background:white;padding:.65rem .8rem;border-radius:4px;color:inherit;text-decoration:none;font-weight:750}.message-body{white-space:pre-wrap;background:#f4f2e9;padding:1.2rem;line-height:1.65;border-radius:5px;margin:1.5rem 0}.danger-text{color:#a52c16!important}.soft-empty{padding:3rem;text-align:center;color:var(--muted)}
.simple-table{border-collapse:collapse;width:100%}.simple-table th,.simple-table td{text-align:left;border-bottom:1px solid var(--line);padding:.75rem}.bar{display:inline-block;width:var(--value);max-width:70%;height:.65rem;background:var(--lime);margin-right:.7rem}.check-summary{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.check-list{display:grid}.check-row-card{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.check-row-card>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffe0d7;color:#9b3019;font-weight:900}.check-row-card.passed>span{background:#dff2e6;color:#17683b}.check-row-card h2{font:800 1rem system-ui;margin:0}.check-row-card p{color:var(--muted);margin:.3rem 0}.toggle-form{display:grid;gap:1rem;max-width:780px}.toggle-form>label{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:center}.toggle-form label span{display:grid;gap:.3rem}.toggle-form small{color:var(--muted);font-weight:400}.toggle-form input{width:1.4rem;height:1.4rem}.toggle-form .primary{justify-self:start}.control-app dialog{border-radius:5px}.control-app dialog h2{font-size:2rem}
@media(max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.control-shell{grid-template-columns:1fr}.control-nav{position:sticky;top:70px;z-index:12;flex-direction:row;overflow:auto;padding:.5rem;background:var(--night)}.control-nav a{white-space:nowrap}.inbox-layout{grid-template-columns:1fr}.contact-list{border-right:0;border-bottom:1px solid var(--line);max-height:320px}.contact-detail{max-height:none}.auth-wrap{grid-template-columns:1fr}}
@media(max-width:600px){.auth-wrap{padding:2rem 1rem}.auth-wrap h1{font-size:3.5rem}.control-main{padding:1rem}.control-topline{align-items:stretch;flex-wrap:wrap}.site-picker{width:100%}.site-picker select{min-width:0}.metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric-card{min-height:130px;padding:1rem}.metric-card strong{font-size:2.5rem}.inbox-tools{grid-template-columns:1fr 1fr}.inbox-tools input{grid-column:1/-1}.inbox-tools .secondary-button{text-align:center}.check-summary{display:grid}.control-header{height:64px}.control-shell{min-height:calc(100vh - 64px)}.control-nav{top:64px}.control-header .wordmark{font-size:1rem}}
.contact-row{padding:.45rem .7rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.contact-row>button{border:0;background:transparent;padding:.55rem;text-align:left;min-width:0}.bulk-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.7rem;background:var(--night);color:white}.bulk-tools strong{margin-right:auto}.bulk-tools button{border:1px solid #56645c;background:#2c3b33;color:white;padding:.5rem .65rem;border-radius:4px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.breakdown-list{list-style:none;padding:0}.breakdown-list li{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line)}.session-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.session-row span{display:grid}.session-row small{color:var(--muted)}
@media(max-width:600px){.breakdown-grid{grid-template-columns:1fr}.bulk-tools strong{width:100%}}
.header-actions{display:flex;gap:.5rem;align-items:center}.verification-banner{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center;background:#fff4cc;border:1px solid #e0b740;padding:1rem;margin-bottom:1.5rem}.verification-banner p{margin:.25rem 0}.verification-banner .status{grid-column:1/-1;margin:0}.legal-page{width:min(820px,calc(100% - 2rem));margin:clamp(3rem,8vw,7rem) auto}.legal-page>h1{font:500 clamp(3rem,8vw,6rem)/.92 Georgia,serif;letter-spacing:-.05em}.legal-page section{padding:1.2rem 0;border-top:1px solid var(--line)}.legal-page h2{font:500 2rem Georgia,serif}.legal-page p{line-height:1.7}.legal-updated{color:var(--muted)}.table-scroll{overflow:auto}.simple-table button{border:1px solid var(--line);background:white;padding:.5rem .65rem;border-radius:4px;font-weight:750}.simple-table small{color:var(--muted)}
.legacy-grid{display:grid;gap:1rem}.legacy-card{display:grid;gap:1rem;max-width:900px}.legacy-card h2{margin:0}.legacy-card>a,.legacy-card [data-current]{overflow-wrap:anywhere}.legacy-card label{display:grid;gap:.5rem;font-weight:800}.legacy-card select{width:100%;padding:.85rem;border:1px solid var(--line);background:white;border-radius:4px;min-height:3rem}.legacy-card .primary{justify-self:start}.legacy-card .status{margin:0;min-height:1.4em}
.funnel-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.verification-banner{grid-template-columns:1fr}.header-actions{gap:.3rem}.header-actions .secondary-button{padding:.5rem}.legal-page{margin:2rem auto}}

@media(max-width:600px){.funnel-grid{grid-template-columns:1fr 1fr}}