:root{color:#152237;background:#f5f6f2;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.app{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.app aside{background:#eef0ea;border-right:1px solid #d6d9d1;padding:32px 20px}.app aside b{font-size:24px}.app span,.primary{color:#eeffae}.eyebrow,.meta{letter-spacing:.12em;color:#687464;font-size:11px;font-weight:700}.eyebrow{margin-top:46px}nav{gap:5px;display:grid}nav button,.filters button{text-align:left;color:#415046;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:11px}nav .active,.filters button:first-child{color:#152237;background:#dbe5d6;font-weight:700}.app aside small{color:#687464;position:absolute;bottom:30px}.app section{width:100%;max-width:980px;padding:52px 8vw}header,article{justify-content:space-between;gap:20px;display:flex}h1{letter-spacing:-.06em;max-width:650px;margin:10px 0 38px;font-size:clamp(34px,5vw,62px);line-height:1}.primary{color:#eeffae;background:#152237;border:0;border-radius:7px;height:max-content;padding:12px 18px;font-weight:700}.filters{gap:8px;margin-bottom:18px;display:flex}article{border-top:1px solid #cdd3ca;padding:24px 10px}article h2{margin:6px 0;font-size:20px}article p{color:#687464;max-width:600px;margin:5px 0}article>div:last-child{text-align:right}textarea{background:#fff;border:1px solid #aeb8aa;border-radius:8px;width:100%;min-height:160px;margin:8px 0 18px;padding:14px}label{margin-top:28px;font-weight:700;display:block}@media (width<=700px){.app{grid-template-columns:1fr}.app aside{padding:18px;position:sticky;top:0}.eyebrow{margin-top:18px}.app aside small{display:none}nav{display:flex}nav button{text-align:center;flex:1}.app section{padding:30px 20px}header{display:block}}