:root{color-scheme:dark;--bg:#141819;--panel:#1b2322;--ink:#f0efe8;--soft:#bac5c0;--line:#4d625b;--accent:#d5e5d9;--gold:#d2bd8b;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(960px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;letter-spacing:.2em;line-height:1.5;font-size:18px}.brand span{display:block;font-size:9px;letter-spacing:.37em}.draft-label{color:var(--soft);font-size:12px;text-align:right}.intro{max-width:650px;margin:54px 0 32px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--gold);margin:0 0 13px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(45px,7vw,76px);line-height:1.03;margin:0 0 25px}h2{font-size:29px;line-height:1.25;margin:0 0 20px}p{color:var(--soft);line-height:1.65}.intro>p:last-child{max-width:430px;font-size:17px}.environment{border:1px solid var(--line);padding:15px 18px;font-size:13px;background:#202d29}.environment[data-mode=blocked]{border-color:var(--gold);color:#eddbad}.message{color:var(--accent);font-size:14px;white-space:pre-wrap;min-height:1.6em;overflow-wrap:anywhere}.message:empty{margin:0;min-height:0}.card{background:var(--panel);border:1px solid var(--line);padding:34px;margin:28px 0}.compact{max-width:760px}.review-notice{border-left:2px solid var(--gold);padding-left:15px;font-size:14px}.review-notice strong{color:#e7d6b0;font-size:12px;letter-spacing:.09em;display:block;margin-bottom:7px}form{margin-top:24px}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:grid;gap:9px;font-size:13px;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,textarea{width:100%;border:1px solid #7b8b83;background:#101817;color:var(--ink);border-radius:2px;padding:13px;font:inherit;min-height:48px}textarea{resize:vertical;line-height:1.5}.hint,.fine,.privacy{font-size:12px;color:var(--soft)}.hint{line-height:1.55}.privacy{padding-top:15px;border-top:1px solid var(--line);line-height:1.75}.consent{grid-template-columns:22px 1fr;gap:12px;line-height:1.65;align-items:start;margin:26px 0 0}.consent input{width:20px;height:20px;min-height:0;margin:2px 0 0;accent-color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}button{border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:#15251c;font:600 13px Arial,Helvetica,sans-serif;min-height:48px;padding:13px 20px;cursor:pointer}.secondary{background:transparent;color:var(--accent);border-color:#7b9588}button:disabled,input:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #e8dfad;outline-offset:4px}#verify-cancel{margin-top:15px}#access-form,#verify-form{max-width:520px}#preference-enabled{color:var(--ink);font-weight:600}footer{margin-top:48px;border-top:1px solid var(--line);padding:24px 0 40px;color:var(--soft);font-size:12px}.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}[hidden]{display:none!important}@media(max-width:620px){header,main,footer{width:calc(100% - 32px)}header{align-items:flex-start;padding:25px 0}.draft-label{max-width:110px;line-height:1.6}.intro{margin-top:36px}.card{padding:24px 19px}.form-grid{grid-template-columns:1fr;gap:0}h2{font-size:25px}.actions{flex-direction:column}.actions button{width:100%}.environment{padding:13px 15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.matched-orders{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.matched-orders h3{font-size:16px;line-height:1.4;font-weight:500;margin:0}.matched-orders p{font-size:13px}.matched-orders a{font-size:13px;text-underline-offset:4px}#matched-references{list-style:none;padding:0;margin:18px 0}#matched-references li{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;user-select:text;overflow-wrap:anywhere;border:1px solid var(--line);background:#101817;padding:12px 14px;margin:8px 0}

/* Exact public-site tokens from styles.css and flows.css, fetched 2026-10-06.
   Portal aliases retain existing component semantics (ink = foreground). */
@font-face{font-family:'KT Editorial';src:url('/fonts/KTEditorial-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'KT Editorial';src:url('/fonts/KTEditorial-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--kt-ink:#141517;--kt-paper:#f2f2ef;--kt-silver:#e8e9e7;--kt-muted:#b0b2b2;--kt-line:#424447;--kt-dark-line:#c4c5c2;--kt-panel:#202326;--kt-border:#454b50;--kt-quiet:#a7afb5;--kt-field:#111416;--kt-bright:#e4e8eb;--serif:'KT Editorial',Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--bg:var(--kt-ink);--ink:var(--kt-silver);--paper:var(--kt-panel);--panel:var(--kt-panel);--silver:var(--kt-silver);--soft:var(--kt-muted);--muted:var(--kt-muted);--line:var(--kt-line);--accent:var(--kt-silver);--gold:var(--kt-silver);--green:var(--kt-silver);background:var(--kt-ink);color:var(--kt-silver);color-scheme:dark;font-family:var(--sans)}
body{background:var(--kt-ink);color:var(--kt-silver);font-family:var(--sans)}
h1,h2,h3,.editorial,.wordmark,.brand,.client-hero h1,.order-copy h2,.stat-row strong{font-family:var(--serif);font-weight:400}
h1{letter-spacing:-.047em;line-height:1.03}h2.editorial{letter-spacing:-.04em;line-height:1.09}em{font-weight:400}
.shell-header,header{border-bottom:1px solid var(--kt-line)}
.sample-notice,.notice,.environment{background:var(--kt-field);color:var(--kt-muted);border-color:var(--kt-line)}
.app-tile,.order-tile,.panel,.card,dialog{background:var(--kt-panel);color:var(--kt-silver);border-color:var(--kt-line);box-shadow:none}
.app-tile:hover,.order-tile:hover{background:var(--kt-field);border-color:var(--kt-quiet)}
.app-icon{background:var(--kt-field);color:var(--kt-silver)}.app-icon.dark{background:var(--kt-silver);color:var(--kt-ink)}
button,.button{background:var(--kt-silver);color:var(--kt-ink);border-color:var(--kt-silver);min-height:48px}
button.secondary,.button.secondary,.secondary,#staff-close,#customer-close{background:transparent;color:var(--kt-silver);border-color:var(--kt-quiet)}
button.quiet,a.quiet,.tabbar button,.dock button{background:transparent;color:var(--kt-muted)}
.app-tile,.order-tile{background:var(--kt-panel);color:var(--kt-silver);border-color:var(--kt-line)}
.tabbar button[aria-selected=true]{color:var(--kt-silver);border-color:var(--kt-silver)}
.dock,.workshop-staff .dock{background:var(--kt-field);border-color:var(--kt-line);box-shadow:none}.dock button.active{background:var(--kt-silver);color:var(--kt-ink)}
.link-button{background:transparent;color:var(--kt-silver);border:none}
input,select,textarea{background:var(--kt-field);color:var(--kt-silver);border-color:var(--kt-quiet);min-height:48px}input::placeholder,textarea::placeholder{color:var(--kt-quiet);opacity:1}input[type=checkbox]{accent-color:var(--kt-silver);min-height:20px}
:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--kt-silver);outline-offset:6px;box-shadow:0 0 0 3px var(--kt-ink)}
.status-card,.stage-band{background:var(--kt-field);border-color:var(--kt-border);color:var(--kt-silver)}
.badge,.badge.warm,.badge.neutral,.pill{background:var(--kt-field);color:var(--kt-bright);border:1px solid var(--kt-border)}
.watch-art{background:linear-gradient(135deg,var(--kt-panel),var(--kt-field))}.watch{background:var(--kt-field);border-color:var(--kt-quiet)}.watch:before,.watch:after{background:var(--kt-quiet)}.watch i{border-color:var(--kt-muted)}.watch i:before,.watch i:after{background:var(--kt-silver)}
.upload{background:var(--kt-field);border-color:var(--kt-quiet)}.upload input{background:transparent}.timeline{border-color:var(--kt-line)}.timeline article:before{background:var(--kt-silver);border-color:var(--kt-panel)}
.email-preview{background:var(--kt-field);border-color:var(--kt-border);color:var(--kt-silver)}.warning,.review-notice{background:var(--kt-field);color:var(--kt-bright);border-left:2px solid var(--kt-muted)}.review-notice strong,[role=status]{color:var(--kt-silver)}
.toast{background:var(--kt-silver);color:var(--kt-ink);border:1px solid var(--kt-quiet)}.toast.error{background:var(--kt-panel);color:var(--kt-silver);border:2px solid var(--kt-silver)}dialog::backdrop{background:#030405c9}
.cover-preview,.client-hero{background:var(--kt-field)}.client-hero:not(.has-photo){background:var(--kt-ink);border-color:var(--kt-line)}.client-hero:not(.has-photo)::after{display:none}
.has-photo .cover-words,.has-photo .eyebrow,.has-photo .lede{color:var(--kt-silver)}.cover-shade{background:linear-gradient(90deg,#000c,#0007)}
#matched-references li{background:var(--kt-field);border-color:var(--kt-border)}::selection{background:var(--kt-silver);color:var(--kt-ink)}
.client-main{max-width:1100px}.client-hero{border-radius:0}.client-hero.has-photo{min-height:470px}.client-hero h1{font-size:clamp(3.5rem,5.65vw,5.7rem);line-height:1.03;letter-spacing:-.047em}.client-hero .lede{font-size:1rem;line-height:1.75}.cover-words{padding:40px}
.client-apps-section{margin:44px 0}.client-apps-heading{margin-bottom:28px}.client-apps-heading h2{font-size:clamp(2rem,4.1vw,3rem)}.client-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.client-app-tile{flex-direction:column;text-align:center;background:transparent;color:var(--kt-silver);border:0;padding:16px 8px 20px;gap:0;min-height:190px;min-width:0;filter:none!important}.client-app-tile:hover{background:var(--kt-panel)}
.client-app-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:var(--kt-panel);border:1px solid var(--kt-border);color:var(--kt-silver);margin-bottom:16px}.client-app-icon svg{width:38px;height:38px}.client-app-tile strong{font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.4}.client-app-tile>span:last-child{font-size:12px;line-height:1.5;font-weight:400;color:var(--kt-muted);margin-top:7px;max-width:150px}
.client-latest{border-radius:0;background:transparent;border-width:1px 0;padding:30px 0}.client-latest .editorial{font-size:clamp(2rem,4.1vw,3rem)}.client-open-app .panel{border-radius:0;background:transparent;border-width:1px 0;padding:28px 0}.client-home-button{padding-left:0!important;gap:12px;min-height:48px}.client-section-heading{margin:30px 0 38px}.client-section-heading h1{font-size:clamp(3rem,5.65vw,5.7rem)}.client-footer{border-top:1px solid var(--kt-line);padding-top:32px}.client-open-app .photo-grid img{border-radius:0}
@media(max-width:760px){.client-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-app-tile{min-height:190px}.client-hero h1{font-size:clamp(2.5rem,12.8vw,3.5rem)}.client-hero.has-photo{min-height:440px}.cover-words{padding:28px}.client-apps-section{margin:32px 0}.client-apps-heading h2{font-size:2.5rem}.client-open-app .client-photos{grid-template-columns:1fr}}