@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.design-compare{color:#111319;background:#e9edf2;min-height:100vh;font-family:Manrope,Inter,system-ui,sans-serif}.design-shell{max-width:1240px;margin:auto;padding:28px 24px 80px}.design-nav{color:#555e6d;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;display:flex}.design-nav a,.design-note a{color:#1251e7;text-decoration:none}.design-nav a:hover,.design-note a:hover{text-decoration:underline}.design-shell>h1{letter-spacing:-.07em;max-width:840px;margin:56px 0 17px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.02}.design-intro{color:#565e6d;max-width:740px;font-size:18px;line-height:1.5}.design-options{grid-template-columns:repeat(3,1fr);gap:13px;margin:38px 0 26px;display:grid}.design-option{text-align:left;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;gap:10px;min-height:165px;padding:22px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.design-option:hover{transform:translateY(-3px)}.design-option.chosen{border-color:#1357e9;box-shadow:0 9px 28px #10255220}.design-option-num{color:#647084;letter-spacing:.1em;font-size:13px;font-weight:800}.design-option strong{letter-spacing:-.04em;font-size:22px;font-weight:800}.design-option small{color:#596371;font-size:14px;line-height:1.5}.design-option:focus-visible{outline-offset:3px;outline:3px solid #eb7b00}.design-preview button:focus-visible{outline-offset:3px;outline:3px solid #eb7b00}.design-preview textarea:focus-visible{outline-offset:3px;outline:3px solid #eb7b00}.design-preview{border-radius:16px;min-height:575px;transition:background-color .2s,color .2s;overflow:hidden;box-shadow:0 30px 75px #17223725}.preview-header{letter-spacing:-.045em;align-items:center;gap:11px;height:76px;padding:0 5%;font-size:18px;font-weight:800;display:flex}.preview-mark{border-radius:9px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.preview-step{letter-spacing:0;text-transform:uppercase;margin-left:auto;font-size:13px;font-weight:800}.preview-body{grid-template-columns:.95fr 1.05fr;align-items:center;gap:7%;padding:70px 5% 78px;display:grid}.preview-copy h2{letter-spacing:-.075em;max-width:530px;margin:15px 0 25px;font-size:clamp(45px,5vw,73px);font-weight:800;line-height:1.04}.preview-copy p{max-width:410px;font-size:21px;line-height:1.46}.preview-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800}.preview-form{border-radius:14px;padding:32px}.preview-form>label{letter-spacing:-.035em;margin-bottom:16px;font-size:21px;font-weight:800;display:block}.preview-form textarea{resize:vertical;border:1.5px solid #acb7c9;border-radius:10px;width:100%;min-height:151px;padding:18px;font-family:inherit;font-size:17px;line-height:1.6}.preview-form fieldset{border:0;margin:23px 0 0;padding:0}.preview-form legend{margin-bottom:13px;font-size:14px;font-weight:800}.preview-choices{flex-wrap:wrap;gap:8px;display:flex}.preview-choices button{border:1.5px solid;border-radius:8px;padding:11px 13px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.preview-choices button:hover{transform:translateY(-2px)}.preview-foot{justify-content:space-between;align-items:center;gap:18px;margin-top:27px;display:flex}.preview-foot span{font-size:13px;line-height:1.4}.preview-foot button{white-space:nowrap;border:0;border-radius:8px;padding:16px 23px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .15s}.preview-foot button:hover{transform:translateY(-2px)}.preview-message{margin-top:20px;font-size:14px;line-height:1.5}.design-note{color:#566172;margin-top:24px;font-size:15px;line-height:1.6}.clear{color:#161b26;background:#fff}.clear .preview-header{border-bottom:1px solid #e8ebf0}.clear .preview-mark{color:#fff;background:#191e29}.clear .preview-form{background:#f1f4f8}.clear .preview-copy p,.clear .preview-foot span{color:#526073}.clear .preview-kicker{color:#1957e1}.clear .preview-choices button{color:#202c3f;background:#fff;border-color:#c8d0dc}.clear .preview-choices button[aria-pressed=true]{color:#1451d8;background:#e4ecff;border-color:#1957e1}.clear .preview-foot button{color:#fff;background:#1655e8}.gift{color:#fff;background:#1849df}.gift .preview-header{border-bottom:1px solid #ffffff38}.gift .preview-mark{color:#1745ce;background:#fff}.gift .preview-form{color:#101b37;background:#fff;box-shadow:17px 19px #102ca956}.gift .preview-kicker{color:#d2ff6d}.gift .preview-copy p{color:#e2e9ff}.gift .preview-foot span{color:#53627a}.gift .preview-form textarea{border-color:#adbddc}.gift .preview-choices button{color:#223453;background:#fff;border-color:#bdc9df}.gift .preview-choices button[aria-pressed=true]{color:#1644d0;background:#e6eeff;border-color:#1849df}.gift .preview-foot button{color:#121e31;background:#d4fb6f}.studio{color:#f7f8fc;background:#0c1018}.studio .preview-header{border-bottom:1px solid #ffffff24}.studio .preview-mark{color:#101719;background:#dcfa63}.studio .preview-form{background:#171d28;border:1px solid #313c4b}.studio .preview-kicker{color:#d7f678}.studio .preview-copy p,.studio .preview-foot span{color:#b6c0d0}.studio .preview-form textarea{color:#f5f8fb;background:#101722;border-color:#526078}.studio .preview-form textarea::placeholder{color:#a5b2c5}.studio .preview-choices button{color:#e7edf6;background:#192330;border-color:#566378}.studio .preview-choices button[aria-pressed=true]{color:#efffc1;background:#293322;border-color:#d5f866}.studio .preview-foot button{color:#10171a;background:#d5f866}@media (max-width:800px){.design-options{grid-template-columns:1fr}.design-option{min-height:0}.preview-body{grid-template-columns:1fr;gap:28px;padding:34px 5% 43px}.preview-copy h2{font-size:clamp(39px,9vw,55px)}.preview-copy p{font-size:18px}.preview-form{padding:22px}.preview-foot{flex-wrap:wrap}.preview-foot button{width:100%}.design-nav span{display:none}.design-shell>h1{margin-top:38px}}@media (max-width:420px){.design-shell{padding:18px 12px 45px}.preview-header{font-size:16px}.preview-step{font-size:12px}.preview-form>label{font-size:19px}.gift .preview-form{box-shadow:none}}