#doc{font:400 12.5px/1.55 Poppins,sans-serif;color:var(--ink)}
.pg{width:794px;height:1123px;position:relative;overflow:hidden;background:var(--paper);margin-bottom:24px;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.hd{background:var(--hd);color:var(--hx);padding:34px 40px 28px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;border-radius:0 0 var(--r) var(--r);border-bottom:1px solid rgba(128,128,128,.25)}
.hd h1{margin:0;font:700 40px/1.1 Poppins,sans-serif;color:var(--ht);letter-spacing:var(--ls)}
.hd.mh{padding:22px 40px}.mh h1{font-size:20px}
.br{display:flex;gap:12px;align-items:center}.br b{display:block;font-size:15px}.br small{display:block;opacity:.75;font-size:10.5px}
.lg{width:40px;height:40px;border-radius:50%;background:var(--ac);color:var(--at);display:grid;place-items:center;font:700 14px Poppins,sans-serif}
.mt{display:flex;gap:28px;width:100%;margin-top:22px}.mt small{display:block;opacity:.7;font-size:10.5px}
.bd{padding:28px 40px}
.bd h2{margin:18px 0 8px;font:600 24px/1.25 Poppins,sans-serif}
.cl small,.two h4{display:block;opacity:.65;font:400 10.5px Poppins,sans-serif;margin:0}
.cl h3{margin:2px 0;font-size:20px;font-weight:600}
.tb{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0 14px}
.tb th{background:var(--th);color:var(--tt);text-align:left;padding:10px 14px;font-weight:600}
.tb th:first-child{border-radius:var(--r) 0 0 var(--r)}.tb th:last-child{border-radius:0 var(--r) var(--r) 0;text-align:right}
.tb th:nth-child(1){width:40px}.tb th:nth-child(3){width:70px}.tb th:nth-child(4),.tb th:nth-child(5){width:150px}.tb th:nth-child(n+3){text-align:right}
.tb td{padding:9px 14px;border-bottom:1px solid rgba(128,128,128,.25);position:relative}
.tb tr:nth-child(even) td{background:var(--st)}.tb td:nth-child(n+3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tb td:nth-child(2){overflow-wrap:anywhere}
.x{position:absolute;right:-30px;top:8px;width:24px;height:24px;border:0;border-radius:50%;background:#e5484d;color:#fff;cursor:pointer;line-height:1}
.tot{width:340px;margin-left:auto}.tot p{white-space:nowrap;gap:16px;display:flex;justify-content:space-between;margin:0;padding:6px 14px}
.tot .gg{background:var(--ac);color:var(--at);border-radius:var(--r);font-weight:700;margin-top:6px;padding:10px 14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.two p{margin:4px 0;opacity:.85}
.sg{width:200px;text-align:center}.sgs{display:flex;gap:24px;justify-content:flex-end;margin-top:34px}.pre{white-space:pre-line}.sg u{display:block;height:56px;border-bottom:1px solid currentColor;margin-bottom:6px}.sg b,.sg small{display:block}
.ft{position:absolute;left:0;right:0;bottom:24px;height:60px;background:var(--ft);color:var(--fx);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 40px;font-size:10.5px;border-radius:var(--r) var(--r) 0 0}
.ed p{margin:0 0 12px}.ed ul{margin:0 0 12px;padding-left:20px}
.stamp{position:absolute;right:80px;top:650px;transform:rotate(-12deg);border:3px solid var(--ac);color:var(--ac);padding:2px 18px;font:700 28px Poppins,sans-serif;border-radius:8px;opacity:.85;pointer-events:none}
.xp [contenteditable]{background:none!important;box-shadow:none!important}.xp .no-x{display:none}
/* ---- shared polish ---- */
.hd,.bd{position:relative;z-index:1}.ft{z-index:1}.pg{box-shadow:0 18px 50px rgba(0,0,0,.28)}
.hd h1{letter-spacing:var(--ls,-.01em)}img.lg{width:auto;max-width:130px;height:44px;object-fit:contain;border-radius:8px}
.sg u{display:flex;align-items:flex-end;justify-content:center}.sig{max-height:52px;max-width:180px;display:block}
.cl .cf{display:inline-block;margin:6px 16px 0 0;font-size:12px}.cl .cf small{display:inline;margin-right:6px}
.tot .gg{font-size:14px}.cl h3{letter-spacing:-.01em}
/* 0 Lagoon: cream gradient, teal ring, gradient pill table, navy contact pill */
[data-th="0"] .pg{background:linear-gradient(180deg,#fdfbf4,#e2ded2)}
[data-th="0"] .pg::before{content:"";position:absolute;right:-210px;top:-290px;width:680px;height:640px;border-radius:50%;background:radial-gradient(circle,transparent 0 60%,#d4e7dc 61% 64%,#a9cdc6 65% 68%,#78aeb0 69% 72%,#4f8f9a 73% 76%,transparent 77%)}
[data-th="0"] .hd{border:0;border-radius:0;padding-top:44px}[data-th="0"] .hd h1{font-size:44px;letter-spacing:.01em;text-transform:uppercase}
[data-th="0"] .tb{margin-top:40px}[data-th="0"] .tb th{padding:14px}
[data-th="0"] .tb th:nth-child(1){background:linear-gradient(90deg,#16547d,#1a6286)}[data-th="0"] .tb th:nth-child(2){background:linear-gradient(90deg,#1a6286,#1e7089)}[data-th="0"] .tb th:nth-child(3){background:linear-gradient(90deg,#1e7089,#247f8c)}[data-th="0"] .tb th:nth-child(4){background:linear-gradient(90deg,#247f8c,#2b8e8d)}[data-th="0"] .tb th:nth-child(5){background:linear-gradient(90deg,#2b8e8d,#35a08f)}
[data-th="0"] .tb td{background:#fff;border:0}[data-th="0"] .tb tbody tr:first-child td:first-child{border-top-left-radius:var(--r)}[data-th="0"] .tb tbody tr:first-child td:last-child{border-top-right-radius:var(--r)}[data-th="0"] .tb tbody tr:last-child td:first-child{border-bottom-left-radius:var(--r)}[data-th="0"] .tb tbody tr:last-child td:last-child{border-bottom-right-radius:var(--r)}
[data-th="0"] .tot{background:#fff;border-radius:var(--r);padding:12px 8px}[data-th="0"] .tot .gg{background:transparent;color:var(--ink);font-size:15px;margin-top:0}
[data-th="0"] .ft{left:36px;right:36px;bottom:58px;height:60px;border-radius:30px}
/* 1 Peach Bloom: soft peach glows, hairline table, dark rounded contact block */
[data-th="1"] .pg::before{content:"";position:absolute;right:-110px;top:-90px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#f39a72 0,#f6b595 38%,rgba(247,190,160,.45) 62%,rgba(247,190,160,0) 72%)}
[data-th="1"] .pg::after{content:"";position:absolute;left:-190px;bottom:-40px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(243,154,114,.75) 0,rgba(246,181,149,.4) 45%,rgba(247,190,160,0) 70%)}
[data-th="1"] .hd{border:0;border-radius:0;padding-top:48px}[data-th="1"] .hd h1{font-size:56px;letter-spacing:-.03em}
[data-th="1"] .tb th,[data-th="1"] .tb th:first-child,[data-th="1"] .tb th:last-child{background:transparent;border-radius:0;border-top:1px solid #333;border-bottom:1px solid #333;font-size:11px}
[data-th="1"] .tb td{border:0}[data-th="1"] .tot .gg{background:transparent;color:var(--ink);font-size:22px;border-radius:0;padding:6px 14px}
[data-th="1"] .ft{right:auto;width:560px;bottom:68px;height:92px;border-radius:0 60px 60px 0;flex-wrap:wrap;align-content:center;gap:6px 26px;padding:0 40px}
/* 2 Sky Slate: big headline with sky highlight, dark rounded table, dark totals card */
[data-th="2"] .hd{flex-direction:column;align-items:flex-start;gap:26px;border:0;border-radius:0;padding:44px 40px 10px}
[data-th="2"] .hd h1{order:2;display:block;width:80%;font-size:66px;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;background:linear-gradient(90deg,#8fd6f7 0,#bfe8f9 55%,rgba(191,232,249,0) 100%) 0 62%/100% 54% no-repeat}
[data-th="2"] .mt{order:3;margin-top:4px}
[data-th="2"] .tb th:nth-child(1){background:linear-gradient(90deg,#a7dcf5,#8bd3f4)}[data-th="2"] .tb th:nth-child(2){background:linear-gradient(90deg,#8bd3f4,#74cdf3)}[data-th="2"] .tb th:nth-child(3){background:linear-gradient(90deg,#74cdf3,#62c9f2)}[data-th="2"] .tb th:nth-child(4){background:linear-gradient(90deg,#62c9f2,#55c6f1)}[data-th="2"] .tb th:nth-child(5){background:linear-gradient(90deg,#55c6f1,#4cc3f0)}
[data-th="2"] .tb td{background:#211f21;color:#fff;border-bottom:1px dashed rgba(255,255,255,.2)}[data-th="2"] .tb tbody tr:last-child td{border-bottom:0}
[data-th="2"] .tb tbody tr:last-child td:first-child{border-bottom-left-radius:var(--r)}[data-th="2"] .tb tbody tr:last-child td:last-child{border-bottom-right-radius:var(--r)}
[data-th="2"] .tot{background:#211f21;color:#fff;border-radius:var(--r);padding:16px 14px}[data-th="2"] .tot .gg{background:var(--ac);color:#101010;border-radius:16px}
[data-th="2"] .ft{background:transparent;color:#555;border-top:1px solid #e3e3e3;border-radius:0}
/* 3 Terracotta: black block, floating orange client card, two colour cards */
[data-th="3"] .hd{border-radius:0;padding-bottom:70px;border:0}
[data-th="3"] .pg::before{content:"";position:absolute;right:30px;top:24px;width:230px;height:120px;background:radial-gradient(circle,rgba(246,239,210,.3) 2px,transparent 2.5px) 0 0/16px 16px}
[data-th="3"] .cl{background:var(--ac);color:#161616;border-radius:var(--r);padding:16px 22px;margin-top:-48px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
[data-th="3"] .two>div{background:var(--ac);border-radius:var(--r);padding:14px 18px;opacity:1;color:#161616}[data-th="3"] .two>div+div{background:#f2c94c}
[data-th="3"] .tb th{border-radius:0}[data-th="3"] .tb th:first-child,[data-th="3"] .tb th:last-child{border-radius:0}
/* 4 Forest Gold: centred wordmark, gold pill table, deep green arch footer */
[data-th="4"] .hd{background:linear-gradient(#5d625c 55%,#fffdf3);border:0;border-radius:0;justify-content:center;text-align:center;padding-bottom:64px}
[data-th="4"] .hd h1{order:-1;width:100%;text-align:center;font-size:32px;text-transform:uppercase;margin-bottom:14px}[data-th="4"] .br{margin:0 auto}[data-th="4"] .mt{justify-content:center}
[data-th="4"] .tb{margin-top:6px}[data-th="4"] .ft{height:86px;border-radius:80px 80px 0 0;justify-content:center;gap:30px}[data-th="4"] .bd{padding-bottom:100px}
[data-th="4"] .tb td{border-bottom:1px solid #d9d6c4}
/* 5 Azure Wave: curved blue header, floating table head */
[data-th="5"] .hd{border:0;border-radius:0 0 100px 0;padding-bottom:92px;background:radial-gradient(circle at 86% 14%,rgba(255,255,255,.16) 0 110px,transparent 111px),radial-gradient(circle at 70% 90%,rgba(255,255,255,.1) 0 70px,transparent 71px),var(--hd)}
[data-th="5"] .tb{margin-top:10px}[data-th="5"] .tb th{background:#fff;box-shadow:0 10px 24px rgba(60,80,160,.18);padding:14px}[data-th="5"] .tb td{border:0}
/* 6 My brand: your colours with a soft arch header */
[data-th="6"] .hd{border:0;border-radius:0 0 48px 48px;padding-bottom:44px}
[data-th="6"] .pg::after{content:"";position:absolute;right:-70px;bottom:70px;width:240px;height:240px;border-radius:50%;background:var(--ac);opacity:.1}

.dmo{position:absolute;left:0;right:0;bottom:0;height:24px;z-index:5;display:flex;align-items:center;justify-content:center;background:#0e1a3a;color:#fff;font:700 10.5px/1 Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.dmo::before,.dmo::after{content:"";width:30px;height:1px;background:rgba(255,255,255,.55);margin:0 12px}
.lg img.dk{width:26px;height:26px;object-fit:contain;border-radius:0}