@font-face{font-family:Montserrat;src:url('assets/montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:HardBlock;src:url('assets/hardblock.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f6f2;color:#17171e;font-family:Montserrat,Arial,sans-serif;font-size:14px}button,input,summary{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}header{height:94px;padding:0 5vw;border-bottom:1px solid #dcdcd7;display:flex;align-items:center;gap:36px}header a{display:flex}header img{object-fit:contain}.tool-label,.header-end,.eyebrow,.intro-note,footer,.preview-bottom{font-size:10px;font-weight:650;letter-spacing:1.6px}.tool-label{border-left:1px solid #c9c9c6;padding:10px 0 10px 30px}.edition{color:#94949b;margin-left:10px}.header-end{margin-left:auto;font-size:9px;display:flex;gap:10px;align-items:center}.header-end i{width:6px;height:6px;border-radius:100%;background:#0100fe}main{max-width:1600px;margin:0 auto;padding:0 5vw}.intro{padding:60px 0 46px;position:relative;display:grid;grid-template-columns:1fr 1fr}.eyebrow{color:#0100fe;font-size:9px;margin:0 0 24px;grid-column:1/-1}.intro h1{font-family:HardBlock,Arial,sans-serif;font-weight:400;line-height:.95;font-size:clamp(64px,6.9vw,102px);letter-spacing:-1.8px;margin:0}.intro h1 em{color:#0100fe;font-style:normal}.intro-copy{align-self:center;font-size:18px;line-height:1.8;color:#6a6a72;margin:0 0 10px;padding-left:10px}.intro-note{position:absolute;right:0;bottom:49px;color:#8a8a90;font-size:8px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid #dbdbd6;border-radius:5px;background:#fff;overflow:hidden}.form-panel{padding:30px;border-right:1px solid #e5e5e1}.panel-top{display:flex;gap:14px;align-items:flex-start}.step-number{border:1px solid #d8d8e3;color:#0100fe;border-radius:50%;width:29px;height:29px;font-size:9px;display:grid;place-items:center;flex:none}.panel-top h2{font-size:16px;letter-spacing:-.5px;font-weight:650;margin:2px 0 7px}.panel-top p{font-size:10px;line-height:1.6;color:#85858d;margin:0}.field{margin-top:20px}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.field input{width:100%;height:44px;border:1px solid #dcdce2;border-radius:3px;background:#fdfdfc;padding:0 12px;font-size:11px;color:#222;transition:box-shadow .15s,border-color .15s}.field input::placeholder{color:#a3a3ad}.field input:focus{outline:none;border-color:#0100fe;box-shadow:0 0 0 3px #0100fe0c}.field small{display:block;font-size:9px;color:#8c8c95;margin-top:7px;line-height:1.6}.primary,.secondary{border:0;border-radius:3px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px;font-size:11px;font-weight:550;cursor:pointer;transition:background .15s,transform .15s}.primary{background:#0100fe;color:#fff}.primary:hover{background:#2423d4}.primary:active,.secondary:active{transform:translateY(1px)}.primary span,.secondary span{font-size:18px}.primary:disabled{background:#a2a2c9;cursor:wait}#generate{width:100%;margin-top:24px}.privacy{font-size:9px;text-align:center;color:#92929a;margin:13px 0 0}.error{font-size:11px;color:#b32727;line-height:1.6;margin:10px 0 0}.brand-settings{border-top:1px solid #ededf0;margin-top:24px;padding-top:16px}.brand-settings summary{font-size:10px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.brand-settings summary:after{content:'+';margin-left:auto}.brand-settings[open] summary:after{content:'−'}.brand-settings summary span{font-size:8px;font-weight:400;color:#92929a;margin-left:10px;margin-right:20px}.brand-settings .field{margin-top:12px}.preview-panel{background:#f9f9f7;padding:30px 34px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.badge{border:1px solid #dedee3;border-radius:3px;padding:6px 8px;font-size:8px;letter-spacing:1px;color:#96969f}.badge.ready{color:#0100fe;background:#efefff;border-color:#dfdffe}.email-window{background:#fff;border:1px solid #e2e2e6;border-radius:7px;box-shadow:0 16px 32px #10102005;overflow:hidden}.email-top{background:#f1f1f4;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;font-weight:550;color:#777783}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#c9c9d2;border-radius:50%}.email-top>span:last-child{font-size:14px}.email-meta{border-bottom:1px solid #f0f0f3;padding:13px 22px;display:flex;gap:17px;font-size:9px;color:#acacb4}.email-meta span:first-child{width:37px;color:#777781}.email-body{padding:25px 20px 0;font-family:Arial,sans-serif;font-size:11px;line-height:1.8;color:#777783}.email-body p{margin:0 0 15px}.email-body .regards{margin:28px 0 3px}.signature-wrap{margin:0 -20px;line-height:0}.signature-wrap canvas{width:100%;height:auto;display:block;background:#fff;aspect-ratio:600/160}.preview-bottom{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1px;color:#a0a0aa;margin-top:14px}.preview-bottom b{padding:0 7px;font-weight:400}.export-actions{display:flex;gap:12px;margin-top:26px}.export-actions[hidden]{display:none}.export-actions .primary{flex:1}.secondary{background:#fff;color:#29293b;border:1px solid #dcdce4}.secondary:hover{background:#f0f0f8}.export-message{font-size:10px;line-height:1.7;color:#0100fe;margin:12px 0 0}.format-note{display:flex;gap:9px;margin-top:25px;color:#92929b;align-items:flex-start}.format-note p{margin:0;font-size:9px;line-height:1.8;max-width:440px}.note-mark{font-family:Arial;font-size:9px;border:1px solid #b7b7c0;border-radius:50%;width:13px;height:13px;text-align:center;line-height:12px;flex:none;margin-top:2px}.guide{padding:55px 0 60px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.guide .eyebrow{font-size:8px;margin-bottom:16px}.guide h2{font-family:HardBlock,Arial;font-weight:400;font-size:34px;letter-spacing:-.5px;margin:0 0 12px}.guide>div>p:last-child{font-size:10px;color:#8a8a94;line-height:1.7}.guide ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none}.guide li>span{display:block;color:#0100fe;font-size:9px;border-bottom:1px solid #dcdcdc;padding-bottom:13px;margin-bottom:16px}.guide h3{font-size:11px;font-weight:650;margin:0 0 10px}.guide li p{font-size:9px;line-height:1.9;color:#81818d;margin:0}footer{border-top:1px solid #dcdcd7;padding:24px 5vw;display:flex;justify-content:space-between;font-size:8px;color:#8c8c97}footer span:first-child{color:#0100fe}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #0100fe;outline-offset:4px}@media(min-width:1450px){.workspace{grid-template-columns:380px minmax(0,1fr)}.preview-panel{padding:38px 45px}.form-panel{padding:38px}.email-body{padding-top:35px}.signature-wrap{margin-top:15px}}@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr)}.form-panel{padding:25px}.preview-panel{padding:25px 20px}.intro-copy{font-size:15px}.intro-note{font-size:7px}.export-actions{flex-wrap:wrap}.export-actions>*{width:100%}.guide{grid-template-columns:1fr;gap:25px}}@media(max-width:720px){header{height:75px;gap:15px;padding:0 6vw}header img{width:95px}.tool-label{padding-left:16px;font-size:8px}.header-end{display:none}.edition{margin-left:4px}main{padding:0 6vw}.intro{padding:35px 0;display:block}.intro .eyebrow{font-size:7px;margin-bottom:20px}.intro h1{font-size:69px}.intro-copy{font-size:12px;padding:0;margin-top:22px;line-height:1.8}.intro-note{display:none}.workspace{display:flex;flex-direction:column}.form-panel{border-right:0;border-bottom:1px solid #e5e5e1;padding:25px}.preview-panel{padding:25px 15px}.panel-top h2{font-size:15px}.email-meta{padding:12px 15px;font-size:8px}.email-body{padding:20px 15px 0;font-size:10px}.signature-wrap{margin:0 -15px}.preview-bottom{font-size:6px;letter-spacing:.5px}.preview-bottom b{padding:0 3px}.preview-heading{margin-bottom:23px}.preview-heading .panel-top{gap:10px}.panel-top p{font-size:9px}.guide{padding:40px 0}.guide ol{grid-template-columns:1fr;gap:24px}.guide li{display:flex;gap:18px}.guide li>span{border:0;padding:3px 0;margin:0}.guide li p{font-size:10px}.guide h3{font-size:12px;margin-bottom:7px}.guide>div>p:last-child{font-size:11px}footer{padding:23px 6vw;font-size:7px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.social-fields{border:0;border-top:1px solid #ededf0;margin:24px 0 0;padding:16px 0 0;min-width:0}.social-fields legend{font-size:11px;font-weight:600;padding:0 8px 0 0}.social-fields>p,.fixed-website{font-size:9px;line-height:1.7;color:#8c8c95}.social-fields .field{margin-top:16px}.fixed-website{margin:20px 0 0}#linked-signature{width:600px;transform:scale(var(--signature-scale,1));transform-origin:top left}#signature[hidden]{display:none}.signature-wrap{height:calc(160px * var(--signature-scale,1));overflow:hidden}#linked-signature a:focus-visible{outline:1px solid #0100fe;outline-offset:1px}

/* Keep the brand surfaces consistent when the device prefers dark mode. */
:root{color-scheme:only light;background:#f6f6f2}html{background:#f6f6f2}.form-panel,.email-body,.email-meta,.signature-wrap,#linked-signature{background-color:#ffffff}#linked-signature table,#linked-signature tr,#linked-signature td{background-color:#ffffff;background-image:linear-gradient(#ffffff,#ffffff)}input{color-scheme:light}