:root{--bg:#090607;--panel:#151013;--ink:#fff;--muted:#cfc7ca;--accent:#f16b80;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;background:var(--bg);color:var(--ink);font-family:"Outfit",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.brief-nav{position:fixed;z-index:10;top:0;right:0;left:0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--line);background:rgba(9,6,7,.84);backdrop-filter:blur(18px)}.wordmark{display:flex;width:max-content;align-items:center;gap:.65rem;font-size:.9rem;font-weight:600;letter-spacing:.18em}.wordmark span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--accent);border-radius:9px;letter-spacing:0}.brief-nav>div{display:flex;gap:1rem;align-items:center;color:var(--muted);font:500 .7rem "IBM Plex Mono",monospace;text-transform:uppercase}.brief-nav>div b{color:#fff}.brief-nav>a:last-child{justify-self:end;font-size:.9rem}.brief-shell{display:grid;grid-template-columns:minmax(20rem,.72fr) minmax(0,1.28fr);min-height:100dvh;padding-top:76px}.brief-aside{position:sticky;top:76px;display:flex;height:calc(100dvh - 76px);flex-direction:column;padding:clamp(2.5rem,5vw,5rem);overflow:auto;border-right:1px solid var(--line);background:radial-gradient(circle at 10% 15%,rgba(241,107,128,.16),transparent 36%),#0e0a0c}.brief-aside>p:first-child{margin:0;color:var(--accent);font:500 .7rem "IBM Plex Mono",monospace;letter-spacing:.1em}.brief-aside h1{max-width:9ch;margin:2rem 0 1.5rem;font-size:clamp(3rem,5vw,5.8rem);font-weight:500;line-height:.88;letter-spacing:-.06em}.brief-aside>p:nth-of-type(2){max-width:38ch;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.6}.brief-aside ol{display:grid;gap:0;margin:auto 0;padding:0;list-style:none;border-top:1px solid var(--line)}.brief-aside li{position:relative;padding:1rem 0 1rem 1.5rem;border-bottom:1px solid var(--line);color:#6f666a;font-size:.95rem}.brief-aside li::before{position:absolute;top:50%;left:0;width:6px;height:6px;border-radius:50%;content:"";background:#4a4245;transform:translateY(-50%)}.brief-aside li.is-active{color:#fff}.brief-aside li.is-active::before{background:var(--accent);box-shadow:0 0 0 5px rgba(241,107,128,.12)}.brief-aside li.is-complete{color:#aaa1a5}.brief-aside li.is-complete::before{background:#fff}.brief-aside small{color:#83797e;line-height:1.5}.brief-panel{padding:clamp(3rem,7vw,7rem)}#creative-brief{max-width:58rem;margin:auto}.brief-step{display:none;margin:0;padding:0;border:0}.brief-step.is-active{display:grid;gap:1.5rem;animation:stepIn .55s ease both}@keyframes stepIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}legend{width:100%;margin-bottom:clamp(2.5rem,6vw,5rem);padding:0;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:400;line-height:.92;letter-spacing:-.055em}legend span{display:block;margin-bottom:1rem;color:var(--accent);font:500 .72rem "IBM Plex Mono",monospace;letter-spacing:.1em}label{display:grid;gap:.7rem;color:#fff;font-size:.98rem}input,textarea,select{width:100%;padding:1rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.25);outline:0;background:transparent;color:#fff;border-radius:0;transition:.25s}input:focus,textarea:focus,select:focus{border-bottom-color:var(--accent)}textarea{resize:vertical}select option{background:#171014}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1rem;background:var(--line);border:1px solid var(--line)}.choice-grid label{position:relative;display:block;min-height:10rem;background:var(--panel);cursor:pointer}.choice-grid input,.format-choice input{position:absolute;width:1px;height:1px;opacity:0}.choice-grid span{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:var(--muted);line-height:1.45;transition:.25s}.choice-grid span b{margin-bottom:.6rem;color:#fff;font-size:1.35rem;font-weight:500}.choice-grid input:checked+span{background:var(--accent);color:#180a0f}.choice-grid input:checked+span b{color:#180a0f}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.choice-grid.compact label{min-height:7rem}.choice-grid.compact span{justify-content:center}.format-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.format-choice label{position:relative;display:block;background:var(--panel);cursor:pointer}.format-choice span{display:grid;min-height:15rem;align-content:end;padding:1.5rem;transition:.25s}.format-choice i{margin-bottom:auto;color:var(--accent);font-size:3.5rem;font-style:normal;font-weight:500;letter-spacing:-.06em}.format-choice b{font-size:1.35rem}.format-choice small{margin-top:.5rem;color:var(--muted);font-size:.85rem}.format-choice input:checked+span{background:#f5f1ed;color:#140b0f}.format-choice input:checked+span small{color:#665b60}.brief-controls{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.brief-controls button,.concept-actions button,#save-feedback{padding:1rem 1.4rem;border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer}.brief-controls #next,.approve-concept,#save-feedback{border-color:var(--accent)!important;background:var(--accent)!important;color:#180a0f!important;font-weight:600}.brief-controls button:disabled{opacity:.25;cursor:not-allowed}.prototype-note{width:max-content;padding:.6rem .8rem;border:1px solid rgba(241,107,128,.5);border-radius:999px;color:var(--accent);font:500 .65rem "IBM Plex Mono",monospace;text-transform:uppercase}.concept-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.concept-card>div{padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(135deg,rgba(241,107,128,.24),transparent)}.concept-card>div p{margin:0;color:var(--accent);font:500 .68rem "IBM Plex Mono",monospace;text-transform:uppercase}.concept-card h2{margin:.7rem 0;font-size:clamp(3rem,6vw,6.8rem);font-weight:500;line-height:.86;letter-spacing:-.06em}.concept-card>div span{color:var(--muted)}.concept-card dl{margin:0}.concept-card dl div{display:grid;grid-template-columns:10rem 1fr;gap:2rem;padding:1.4rem clamp(1.5rem,4vw,3rem);border-top:1px solid var(--line)}.concept-card dt{color:var(--accent);font:500 .65rem "IBM Plex Mono",monospace;text-transform:uppercase}.concept-card dd{margin:0;color:var(--muted);line-height:1.55}.concept-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.concept-actions button{min-height:4rem}.feedback-panel{padding:1.5rem;border:1px solid var(--line);background:var(--panel)}#save-feedback{margin-top:1rem}.approval-status{min-height:1.5rem;margin:0;color:var(--accent)}
@media(max-width:900px){.brief-nav{grid-template-columns:1fr auto}.brief-nav>div{display:none}.brief-shell{grid-template-columns:1fr}.brief-aside{position:relative;top:0;height:auto;padding:3rem 1.25rem;border-right:0;border-bottom:1px solid var(--line)}.brief-aside h1{font-size:3.5rem}.brief-aside ol{grid-template-columns:repeat(5,1fr);margin:2.5rem 0 0}.brief-aside li{padding:.8rem .3rem .8rem 1rem;font-size:.7rem}.brief-aside small{margin-top:1.5rem}.brief-panel{padding:3rem 1.25rem 5rem}}
@media(max-width:600px){.choice-grid,.choice-grid.compact,.format-choice,.concept-actions{grid-template-columns:1fr}.choice-grid label{min-height:7rem}.format-choice span{min-height:11rem}.brief-aside ol{display:none}.concept-card dl div{grid-template-columns:1fr;gap:.5rem}.brief-nav{height:64px}.brief-shell{padding-top:64px}.brief-aside h1{font-size:3rem}}
.wordmark img{display:block;width:32px;height:32px;border-radius:7px}