*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#191a17;font:16px/1.6 var(--dd-font-ui,Inter,Arial,sans-serif)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{border:1px solid #191a17;border-radius:999px;background:#191a17;color:#fff;padding:11px 20px;min-height:44px;cursor:pointer;font-size:.875rem;font-weight:600}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:inherit;border-color:#d5d2ca}input,textarea,select{width:100%;border:1px solid #d4d1c9;background:#fffefa;color:#191a17;padding:13px 15px;border-radius:12px;min-height:48px}input[type=color]{height:56px;padding:6px}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:#191a17}label{display:grid;gap:7px;font-size:.875rem;font-weight:600;margin-bottom:20px}label.check{display:flex;align-items:flex-start;gap:12px;max-width:760px}fieldset{border:1px solid #dedbd3;border-radius:16px;padding:18px;margin:18px 0}legend{padding:0 8px;font-size:.875rem}textarea{resize:vertical}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a47b52;outline-offset:4px}.website-header{padding:20px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedbd3;gap:20px}.website-header>a:last-child{font-size:.875rem}main{max-width:1440px;margin:auto;padding:38px 22px 90px}h1,h2,h3{font-family:var(--dd-font-display,"Instrument Serif",Georgia,serif);font-weight:400;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,6vw,5.7rem);margin:8px 0 24px}h2{font-size:clamp(2.4rem,4vw,3.8rem);margin:4px 0 18px}h3{font-size:2rem;margin:18px 0}p{color:#6b6b61;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;margin-bottom:10px}.website-lead{display:grid;gap:12px;margin-bottom:24px}.website-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;background:#eae6dd;border-radius:20px;margin:24px 0}.website-summary span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#69695f}.website-summary strong{display:block;margin-top:7px;font-size:1rem}.website-tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px 0 20px}.website-tabs button{background:transparent;color:inherit;border-color:transparent;white-space:nowrap}.website-tabs button[aria-current=page]{background:#191a17;color:#fff}.website-panel{background:#fffdf7;border:1px solid #e0ddd5;border-radius:24px;padding:24px}.website-panel header{margin-bottom:28px}.website-grid{display:grid;gap:0 24px}.brand-style-preview{background:var(--sample-surface,#f4f1e9);color:var(--sample-text,#191a17);border:1px solid #ddd;padding:32px;border-radius:var(--sample-radius,20px);margin-top:30px}.brand-style-preview h3{font-family:var(--sample-font,var(--dd-font-display));font-size:3rem}.brand-style-preview p{color:inherit}.sample-action{display:inline-flex;padding:10px 20px;border:1px solid;border-radius:999px}.upload-preview{display:block;max-width:100%;width:400px;max-height:260px;object-fit:contain;background:#eee9df;border-radius:16px;margin-bottom:20px}.website-feedback{min-height:26px}.website-feedback.is-error{color:#a2342b}hr{border:0;border-top:1px solid #dfdbd3;margin:34px 0}.request-steps{display:flex;gap:8px;overflow:auto;margin:24px 0}.request-steps button{white-space:nowrap;background:#f0ece3;color:#191a17;border:0}.request-steps button[aria-current=step]{background:#191a17;color:#fff}.request-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid #ddd8cf;padding-top:20px;margin-top:20px}.request-controls span{margin-right:auto;font-size:.875rem;color:#66675e}.website-row{padding:20px 0;border-bottom:1px solid #dedbd3;display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.website-row p{font-size:.875rem;margin:5px 0}.website-row h3{font-size:1.6rem;margin:0}.website-row button{margin:4px 6px 4px 0}.state-pill{display:inline-flex;background:#ebe7dd;color:#454c3e;border-radius:100px;padding:5px 12px;font-size:.75rem;text-transform:capitalize}.internal-request{padding:24px;margin-top:30px;background:#f0ece3;border-radius:18px}.brief-review{white-space:pre-wrap;padding:20px;background:#f0ece3;border-radius:16px;margin:16px 0}.brand-search{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.brand-search label{flex:1;min-width:220px;margin:0}.preview-workspace{margin-top:24px}.preview-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.preview-toolbar label{margin:0;min-width:190px}.preview-toolbar a{padding:10px}.preview-canvas{width:100%;overflow:auto;margin:20px 0;border:1px solid #d5d0c7;background:#e8e4db;padding:14px;border-radius:16px}.preview-canvas iframe{display:block;background:#fff;border:0;width:390px;max-width:none;height:844px;margin:auto}.validation-error{color:#a2342b}.validation-list{font-size:.875rem;max-width:800px}details>summary{cursor:pointer;padding:14px 0;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}form[data-branch-form]{padding:18px 0}.brand-search button{flex:none}
@media(min-width:768px){main{padding:56px 5vw 90px}.website-lead{grid-template-columns:1.2fr 1fr;align-items:end}.website-lead>p{max-width:470px;justify-self:end;margin-bottom:30px}.website-summary{grid-template-columns:repeat(4,minmax(0,1fr));padding:30px}.website-panel{padding:38px}.website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
