:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#eef2ff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:14px;padding:.8rem 1rem;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}aside{background:#111827;color:#fff;padding:1.5rem;position:sticky;top:0;height:100vh}.brand{font-size:1.35rem;font-weight:800;margin-bottom:2rem}.brand span{display:block;font-size:.8rem;color:#a5b4fc}nav{display:grid;gap:.5rem}nav button{display:flex;gap:.7rem;align-items:center;text-align:left;background:transparent;color:#dbeafe}nav button.active,nav button:hover{background:#312e81;color:#fff}main{padding:2rem;display:grid;align-content:start;gap:1.25rem}.hero,.card{background:#ffffffeb;border:1px solid #dbeafe;box-shadow:0 24px 80px #4f46e524;border-radius:28px;padding:2rem}.hero{min-height:460px;display:grid;align-content:center;background:linear-gradient(135deg,#fff,#e0e7ff)}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1;margin:.2rem 0}h2{margin-top:0}.eyebrow,.tag{color:#6d28d9;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.78rem}.primary{background:#4f46e5;color:#fff;font-weight:800}.primary:disabled{background:#94a3b8;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.wide{max-width:980px}.notice{background:#eef2ff;border-left:4px solid #4f46e5;padding:1rem;border-radius:14px}.drop{display:grid;place-items:center;border:2px dashed #818cf8;border-radius:22px;padding:2rem;margin:1rem 0;background:#f8fafc}.drop input{margin-top:1rem}.meta{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem}.meta dt{font-weight:800}.builder{display:grid;gap:.8rem}.segment{display:grid;grid-template-columns:120px 1fr 180px auto;gap:.75rem;align-items:end;padding:1rem;border:1px solid #dbeafe;border-radius:18px;background:#fff}.segment label{display:grid;gap:.35rem}.segment input{border:1px solid #cbd5e1;border-radius:12px;padding:.65rem}.pill{background:#dcfce7;color:#166534;border-radius:999px;padding:.7rem 1rem}.error{color:#b91c1c;font-weight:700}.timeline{display:grid;gap:.5rem;padding-left:1.2rem}.timeline li span{display:block;color:#475569}code{display:inline-block;background:#111827;color:#bfdbfe;padding:.8rem;border-radius:12px}@media (max-width:760px){.shell{grid-template-columns:1fr}aside{height:auto;position:static}nav{grid-template-columns:1fr 1fr}.segment{grid-template-columns:1fr}main{padding:1rem}}