:root{--wine:#5b1738;--rose:#a9567f;--blush:#f6eaf0;--ink:#24161d;--muted:#725f69;--line:#e8d9e1;--paper:#fff;--shadow:0 18px 55px rgba(74,24,49,.12)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(150deg,#fff 0,#fbf5f8 48%,#f1dfe8 100%);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.public-shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:20px 0 30px}.public-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 6px 24px rgba(70,20,45,.1)}.brand-mark img{width:54px;height:54px;object-fit:contain}.brand span:last-child{display:grid}.brand small,.eyebrow{color:var(--rose);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.brand strong{font-family:Georgia,serif;font-size:1.35rem}.live-status{padding:8px 12px;border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem;border:1px solid var(--line)}.live-status.ready{color:#216b4b;background:#ecf8f1;border-color:#c3e8d4}.live-status.error{color:#a32942;background:#fff0f2;border-color:#f0c9d1}.intro-card,.order-card,.bulk-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:22px}.intro-card{padding:28px 32px;display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:center;margin-bottom:18px}.intro-card h1{font:700 clamp(2rem,5vw,3.4rem)/1 Georgia,serif;margin:6px 0 12px;color:var(--wine)}.intro-card p{margin:0;color:var(--muted);max-width:680px}.privacy-note{padding:18px;border-radius:16px;background:var(--blush);display:grid;gap:4px}.privacy-note span{color:var(--muted);font-size:.86rem}.order-card{overflow:hidden}.step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:26px 30px;border-bottom:1px solid var(--line)}.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;font-weight:800}.step h2,.bulk-card h2,.confirmation h2{font-family:Georgia,serif;margin:2px 0 14px;color:var(--wine)}.step-content{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:700;color:#4d3642}input,select,textarea{width:100%;border:1px solid #d9c5cf;background:#fff;border-radius:11px;padding:12px 13px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(169,86,127,.12)}select:disabled{background:#f3edf0;color:#9c8e95}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.section-heading h2{margin-bottom:2px}.section-heading p{margin:0;color:var(--muted)}.text-button{border:0;background:none;color:var(--wine);font-weight:800;cursor:pointer;padding:6px}.routine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}.routine-grid label,.media-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;cursor:pointer}.routine-grid input,.media-options input{width:auto;accent-color:var(--wine)}.routine-grid label:has(input:checked),.media-options label:has(input:checked){background:var(--blush);border-color:var(--rose)}.empty-routines{display:block;padding:18px;border:1px dashed #d9c5cf;border-radius:13px;color:var(--muted)}.media-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-options span{display:grid}.media-options small{color:var(--muted);font-weight:500}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;background:#fbf6f8}.submit-row p{color:var(--muted);margin:0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font:700 .92rem/1 inherit;text-decoration:none;cursor:pointer}.primary-button{background:var(--wine);color:#fff}.secondary-button{background:#fff;color:var(--wine);border:1px solid #d5bbc8}.primary-button:disabled{opacity:.55;cursor:wait}.bulk-card{margin-top:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.bulk-card h2{margin:3px 0}.bulk-card p{margin:0;color:var(--muted);max-width:720px}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px 0 0}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 24px 80px rgba(49,14,31,.25);max-width:500px;width:calc(100% - 30px)}dialog::backdrop{background:rgba(32,15,24,.5);backdrop-filter:blur(3px)}.confirmation{text-align:center;padding:34px}.success-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e4f6eb;color:#23714f;font-size:1.5rem;margin:0 auto 14px}.confirmation h2{font-size:1.7rem}.confirmation p{color:var(--muted)}.confirmation-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
.apply-all-media{display:flex;align-items:end;gap:12px;margin:12px 0 16px;padding:14px;border-radius:14px;background:#f8f2f5}.apply-all-media label{flex:1}.routine-media-choices{display:grid;gap:10px}.routine-media-choice{display:grid;grid-template-columns:minmax(120px,1fr) minmax(210px,1.5fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.routine-media-choice strong{font-size:15px}.order-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--wine);color:#fff}.order-total strong{font-size:22px}
.media-tier-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 10px}.media-tier{display:grid;align-content:start;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.media-tier span{font-weight:800}.media-tier strong{font-size:1.25rem;color:var(--wine)}.media-tier small{color:var(--muted)}.media-tier .media-tier-unit{font-weight:750;color:#4d3642}.media-tier .media-tier-saving{display:inline-flex;width:max-content;margin-top:3px;padding:3px 8px;border-radius:999px;background:#e4f6eb;color:#23714f;font-weight:800}.media-tier .media-tier-period{margin-top:3px;font-size:.78rem}.media-tier.selected{background:var(--blush);border-color:var(--rose);box-shadow:0 0 0 2px rgba(169,86,127,.1)}.pricing-note{margin:0;color:var(--muted);font-size:.88rem}#routine-selection-step[hidden],#routine-selection-step.hidden{display:none!important}
.form-grid label>small{color:var(--muted);font-size:.82rem;font-weight:500}
@media(max-width:760px){.public-shell{width:min(100% - 20px,680px);padding-top:10px}.public-header{align-items:flex-start}.live-status{max-width:150px;text-align:center}.brand-mark{width:56px;height:56px}.brand-mark img{width:45px;height:45px}.brand strong{font-size:1.05rem}.intro-card{grid-template-columns:1fr;padding:22px;gap:18px}.step{grid-template-columns:34px 1fr;padding:22px 18px;gap:12px}.step-number{width:32px;height:32px}.form-grid,.media-options{grid-template-columns:1fr}.submit-row,.bulk-card{align-items:stretch;flex-direction:column}.submit-row .primary-button,.bulk-card .secondary-button{width:100%}.confirmation-actions{flex-direction:column}.apply-all-media{align-items:stretch;flex-direction:column}.routine-media-choice{grid-template-columns:1fr}.order-total{position:sticky;bottom:8px}}
@media(max-width:420px){.public-header{display:grid}.live-status{max-width:none}.intro-card h1{font-size:2rem}.section-heading{display:grid}.routine-grid,.media-tier-prices{grid-template-columns:1fr}}
.confirmation-email-status{margin:13px 0 0;padding:10px 12px;border-radius:10px;font-size:.86rem}.confirmation-email-status.notice{background:#f5f1f3;color:var(--muted)}
.confirmation{position:relative}.confirmation-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f5eef2;color:var(--wine);font-size:1.45rem;line-height:1;cursor:pointer}.confirmation-close:hover{background:var(--blush)}
.intro-side{display:grid;gap:10px}.intro-side .secondary-button{width:100%;text-align:center}.payment-instructions{text-align:left;margin:18px 0;padding:16px;border:1px solid #ddc2cf;border-radius:14px;background:#fff8fb}.payment-instructions>strong{display:block;color:var(--wine);font-size:1rem}.payment-instructions p{margin:7px 0;color:#49313d;font-size:.88rem;overflow-wrap:anywhere}.payment-instructions .secondary-button{width:100%;margin-top:8px}.payment-confirmation-form{max-height:min(92vh,760px);overflow:auto;text-align:left}.payment-confirmation-form>h2,.payment-confirmation-form>.eyebrow,.payment-confirmation-form>p{text-align:center}.payment-form-grid{margin-top:18px}.payment-dialog-status{min-height:22px;margin:14px 0 0!important;padding:10px 12px;border-radius:10px;text-align:center}.payment-dialog-status.success{color:#216b4b;background:#ecf8f1}.payment-dialog-status.error{color:#a32942;background:#fff0f2}
.payment-method{margin-top:12px;padding:13px 14px;border:1px solid #ead7e0;border-radius:12px;background:#fff}.payment-method h3{margin:0 0 5px;color:var(--wine);font-size:.96rem}.payment-method p{margin:0}.paynow-qr{display:block;width:150px;max-width:100%;height:auto;margin:10px auto 2px;border:1px solid #ead7e0}.payment-reference-note{padding:10px 12px;border-radius:10px;background:#f4e7ed}
.payment-method-cash{border-color:#d9c997;background:#fffbed}.payment-method-cash h3{color:#72580c}
.payment-expectation{margin-top:14px;padding:12px 14px;border-left:4px solid var(--wine);border-radius:0 10px 10px 0;background:#fff7fa;color:#49313d;font-size:.9rem;line-height:1.55}.payment-expectation strong{color:var(--wine)}
@media(max-width:760px){.payment-form-grid{grid-template-columns:1fr}.payment-confirmation-form{padding:28px 20px}}