:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;--yellow:#ffcf00;--yellow-hover:#ffdc42;--canvas:#111;--panel:#1b1b1b;--line:#333;--text:#f5f5f2;--muted:#a5a5a0;background:var(--canvas);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label{touch-action:manipulation}button,a,input,select{transition:background .18s,border-color .18s,color .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}::selection{color:#111;background:var(--yellow)}[hidden]{display:none!important}
.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 22px 23px;background:#181818;border-right:1px solid #2a2a2a}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:0 9px}.brand img{display:block;width:164px;height:auto}.brand>span{font-size:9px;letter-spacing:3px;font-weight:600;color:#b1b1aa}.workspace-tag{display:flex;align-items:center;gap:9px;margin:31px 0 34px;padding:12px;border:1px solid #383528;background:#242219;border-radius:7px;color:#dfdac0;font-size:12px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--yellow);border-radius:50%}.nav-label{margin:0 12px 13px;color:#888883;font-size:9px;font-weight:600;letter-spacing:1.7px}.nav-item{display:flex;align-items:center;gap:10px;border-radius:7px;padding:13px 11px;font-size:12px;font-weight:600}.nav-item.active{background:var(--yellow);color:#171711}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.nav-arrow{margin-left:auto;font-size:16px}
.sidebar-note{margin-top:auto;padding:44px 10px 28px}.note-icon{font-size:30px;color:var(--yellow)}.sidebar-note h3{margin:15px 0 10px;font-size:13px;font-weight:600}.sidebar-note p{color:#9c9c94;font-size:11px;line-height:1.9;margin:0}.note-line{height:1px;background:#35352f;margin:21px 0 16px}.sidebar-note small{color:#b4b4a9;font-size:10px}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #34342e;padding-top:21px;font-size:11px}.avatar{width:33px;height:33px;border:1px solid #55503a;border-radius:50%;display:grid;place-items:center;background:#302c1d;color:var(--yellow);font-size:10px;font-weight:700}.sidebar-bottom small{display:block;font-size:10px;color:#92928a;margin-top:5px}.icon-button{margin-left:auto;border:0;background:none;color:#d0d0c7;font-size:22px}.icon-button:hover{color:var(--yellow)}
.main-wrap{grid-column:2;min-width:0}header{height:73px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;background:#171717;border-bottom:1px solid #2a2a2a;font-size:11px;color:#91918c}header strong{color:#deded8;font-weight:500}.slash{padding:0 14px;color:#66665e}.demo-pill{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#282517;border:1px solid #484025;border-radius:100px;color:#efda7b;font-size:10px;white-space:nowrap}.demo-pill i{width:5px;height:5px;background:var(--yellow);border-radius:50%}main{max-width:1320px;margin:0 auto;padding:37px 44px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#c7b764;margin:0 0 15px}h1{margin:0;font-size:43px;font-weight:650;line-height:1.12;letter-spacing:-1.8px}h1 span{color:var(--yellow)}.subtitle{font-size:12px;line-height:1.8;color:#a6a69f;margin:15px 0 0}.heading-art{width:228px;text-align:center;padding-right:14px;flex-shrink:0}.sound-bars{height:98px;display:flex;align-items:center;justify-content:center;gap:8px}.sound-bars i{display:block;width:11px;height:35px;border-radius:3px;background:var(--yellow)}.sound-bars i:nth-child(2),.sound-bars i:nth-child(8){height:59px;background:#aa8c13}.sound-bars i:nth-child(3),.sound-bars i:nth-child(7){height:78px}.sound-bars i:nth-child(4),.sound-bars i:nth-child(6){height:49px;background:#675719}.sound-bars i:nth-child(5){height:95px}.heading-art>span{display:block;color:#8f8b75;letter-spacing:2.1px;font-size:7px;margin-top:14px}.verification-note{display:flex;gap:8px;font-size:10px;color:#a09d8e;line-height:1.8;margin:0 0 21px}.verification-note>span{color:#e6be28}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel)}.creator-panel{padding:25px}.section-title{display:flex;align-items:flex-start;gap:12px}.step-number{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;color:var(--yellow);border:1px solid #514824;border-radius:7px;background:#2c2819;font-size:10px;font-weight:600}h2{font-size:16px;letter-spacing:-.35px;font-weight:600;margin:1px 0 7px}.section-title p{font-size:11px;color:#a3a39c;line-height:1.6;margin:0}fieldset{border:0;padding:0;margin:22px 0;display:flex;flex-direction:column;gap:10px;min-width:0}.role-card{display:flex;align-items:center;gap:13px;position:relative;min-height:72px;padding:14px;border:1px solid #3b3b36;border-radius:8px;cursor:pointer;background:#202020}.role-card:hover{border-color:#797052}.role-card:has(input:checked){background:#2b2819;border-color:var(--yellow);box-shadow:inset 3px 0 0 var(--yellow)}.role-card:has(input:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}.role-card:has(input:disabled){cursor:not-allowed}.role-card input{position:absolute;width:1px;height:1px;opacity:0}.role-icon{width:38px;height:38px;display:grid;place-items:center;background:#2e2e28;border-radius:9px;color:#b6b29d;flex-shrink:0}.role-card:has(input:checked) .role-icon{background:#49401e;color:var(--yellow)}.role-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.role-copy strong{display:block;font-size:13px;font-weight:600}.role-copy small{display:block;color:#aaa99e;font-size:10px;margin-top:5px}.radio-circle{display:block;flex-shrink:0;width:15px;height:15px;margin-left:auto;background:#202020;border:1px solid #747467;border-radius:50%}.role-card:has(input:checked) .radio-circle{border:4px solid var(--yellow);background:#171717}
.subscription-controls{display:flex;gap:10px;margin:0 0 22px;padding:14px 15px;border:1px solid #414037;border-radius:8px;background:#20201b}.subscription-controls legend{color:#e6dfb4;padding:0 6px;font-size:11px}.subscription-controls>label{color:#b5b3a5;font-size:10px}.subscription-controls select{width:100%;color:#f3f1e7;background:#292923;padding:10px 11px;border:1px solid #595644;border-radius:6px;font-size:12px}.billing-options{display:flex;gap:23px;font-size:11px}.billing-options label{display:flex;gap:5px;align-items:center}.billing-options label:has(input:disabled){opacity:.45}.billing-options input{accent-color:var(--yellow);margin:0}.subscription-controls p{color:#b5b1a0;font-size:10px;line-height:1.7;margin:1px 0 0}.included{margin:0 0 22px}.included>span{color:#a6a28c;font-size:8px;font-weight:600;letter-spacing:1.3px}.included>div{display:flex;flex-wrap:wrap;gap:13px;font-size:9px;color:#d1cba5;margin-top:11px}.primary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border:1px solid var(--yellow);border-radius:7px;background:var(--yellow);color:#18170d;font-size:12px;font-weight:700;min-height:46px}.primary:hover:enabled{background:var(--yellow-hover);border-color:var(--yellow-hover)}.primary>span{font-size:17px;font-weight:400}.creator-panel>.primary{width:100%}.button-caption{color:#a7a394;font-size:9px;text-align:center;line-height:1.7;margin:11px 0 0}
.progress-panel{padding:27px 25px 0;display:flex;flex-direction:column;overflow:hidden}.progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.progress-header .eyebrow{font-size:8px;margin-bottom:11px}.progress-header h2{font-size:19px}.status-label{padding:6px 8px;border:1px solid #484638;border-radius:4px;color:#c2bda5;font-size:8px;font-weight:600;letter-spacing:.7px;white-space:nowrap;background:#26251e}.status-label[data-status="succeeded"]{background:var(--yellow);border-color:var(--yellow);color:#16150c}.status-label[data-status="running"],.status-label[data-status="awaiting_approval"]{background:#3a321a;color:#ffdb52;border-color:#776325}.status-label[data-status="incomplete"]{background:#3d241c;border-color:#77513b;color:#ffc195}.muted{color:#aaa99d;font-size:11px;line-height:1.8}.progress-panel>.muted{margin:4px 0 25px;min-height:20px}.steps{flex:1;list-style:none;padding:0;margin:0}.steps li{position:relative;display:flex;gap:12px;min-height:62px;color:#b2b1a8}.steps li:not(:last-child):after{content:"";position:absolute;left:13px;top:29px;bottom:4px;width:1px;background:#3c3b32}.steps li>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #535144;background:#24241f;font-size:10px;flex-shrink:0}.steps strong{display:block;font-size:11px;font-weight:500;margin:2px 0 6px}.steps small{display:block;color:#9e9b8d;font-size:10px;line-height:1.5;padding-right:3px}.steps b{margin-left:auto;color:var(--yellow);font-size:13px;font-weight:400}.steps li.current{color:#ffdc55}.steps li.current>span{border-color:var(--yellow);background:#3c341b;color:var(--yellow);box-shadow:0 0 0 3px #39321c}.steps li.done{color:#e1d9b1}.steps li.done>span{background:var(--yellow);border-color:var(--yellow);color:#18170e}.steps li.failed{color:#ffbc8e}.steps li.failed>span{border-color:#c58961;background:#3b2820;color:#ffbc8e}.progress-footer{display:flex;align-items:center;gap:8px;margin:11px -25px 0;padding:16px 25px;border-top:1px solid #35342c;background:#20201b;color:#b5b09b;font-size:9px}.banner{padding:15px 18px;margin-bottom:20px;border:1px solid #776129;border-radius:8px;background:#312a19;color:#f0dca0;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.review-panel,.result-panel{margin-top:22px;padding:26px}.review-panel pre{margin:22px 0 16px;padding:20px;border:1px solid #464337;border-radius:8px;background:#141413;color:#d2cfc2;white-space:pre-wrap;font:12px/1.9 "Segoe UI",sans-serif;max-height:420px;overflow:auto}.review-panel details,.result-panel details{color:#e0c974;font-size:11px;margin:15px 0}summary{cursor:pointer}.review-panel img,.result-panel img{display:block;width:100%;margin-top:14px;border:1px solid #4a4534;border-radius:8px}.consent{display:flex;align-items:flex-start;gap:10px;color:#d2cdb9;font-size:12px;line-height:1.8;margin:24px 0 18px}.review-actions,.result-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #6b6240;border-radius:7px;background:#25231b;color:#f0dda3;font-size:11px;cursor:pointer}.secondary:hover{background:#3b341e;border-color:#b89b36}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-heading .eyebrow{margin-bottom:10px}.result-panel dl{display:grid;grid-template-columns:150px minmax(0,1fr);margin:23px 0;font-size:12px;line-height:1.8}.result-panel dt,.result-panel dd{padding:11px 0;margin:0;border-bottom:1px solid #3b392e;overflow-wrap:anywhere}.result-panel dt{color:#b2aa8d}.result-panel dd{display:flex;align-items:center;gap:14px;color:#f3efe0;min-width:0}.result-panel dd input{width:210px;min-width:0;padding:7px;border:1px solid #59513a;border-radius:4px;background:#27241c;color:#eee7ce}.result-panel dd button{border:0;background:transparent;color:var(--yellow);font-size:11px}.error{color:#ffb59d;font-size:11px;line-height:1.8}.error:empty{display:none}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 23px;color:#949184;font-size:9px;line-height:1.7}.footer-dot{padding:0 8px;color:#cab64f}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#141414}.login-card{width:350px;max-width:calc(100vw - 48px);margin:auto;padding:45px 0}.login-logo{display:block;width:210px;height:auto;margin-bottom:40px}.login-card .eyebrow{font-size:8px;letter-spacing:1.7px}.login-card h1{font-size:39px;font-weight:600}.login-card>.muted{font-size:13px;margin:20px 0 29px}.login-card label{display:block;color:#d0cbbb;font-size:11px;margin:19px 0 9px}.login-card input{width:100%;padding:13px;border:1px solid #565144;border-radius:6px;background:#22221e;color:#f4f1e6;outline-color:var(--yellow)}.login-card input:hover{border-color:#95814a}.login-card .primary{width:100%;margin-top:26px}.login-card small{display:block;text-align:center;color:#a29b84;font-size:10px;margin-top:27px}.login-art{position:relative;min-height:calc(100vh - 40px);margin:20px;padding:34px 44px 27px;display:flex;flex-direction:column;overflow:hidden;border-radius:15px;background:var(--yellow);color:#17170e}.art-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;font-weight:700;letter-spacing:1.4px}.art-topline>span:last-child{font-size:22px;font-weight:400}.record-disc{position:relative;width:min(32vw,410px);aspect-ratio:1;margin:36px auto 28px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0,#171717 12px,#333125 13px,#171717 14px);box-shadow:17px 20px 0 #c5a400}.record-label{width:45%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid #797030;border-radius:50%;background:#212017;padding:14px;transform:rotate(-13deg)}.record-label img{width:100%;height:auto}.record-label span{font-size:6px;font-weight:700;letter-spacing:1.8px;color:#ddc852;text-align:center}.login-art-copy{margin-top:auto;position:relative;padding-top:10px}.login-art-copy>span{font-size:clamp(39px,4.5vw,68px);font-weight:650;line-height:1.04;letter-spacing:-2.8px}.login-art-copy>p{font-size:8px;font-weight:750;letter-spacing:1.6px;margin:24px 0 26px}.art-bottomline{display:flex;align-items:center;gap:14px;border-top:1px solid #b3981f;padding-top:18px;font-size:8px;font-weight:700;letter-spacing:1.4px}.art-bottomline i{width:3px;height:3px;background:#655b20;border-radius:50%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Documents are available before the single approval/start action. */
.preflight { margin: 18px 0; padding: 16px; border: 1px solid var(--border, #3b392e); border-radius: 10px; background: #202019; }
.preflight p { margin: 0 0 12px; }
.preflight .consent { margin: 12px 0 0; font-size: 12px; line-height: 1.65; color: #c7c4b7; }
.preflight pre { max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 12px; line-height: 1.7; padding: 12px; background: #141414; }
.worker-pool { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:18px 22px; margin-bottom:22px; border:1px solid #484025; border-radius:10px; background:#222016; }
.worker-pool > div { min-width:0; flex:1 1 240px; }
.worker-pool .eyebrow { margin-bottom:8px; }
.worker-pool strong { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.worker-pool .muted { margin:5px 0 0; }
.worker-count { padding:9px 12px; border:1px solid #68603a; border-radius:7px; color:#ffdb52; font-size:13px; white-space:nowrap; }
.worker-pool[data-busy="false"] .worker-count { color:#d7d8c1; border-color:#595b47; }
.queue-notice { padding:16px; margin:0 0 24px; border:1px solid #79672c; border-radius:8px; background:#302a18; color:#ffdc55; overflow-wrap:anywhere; }
.queue-notice strong { font-size:16px; line-height:1.6; }
.queue-notice p { font-size:13px; line-height:1.7; color:#ddd2a2; margin:6px 0 0; }

/* Reflow according to available space, including short and zoomed viewports. */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
.layout, .login-screen { min-height: 100svh; }
.main-wrap { container: workspace / inline-size; padding-inline: env(safe-area-inset-left) env(safe-area-inset-right); }
.sidebar { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.sidebar, .panel, .page-heading > div, .section-title > div, .progress-header > div,
.role-copy, .steps li > div, .result-heading > div, header > span, footer > span { min-width: 0; }
main { padding-inline: clamp(16px, 3vw, 44px); padding-bottom: env(safe-area-inset-bottom); }
header { min-height: 64px; height: auto; padding: 18px clamp(16px, 3vw, 44px); gap: 14px; flex-wrap: wrap; line-height: 1.6; }
h1 { font-size: clamp(32px, 3.5vw, 43px); }
h2, .subtitle, .muted, .error, .consent, .role-copy, .steps, .result-panel dl, footer { overflow-wrap: anywhere; }
.subtitle, .muted { font-size: 13px; }
.content-grid { align-items: start; }
.creator-panel, .progress-panel { --panel-padding: clamp(16px, 2.1vw, 29px); padding-inline: var(--panel-padding); }
.progress-footer { margin-inline: calc(-1 * var(--panel-padding)); padding-inline: var(--panel-padding); }
.progress-header { flex-wrap: wrap; gap: 12px; }
.progress-header > div { flex: 1 1 190px; }
.status-label { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 10px; }
.role-card { min-height: 80px; }
.role-copy small, .section-title p { font-size: 12px; line-height: 1.6; }
.subscription-controls > label, .subscription-controls p, .subscription-controls legend { font-size: 12px; }
.billing-options { flex-wrap: wrap; gap: 4px 20px; font-size: 13px; }
.billing-options label { min-height: 44px; gap: 8px; padding: 8px 0; cursor: pointer; }
.billing-options input { width: 20px; height: 20px; }
.included > div { font-size: 11px; }
.primary, .secondary { min-height: 48px; line-height: 1.5; min-width: 0; text-align: start; overflow-wrap: anywhere; }
.primary { font-size: 13px; }
.primary > span { flex-shrink: 0; }
.secondary { font-size: 12px; }
.button-caption { font-size: 11px; }
.icon-button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; }
.logout-label { display: none; font-size: 12px; }
.steps li { min-height: 74px; padding-bottom: 14px; }
.steps strong { font-size: 13px; line-height: 1.5; }
.steps small { font-size: 12px; line-height: 1.6; }
.steps b { flex-shrink: 0; }
.review-panel, .result-panel { padding: clamp(16px, 2.1vw, 29px); }
.review-panel pre, .preflight pre { min-width: 0; max-width: 100%; overflow-wrap: anywhere; tab-size: 2; }
.review-panel pre { max-height: min(55vh, 420px); max-height: min(55svh, 420px); padding: clamp(12px, 2vw, 20px); }
.preflight pre { max-height: clamp(160px, 40vh, 280px); max-height: clamp(160px, 40svh, 280px); }
summary { min-height: 44px; padding-block: 12px; line-height: 1.6; overflow-wrap: anywhere; touch-action: manipulation; }
.result-heading { flex-wrap: wrap; align-items: flex-start; }
.result-heading > div { flex: 1 1 220px; }
.result-panel dl { font-size: 13px; }
.result-panel dd { flex-wrap: wrap; }
.result-panel dd input { flex: 0 1 260px; max-width: 100%; min-height: 44px; }
.result-panel dd button { min-height: 44px; min-width: 44px; flex-shrink: 0; }
.review-actions > *, .result-actions > * { flex: 1 1 180px; }
footer { flex-wrap: wrap; font-size: 11px; }
.login-screen { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.login-card { max-width: calc(100% - 48px); min-width: 0; }
.login-card h1 { font-size: clamp(30px, 3vw, 39px); }
.login-card input, .subscription-controls select { min-height: 48px; }
.login-art { min-width: 0; padding: clamp(24px, 3vw, 44px); }

@container workspace (max-width: 880px) {
  .content-grid { grid-template-columns: minmax(0, 1fr); }
  .heading-art { display: none; }
}
@media (min-width: 1550px) {
  main { padding-top: 50px; }
}
@media (min-width: 1025px) and (max-width: 1150px) {
  .layout { grid-template-columns: 200px minmax(0, 1fr); }
  .sidebar { width: 200px; padding-inline: 16px; }
  .brand { padding-inline: 4px; }
  .brand img { width: 150px; }
  .brand > span { font-size: 8px; letter-spacing: 2.5px; }
}
@media (max-width: 1024px) {
  .layout { display: block; }
  .main-wrap { grid-column: auto; }
  .sidebar { position: static; width: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 20px max(20px, env(safe-area-inset-left)); border-right: 0; border-bottom: 1px solid #353328; overflow: visible; }
  .brand { padding: 0; gap: 8px; }
  .brand img { width: 152px; }
  .brand > span { font-size: 8px; letter-spacing: 2.5px; }
  .workspace-tag, .nav-label, .nav-item, .sidebar-note { display: none; }
  .sidebar-bottom { border: 0; padding: 0; }
  .logout-label { display: inline; }
  .icon-button { padding: 0 10px; border: 1px solid #484025; border-radius: 7px; background: #242219; }
  .login-card input, .subscription-controls select { font-size: 16px; }
  .page-heading { gap: 16px; }
  .heading-art { width: 170px; padding-right: 0; }
  .sound-bars { gap: 6px; }
  .sound-bars i { width: 9px; }
  .heading-art > span { letter-spacing: 1.3px; }
}
@media (max-width: 900px) {
  .content-grid { grid-template-columns: minmax(0, 1fr); }
  .heading-art { display: none; }
  .login-screen { display: grid; grid-template-columns: minmax(0, 1fr); }
  .login-art { display: none; }
  .login-card { width: 350px; padding: 40px 0; padding-block: max(40px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-bottom)); }
  .login-logo { width: 190px; margin-bottom: 32px; }
}
@media (max-width: 600px) {
  .sidebar { padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right)); }
  .brand img { width: 140px; }
  .brand > span { font-size: 7px; }
  .sidebar-bottom > div, .sidebar-bottom .avatar { display: none; }
  header { padding-block: 12px; font-size: 11px; gap: 8px; }
  .slash { padding-inline: 7px; }
  .demo-pill { font-size: 9px; }
  main { padding-top: 26px; }
  .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  .verification-note { font-size: 11px; }
  .section-title { gap: 10px; }
  .role-card { gap: 10px; padding: 12px; }
  .preflight { padding: 12px; }
  .progress-header > div { flex-basis: 100%; }
  .result-panel dl { grid-template-columns: minmax(0, 1fr); }
  .result-panel dt { border: 0; padding: 14px 0 3px; font-size: 12px; }
  .result-panel dd { padding: 0 0 14px; gap: 8px; }
  .result-panel dd input { flex: 1 1 140px; }
  .result-heading .secondary { width: 100%; }
  .review-actions > *, .result-actions > * { flex-basis: 100%; }
  footer { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }