:root{--ink:#071a2e;--navy:#0d3558;--teal:#168c98;--aqua:#24b7ba;--mineral:#f7f9f8;--smoke:#e2e9e8}*{box-sizing:border-box}body{margin:0;background:var(--mineral);color:var(--ink);font:16px/1.55 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:44px;transition:background .18s,color .18s}button:hover{background:var(--smoke)}button:focus-visible,a:focus-visible{outline:2px solid var(--teal)}header{display:flex;align-items:center;padding:24px 40px;gap:32px;border-bottom:1px solid var(--smoke)}.logo{width:120px;height:auto}.header-title{display:flex;flex-direction:column;gap:8px;font-weight:600;border-left:1px solid var(--smoke);padding-left:32px}.mono{font:12px/1.5 'Noto Sans Mono',monospace;letter-spacing:.09em}.header-title .mono{font-weight:400;color:#476076}nav{display:flex;gap:8px;margin-left:auto}nav button{padding:8px 16px;font-size:14px}nav .active{background:var(--ink);color:white;border-radius:8px}.internal{color:#476076}main{max-width:1600px;margin:auto;padding:40px}.intro{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:32px}.intro .mono{color:var(--teal)}h1{font-size:36px;line-height:1.17;letter-spacing:-.04em;margin:12px 0}h2{font-size:36px;line-height:1.17;letter-spacing:-.035em;margin:12px 0 24px}h3{font-size:24px;line-height:1.25}.intro p{margin:12px 0;color:#476076}.spine{max-width:340px;padding-left:24px;border-left:2px solid var(--aqua)}small,.muted{color:#476076}.route-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-tabs button{text-align:left;border:1px solid #c6d3d4;padding:20px 24px;display:grid;grid-template-columns:40px 1fr;border-radius:8px;align-items:center}.route-tabs button strong{font-size:20px;font-weight:600}.route-tabs button small{grid-column:2}.route-tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}.selected small{color:#b5cbcf}.workbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:24px 0 16px}.workbar>div:first-child{display:flex;flex-direction:column;gap:4px}.workbar>div:first-child>span:last-child{font-size:14px;color:#476076}.controls{display:flex;align-items:center;gap:8px;font-size:14px}.controls button{border:1px solid #c6d3d4;border-radius:8px;padding:8px 16px}.controls button[aria-pressed=true]{background:var(--ink);color:white}.controls label{display:flex;align-items:center;gap:8px;padding:8px}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);gap:24px}aside{padding-top:16px}#scenes{display:flex;flex-direction:column;gap:2px;margin:16px 0}#scenes button{text-align:left;padding:8px 12px;font-size:14px;border-radius:4px}#scenes .selected{background:var(--smoke);font-weight:600;border-left:3px solid var(--teal)}#scenes span{display:inline-block;width:32px;font:12px 'Noto Sans Mono',monospace;color:#526c7d}.aside-note{font-size:13px;color:#476076}.outline{border:1px solid #a8bdc4;padding:8px 16px;border-radius:8px}.preview-area{background:#e2e9e8;padding:16px;border-radius:12px;min-width:0}.preview-label,.preview-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:12px;color:#476076;font-size:12px}.preview-foot{margin:12px 0 0}.preview-foot span:last-child{white-space:nowrap;font:12px 'Noto Sans Mono',monospace}iframe{display:block;width:100%;height:620px;border:0;background:var(--mineral);border-radius:8px}#preview.mobile{width:min(390px,100%);margin:auto;height:700px;box-shadow:0 8px 24px #071a2e12}.detail-grid{margin:32px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-grid article{border-top:1px solid #c6d3d4;padding-top:16px}.detail-grid p{font-size:14px;margin-top:8px}.detail-grid .mono{color:var(--teal)}.motion-strip{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-radius:8px}.motion-strip div{font-size:20px}.motion-strip span span,.motion-strip div span{color:var(--aqua);padding:0 10px}.motion-strip small{color:#b5cbcf}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:center;margin:24px 0}.section-head label{display:flex;gap:16px;align-items:center}select,input[type=text],textarea{border:1px solid #acbec7;border-radius:8px;background:white;color:var(--ink);padding:12px;max-width:100%}#compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#compare-grid article{min-width:0}#compare-grid iframe{height:540px;border:1px solid var(--smoke)}#compare-grid h3{margin:16px 0 8px}#compare-grid p{font-size:14px}.table-wrap{overflow:auto;margin-top:32px}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;padding:16px;border-bottom:1px solid #c6d3d4;font-size:14px}th{background:var(--smoke)}.founders,.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.founders article{border:1px solid #c6d3d4;padding:24px;border-radius:8px}.founders label,.decision-bottom label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:14px}textarea{min-height:110px;resize:vertical}.decision-bottom{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:24px;margin-top:32px}.solid{background:var(--ink);color:white;padding:12px 24px;border-radius:8px}.approval-note{padding:24px;background:var(--smoke);border-left:3px solid var(--teal)}.source-grid{grid-template-columns:1fr 1fr}.source-grid article{padding:24px;border:1px solid #c6d3d4;border-radius:8px}.reference{width:100%;margin-bottom:16px}a{color:#08616d}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:32px 0}.swatches i{display:block;height:64px;border-radius:8px;border:1px solid #c6d3d4}.swatches p{font-size:14px}footer{padding:32px 40px;border-top:1px solid var(--smoke);display:flex;justify-content:space-between;font-size:13px}#motion-status{color:#08616d;font:12px 'Noto Sans Mono',monospace}@media(max-width:1100px){header{flex-wrap:wrap}.internal{display:none}nav{margin-left:0}.intro{align-items:flex-start}.spine{display:none}.workbar{align-items:flex-start;flex-direction:column}.motion-strip{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){header{padding:24px;gap:24px}.header-title{padding-left:16px}.header-title .mono{font-size:10px}nav{overflow:auto;width:100%;gap:0}nav button{white-space:nowrap;padding:8px 12px}main{padding:24px 16px}.intro h1{font-size:30px}.route-tabs{gap:8px}.route-tabs button{padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.route-tabs button strong{font-size:14px}.route-tabs small{display:none}.controls{flex-wrap:wrap}.workspace{grid-template-columns:1fr}aside{padding:0}#scenes{flex-direction:row;overflow:auto}#scenes button{white-space:nowrap}aside>.mono,.aside-note{display:none}#homepage{margin-bottom:8px}iframe{height:650px}.preview-area{padding:8px}.preview-foot span:last-child{display:none}.detail-grid,.source-grid,.founders,.decision-bottom,#compare-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.swatches{grid-template-columns:repeat(3,1fr)}footer{gap:16px;flex-wrap:wrap;padding:24px}.motion-strip{padding:24px}.motion-strip div{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.workspace>*,aside,#scenes{min-width:0}#scenes{max-width:100%}