.demo-intro{padding:68px 0 42px;max-width:1010px}.demo-intro h1{font:700 clamp(30px,4vw,58px)/1.16 Unbounded,sans-serif;letter-spacing:-.055em;margin:20px 0 24px}.intro-copy{font-size:20px;line-height:1.6;color:var(--muted);max-width:740px}.demo-notice{margin-top:28px}.workflow{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-block:1px solid var(--line);margin-bottom:30px;font-size:13px}.workflow span{display:flex;align-items:center;gap:12px}.workflow b{font:11px OrbitaMono,monospace;color:var(--muted)}.editor-workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:28px;align-items:start}.field-panel{border:1px solid var(--line);background:#fff;padding:28px;min-width:0}.panel-heading{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.panel-heading .eyebrow{margin:0 0 12px}.panel-heading h2{font:600 22px/1.3 Onest,sans-serif;margin:0;letter-spacing:-.03em}.field{margin-bottom:20px}.field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;font-weight:600;margin-bottom:8px}.field small{font-size:10px;font-weight:400;color:var(--muted);text-align:right}.field input,.field textarea{width:100%;border:1px solid #aeb5a0;background:var(--paper);padding:12px;font:16px/1.5 Onest,sans-serif;color:var(--ink);border-radius:0;min-height:48px}.field textarea{resize:vertical;min-height:140px}.field-note,.confirmation-foot{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 22px}.field-panel>.button{width:100%}.quiet-button{border:0;background:none;padding:12px 0;min-height:44px;font:12px Onest,sans-serif;text-decoration:underline;text-underline-offset:5px;color:var(--muted);cursor:pointer}.field-panel>.quiet-button{display:block;margin:8px auto 0}.error{color:#9f2d1e;font-size:13px;margin:16px 0;line-height:1.6}.preview-column{min-width:0;position:sticky;top:22px}.preview-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.preview-controls>.eyebrow{margin:0;font-size:10px}.view-switch{display:flex;background:#e9ecdf;padding:4px;border:1px solid var(--line)}.view-switch button{background:transparent;border:0;padding:10px 12px;min-height:44px;font:11px Onest,sans-serif;cursor:pointer;color:var(--muted)}.view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #10140a1a;color:var(--ink)}.site-preview{border:1px solid #bac1ae;background:#fff;box-shadow:0 3px 8px #10140a0d,0 20px 32px #10140a10;overflow:hidden}.browser-bar{display:flex;gap:12px;justify-content:space-between;padding:14px 18px;background:#ecefe5;border-bottom:1px solid var(--line);font:9px OrbitaMono,monospace;color:var(--muted)}.browser-bar>span:first-child{letter-spacing:4px;font-size:8px}.fictional-site{background:#f5f2e9;padding:24px}.fictional-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;color:#43483b;font-size:10px}.fictional-header strong{font-size:14px;letter-spacing:.12em}.editor-art{height:180px;background:#e2daca;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c6c2b5}.wall{position:absolute;inset:0;background:linear-gradient(104deg,#f0e9d9 0%,#f0e9d9 45%,#d8ceba 45%,#e8dfcb 74%,#d5cbb7 74%)}.arch{position:absolute;height:140px;width:97px;border-radius:70px 70px 0 0;bottom:0;right:18%;background:linear-gradient(110deg,#746d57,#a59e89);box-shadow:inset 8px 2px 0 #c8bea8,-16px 0 30px #958b7522}.bench{position:absolute;width:44%;height:30px;bottom:26px;left:13%;background:#8c9377;transform:skewY(-7deg);box-shadow:14px 16px 0 #c3bba8}.editor-art>span{position:absolute;top:16px;left:18px;font:8px OrbitaMono,monospace;letter-spacing:.14em;color:#5e6550}.service-copy{padding:28px 4px 0}.service-category{font:9px OrbitaMono,monospace;letter-spacing:.1em;color:#6d735e}.service-copy h3{font:600 clamp(23px,2.6vw,36px)/1.2 Onest,sans-serif;letter-spacing:-.04em;margin:14px 0 18px;overflow-wrap:anywhere}.service-copy>p{font-size:13px;line-height:1.7;color:#616753;overflow-wrap:anywhere}.service-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px 0 24px;border-bottom:1px solid #cbcbbb}.price-label{font-size:10px;color:#666d59;display:block;margin-bottom:5px}.service-bottom strong{font:600 clamp(23px,3vw,37px)/1.2 Onest,sans-serif;white-space:nowrap}.fake-button{padding:14px;background:#3c4931;color:#f2f4eb;font-size:10px;white-space:nowrap}.service-copy .hours{font-size:10px;margin:16px 0 0}.hours>span:first-child{color:#818771}.preview-foot{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0}.current-state{display:flex;align-items:start;gap:12px;background:var(--soft);padding:16px 18px;border:1px solid var(--line)}.current-state p{font-size:12px;line-height:1.6;margin:0}.state-dot{display:block;width:7px;height:7px;border-radius:50%;background:#6b822e;margin-top:6px;flex-shrink:0}.confirmation{margin-top:54px;padding:32px;border:1px solid #a4b684;border-top:4px solid #526e24;background:#fff;scroll-margin-top:24px}.confirmation header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}.confirmation h2,.history-heading h2,.demo-next h2{font:700 clamp(23px,2.8vw,36px)/1.22 Unbounded,sans-serif;letter-spacing:-.05em;margin:12px 0}.version-tag{font:10px OrbitaMono,monospace;white-space:nowrap;background:var(--soft);padding:8px 10px;border:1px solid var(--line)}.diff-row{padding:22px 0;border-top:1px solid var(--line)}.diff-row h3{font-size:14px;margin:0 0 16px}.diff-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diff-value{padding:18px;background:#f3f2ec;min-width:0}.diff-value.after{background:#eff5df}.diff-value small{display:block;font:10px OrbitaMono,monospace;color:var(--muted);margin-bottom:10px}.diff-value p{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}.confirm-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.confirmation-foot{margin-bottom:0}.history-section{margin-top:70px}.history-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.history-heading>p{font-size:12px;color:var(--muted);line-height:1.7}.history-entry{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.history-number{font:600 25px Onest,sans-serif;color:#82935f}.history-title{font-size:14px;font-weight:600}.history-entry p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}.history-entry button{border:1px solid #aeb5a0;background:transparent;padding:12px;min-height:44px;font:11px Onest,sans-serif;cursor:pointer}.history-entry .current{font:10px OrbitaMono,monospace;padding:8px 10px;background:var(--soft);white-space:nowrap}.history-foot{font-size:11px;color:var(--muted);line-height:1.7}.demo-next{margin:80px 0 60px;padding:44px;background:#232b1d;color:var(--paper);display:flex;justify-content:space-between;gap:32px;align-items:center}.demo-next .eyebrow{color:#c1c9b1}.demo-next p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:650px;color:#c1c9b1}.demo-next>a{flex-shrink:0}.status-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#232b1d;color:white;padding:16px 20px;max-width:600px;width:calc(100% - 40px);font-size:13px;z-index:20;box-shadow:0 4px 30px #10140a33}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6d8d17;outline-offset:5px}@media(max-width:1100px){.editor-workspace{grid-template-columns:minmax(280px,1fr) minmax(0,1.2fr);gap:20px}.field-panel{padding:22px}.preview-controls{flex-direction:column;align-items:start;gap:12px}.service-bottom{align-items:start;flex-direction:column;gap:15px}.demo-next{flex-direction:column;align-items:start}}@media(max-width:760px){.demo-intro{padding:42px 0 30px}.intro-copy{font-size:17px}.workflow{flex-direction:column;gap:18px;font-size:12px}.editor-workspace{grid-template-columns:minmax(0,1fr)}.preview-column{position:relative;top:auto;grid-row:1}.preview-controls{flex-direction:row;align-items:center}.preview-controls>.eyebrow{max-width:120px;line-height:1.5;font-size:8px}.view-switch button{padding:8px;font-size:10px}.fictional-site{padding:20px}.service-bottom{flex-direction:row;align-items:end}.confirmation{padding:22px;margin-top:40px}.confirmation header{flex-direction:column;gap:10px}.diff-pair{grid-template-columns:minmax(0,1fr);gap:8px}.diff-value{padding:16px}.confirm-actions{display:grid}.history-section{margin-top:50px}.history-heading{flex-direction:column;align-items:start;gap:5px}.history-entry{grid-template-columns:44px minmax(0,1fr);gap:14px}.history-entry button,.history-entry .current{grid-column:2;justify-self:start}.demo-next{margin:56px 0 40px;padding:28px;gap:22px}.demo-next>a{width:100%}.browser-bar>span:nth-child(2){font-size:8px}}@media(max-width:390px){.demo-intro h1{font-size:27px}.fictional-header{gap:8px}.fictional-header strong{font-size:12px}.fictional-header span{font-size:9px}.service-bottom{flex-direction:column;align-items:start}.fictional-site{padding:16px}.field-panel{padding:20px}.field label{font-size:12px}.field small{font-size:9px}.editor-art{height:150px}.demo-next{padding:24px}.demo-next h2{font-size:23px}.browser-bar{padding:12px;gap:6px}.browser-bar>span:first-child{font-size:6px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.demo-next>.button.primary{color:var(--ink)}