*{box-sizing:border-box}body{margin:0;background:#f5f1e8;color:#322523;font-family:Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a47868;outline-offset:4px}.demo-header{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4%;border-bottom:1px solid #d8cfc3}.demo-header>a{font-size:11px;text-underline-offset:5px}.demo-header>div{text-align:center}.demo-header strong{font:24px Georgia;display:block}.demo-header>div>span{display:block;font-size:7px;letter-spacing:2px;margin-top:7px}.demo-header button{border:1px solid #b8a99c;background:none;padding:11px;font-size:10px}.steps{display:flex;justify-content:center;align-items:center;gap:20px;border-bottom:1px solid #d8cfc3;padding:16px}.steps button{border:0;background:none;padding:7px;font-size:11px;color:#786c64}.steps button[aria-current=step]{color:#632e3c;font-weight:bold}.steps button:disabled{opacity:.35;cursor:default}.steps button span{font-size:8px;margin-right:8px}.steps i{font-style:normal;font-size:12px;color:#aa9c8e}.email-stage{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:65px 5% 75px;align-items:center}.eyebrow{font-size:8px;letter-spacing:2px}.email-intro h1{font:50px/1.08 Georgia;letter-spacing:-2px;margin:20px 0}.email-intro em{color:#632e3c}.email-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#786c64;max-width:310px}.email-intro .mini-note{font-size:10px!important;margin-top:30px}.email{background:#fffdf8;border:1px solid #dfd6ca;box-shadow:0 15px 35px #32252310;border-radius:6px;overflow:hidden}.mail-chrome{display:flex;justify-content:space-between;padding:14px 20px;background:#eee8de;font-size:7px;letter-spacing:1px}.mail-headers{padding:23px 25px 18px;border-bottom:1px solid #eae2d8}.mail-headers h2{font:18px/1.3 Georgia;margin:0 0 18px}.sender{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#e8dacf;display:grid;place-items:center;font:10px Georgia}.sender p{font-size:9px;line-height:1.5;margin:0}.sender small{font-size:8px;color:#786c64}.sample{font-size:6px;letter-spacing:1px;margin-left:auto;color:#9c8b7d}.email-body{text-align:center;padding:32px 25px}.mail-kicker{font-size:7px;letter-spacing:1.7px}.mail-monogram{font:43px Georgia;letter-spacing:-2px;margin:23px 0}.mail-monogram em{font-size:30px;color:#632e3c}.email-body>p:not(.mail-kicker){font-size:11px;line-height:1.9;color:#786c64}.email-body button{background:#632e3c;color:#fff8ef;border:0;padding:15px 21px;font-size:10px;margin:18px 0}.email-body button span{margin-left:20px}.email-body .signature{font-size:10px!important;margin-top:15px}.mail-bottom{border-top:1px solid #eee6db;font-size:7px;text-align:center;color:#9c8b7d;padding:13px;margin:0}.demo-context{padding:12px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#e8e0d4}.demo-context p{font-size:10px;margin:0;color:#6b5c54;max-width:750px;line-height:1.6}.demo-context a{font-size:10px;white-space:nowrap;text-underline-offset:4px}iframe{display:block;border:0;width:100%;height:calc(100svh - 202px);min-height:600px;background:#eee9de}.demo-next{display:flex;justify-content:center;align-items:center;gap:25px;padding:25px 4%;flex-wrap:wrap;border-top:1px solid #d8cfc3}.demo-next p{font-size:11px;color:#786c64;max-width:420px;line-height:1.7}.demo-next button{background:#322523;color:#f5f1e8;border:0;padding:13px 20px;font-size:11px}.demo-next a{font-size:10px;text-underline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){.demo-header{flex-wrap:wrap;gap:15px;padding:16px 5%}.demo-header>a{font-size:9px}.demo-header>div{text-align:right}.demo-header strong{font-size:21px}.demo-header button{width:100%;padding:10px;font-size:10px}.steps{gap:3px;padding:12px 3%}.steps button{font-size:9px;padding:5px}.steps button span{font-size:7px;margin-right:4px}.steps i{font-size:9px}.email-stage{display:block;padding:30px 5%}.email-intro h1{font-size:36px;letter-spacing:-1px}.email-intro>p:not(.eyebrow){max-width:100%;font-size:12px}.email-intro .mini-note{margin-top:15px}.email{margin-top:25px}.demo-context{align-items:start;padding:12px 5%}.demo-context p{font-size:9px}.demo-context a{font-size:8px;white-space:normal;min-width:60px}iframe{height:calc(100svh - 180px);min-height:680px}.demo-next{display:block;padding:23px 5%}.demo-next button{margin:10px 0 20px}.demo-next a{display:block}.demo-next p{font-size:11px}}
.language-switch{display:flex;flex-shrink:0;border:1px solid #d8cfc3;border-radius:3px;overflow:hidden}.demo-header .language-switch button{border:0;background:none;padding:8px;font-size:10px;min-width:30px}.demo-header .language-switch button[aria-pressed=true]{background:#322523;color:#f5f1e8}.demo-header{gap:15px}.demo-header>div:not(.language-switch){margin:auto}
@media(max-width:700px){.demo-header{display:grid;grid-template-columns:1fr auto}.demo-header>div:not(.language-switch){margin:0;text-align:right}.demo-header #choose{width:auto;margin:0;text-align:left;grid-column:1}.demo-header .language-switch{grid-column:2;grid-row:2;justify-self:end}.demo-header .language-switch button{width:auto}.steps button:lang(en){font-size:9px}}