:root{--navy:#071a2b;--orange:#ff7412;--orange-deep:#d95b00;--orange-soft:#ffb16f;--muted:#586979}*{box-sizing:border-box}body{margin:0;background:#fafaf8;color:var(--navy);font-family:'DM Sans',sans-serif;font-size:16px}header{display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:auto;padding:25px 32px}header a{color:var(--navy);font-size:23px;font-weight:700;text-decoration:none}header span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}main{max-width:800px;margin:50px auto;padding:0 28px}.eyebrow{color:var(--orange-deep);font-size:12px;letter-spacing:.13em;font-weight:600}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(36px,6vw,52px);margin:12px 0}h2{font-size:25px;margin-top:0}h3{font-size:18px}.intro{color:var(--muted);line-height:1.7;max-width:590px;margin-bottom:34px}section .panel{background:white;border:1px solid #e4e7e8;border-radius:20px;padding:28px;margin:18px 0;box-shadow:0 4px 16px #07182704}textarea,input{font:inherit;width:100%;padding:15px;border:1px solid #bec8cf;border-radius:12px;color:var(--navy);background:white}textarea{min-height:145px;resize:vertical}label{display:block;margin:18px 0 9px;font-weight:600}button{font:inherit;border:0;background:var(--orange);color:var(--navy);border-radius:12px;padding:13px 20px;font-weight:600;cursor:pointer;min-height:44px;margin-top:16px}button:disabled{opacity:.5;cursor:wait}.quiet,.suggestion{background:#edf0f1}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestion{font-size:14px;margin-top:0}p,li{line-height:1.65}li{margin:10px 0}.badge{display:inline-block;font-size:12px;padding:5px 10px;background:#fff0e4;color:#8a3904;border-radius:20px;margin-left:8px}.progress{color:var(--muted);font-size:14px}details{border-top:1px solid #e6e9eb;padding:17px 0}summary{cursor:pointer;font-weight:600;min-height:32px}#error{padding:16px;background:#fff0e4;border-radius:12px}#busy{padding:15px;color:var(--muted)}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #ddd;border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}.foot{font-size:12px;color:var(--muted);margin:28px 0} @keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){header{padding:18px 20px}main{margin:25px auto;padding:0 18px}section .panel{padding:20px}h1{font-size:36px}.intro{margin-bottom:22px}button{max-width:100%}}

main{max-width:1180px;margin:20px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px}
.backlog{border-right:1px solid #e4e7e8;padding-right:24px;align-self:start;position:static}
.backlog h2{margin-bottom:8px}.backlog-item{display:block;text-align:left;width:100%;margin-top:8px;padding:11px 12px}.backlog-item span{display:block;font-size:13px;font-weight:400;margin-top:3px;line-height:1.35}.backlog-item strong{overflow-wrap:anywhere}.work-area{min-width:0}.intro{margin:10px 0;line-height:1.6}h1{font-size:40px}.work-area .panel{margin-top:20px}
@media(max-width:700px){main{display:flex;flex-direction:column;gap:20px}.backlog{position:static;border-right:0;border-bottom:1px solid #e4e7e8;padding:0 0 16px;width:100%}h1{font-size:34px}}

header{padding-top:18px;padding-bottom:18px}main{margin-top:8px;gap:28px}h1{font-size:clamp(30px,3.2vw,38px);line-height:1.2;margin:8px 0 12px}.intro{font-size:15px;line-height:1.55;max-width:680px;margin:8px 0}.control{color:var(--navy);margin-bottom:16px}.work-area .panel{margin-top:14px}.backlog-item .attention{margin-top:7px}

header .brand-lockup{display:block;width:170px;max-width:100%;height:auto}header a{display:block}header a span{margin-top:4px}