@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Prata&display=swap');
*{box-sizing:border-box}body{margin:0;color:#00172e;background:#faf9f6;font:14px/1.6 Inter,sans-serif}button,input,select{font:inherit}button,.button{background:#00172e;color:white;border:1px solid #00172e;padding:12px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#254965}button:disabled{opacity:.5;cursor:wait}button.quiet{background:transparent;color:#00172e;border-color:#d9dde1}h1,h2{font-family:Prata,Georgia,serif;font-weight:400}h1{font-size:44px;line-height:1.25;margin:12px 0}h2{font-size:26px;margin:0 0 14px}p{color:#607080}.split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.split aside{padding:56px;background:#00172e;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.split aside h1{font-size:clamp(36px,4vw,60px)}.split aside p{color:#c5ced6}.split aside .wordmark img{filter:brightness(0) invert(1)}.split section{display:flex;align-items:center;justify-content:center;padding:36px}.split footer{color:#9bacba}.wordmark{font-size:12px;font-weight:600;letter-spacing:.16em;display:flex;align-items:center;gap:14px}.wordmark img{width:44px;height:44px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600}header{background:#fff;border-bottom:1px solid #e1e4e6;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}.workspace{max-width:1250px;margin:auto;padding:52px 40px}.headline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 40px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e0e4e7;padding:28px;text-decoration:none;color:inherit;border-radius:6px}.card span{font-size:10px;letter-spacing:.15em;color:#66798b}.card h2{margin-top:22px}.members{margin-top:45px;background:#fff;padding:30px;border:1px solid #e0e4e7;border-radius:6px}.section-heading{display:flex;justify-content:space-between}.member{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #eee;gap:16px;align-items:center}.member small{display:block;color:#607080}.member .actions{display:flex;gap:10px;align-items:center}form{display:flex;gap:16px;align-items:end;margin-top:25px}label{display:flex;flex-direction:column;gap:8px;flex:1}input,select{padding:11px;border:1px solid #cad1d8;border-radius:5px;background:white;color:#00172e}footer{margin-top:28px;font-size:11px;color:#718294}[hidden]{display:none!important}:focus-visible{outline:3px solid #769bbe;outline-offset:3px}@media(max-width:800px){.split{display:block}.split aside{padding:28px;gap:25px}.split aside h1{font-size:34px}.split aside footer,.split aside>div>p:not(.eyebrow){display:none}.workspace{padding:30px 20px}.cards{grid-template-columns:1fr}.headline,form{flex-direction:column;align-items:stretch}h1{font-size:34px}.member{flex-wrap:wrap}.members{padding:20px}}

textarea{font:inherit;border:1px solid #cad1d8;border-radius:5px;padding:12px;resize:vertical;min-width:250px}#generate{flex-wrap:wrap}#generate label:first-child{flex-basis:100%}#preview{width:100%;height:600px;border:1px solid #ddd;margin-top:20px;background:white}

aside .wordmark img{width:190px;height:auto;filter:invert(1);mix-blend-mode:screen}header .wordmark img{width:110px;height:auto;filter:none}