/* Site layer: accounts, checkout, dashboard, pages. Builds on app.css tokens. */
.btn[hidden],.dlg [hidden],.authf [hidden],.draftbar [hidden],.iacts [hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.btn.wide{width:100%;justify-content:center}
.btn[disabled]{opacity:.6;cursor:progress}
.btn.wa{background:#1F8F4E;border-color:#1F8F4E;color:#fff}
.btn.ghost.wa{background:transparent;color:#1F8F4E;border-color:#1F8F4E}
.btn.danger{color:var(--kumkum);border-color:currentColor}
.linkbtn{border:0;background:none;color:var(--kumkum);font:600 .85rem var(--f-body);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.note{color:var(--muted);font-size:.88rem}

/* Footer */
.site-foot{padding-block:36px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.flinks{display:flex;flex-wrap:wrap;gap:6px 16px}
.flinks a{color:var(--muted)}
.wa-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;width:52px;height:52px;border-radius:50%;background:#1F8F4E;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.wa-fab svg{width:28px;height:28px}
body.nim-invite .wa-fab,body.nim-edit .wa-fab{display:none}

/* Dialogs */
.dlg{border:0;border-radius:18px;padding:26px 24px 22px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.dlg::backdrop{background:rgba(14,12,22,.62);backdrop-filter:blur(2px)}
.dlg h2{font-size:1.55rem;margin:0 0 6px}
.dx{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}
.authlead{color:var(--muted);margin:4px 0 14px;font-size:.95rem}
.dlg form,.authf form{display:grid;gap:6px}
.dlg label,.authf label{font-size:.85rem;font-weight:600;margin-top:6px}
.dlg input:not([type=radio]),.dlg textarea,.authf input{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.65em .8em;width:100%}
.dlg input:focus,.authf input:focus,.dlg textarea:focus{outline:2px solid var(--marigold);outline-offset:1px}
.ferr{color:var(--kumkum);font-size:.9rem;margin:6px 0 0;font-weight:600}
.fine{color:var(--muted);font-size:.8rem;margin:8px 0 4px}
.fine a{color:inherit}
.ok{color:#1F8F4E;font-weight:600}
.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:999px;padding:3px;margin:0 40px 6px 0}
.tabs button{border:0;background:transparent;color:var(--muted);font:600 .9rem var(--f-body);padding:.5em;border-radius:999px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.authf .btn.wide{margin-top:8px}
.two-in{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.two-in>div{display:grid;gap:6px}

/* Checkout */
.planpick{display:grid;gap:8px;margin:8px 0}
.pp{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;margin:0!important}
.pp:has(input:checked){border-color:var(--marigold);box-shadow:0 0 0 1px var(--marigold)}
.pp.off{opacity:.45;cursor:not-allowed}
.pp input{accent-color:var(--marigold);width:18px;height:18px}
.pp span{display:grid}
.pp b{font-family:var(--f-display);font-weight:400;font-size:1.15rem}
.pp small{color:var(--muted);font-size:.8rem}
.pp em{font-style:normal;font-weight:700}
.coupon{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line);padding-top:12px;margin-top:4px}
.total b{font-family:var(--f-display);font-weight:400;font-size:1.7rem}
.total s{color:var(--muted);font-size:1rem;margin-right:6px}
.paybtns{display:grid;gap:8px;margin-top:14px}
.upibox{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.upibox img{width:180px;height:180px;object-fit:contain;justify-self:center;border-radius:8px;background:#fff}
.upibox div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.upiapp{margin-bottom:6px}
.done-ic{width:56px;height:56px;border-radius:50%;background:#1F8F4E;color:#fff;display:grid;place-items:center;font-size:1.6rem;margin-bottom:10px}
.linkbox{display:grid;grid-template-columns:1fr auto;gap:8px}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);opacity:0;z-index:100;background:var(--ink);color:var(--bg);padding:.7em 1.2em;border-radius:999px;font-weight:600;font-size:.92rem;transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* Viewer additions */
.vbar .vpub{background:var(--marigold);color:#1E1B2E;border-color:var(--marigold);font-weight:700}
.vsave{color:#AAA;font-size:.8rem}
body.nim-store .vbar .vpub{display:none}
body.nim-store #viewer.editing .vbar .vpub{display:inline-block}
body.nim-invite #viewer .vbar,body.nim-invite #viewer .editor{display:none!important}
body.nim-invite,body.nim-edit{padding:0;background:#0B0A10}
body.nim-invite #viewer{top:var(--draftbar,0px)}
.draftbar{position:fixed;top:0;left:0;right:0;z-index:60;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 14px;background:#2A2433;color:#F3EEE4;font-size:.88rem;text-align:center}
.draftbar .btn{background:var(--marigold);color:#1E1B2E;border-color:var(--marigold)}
.draftbar .btn.ghost{background:transparent;color:#F3EEE4;border-color:#6B6378}
body:has(.draftbar){--draftbar:52px}
.nojs{color:#eee;text-align:center;padding:40px 16px}
.editor .grp{border:1px solid #3A3747;border-radius:10px;padding:10px;display:grid;gap:8px;margin:0}
.editor .grp legend{color:#BBB;font-size:.78rem;padding:0 4px}
.editor .erow{display:grid;grid-template-columns:70px 1fr 1fr 28px;gap:6px;align-items:center}
.editor .erow.two{grid-template-columns:80px 1fr}
.editor .erow input{padding:.4em .5em!important;font-size:.82rem!important;min-width:0}
.editor .erow:has(input[data-p^="pre."]){grid-template-columns:62px 62px 1fr 1fr 28px}
.editor .x{width:28px;height:28px;padding:0!important;display:grid;place-items:center;font-size:1rem!important}
.editor .eacts{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:520px){.editor .erow,.editor .erow:has(input[data-p^="pre."]){grid-template-columns:1fr 1fr 28px}.editor .erow input:last-of-type{grid-column:1/3}.editor .erow.two{grid-template-columns:1fr 1fr}}
.rsvp .hp{display:none}

/* Plain pages */
.prose{max-width:760px;margin:0 auto;padding-block:40px 60px}
.prose h1{font-size:clamp(2rem,6vw,2.8rem);margin-bottom:18px}
.prose h2{font-size:1.4rem;margin:30px 0 8px}
.prose p,.prose li{color:var(--ink);opacity:.9}
.prose a{color:var(--kumkum)}
.prose .meta{color:var(--muted);font-size:.85rem}
.entry{padding-block:18px;border-bottom:1px solid var(--line)}
.soon{text-align:center;max-width:560px;margin:0 auto;padding:80px 16px}
body.nim-invite .soon{color:#F3EEE4}
.soon h1{font-size:clamp(1.8rem,6vw,2.6rem);margin:10px 0}
.soon p{color:var(--muted)}

/* Account page */
.authpage{display:grid;place-items:center;padding-block:40px 70px}
.authcard{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}
.authcard .tabs{margin-right:0}

/* Dashboard */
.dash{padding-block:30px 60px}
.dash .head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.dash h1{font-size:clamp(2rem,6vw,2.8rem)}
.dash-actions{display:flex;gap:8px;flex-wrap:wrap}
.empty{border:1px dashed var(--line);border-radius:16px;padding:40px 20px;text-align:center;display:grid;gap:10px;justify-items:center}
.icards{display:grid;gap:16px}
.icard{display:grid;grid-template-columns:150px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ithumb{background:#1A1826 center/cover;min-height:190px}
.ibody{padding:16px 18px;display:grid;gap:8px;min-width:0}
.irow{display:flex;justify-content:space-between;gap:10px;align-items:start}
.icard h2{font-size:1.45rem}
.badge{font-size:.75rem;font-weight:700;padding:.25em .7em;border-radius:999px;white-space:nowrap;background:var(--chip);color:var(--muted)}
.badge.s-live{background:#DDF3E4;color:#14663A}
.badge.s-pending{background:#FFF1D6;color:#8A5A00}
.imeta{color:var(--muted);font-size:.88rem;margin:0}
.ilink{margin:0;font-size:.9rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center;word-break:break-all}
.ilink a{color:var(--ink);font-weight:600}
.slugf{display:flex;gap:6px;width:100%}
.slugf input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.35em .6em;background:var(--bg);color:var(--ink);flex:1;min-width:0}
.iacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rsvps{border-top:1px solid var(--line);padding-top:8px}
.rsvps summary{cursor:pointer;font-weight:700}
.rsum{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:10px 0}
.rsum b{font-family:var(--f-display);font-weight:400;font-size:1.3rem}
.rtable{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.rtable table{border-collapse:collapse;width:100%;font-size:.88rem}
.rtable th,.rtable td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.rtable th{color:var(--muted);font-weight:600;background:var(--bg)}
.acct{margin-top:34px;border-top:1px solid var(--line);padding-top:18px}
.acct h2{font-size:1.3rem}
@media(max-width:620px){
 .icard{grid-template-columns:1fr}
 .ithumb{min-height:150px}
 .iacts .btn{flex:1 1 auto;justify-content:center}
 .two-in{grid-template-columns:1fr}
}
@media(max-width:720px){.wa-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:46px;height:46px}}

/* Light / dark switch */
.mode-sw{position:relative;width:58px;height:30px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(90deg,#FFE7A8,#FFD27A);cursor:pointer;padding:0;flex:none;transition:background .3s}
.mode-sw .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;color:#E59A00;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.4,1.4,.6,1),background .3s,color .3s}
.mode-sw svg{width:16px;height:16px;grid-area:1/1;transition:opacity .25s,transform .3s}
.mode-sw .moon{opacity:0;transform:rotate(-40deg) scale(.6)}
.mode-sw[aria-checked="true"]{background:linear-gradient(90deg,#26224A,#3B3270)}
.mode-sw[aria-checked="true"] .knob{transform:translateX(28px);background:#14121D;color:#F3E3A6}
.mode-sw[aria-checked="true"] .sun{opacity:0;transform:rotate(60deg) scale(.6)}
.mode-sw[aria-checked="true"] .moon{opacity:1;transform:none}
nav.top{gap:12px}
nav.top .mode-sw{margin-left:auto}
nav.top ul+.mode-sw{margin-left:0}
@media(max-width:720px){nav.top .mode-sw{margin-left:auto;margin-right:8px}}
@media(prefers-reduced-motion:reduce){.mode-sw *{transition:none!important}}

/* Same price + trees */
.green{border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,#2F7D4F 10%,var(--surface)),var(--surface));border:1px solid var(--line);padding:36px clamp(18px,4vw,44px);margin-block:30px}
.green-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.green h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:8px 0 12px}
.green .eyebrow{color:#2F7D4F}
:root[data-theme="dark"] .green .eyebrow{color:#6FCB93}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .green .eyebrow{color:#6FCB93}}
.green p{color:var(--muted)}
.green-pts{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.green-pts li{padding-left:28px;position:relative}
.green-pts li::before{content:"✓";position:absolute;left:0;top:.2em;width:19px;height:19px;border-radius:50%;background:#2F7D4F;color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}
.calc{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px;box-shadow:0 20px 40px -28px rgba(0,0,0,.35)}
.calc label{font-weight:600;display:flex;justify-content:space-between;gap:10px}
.calc label b{font-family:var(--f-display);font-weight:400;font-size:1.3rem}
.calc input[type=range]{width:100%;accent-color:#2F7D4F;height:28px}
.calc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed var(--line)}
.calc-row span{display:grid}
.calc-row small{color:var(--muted);font-size:.78rem}
.calc-row b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;font-variant-numeric:tabular-nums}
.calc-row:not(.us) b{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.calc:not(.cheaper) .calc-row:not(.us) b{text-decoration:none}
.calc-row.us b{color:#2F7D4F}
:root[data-theme="dark"] .calc-row.us b,:root[data-theme="dark"] .calc-tree{color:#6FCB93}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .calc-row.us b,:root:not([data-theme="light"]) .calc-tree{color:#6FCB93}}
.calc-tree{display:flex;gap:12px;align-items:center;background:color-mix(in srgb,#2F7D4F 10%,transparent);border-radius:12px;padding:12px;color:#2F7D4F}
.calc-tree svg{width:38px;height:38px;flex:none}
.calc-tree p{margin:0;color:var(--ink)}
.calc .fine{margin:0}
@media(max-width:820px){.green-in{grid-template-columns:1fr}}

/* Personal links */
.plinks{border-top:1px solid var(--line);padding-top:8px}
.plinks summary{cursor:pointer;font-weight:700}
.pl-body{display:grid;gap:8px;margin-top:8px}
.pl-body textarea{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:.6em .8em;background:var(--bg);color:var(--ink);width:100%}
.pl-acts{display:flex;gap:8px}
.pl-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:360px;overflow:auto}
.pl-list li{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px}
.pl-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}

/* "Dear …" on personal invitation links */
.op .dear{position:absolute;left:0;right:0;top:calc(14% + env(safe-area-inset-top,0px));z-index:6;text-align:center;color:#FFF6DC;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none;animation:dearIn 1.2s .3s both}
.op .dear small{display:block;font:600 .8rem var(--f-body);letter-spacing:.3em;text-transform:uppercase;opacity:.85}
.op .dear b{display:block;font-family:var(--t-fs);font-weight:400;font-size:clamp(2rem,9vw,2.8rem);line-height:1.15;margin-top:4px}
.op.go .dear{opacity:0;transition:opacity .5s}
@keyframes dearIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dearh{margin:0 0 6px;font-size:1rem;letter-spacing:.04em;opacity:.95}
.dearh b{font-weight:600}

/* Show more designs */
.more-wrap{display:flex;justify-content:center;margin-top:22px}
.more-wrap .btn{min-width:220px;justify-content:center}

/* Phone header: logo · switch · menu on the right (DOM order handles it) */
@media(max-width:720px){nav.top ul+.mode-sw,nav.top .mode-sw{margin-left:auto;margin-right:10px}}

/* WhatsApp RSVP highlight */
.wa-spot{border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,#1F8F4E 12%,var(--surface)),var(--surface));border:1px solid var(--line);padding:36px clamp(18px,4vw,44px);margin-block:30px}
.wa-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.wa-spot h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:8px 0 12px}
.wa-spot .eyebrow{color:#1F8F4E}
.wa-spot p{color:var(--muted)}
.wa-phone{max-width:340px;justify-self:center;width:100%;border-radius:26px;overflow:hidden;border:8px solid #1A1826;box-shadow:0 30px 60px -25px rgba(0,0,0,.45);background:#EFE7DD}
.wa-top{display:flex;gap:10px;align-items:center;background:#0B6E4F;color:#fff;padding:12px 14px}
.wa-top b{display:block;font-size:.95rem}
.wa-top small{opacity:.8;font-size:.75rem}
.wa-av{width:34px;height:34px;border-radius:50%;background:#F0B63A;color:#1E1B2E;display:grid;place-items:center;font-weight:700}
.wa-chat{padding:14px;display:grid;gap:10px;min-height:250px;align-content:start}
.wa-msg{background:#fff;color:#1E1B2E;border-radius:10px 10px 10px 2px;padding:9px 11px 18px;font-size:.86rem;line-height:1.45;position:relative;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:waIn .6s both}
.wa-msg:nth-child(2){animation-delay:.5s}
.wa-t{position:absolute;right:8px;bottom:3px;font-size:.66rem;color:#8A8A8A}
@keyframes waIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.wa-in{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wa-msg{animation:none}}

/* On the invitation */
.rsvp .wanote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;opacity:.85;margin:4px 0 0}
.waic{width:16px;height:16px;flex:none;color:#1F8F4E}
.wabtn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#1F8F4E;color:#fff!important;text-decoration:none;font:600 .95rem var(--f-body,system-ui);padding:.6em 1.2em;border-radius:999px}
.wabtn .waic{color:#fff}
.wa-msg.wa-me{justify-self:end;background:#D9FDD3;border-radius:10px 10px 2px 10px}

/* Guest checkout */
.guestf{display:grid;gap:6px;margin:4px 0 6px}
.gstep{margin:0 0 2px}
.acctbox{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:14px;display:grid;gap:6px;background:var(--bg)}
.acctbox h3{font-family:var(--f-display);font-weight:400;font-size:1.15rem;margin:0}
.acctbox form{display:grid;gap:6px}
.acctbox [data-acctnew]{display:grid;gap:6px}

/* Editor photo thumbnails */
.editor .phlbl{margin:4px 0 0;color:#DDD;font-size:.85rem}
.editor .phlbl b{color:var(--marigold,#F0B63A)}
.editor .phlbl small{color:#999}
.editor .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.editor .th{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#24222E;border:1px solid #3A3747;margin:0}
.editor .th.hero{aspect-ratio:3/4;max-width:120px}
.editor .th img{width:100%;height:100%;object-fit:cover;display:block}
.editor .thx{position:absolute;top:4px;right:4px;width:26px!important;height:26px;padding:0!important;border-radius:50%!important;background:rgba(0,0,0,.65)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;font-size:1rem!important;line-height:1;display:grid;place-items:center;cursor:pointer}
.editor .th.add{display:grid!important;place-content:center;justify-items:center;gap:2px;cursor:pointer;border-style:dashed;color:#CCC;text-align:center}
.editor .th.add span{font-size:1.6rem;line-height:1;color:var(--marigold,#F0B63A)}
.editor .th.add small{font-size:.7rem;line-height:1.2;padding:0 4px}
.editor .th.add input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%!important;height:100%;padding:0!important}
.editor #phNote.warn{color:#F0B63A}
.editor .th img{position:absolute;inset:0}

/* Editor never scrolls sideways: long select options or words cannot widen it */
.editor{grid-template-columns:minmax(0,1fr);overflow-x:hidden;overscroll-behavior-x:none}
.editor>*,.editor label,.editor .grp,.editor .erow>*{min-width:0;max-width:100%}
.editor select,.editor input,.editor textarea{max-width:100%;min-width:0;text-overflow:ellipsis}
.editor .tg label{overflow-wrap:anywhere}
.editor .roy{background:#F0B63A;color:#1E1B2E;border-radius:4px;padding:0 5px;font-size:.66rem;font-weight:700;margin-left:4px}

/* WhatsApp contact button: every page, bottom right */
.wa-fab{width:auto!important;min-width:56px;height:56px!important;padding:0 16px;gap:8px;display:flex!important;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font:700 .95rem var(--f-body);bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;right:18px;z-index:45;box-shadow:0 12px 28px -10px rgba(16,90,48,.6);transition:transform .2s,box-shadow .2s;animation:waPop .5s 1s both}
.wa-fab:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(16,90,48,.7)}
.wa-fab svg{width:28px!important;height:28px!important;flex:none}
.wa-fab::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(31,143,78,.55);animation:waRing 2.6s 2s infinite}
@keyframes waPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes waRing{0%{box-shadow:0 0 0 0 rgba(31,143,78,.5)}70%{box-shadow:0 0 0 14px rgba(31,143,78,0)}100%{box-shadow:0 0 0 0 rgba(31,143,78,0)}}
@media(max-width:720px){.wa-fab{padding:0;width:54px!important;height:54px!important;right:14px}.wa-fab .wa-lbl{display:none}body.mbar-on .wa-fab{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}
@media(prefers-reduced-motion:reduce){.wa-fab,.wa-fab::after{animation:none}}
body.nim-invite .wa-fab,body.nim-edit .wa-fab{display:none!important}

/* ---------- Clean light look (v1.5.1): headings in one brand colour, separate feature cards with tinted icon chips ---------- */
:root{--head:#6E1E2B;--chip-tint:rgba(168,35,27,.08);--card-shadow:0 1px 2px rgba(30,27,46,.04)}
:root[data-theme="dark"]{--head:var(--ink);--chip-tint:rgba(227,101,90,.14);--card-shadow:none}
.block h2,.hero h1{color:var(--head)}
.hero h1 em{color:var(--kumkum)}
.features{gap:14px;background:none;border:0;border-radius:0;overflow:visible}
.feat{display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--card-shadow)}
.feat svg{grid-row:span 2;width:46px;height:46px;padding:12px;border-radius:12px;background:var(--chip-tint);color:var(--kumkum)}
.feat h3{margin:2px 0 4px}
.feat p{grid-column:2}
@media(max-width:720px){.features{gap:10px}.feat{grid-template-columns:42px 1fr;padding:14px 16px}.feat svg{width:42px;height:42px;padding:11px}}

/* ---------- Business footer (Old Town Kid, for payment verification) ---------- */
.otk-foot{background:#000;color:#B9B9B9;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:56px 0;width:100vw;margin-left:calc(50% - 50vw);margin-top:40px;font-size:.95rem;box-sizing:border-box}
.otk-in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.otk-brand img{display:block;width:200px;height:auto}
.otk-foot h4{margin:0 0 22px;color:#fff;font:700 1rem var(--f-body);letter-spacing:.02em}
.otk-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.otk-info li{display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:start}
.otk-info svg{width:16px;height:16px;margin-top:4px;color:#B9B9B9}
.otk-links a{color:#B9B9B9;text-decoration:none;display:inline-flex;gap:14px;align-items:center}
.otk-links a::before{content:"›";font-size:1.3rem;line-height:1;color:#B9B9B9}
.otk-links a:hover{color:#fff}
.otk-copy{max-width:1140px;margin:40px auto 0;padding-block:18px;border-top:1px solid #1f1f1f;font-size:.85rem;color:#8a8a8a}
@media(max-width:820px){.otk-in{grid-template-columns:1fr;gap:28px}.otk-foot{padding-block:40px 0}}
body.mbar-on .otk-copy{padding-bottom:90px}
.prose p,.prose ul{margin:0 0 14px}.prose h2,.prose h3,.prose h4{margin:26px 0 10px}
body{overflow-x:hidden}