/* Fix desk: the home page console. Dark on purpose, so it reads as the one working surface on a light page. */
.fixdesk{margin-top:26px;border-radius:12px;background:#1d1f24;color:#e9e6e1;box-shadow:0 18px 44px #3a2a2238;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.fd-bar{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;background:#26282e;font-size:11px;color:#a6a8ae}
.fd-bar b{color:#8fce9f;font-weight:600}
.fd-form{display:flex;align-items:center;gap:10px;padding:18px 16px 10px}
.fd-prompt{flex:none;font-size:15px;color:#ef9a7c}
.fd-input{flex:1;min-width:0;height:44px;border:0;border-bottom:1px solid #4b4e56;border-radius:0;background:transparent;color:#fff;font:15px ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}
.fd-input::placeholder{color:#8d9098}
.fd-input:focus{border-bottom-color:#ef9a7c}
.fd-go{flex:none;min-height:44px;padding:0 16px;border:0;border-radius:8px;background:#c55f43;color:#fff;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.fd-go:hover{filter:brightness(1.08)}
.fd-go:focus-visible,.fd-chip:focus-visible,.fd-copy:focus-visible,.fd-next:focus-visible{outline:2px solid #ffd2bf;outline-offset:2px}
.fd-chips{display:flex;flex-wrap:wrap;gap:7px;padding:6px 16px 18px}
.fd-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid #474a52;border-radius:18px;color:#d6d4d0;font:500 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .15s,border-color .15s}
.fd-chip:hover{background:#2e3037;border-color:#6a6d75}
.fd-chip[aria-current]{background:#c55f43;border-color:#c55f43;color:#fff}
.fd-result{padding:18px 16px 20px;border-top:1px solid #33353c}
.fd-result[hidden]{display:none}
.fd-you{margin:0 0 16px;font-size:14px;line-height:1.5;color:#fff;overflow-wrap:anywhere}
.fd-you:before{content:'# ';color:#8d9098}
.fd-label{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8fce9f}
.fd-check[hidden]{display:none}
.fd-code{margin:0;padding:14px;border-radius:8px;background:#121317;color:#f2efe9;font:12.5px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.fd-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
.fd-copy{min-height:40px;padding:0 14px;border:1px solid #5a5d65;border-radius:8px;background:#2e3037;color:#fff;font:600 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.fd-copy:hover{background:#3a3c44}
.fd-status{font-size:12px;color:#a6a8ae;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fd-look{margin:0 0 18px;padding:0;list-style:none;font:13px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#cfcdc9}
.fd-look li{position:relative;padding-left:18px;margin-bottom:6px}
.fd-look li:before{content:'›';position:absolute;left:2px;color:#ef9a7c}
.fd-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fd-safe{font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#a6a8ae}
.fd-next{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:8px;background:#c55f43;color:#fff;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fd-next:hover{filter:brightness(1.08)}
.fd-play>*{animation:fd-print .28s ease-out both}
.fd-play>:nth-child(2){animation-delay:.08s}
.fd-play>:nth-child(3){animation-delay:.16s}
.fd-play>:nth-child(4){animation-delay:.24s}
.fd-play>:nth-child(5){animation-delay:.32s}
@keyframes fd-print{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fd-play>*{animation:none}.fd-chip{transition:none}}
@media(max-width:650px){.fd-form{flex-wrap:wrap}.fd-input{flex:1 1 60%;font-size:16px}.fd-go{width:100%}.fd-next{width:100%;justify-content:center}.fd-copy{width:100%}}

/* Result reader: step numbers, the paste box and the verdict card. The level is carried by icon and word as well as colour. */
.fd-output{display:block;box-sizing:border-box;width:100%;min-height:112px;padding:12px;border:1px solid #4b4e56;border-radius:8px;background:#121317;color:#f2efe9;font:12.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;outline:none}
.fd-output::placeholder{color:#8d9098}
.fd-output:focus{border-color:#ef9a7c}
.fd-read{background:#c55f43;border-color:#c55f43}
.fd-read:hover{background:#d06c50}
.fd-sample{min-height:40px;padding:0 4px;border:0;background:none;color:#ffc4ad;font:500 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fd-sample:focus-visible{outline:2px solid #ffd2bf;outline-offset:2px}
.fd-verdict[hidden]{display:none}
.fd-verdict{margin-bottom:18px;animation:fd-print .28s ease-out both}
.fd-card{padding:14px 16px;border-radius:8px;border-inline-start:4px solid #8d9098;background:#2a2c33;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fd-card[data-level=good]{border-color:#8fce9f}
.fd-card[data-level=warn]{border-color:#f5c56b}
.fd-card[data-level=bad]{border-color:#f28b82}
.fd-v-level{margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9c7c3}
.fd-card[data-level=good] .fd-v-level:before{content:'✓ ';color:#8fce9f}
.fd-card[data-level=warn] .fd-v-level:before{content:'! ';color:#f5c56b}
.fd-card[data-level=bad] .fd-v-level:before{content:'✕ ';color:#f28b82}
.fd-v-title{margin:0 0 6px;font-size:17px;font-weight:650;line-height:1.3;color:#fff;overflow-wrap:anywhere}
.fd-v-detail{margin:0;font-size:13px;line-height:1.6;color:#d6d4d0;overflow-wrap:anywhere}
.fd-hint{margin:0 0 16px;font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#a6a8ae}
.fd-hint summary{min-height:28px;cursor:pointer}
.fd-hint.fd-bare summary{display:none}
.fd-hint .fd-look{margin:8px 0 0}
@media(prefers-reduced-motion:reduce){.fd-verdict{animation:none}}

/* Brief: the page's handover to the visitor's own AI. */
.fd-hand[hidden]{display:none}
.fd-hand{margin-bottom:18px}
.fd-brief{min-height:190px;margin-top:8px;font-size:12px}
.fd-hand-note{margin:12px 0 0;font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#a6a8ae}
.fd-ais-lead{margin:0 0 8px;font:600 13px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}
.fd-ais{display:flex;flex-wrap:wrap;gap:8px}
.fd-ai{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;padding:0 14px;border-radius:8px;background:#c55f43;color:#fff;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fd-ai:hover{background:#d06c50}
.fd-ai:focus-visible{outline:2px solid #ffd2bf;outline-offset:2px}
.fd-hand-status{margin:8px 0 0;min-height:18px;color:#8fce9f}
.fd-next.fd-quiet{background:none;box-shadow:inset 0 0 0 1px #5a5d65;color:#e9e6e1}
.fd-next.fd-quiet:hover{filter:none;box-shadow:inset 0 0 0 1px #8d9098}
@media(max-width:650px){.fd-ai{flex:1 1 40%}}

/* Guided case: one stage at a time, with the rail as the way back. */
.fd-rail{display:flex;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.fd-rail li{flex:1;min-width:0}
.fd-rail button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;padding:0 8px;border:1px solid #3d4047;border-radius:8px;background:#26282e;color:#d6d4d0;font:600 12.5px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.fd-rail button:hover:not(:disabled){border-color:#6a6d75}
.fd-rail button:focus-visible{outline:2px solid #ffd2bf;outline-offset:2px}
.fd-rail button:disabled{color:#8d9098;cursor:default}
.fd-rail button[aria-current]{border-color:#ef9a7c;background:#33282a;color:#fff}
.fd-rail b{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#3d4047;color:#e9e6e1;font-weight:700}
.fd-rail button[aria-current] b{background:#ef9a7c;color:#1d1f24}
.fd-pane[hidden]{display:none}
.fd-pane{animation:fd-print .22s ease-out both}
.fd-pane:focus,.fd-card:focus{outline:none}
.fd-how{margin:0 0 12px;font:13px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#cfcdc9}
.fd-how kbd{padding:1px 6px;border:1px solid #5a5d65;border-radius:4px;background:#2e3037;color:#fff;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.fd-move{margin-top:4px}
.fd-see{margin-top:10px;font:12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#a6a8ae}
.fd-see summary{min-height:28px;cursor:pointer}
.fd-hint[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.fd-pane{animation:none}}
@media(max-width:650px){.fd-rail button{padding:0 4px}}

/* Annotated command: each part is numbered in the code and explained below it. The numbers are generated, so they stay out of what gets copied. */
.fd-code code{counter-reset:fd-part}
.fd-part{counter-increment:fd-part;border-bottom:2px solid var(--fd-tone)}
.fd-part:before{content:counter(fd-part);display:inline-grid;place-items:center;width:16px;height:16px;margin-inline-end:5px;border-radius:50%;background:var(--fd-tone);color:#1d1f24;font:700 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;vertical-align:1px;user-select:none}
.fd-part:nth-of-type(1),.fd-parts li:nth-child(1){--fd-tone:#ef9a7c}
.fd-part:nth-of-type(2),.fd-parts li:nth-child(2){--fd-tone:#8fce9f}
.fd-part:nth-of-type(3),.fd-parts li:nth-child(3){--fd-tone:#8ab8f0}
.fd-parts-lead{margin:14px 0 8px;font:600 13px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}
.fd-parts{counter-reset:fd-note;margin:0 0 6px;padding:0;list-style:none;font:13px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d6d4d0}
.fd-parts li{counter-increment:fd-note;position:relative;padding-inline-start:26px;margin-bottom:7px}
.fd-parts li:before{content:counter(fd-note);position:absolute;inset-inline-start:0;top:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--fd-tone);color:#1d1f24;font-size:11px;font-weight:700}
.fd-ask{margin-bottom:6px;padding:0;text-align:start;line-height:1.4}

/* Console first: the promise leads and the console reaches the first screen. This file loads on the home page only, so the rest of the site keeps its chrome. */
.home-hero h1{font-size:clamp(30px,3.3vw,44px);line-height:1.12;letter-spacing:-.02em;white-space:normal}
.hero-mascot{width:clamp(95px,9.5vw,136px)}
@media(max-width:650px){
.desktop-bar,.topbar,.eyebrow,.brand small{display:none}
.window{margin-top:8px}
.sidebar{padding-top:10px;padding-bottom:8px}
.brand{margin-bottom:8px}
.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.sidebar nav a{min-height:44px;padding:0 2px}
.sidebar nav a span{display:none}
main#home{padding-top:16px}
.home-hero{align-items:center}
.home-hero h1{font-size:27px}
.home-hero .cursor{display:none}
.hero-mascot{width:66px}
.home-hero .intro{margin:8px 0 0;font-size:12.5px;line-height:1.5}
.fixdesk{margin-top:14px}
.fd-form{padding-top:12px}
body{padding-bottom:12px}
.dock{position:static;transform:none;margin:12px auto 0;width:max-content;max-width:calc(100% - 16px)}
}