:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#153e48;background:#f7f9fa;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c0cdd1;font-size:.85rem;letter-spacing:.08em}header a{font-weight:800;text-decoration:none}a{color:#164e68;text-underline-offset:4px}.intro{max-width:810px;padding:24px 0}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:12px 0 22px;letter-spacing:-.025em}h2{font-size:1.25rem;line-height:1.3}p{font-size:1rem}.intro>p:not(.small):not(.eyebrow){font-size:1.15rem}.small{font-size:.9rem;color:#435b65}.workspace{display:grid;grid-template-columns:330px 1fr;border:1px solid #aec0c7;border-radius:14px;overflow:hidden;background:white}.controls{padding:24px;background:#e9f0f3;border-right:1px solid #aec0c7}.controls h2:first-child{margin-top:0}button,select,.button{font:inherit;min-height:46px;border:1px solid #315d6c;border-radius:6px;padding:10px 14px;background:white;color:#153e48}button{cursor:pointer;font-weight:650}.controls>button,.controls>select{width:100%;margin:6px 0}label{display:block;font-weight:650;font-size:.94rem;margin-top:12px}button:disabled,select:disabled{cursor:default;opacity:.55}.primary,.button{background:#153e48;color:white}.quiet{background:transparent}.versions{display:flex;flex-wrap:wrap;gap:8px}.versions button[aria-pressed=true]{background:#eab75e;border-color:#77511d;color:#233540}.status{font-size:.9rem;min-height:3em}.preview{padding:28px}.preview-head{border-bottom:2px solid #eab75e;padding-bottom:10px}.preview-head h2{font-size:1.7rem;margin:10px 0}.preview-head p{margin:6px 0}ol{list-style:none;counter-reset:step;padding:0}li{counter-increment:step;position:relative;border-bottom:1px solid #d0dadd;padding:16px 0 16px 48px;min-width:0;overflow-wrap:anywhere}li:before{content:counter(step);position:absolute;left:0;top:17px;font-weight:750;font-size:1.1rem;color:#617780}li h3{font-size:1.1rem;margin:0}li p{margin:6px 0;font-size:.94rem}.reorder{display:flex;gap:8px;flex-wrap:wrap}.reorder button{font-size:.85rem;min-height:38px;padding:5px 10px;background:#f5f8f9;border-color:#b8c8ce}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards li{border:1px dashed #7896a0;padding:48px 15px 15px}.cards li:before{left:15px;top:10px}.explain{max-width:930px;padding:30px 0}.offer{border-left:5px solid #eab75e;background:#edf3f5;padding:24px;margin:24px 0}.button{display:inline-block;text-decoration:none;font-weight:700}.offer p{max-width:690px}footer{font-size:.85rem;border-top:1px solid #c0cdd1;color:#435b65}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bc6911;outline-offset:3px}@media(max-width:730px){header{flex-direction:column;gap:4px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #aec0c7}.preview{padding:20px}.cards{grid-template-columns:1fr}main{padding:16px}h1{font-size:2.4rem}}