.mkt.demo-root{flex-direction:column;flex:1;min-height:100vh;display:flex}.mkt .demo{color:var(--cream);background:radial-gradient(80% 85% at 50% -12%, #7fd4ae33, transparent 62%), linear-gradient(180deg, #0a2e22 0%, var(--forest) 48%, #0e4231 100%);flex:1}.mkt .demo>.wrap{padding-block:clamp(40px,5.5vw,76px) clamp(56px,8vw,100px)}.mkt .demo-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(34px,5vw,68px);display:grid}@media (max-width:940px){.mkt .demo-grid{grid-template-columns:1fr}}.mkt .demo-pitch .ey{color:var(--seafoam)}.mkt .demo-pitch h1{letter-spacing:-.02em;max-width:15ch;margin-top:18px;font-size:clamp(34px,4.3vw,54px)}.mkt .demo-pitch h1 em{color:var(--seafoam);font-style:normal}.mkt .demo-pitch .lede{color:var(--cream-dim);max-width:46ch;margin-top:19px;font-size:17px}.mkt .demo-steps{counter-reset:step;gap:15px;max-width:46ch;margin:28px 0 0;padding:0;list-style:none;display:grid}.mkt .demo-steps li{color:var(--cream-dim);padding-left:38px;font-size:14.5px;position:relative}.mkt .demo-steps li:before{counter-increment:step;content:counter(step);width:24px;height:24px;font-family:var(--mono);color:var(--forest);background:var(--seafoam);border-radius:8px;place-items:center;font-size:11px;display:grid;position:absolute;top:0;left:0}.mkt .demo-steps b{color:var(--cream);font-weight:500;display:block}.mkt .demo-note{max-width:46ch;color:var(--cream-dim);border-top:1px solid #f3f1e924;margin-top:30px;padding-top:22px;font-size:14px}.mkt .demo-note a{color:var(--seafoam);text-underline-offset:3px}.mkt .fm-card{background:var(--card);color:var(--ink);border:1px solid #ffffff80;border-radius:18px;padding:clamp(22px,2.8vw,34px);position:relative;box-shadow:0 60px 100px -48px #03100bb3,0 2px 5px #03100b1f}.mkt .fm-card h2{font-size:clamp(22px,2vw,26px)}.mkt .fm-lede{color:var(--muted);margin-top:9px;font-size:14.5px}.mkt .fm-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}@media (max-width:520px){.mkt .fm-grid{grid-template-columns:1fr}}.mkt .fm-f{flex-direction:column;gap:6px;min-width:0;display:flex}.mkt .fm-f.wide{grid-column:1/-1}.mkt .fm-f label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.mkt .fm-f label .req{color:var(--green);margin-left:3px}.mkt .fm-f :is(input,select,textarea){width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.mkt .fm-f textarea{resize:vertical;min-height:92px;line-height:1.5}.mkt .fm-f :is(input,textarea)::placeholder{color:#a9a89b}.mkt .fm-f :is(input,select,textarea):hover{border-color:#cbc7bb}.mkt .fm-f :is(input,select,textarea):focus-visible{background:var(--card);border-color:var(--green);outline:none;box-shadow:0 0 0 3px #1b7a5a26}.mkt .fm-f select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%23767A6C' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.mkt .fm-hp{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mkt .fm-status{margin-top:16px}.mkt .fm-status:empty{margin-top:0}.mkt .fm-error{color:#8a3b26;background:#fbf1ee;border:1px solid #e7cac2;border-radius:10px;padding:10px 13px;font-size:13.5px}.mkt .fm-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.mkt .fm-submit[disabled]{cursor:progress;opacity:.62}.mkt .fm-fine{color:var(--muted);max-width:32ch;font-size:12.5px}.mkt .fm-done{justify-items:start;gap:13px;display:grid}.mkt .fm-done .tick{width:42px;height:42px;color:var(--green-ink);background:#e3efe8;border-radius:13px;place-items:center;font-size:19px;font-style:normal;display:grid}.mkt .fm-done h2{font-size:26px}.mkt .fm-done p{color:var(--ink-2);max-width:42ch;font-size:15px}.mkt .fm-done strong{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.mkt .fm-done .btn{margin-top:4px}
