/* Shared components used by every page: additional-features grid, forms, footer subscribe, new pricing cards. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.center-row{display:flex;justify-content:center;margin-top:32px}

/* ...and more additional features (Fizens style) */
.addl-sec{padding-block:80px}
.addl-h{text-align:center;font-size:clamp(28px,4vw,42px);font-weight:500;color:var(--ink);letter-spacing:-.02em;margin:0 0 40px}
.addl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ad-card{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#FFF6EE,#FFFAF6);border-radius:16px;padding:14px 20px;min-width:0}
.ad-ic{flex:none;width:52px;height:52px;border-radius:10px;background:#FFE3CF;color:var(--primary-deep,#E24E00);display:grid;place-items:center;box-shadow:0 0 0 4px #fff}
.ad-card b{display:block;color:var(--ink);font-size:17px;font-weight:500;line-height:1.4}
.ad-card span:not(.ad-ic){display:block;font-size:14px;color:var(--muted);line-height:1.45}
@media (max-width:1000px){.addl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.addl{grid-template-columns:minmax(0,1fr)}.addl-sec{padding-block:56px}.ad-card{padding:12px 16px}}

/* forms */
.lead-sec{padding-block:72px}
.lead-card{background:var(--card,#fff);border-radius:36px;box-shadow:var(--shadow);padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:start}
.lead-copy{display:flex;flex-direction:column;gap:12px}
.lead-points{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}
.lead-points li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink)}
.lead-points svg{color:var(--primary);flex:none}
.lead-form{display:flex;flex-direction:column;gap:14px;min-width:0}
.lead-form h2{font-size:24px;font-weight:600;color:var(--ink);margin:0 0 4px}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--ink);min-width:0}
.lead-form label small{font-weight:400;color:var(--muted)}
.lead-form em{font-style:normal;color:var(--primary-deep,#E24E00)}
.lead-form input,.lead-form select,.lead-form textarea{font:400 15px var(--font);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);width:100%;min-width:0}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid var(--primary);outline-offset:1px;background:#fff}
.lead-form textarea{resize:vertical}
.lead-form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lead-form .btn{align-self:flex-start}
.lead-form .invalid{outline:2px solid #C2261B!important;outline-offset:1px}
.form-msg{font-size:14px;border-radius:14px;padding:12px 14px;background:#E5F4E9;color:#1E6B39;margin:0}
.form-msg.err{background:#FDECEA;color:#9B1C12}
@media (max-width:860px){.lead-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.lead-form .two{grid-template-columns:minmax(0,1fr)}}

/* feedback page */
.page-top{padding-block:64px 32px;text-align:center}
.page-top .lead{margin:14px auto 0}
.pt-h{font-size:clamp(38px,6vw,64px);font-weight:500;color:var(--ink);letter-spacing:-.03em;line-height:1.1;margin-top:12px}
.pt-h span{color:var(--tint-2,#FFC9A3)}
.fb-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:start}
.fb-form{background:var(--card,#fff);border-radius:32px;box-shadow:var(--shadow);padding:clamp(22px,4vw,40px)}
.fb-side{display:flex;flex-direction:column;gap:12px}
.fb-box{display:flex;gap:16px;align-items:center;background:linear-gradient(90deg,#FFF6EE,#FFFAF6);border-radius:16px;padding:14px 18px;text-decoration:none}
.fb-box b{display:block;color:var(--ink);font-weight:500}
.fb-box span:not(.ad-ic){font-size:14px;color:var(--muted)}
.fb-box.link:hover{background:#FFEBDD}
.rate{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--bg-soft);border-radius:16px;padding:10px 14px;font-size:14px;color:var(--ink)}
.stars{display:flex;gap:2px;flex-direction:row-reverse}
.stars label{cursor:pointer;flex-direction:row;gap:0}
.stars input{position:absolute;opacity:0;width:1px;height:1px}
.stars span[aria-hidden]{font-size:26px;color:#E8DCD2;line-height:1;transition:color .15s}
.stars label:hover span[aria-hidden],.stars label:hover ~ label span[aria-hidden],.stars input:checked ~ span[aria-hidden],.stars label:has(input:checked) ~ label span[aria-hidden]{color:#FFB547}
.stars input:focus-visible + span{outline:2px solid var(--primary);border-radius:4px}
@media (max-width:860px){.fb-grid{grid-template-columns:minmax(0,1fr)}}

/* footer subscribe + location */
.subscribe{margin-top:22px;max-width:360px}
.subscribe b{display:block;color:#fff;font-weight:600;font-size:15px}
.subscribe p{font-size:13px;margin-top:4px;opacity:.85}
.sub-form{display:flex;gap:6px;background:#fff;border-radius:999px;padding:5px;margin-top:12px}
.sub-form input{flex:1;min-width:0;border:0;background:transparent;font:400 14px var(--font);padding:8px 12px;color:var(--ink)}
.sub-form input:focus{outline:none}
.sub-form:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.sub-form button{border:0;border-radius:999px;background:var(--ink,#1A1208);color:#fff;font:500 14px var(--font);padding:9px 16px;cursor:pointer;white-space:nowrap}
.subscribe .form-msg{margin-top:10px;font-size:13px}
.loc{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;opacity:.9}
.loc svg{flex:none}

/* pricing (Fizens style) */
.pp-top{text-align:center;padding-block:64px 8px}
.pp-top .lead{margin:16px auto 0}
.pp-tabs{display:flex;justify-content:center;gap:24px;margin:36px auto 32px}
.pp-tabs button{border:0;background:none;font:500 15px var(--font);color:var(--muted);padding:8px 18px 12px;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.pp-tabs button[aria-pressed="true"]{color:var(--primary-deep,#E24E00);border-bottom-color:var(--primary)}
.pp-tabs small{font-size:11px;font-weight:600;color:#D63B6E;background:#FDE7EF;border-radius:6px;padding:2px 6px}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:0 auto}
.pcx{border-radius:24px;overflow:hidden;background:#FFF8F3;display:flex;flex-direction:column;box-shadow:var(--shadow);min-width:0}
.pcx-top{position:relative;padding:26px 30px 46px;color:#fff;background:linear-gradient(120deg,#FF8E3C,#FFC49A)}
.pcx-top::after{content:"";position:absolute;right:0;top:0;width:45%;height:100%;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.pcx.pop .pcx-top{background:linear-gradient(120deg,#E24E00,#FF6A13 70%,#FF8E3C)}
.pcx-tag{position:relative;z-index:1;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px}
.pcx-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.pcx-price{position:relative;z-index:1;font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1;margin-top:12px}
.pcx-price small{font-size:14px;font-weight:400;letter-spacing:0;opacity:.95;margin-left:6px}
.pcx-body{background:#FFF8F3;border-radius:22px 22px 0 0;margin-top:-22px;position:relative;padding:28px 30px 30px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcx-body h3{font-size:22px;font-weight:500;color:var(--ink)}
.pcx-body > p{font-size:15px;color:var(--muted)}
.pcx-body ul{list-style:none;margin:18px 0 22px;padding:20px 0 0;border-top:1px solid #F1E4D9;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--ink)}
.pcx-body li{display:flex;gap:10px;align-items:flex-start}
.pcx-body li svg{flex:none;color:var(--muted);margin-top:2px}
.pcx-body .btn{margin-top:auto;width:100%;border-radius:999px;padding:13px;background:transparent;border:1px solid var(--primary);color:var(--primary-deep,#E24E00);box-shadow:none}
.pcx.pop .pcx-body .btn{background:var(--primary);color:#fff}
.pp-note{text-align:center;font-size:13px;color:var(--muted);margin-top:20px}
.packs2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:820px;margin:18px auto 0}
.packs2 div{background:linear-gradient(90deg,#FFF6EE,#FFFAF6);border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.packs2 b{color:var(--ink);font-weight:500}
.packs2 span{font-weight:600;color:var(--primary-deep,#E24E00);font-size:18px}
@media (max-width:960px){.pp-grid{grid-template-columns:minmax(0,1fr);max-width:480px;margin:0 auto}.pp-grid.two{grid-template-columns:minmax(0,1fr);max-width:480px}.packs2{grid-template-columns:minmax(0,1fr);max-width:480px}}
.lead-form .lt{display:block}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.lead a,.sec-head .lead a{color:var(--primary-deep,#E24E00);font-weight:500}

/* ===== v9: the Popular-plan pattern on every orange area ===== */
.cta,.fvis{background:linear-gradient(120deg,#E24E00 0%,#FF6A13 58%,#FF8E3C 100%)!important;position:relative;overflow:hidden;isolation:isolate}
.cta::after,.fvis::after{content:"";position:absolute;top:0;right:0;bottom:0;left:auto;width:58%;height:auto;border:0;border-radius:0;box-shadow:none;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none;z-index:0}
.fvis::after{width:70%;background-size:20px 20px}
.cta > *,.fvis > *{position:relative;z-index:1}

/* people first */
.pf-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,48px);align-items:start}
.pf-copy{display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pf{background:var(--card,#fff);border-radius:22px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pf b{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-bottom:4px}
.pf p{font-size:14px;color:var(--text);margin:0}
@media (max-width:900px){.pf-wrap{grid-template-columns:minmax(0,1fr)}.pf-copy{position:static}}
@media (max-width:560px){.pf-grid{grid-template-columns:minmax(0,1fr)}}

/* teachings buttons */
.tc-btn{width:100%;margin-top:auto;white-space:nowrap}

/* live clock */
.hclock{display:inline-flex;align-items:center;gap:6px;font:500 14px var(--font);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg-soft);border-radius:999px;padding:6px 12px;white-space:nowrap;min-width:9.6ch;justify-content:center}
.hclock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);flex:none}
.mclock{font-size:13px;font-weight:500;color:var(--primary-deep,#E24E00);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding:3px 10px;margin-top:6px;box-shadow:0 1px 4px rgba(120,50,10,.12)}
.no-clock .mclock{display:none}
@media (max-width:860px){.nav{gap:12px}}
@media (max-width:420px){.hclock{font-size:12px;padding:5px 8px;min-width:0}.hclock::before{display:none}}
@media (min-width:861px){.preview-tag{display:none}}
@media (min-width:861px){.nav{gap:16px}.nav-links{gap:18px}}
@media (max-width:400px){.nav .logo{font-size:0;gap:0}.nav .logo .mark{width:34px;height:34px}}
.see-all .btn{white-space:normal;text-align:center}

/* Prayers dropdown */
.dd{position:relative;display:inline-flex}
.dd-btn{border:0;background:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0}
.dd-btn:hover{color:var(--ink)}
.dd-btn .caret{font-size:11px;color:var(--primary);transition:transform .2s}
.dd.open .dd-btn .caret{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);min-width:260px;background:#fff;border-radius:20px;box-shadow:0 2px 6px rgba(26,18,8,.06),0 24px 48px -16px rgba(26,18,8,.28);padding:8px;display:none;z-index:40}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd.open .dd-menu{display:block}
@media (hover:hover){.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}}
.dd-menu a,.mp-prayers a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--ink)}
.dd-menu a:hover,.mp-prayers a:hover{background:var(--bg-soft)}
.dd-ic{width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;flex:none}
.dd-ic svg{width:24px;height:24px}
.dd-menu b,.mp-prayers b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.dd-menu small,.mp-prayers small{display:block;font-size:12px;color:var(--muted)}
.dd-menu .ar,.mp-prayers .ar{margin-left:auto;color:var(--primary)}

/* phone menu */
.menu-btn{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:none}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.menu-btn.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn.on span:nth-child(2){opacity:0}
.menu-btn.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-panel{background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 40px -20px rgba(26,18,8,.3);padding:12px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px));max-height:calc(100vh - 80px);overflow:auto}
.mp-h{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-deep,#E24E00);margin:4px 4px 6px}
.mp-prayers{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}
.mp-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.mp-links a{padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:500}
.mp-links a:hover{background:var(--bg-soft)}
@media (max-width:860px){.menu-btn{display:inline-flex}}
@media (min-width:1061px){.menu-panel{display:none!important}}
@media (max-width:1260px){.nav-links{display:none}.nav-links ~ .btn{margin-left:auto}.nav-links ~ .menu-btn{display:inline-flex}}
@media (max-width:1260px){.tnav ~ .menu-btn{display:inline-flex}.tnav ~ .lang-dd{display:none}}
@media (max-width:400px){.menu-btn{width:38px;height:38px}}
.dd-btn .caret{font-size:0;width:7px;height:7px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg) translateY(-2px);margin-left:2px}
.dd.open .dd-btn .caret{transform:rotate(-135deg) translateY(-1px)}

/* brand polish: same colours from top to bottom of every page */
html{background:linear-gradient(to bottom,#FFFFFF 0 50%,#E24E00 50% 100%);scrollbar-color:#FFC9A3 transparent}
body{background:#FFFFFF;text-rendering:optimizeLegibility}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
::selection{background:#FFC9A3;color:#1A1208}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #FF6A13;outline-offset:3px}
input,select,textarea{accent-color:#FF6A13}
[id]{scroll-margin-top:96px}
img,svg{max-width:100%}
header{transition:box-shadow .25s}
header.scrolled{box-shadow:0 8px 24px -14px rgba(26,18,8,.25)}
.nav-links a,.xlinks > a{position:relative;transition:color .15s}
.nav-links a[aria-current="page"],.xlinks > a[aria-current="page"]{color:#E24E00;font-weight:600}
.nav-links a[aria-current="page"]::after,.xlinks > a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:-8px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#FF6A13}
.crumbs{font-size:13px;margin-bottom:14px;color:rgba(255,255,255,.85)}
.crumbs a{color:#fff;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 6px;opacity:.7}

/* language switcher */
.lang-dd{margin-right:0}
.lang-dd .dd-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line,#EFE8E2);background:#fff;border-radius:999px;padding:6px 9px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink,#1A1208);cursor:pointer;white-space:nowrap}
.lang-dd .lang-ic{font-size:14px;line-height:1}
.lang-dd .dd-menu{left:auto;right:0;transform:none;min-width:190px}
.lang-dd .dd-menu a{padding:9px 12px}
.lang-dd .dd-menu a[aria-current]{background:#FFF4EB}
.lang-dd .dd-menu a[aria-current] b{color:#E24E00}
.mp-langs{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 8px}
.mp-langs a{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid var(--line,#EFE8E2);text-decoration:none;color:var(--ink,#1A1208);font-size:14px}
.mp-langs a b{font-weight:600}
.mp-langs a[aria-current]{background:#FF6A13;border-color:#FF6A13}
.mp-langs a[aria-current] b{color:#fff}
@media (max-width:1260px){.lang-dd{display:none}}

/* social links in the footer */
.social{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.social a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s}
.social a:hover{background:rgba(255,255,255,.26)}

/* donate */
.btn-donate svg{color:var(--primary-deep,#E24E00)}
.don-card{background:linear-gradient(135deg,#FFF6EE,#FFFFFF 60%);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow);padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
.don-copy{display:flex;flex-direction:column;gap:12px}
.don-points{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px}
.don-points li{display:flex;gap:12px;align-items:center;font-size:15px;color:var(--ink)}
.don-points svg{flex:none;color:var(--primary);background:#FFE3CF;border-radius:10px;padding:6px;width:34px;height:34px}
.don-form{display:flex;flex-direction:column;gap:14px;background:var(--card,#fff);border-radius:28px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);min-width:0}
.don-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--ink);min-width:0}
.don-form input[type=email],.don-form input[type=number],.don-form input[type=text]:not(.hp),.don-form input[type=tel]{font:400 15px var(--font);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);width:100%;min-width:0}
.don-form input:focus{outline:2px solid var(--primary);outline-offset:1px;background:#fff}
.don-amts{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.don-amts legend{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:8px;padding:0}
.don-amts label{position:relative;display:block}
.don-amts input{position:absolute;opacity:0;width:1px;height:1px}
.don-amts span{display:block;text-align:center;padding:12px 6px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);font-weight:600;font-size:16px;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .15s,border-color .15s}
.don-amts label:hover span{border-color:var(--primary)}
.don-amts input:checked + span{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px -10px var(--primary)}
.don-amts input:focus-visible + span{outline:2px solid var(--primary);outline-offset:2px}
.don-other{display:none!important}
.don-form:has(#amtOther:checked) .don-other{display:flex!important}
.don-note{font-size:13px;color:var(--muted);margin:0}
.don-form .btn{align-self:flex-start}
.don-form .invalid{outline:2px solid #C2261B!important;outline-offset:1px}
@media (max-width:860px){.don-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.don-amts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* studio credit */
.legal .madeby a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.legal .madeby a:hover{color:#fff;text-decoration-color:#fff}

/* light / dark switch */
.theme-btn{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s,color .15s}
.theme-btn:hover{border-color:var(--primary);color:var(--primary-deep)}
.mp-theme{display:flex;align-items:center;gap:10px;width:100%;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font:500 15px var(--font);cursor:pointer}
@media (max-width:420px){header .theme-btn{display:none}}

/* back to top */
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:46px;height:46px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 10px 24px -10px var(--primary);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,background .15s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--primary-deep)}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}

/* group strip above the counter (group.js) */
.gwrap{margin-top:14px}
.gstrip{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:14px 18px;display:flex;flex-direction:column;gap:8px}
.gs-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.gs-logo{width:42px;height:42px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.gs-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 180px}
.gs-txt b{color:var(--ink);font-weight:600;font-size:15px}
.gs-txt span{font-size:13px;color:var(--muted)}
.gs-prog{flex:1 1 260px;display:flex;flex-direction:column;gap:5px;min-width:0}
.gs-bar{height:8px;border-radius:99px;background:var(--bg-soft);overflow:hidden}
.gs-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary-2),var(--primary))}
.gs-prog span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.gs-prog b{color:var(--ink)}
.gs-leave{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:99px;padding:6px 12px;font:500 12px var(--font);cursor:pointer}
.gs-leave:hover{border-color:var(--primary);color:var(--primary-deep)}
.gs-ann{margin:0;font-size:14px;color:var(--ink);background:var(--bg-soft);border-radius:14px;padding:9px 12px}
.gs-ann b{color:var(--primary-deep);font-weight:600}

/* one footer everywhere */
footer{padding-block:72px 40px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;justify-content:normal;align-items:start}
.foot > *{min-width:0}
.foot h4{font-size:15px;margin:0 0 14px;color:#fff;font-weight:500}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot a{text-decoration:none;color:rgba(255,255,255,.85)}
.foot a:hover{color:#fff}
.foot .blurb{font-size:15px;max-width:24em;margin-top:14px;color:rgba(255,255,255,.85)}
.legal{margin-top:48px;padding-top:24px;font-size:13px}
@media (max-width:800px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:minmax(0,1fr)}}
/* breadcrumbs in the centred page headers */
.page-top .crumbs,.pp-top .crumbs{text-align:center;color:var(--muted)}
.page-top .crumbs a,.pp-top .crumbs a{color:var(--ink)}
.page-top .crumbs a:hover,.pp-top .crumbs a:hover{color:var(--primary-deep)}

.gs-code{margin:0;font-size:12.5px;color:var(--muted)}
.gs-code b{color:var(--ink);letter-spacing:.08em;font-variant-numeric:tabular-nums}

/* the once-a-month support note (nav.js) */
.pc-ask{position:fixed;z-index:45;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 36px));background:var(--card,#fff);color:var(--text);border-radius:24px;box-shadow:0 2px 6px rgba(26,18,8,.08),0 24px 50px -18px rgba(26,18,8,.35);padding:22px 22px 16px;display:flex;flex-direction:column;gap:10px;animation:pcAskIn .35s ease both}
.pc-ask.out{opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
@keyframes pcAskIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pc-ask h3{font-size:17px;color:var(--ink);margin:0;padding-right:24px;line-height:1.35}
.pc-ask p{font-size:14px;line-height:1.55;margin:0}
.pc-ask-row{display:flex;gap:8px;flex-wrap:wrap}
.pc-ask-row .btn{padding:10px 16px;font-size:14px}
.pc-ask-row.small{justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.pc-ask-row.small button{border:0;background:none;padding:2px 0;font:500 13px var(--font);color:var(--muted);cursor:pointer}
.pc-ask-row.small button:hover{color:var(--primary-deep)}
.pc-ask-x{position:absolute;top:12px;right:14px;border:0;background:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:4px}
@media (prefers-reduced-motion:reduce){.pc-ask{animation:none}}

/* Telugu and Tamil prayers (regional library) */
:root{--font:"Poppins","Poppins Fallback","Noto Sans Telugu","Noto Sans Tamil",system-ui,-apple-system,"Segoe UI",sans-serif}

/* ===== Accessibility (a11y.js) ===== */
.a11y-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.a11y-skip{position:fixed;left:max(12px,env(safe-area-inset-left,0px));top:calc(-60px + env(safe-area-inset-top,0px));z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font:600 15px var(--font);text-decoration:none;transition:top .15s}
.a11y-skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.a11y-fab{position:fixed;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:#1A1208;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px -10px rgba(26,18,8,.6)}
.a11y-fab:hover,.a11y-fab:focus-visible{background:var(--primary-deep,#E24E00)}
.a11y-fab.lbl{width:auto;border-radius:23px;padding:0 16px 0 12px;grid-auto-flow:column;gap:8px;font:600 14px/1 var(--font,sans-serif)}
.mp-a11y svg{flex:none}
/* screen glow + large message: the visual twin of every chime and bell */
.a11y-flash{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 10px rgba(255,106,19,.95),inset 0 0 120px 30px rgba(255,166,77,.55)}
.a11y-flash.on{animation:a11yFlash 1.4s ease-out}
.a11y-flash.strong.on{animation:a11yFlash 1s ease-out 3}
@keyframes a11yFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.a11y-banner{position:fixed;left:50%;top:calc(90px + env(safe-area-inset-top,0px));transform:translate(-50%,-20px);z-index:151;pointer-events:none;opacity:0;background:var(--ink,#1A1208);color:#fff;font:600 clamp(22px,4.5vw,34px)/1.25 var(--font);padding:16px 28px;border-radius:22px;box-shadow:0 20px 50px -18px rgba(0,0,0,.6);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}
.a11y-banner span{color:var(--primary-2,#FF8E3C)}
.a11y-banner.on{opacity:1;transform:translate(-50%,0)}
html.a11y-calm .a11y-flash.on{animation:none;opacity:1;transition:opacity .4s}
/* settings panel */
.a11y-dlg{position:fixed;inset:0;z-index:180;display:flex;justify-content:flex-end}
.a11y-dlg[hidden]{display:none}
.a11y-scrim{position:absolute;inset:0;background:rgba(26,18,8,.45)}
.a11y-card{position:relative;width:min(460px,100vw);height:100%;background:var(--card,#fff);color:var(--text);overflow:auto;padding:0 22px 40px;padding-left:max(22px,env(safe-area-inset-left,0px));box-shadow:-20px 0 50px -20px rgba(0,0,0,.4)}
.a11y-card header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 0 14px;background:var(--card,#fff);border-bottom:1px solid var(--line)}
.a11y-card h2{display:flex;align-items:center;gap:10px;font-size:21px;margin:0;color:var(--ink)}
.a11y-x{border:0;background:var(--bg-soft);width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.a11y-card h3{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-deep,#E24E00);margin:24px 0 6px}
.a11y-intro{font-size:15px;margin:14px 0 0}
.a11y-presets{display:flex;flex-wrap:wrap;gap:8px}
.a11y-presets button{border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:14px;padding:10px 14px;font:500 14px var(--font);cursor:pointer;text-align:left}
.a11y-presets button:hover{border-color:var(--primary)}
.a11y-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.a11y-row.col{flex-direction:column;align-items:stretch}
.a11y-row b{display:block;font-weight:500;color:var(--ink);font-size:15px}
.a11y-row small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:2px}
.a11y-sw{flex:none;width:52px;height:30px;border-radius:99px;border:0;background:#CFC3B8;position:relative;cursor:pointer;padding:0}
.a11y-sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.a11y-sw[aria-checked="true"]{background:var(--primary,#FF6A13)}
.a11y-sw[aria-checked="true"] i{left:25px}
.a11y-seg{display:flex;flex-wrap:wrap;gap:6px}
.a11y-seg button{border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);border-radius:99px;padding:8px 14px;font:500 14px var(--font);cursor:pointer}
.a11y-seg button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.a11y-actions{padding-top:12px}
.a11y-note{font-size:13px;color:var(--muted);margin:10px 0 0}
.a11y-foot{margin-top:24px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}
.a11y-reset{align-self:flex-start;border:0;background:none;color:var(--primary-deep,#E24E00);font:600 14px var(--font);cursor:pointer;padding:0}
body.a11y-open{overflow:hidden}
/* syllable view on prayer texts */
.a11y-syl{margin:10px 0 0;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);border-radius:99px;padding:5px 12px;font:500 13px var(--font);cursor:pointer}
.a11y-syl[aria-pressed="true"]{background:var(--ink);color:#fff}
.a11y-sylbox{margin-top:10px;font-size:clamp(19px,2.4vw,24px);line-height:1.9;color:var(--ink);background:var(--card,#fff);border:1px dashed var(--tint-2,#FFC9A3);border-radius:14px;padding:10px 14px;word-spacing:.35em}
/* larger text, stronger contrast, easy font, calm motion, underlined links */
html.a11y-text-l body{zoom:1.12}
html.a11y-text-xl body{zoom:1.25}
html.a11y-contrast{--text:#1A1208;--muted:#3A3029;--line:#8F8379}
html.a11y-contrast[data-theme="dark"]{--text:#FFFFFF;--muted:#E9DED3;--line:#8F8379}
html.a11y-contrast :focus-visible{outline:3px solid #1A1208!important;outline-offset:3px}
html.a11y-contrast[data-theme="dark"] :focus-visible{outline-color:#FFD27A!important}
html.a11y-font body,html.a11y-font button,html.a11y-font input,html.a11y-font select,html.a11y-font textarea{font-family:"Atkinson Hyperlegible",var(--font)!important}
html.a11y-calm *,html.a11y-calm *::before,html.a11y-calm *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.a11y-links a:not(.btn):not(.logo):not([role="menuitem"]){text-decoration:underline!important;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.a11y-flash.on,.a11y-flash.strong.on{animation:none;opacity:1}}

body.a11y-open .a11y-banner{left:calc((100vw - min(460px,100vw)) / 2)}

/* "Didn't find your prayer?" banner before Quick answers */
.req-sec{padding-block:24px}
.req-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 32px;align-items:center;background:linear-gradient(110deg,var(--bg-soft),var(--card,#fff));border:1px solid var(--line);border-radius:28px;padding:clamp(20px,3vw,30px) clamp(20px,3.5vw,36px)}
.req-copy{display:flex;flex-direction:column;gap:6px}
.req-copy h2{font-size:clamp(22px,2.6vw,28px);margin:0;color:var(--ink)}
.req-copy p{margin:0;font-size:15px;color:var(--muted)}
.req-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:10px;align-items:center}
.req-form label{display:block;min-width:0}
.req-form input,.req-form select{font:400 15px var(--font);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);width:100%;min-width:0}
.req-form input:focus,.req-form select:focus{outline:2px solid var(--primary);outline-offset:1px}
.req-form .req-mail{grid-column:1}
.req-form .btn{grid-column:2;justify-self:stretch}
.req-form .form-msg{grid-column:1/-1}
.req-form .invalid{outline:2px solid #C2261B!important;outline-offset:1px}
@media (max-width:860px){.req-band{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.req-form{grid-template-columns:minmax(0,1fr)}.req-form .btn,.req-form .req-mail{grid-column:1}}

/* type hierarchy, shared by every page */
body{line-height:1.65}
h1,.hero-title{font-weight:600;line-height:1.15;letter-spacing:-.02em}
h2,.h2{font-weight:600;line-height:1.2;letter-spacing:-.015em}
h3,h4{font-weight:600;line-height:1.35;letter-spacing:0}
.lead{line-height:1.6}
.label{font-weight:600;letter-spacing:.1em}
p,li{text-wrap:pretty}
button,input,select,textarea{font-family:inherit}
:lang(hi) .label,:lang(kn) .label,:lang(gu) .label,:lang(pa) .label{letter-spacing:0;text-transform:none}
/* one header on every page: no default page margin, same nav spacing and button size */
html,body{margin:0}
html body header .nav{padding-block:16px}
@media (min-width:761px){html body header .nav{gap:28px}}
html body header .nav .btn{padding:10px 20px;font-size:15px}
@media (max-width:520px){html body header .nav .btn{padding:9px 14px;font-size:14px}}
@media (max-width:420px){html body header .nav .btn{padding:8px 12px;font-size:13px}}
html body header{border-bottom-width:0}
@media (max-width:860px){html body header .nav .theme-btn{margin-left:auto}html body header .nav .theme-btn ~ .btn{margin-left:0}html body header .nav .tnav{display:none}}
html body header .xlinks > a,html body header .xlinks .dd > .dd-btn{font-size:15px}
/* soft page-to-page fade; the header stays still while the page changes */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
html body header{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
html.a11y-calm::view-transition-group(*),html.a11y-calm::view-transition-old(*),html.a11y-calm::view-transition-new(*){animation:none}

.req-form{align-items:end}
.req-form .req-lbl{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 6px}

/* My path (Tapas): one tradition only */
html[data-path="hindu"] :is(header,.menu-panel,.tbar,.tr-switch) a:is([href$="jain.html"],[href$="jain-mantras.html"],[href$="sikh.html"],[href$="sikh-banis.html"]):not(.lang-dd a),html[data-path="hindu"] footer li:has(> a:is([href$="jain.html"],[href$="jain-mantras.html"],[href$="sikh.html"],[href$="sikh-banis.html"])),html[data-path="hindu"] .tcard:has(a:is([href$="jain.html"],[href$="jain-mantras.html"],[href$="sikh.html"],[href$="sikh-banis.html"])),html[data-path="hindu"] [data-pt]:not([data-pt="hindu"]){display:none!important}
html[data-path="jain"] :is(header,.menu-panel,.tbar,.tr-switch) a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="sikh.html"],[href$="sikh-banis.html"]):not(.lang-dd a),html[data-path="jain"] footer li:has(> a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="sikh.html"],[href$="sikh-banis.html"])),html[data-path="jain"] .tcard:has(a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="sikh.html"],[href$="sikh-banis.html"])),html[data-path="jain"] [data-pt]:not([data-pt="jain"]){display:none!important}
html[data-path="sikh"] :is(header,.menu-panel,.tbar,.tr-switch) a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="jain.html"],[href$="jain-mantras.html"]):not(.lang-dd a),html[data-path="sikh"] footer li:has(> a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="jain.html"],[href$="jain-mantras.html"])),html[data-path="sikh"] .tcard:has(a:is([href$="hindu.html"],[href$="hindu-mantras.html"],[href$="yatra.html"],[href$="jain.html"],[href$="jain-mantras.html"])),html[data-path="sikh"] [data-pt]:not([data-pt="sikh"]){display:none!important}
html[data-path] .fx-filter{display:none!important}
.path-bar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 16px;background:var(--bg-soft,#FFF4EB);border-top:1px solid var(--line,#FFE0CC);font-size:14px;color:var(--ink,#1A1208)}
.path-bar button{font:inherit;font-weight:600;color:var(--primary-deep,#E24E00);background:none;border:0;padding:4px 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.path-dlg{position:fixed;inset:0;z-index:80;background:rgba(26,18,8,.45);display:grid;place-items:center;padding:16px}
.path-box{background:var(--card,#fff);color:var(--text,#4A3F36);border-radius:24px;max-width:420px;width:100%;padding:24px;box-shadow:0 30px 60px -20px rgba(26,18,8,.5)}
.path-box h2{font-size:20px;margin:0 0 6px;color:var(--ink,#1A1208)}.path-box p{font-size:14.5px;margin:0 0 16px}
.path-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.path-opts button{font:inherit;font-weight:600;padding:12px;border-radius:14px;border:1px solid var(--line,#FFE0CC);background:var(--bg-soft,#FFF4EB);color:var(--ink,#1A1208);cursor:pointer}
.path-opts button[aria-pressed="true"]{background:var(--primary,#FF6A13);border-color:var(--primary,#FF6A13);color:#fff}
.path-opts button:disabled{opacity:.55;cursor:not-allowed}
.path-lock{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;background:var(--bg-soft,#FFF4EB);border-radius:14px;padding:10px 12px;margin-bottom:14px}
.path-lock a{font-weight:600;color:var(--primary-deep,#E24E00)}
.path-x{font:inherit;width:100%;padding:11px;border-radius:999px;border:1px solid var(--line,#FFE0CC);background:none;color:var(--ink,#1A1208);cursor:pointer}
[data-tag-tapas]::after{content:'Tapas';font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--tint,#FFE6D5);color:var(--primary-deep,#E24E00)}
html[data-path="hindu"] .fx-mon a[data-t]:not([data-t="hindu"]),html[data-path="hindu"] .fx-mon:not(:has(a[data-t="hindu"])){display:none!important}
html[data-path="jain"] .fx-mon a[data-t]:not([data-t="jain"]),html[data-path="jain"] .fx-mon:not(:has(a[data-t="jain"])){display:none!important}
html[data-path="sikh"] .fx-mon a[data-t]:not([data-t="sikh"]),html[data-path="sikh"] .fx-mon:not(:has(a[data-t="sikh"])){display:none!important}
html[data-path] .fx-mon h3 span{display:none}
.path-bar{position:relative;z-index:1}

.tp-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tp-row input{font:inherit;font-size:15px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);flex:1;min-width:170px}
.tp-row input[type=time]{flex:0 0 auto;min-width:0}
[data-tag]::after{content:attr(data-tag);font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--tint,#FFE6D5);color:var(--primary-deep,#E24E00);vertical-align:middle}
.stat .st-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--tint,#FFE6D5);color:var(--primary-deep,#E24E00);margin-bottom:10px}
:lang(hi) .stat .st-tag,:lang(kn) .stat .st-tag,:lang(gu) .stat .st-tag,:lang(pa) .stat .st-tag{letter-spacing:0;text-transform:none}
html[data-path="hindu"] [data-trad]:not([data-trad="hindu"]){display:none!important}
html[data-path="jain"] [data-trad]:not([data-trad="jain"]){display:none!important}
html[data-path="sikh"] [data-trad]:not([data-trad="sikh"]){display:none!important}
.band .step h3{color:var(--ink)}.band .step p{color:var(--text)}
.voice .v-h{font-size:17px;font-weight:600;line-height:1.35;color:var(--ink);margin:0 0 10px}
@media (min-width:861px){.voice .v-h{min-height:2.7em}}
.credits-box{margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff)}
.credits-box h4{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}.credits-box p{font-size:14px;margin:0 0 8px}
.credits-box a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:3px}
.xvid .xg{font-size:clamp(30px,3.4vw,42px)!important;top:10px!important;right:16px;letter-spacing:-.01em;white-space:nowrap}
.xvid-static{display:grid;place-items:center}.xvid-static .xs-ic{width:56px;height:56px;border-radius:50%;background:var(--on-primary,#fff);color:var(--primary);display:grid;place-items:center}
.xs-form{display:grid;gap:10px;padding:4px 6px 0;margin-top:auto}
.xs-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.xs-form textarea,.xs-form input[type=email]{font:400 15px var(--font);padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);width:100%;min-width:0;resize:vertical}
.xs-form .btn{justify-self:start;font-size:13.5px;padding:10px 16px}
.xsuggest .xs-go{margin:auto 6px 0;align-self:flex-start;font-size:13.5px;padding:10px 16px}

.nav-links .dd-btn.here,.xlinks .dd-btn.here{color:#E24E00;font-weight:600}

/* pricing: sample dashboard tabs, campaign pack cards, booking form */
.pp-tabs button[aria-selected="true"]{color:var(--primary-deep,#E24E00);border-bottom-color:var(--primary)}
.dash-tabs{flex-wrap:wrap;gap:6px 14px;margin:28px auto 22px}
.packs3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:20px auto 0}
.pack{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:8px}
.pack h3,.pack h4{margin:0;font-size:18px;font-weight:600;color:var(--ink)}
.pack p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.pk-price{font-size:28px;font-weight:600;color:var(--primary-deep,#E24E00);margin-top:auto;padding-top:8px}
.pk-price small{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px}
.pack .btn{align-self:flex-start;font-size:14px;padding:10px 18px}
.ev-form{display:grid;gap:14px;background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:clamp(18px,3vw,30px)}
.ev-form .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ev-form label.f{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.ev-form label.f em{color:var(--primary-deep);font-style:normal}
.ev-form input:not([type=radio]):not([type=checkbox]):not(.hp),.ev-form select,.ev-form textarea{font:400 15px var(--font);padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);width:100%;min-width:0}
.ev-form .btn{justify-self:start}
.book-form{max-width:820px;margin:0 auto}
@media (max-width:760px){.packs3{grid-template-columns:minmax(0,1fr);max-width:480px}.ev-form .grid2{grid-template-columns:minmax(0,1fr)}}
.packs3.evp{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.evp-rows{margin-top:auto;padding-top:10px;display:grid;gap:6px;border-top:1px solid var(--line)}
.evp-rows div{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px;color:var(--muted)}
.evp-rows b{font-size:20px;font-weight:600;color:var(--primary-deep,#E24E00)}
@media (max-width:1000px){.packs3.evp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.packs3.evp{grid-template-columns:minmax(0,1fr)}}
/* pricing: the full demo dashboard button gets a light that travels round its edge and a soft breathing glow */
@property --pc-demo{syntax:'<angle>';inherits:false;initial-value:0deg}
.demo-btn{position:relative;isolation:isolate;animation:pcDemoGlow 2.8s ease-in-out infinite}
.demo-btn::after{content:"";position:absolute;inset:-5px;border-radius:inherit;padding:3px;pointer-events:none;background:conic-gradient(from var(--pc-demo),transparent 0 55%,rgba(255,179,71,.35) 68%,#FFB347 80%,#E24E00 90%,transparent 97%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:pcDemoSweep 3.2s linear infinite}
.demo-btn .arrow{transition:transform .25s ease}
.demo-btn:hover .arrow,.demo-btn:focus-visible .arrow{transform:translate(2px,-2px)}
@keyframes pcDemoSweep{to{--pc-demo:360deg}}
@keyframes pcDemoGlow{0%,100%{box-shadow:0 10px 24px -10px rgba(255,106,19,.55),0 0 0 0 rgba(255,106,19,.28)}50%{box-shadow:0 14px 30px -10px rgba(255,106,19,.7),0 0 0 10px rgba(255,106,19,0)}}
@media (prefers-reduced-motion:reduce){.demo-btn,.demo-btn::after{animation:none}}
html.a11y-calm .demo-btn,html.a11y-calm .demo-btn::after{animation:none}
/* header keeps the same height while the web font loads (no jump when Poppins arrives) */
header .nav{min-height:77px;box-sizing:border-box}
header .nav > .btn{height:45px;box-sizing:border-box;display:inline-flex;align-items:center;line-height:1}
/* speed: sections below the first screen are laid out only when they come near the viewport */
main > section ~ section{content-visibility:auto;contain-intrinsic-size:auto 900px}
html.cv-off main > section ~ section{content-visibility:visible}
@media print{main > section ~ section{content-visibility:visible}}
/* one alignment rule for the whole site: section titles, intros, tabs and grids start from the left edge */
main .sec-head{text-align:left;align-items:flex-start;margin-left:0;margin-right:0}
main .center-row{justify-content:flex-start}
.pp-tabs{justify-content:flex-start}
.packs3{margin-left:0;margin-right:0}
.book-form{margin-left:0}
/* scrollbar in the site's colours (kept full width so it is easy to grab) */
html{scrollbar-color:#F08A4B #FFF4EB}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#FFF4EB}
::-webkit-scrollbar-thumb{background:#F08A4B;border-radius:999px;border:3px solid #FFF4EB}
::-webkit-scrollbar-thumb:hover{background:#E24E00}
html[data-theme="dark"]{scrollbar-color:#C2571B #14100C}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#14100C}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#C2571B;border-color:#14100C}
.foot .fh{font-size:15px;margin:0 0 14px;color:#fff;font-weight:500;line-height:1.4;letter-spacing:0}
.motd-w{margin:0;font-size:14px;line-height:1.5;color:var(--muted);min-height:1.5em}
/* readable orange (4.5:1 or better) for buttons and orange text in the light look; banners keep the bright orange */
html:not([data-theme="dark"]){--act:#C2410C}
html:not([data-theme="dark"]) .btn-primary:not(.hero *):not(.thero *):not(.cta *),
html:not([data-theme="dark"]) header .btn-primary,
html:not([data-theme="dark"]) .ctl.solid,
html:not([data-theme="dark"]) .chip[aria-pressed="true"],
html:not([data-theme="dark"]) .np-change,
html:not([data-theme="dark"]) .tile.hot,
html:not([data-theme="dark"]) .pcx.pop .btn{background:var(--act)!important;border-color:var(--act)!important;color:#fff!important}
html:not([data-theme="dark"]) .hero .btn-primary,html:not([data-theme="dark"]) .thero .btn-white{color:var(--act)}
html:not([data-theme="dark"]) main .label:not(.hero *):not(.thero *):not(.band *):not(.cta *),
html:not([data-theme="dark"]) .nav-links a[aria-current="page"],html:not([data-theme="dark"]) .xlinks > a[aria-current="page"],
html:not([data-theme="dark"]) .nav-links .dd-btn.here,html:not([data-theme="dark"]) .xlinks .dd-btn.here,
html:not([data-theme="dark"]) .pp-tabs button[aria-pressed="true"],html:not([data-theme="dark"]) .pp-tabs button[aria-selected="true"],
html:not([data-theme="dark"]) .mode[aria-pressed="true"],html:not([data-theme="dark"]) button.link,
html:not([data-theme="dark"]) .chip.more,html:not([data-theme="dark"]) .pcx:not(.pop) .btn,
html:not([data-theme="dark"]) .pk-price,html:not([data-theme="dark"]) .evp-rows b,html:not([data-theme="dark"]) .ev-pv-h .num,
html:not([data-theme="dark"]) #targetLabel,html:not([data-theme="dark"]) #musicLabel{color:var(--act)!important}
html:not([data-theme="dark"]) .pcx:not(.pop) .btn{border-color:var(--act)!important}
html:not([data-theme="dark"]) .pp-tabs button[aria-pressed="true"],html:not([data-theme="dark"]) .pp-tabs button[aria-selected="true"]{border-bottom-color:var(--act)!important}
.pp-tabs small{color:#A61E4D}
/* footer: a deeper orange so its light text is easy to read */
footer{background:#A33A0E!important}
footer p,footer li a,footer .social span,footer .legal,footer .legal a{color:#FFEDE2!important}
html:not([data-theme="dark"]) #moreNames{color:#9A3412!important}
html:not([data-theme="dark"]) .np-txt small,html:not([data-theme="dark"]) #clockBtn span,html:not([data-theme="dark"]) .pc-row small{color:#9A3412!important}
html:not([data-theme="dark"]) [data-pt][aria-pressed="true"],html:not([data-theme="dark"]) .don-amts input:checked + span{background:var(--act)!important;border-color:var(--act)!important;color:#fff!important}
footer .social a{background:rgba(0,0,0,.18)!important}footer .legal .credits,footer .legal .credits a{color:#FFEDE2!important}
footer .legal .credits{opacity:1!important}html:not([data-theme="dark"]) .mcard .counts span{color:#9A3412!important}
/* ---------- one type scale for the whole site ---------- */
main .hero-title,.thero h1{font-size:clamp(38px,5.4vw,56px)!important;line-height:1.08;font-weight:600}
main h2.h2{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.15;font-weight:600!important;letter-spacing:-.02em}
main .lead{font-size:18px;line-height:1.6}
main .label{font-size:13px;font-weight:600}
main .fcard h3,main .tcard h3,main .xcard h3,main .ev-tier h3,main .pack h3,main .pcx-body h3,main .ad-card b,main .gcard h3,main .mcard h3,main .ev-body h3{font-size:20px!important;font-weight:600!important;line-height:1.3}
main .btn{font-size:15px}
main .btn.tc-btn,main .xcard .btn,main .pack .btn,main .xs-go{font-size:14px}
/* homepage: Our story reads as a quiet quote, not a second plans card */
.story-strip-sec .plans-strip{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-left:4px solid var(--act,#C2410C);padding:6px 0 6px clamp(18px,3vw,32px)!important}
main h2.addl-h,main .cta h2{font-size:clamp(30px,3.6vw,44px)!important;font-weight:600!important;line-height:1.15;letter-spacing:-.02em}
main .bcard h3,main .step h3,main .pc-out h3,main .voice .v-h,main .tool h3,main .meaning h3,main .pcard h3,main .sec .wrap > div > h3{font-size:20px!important;font-weight:600!important;line-height:1.3}