/* purohit.io design system (redesign v6, indigo). Mobile first;
   breakpoints 760px, 900px and 1100px. Tokens, type, bands, buttons, shared
   components (behaviour in /assets/site.js), header, footer, legacy helpers
   kept for older templates. The whole site is deep indigo with gold accents:
   the semantic tokens (--white, --mist, --ink, --heading, --muted, --line,
   --gold-ink) resolve to the indigo palette, and light device UIs (.chat,
   .phone-screen, .bubble) restore the light values locally. */
*,*::before,*::after{box-sizing:border-box}
:root{
/* indigo palette (v6) */
--night:#0B1026;--indigo:#141B3D;--indigo-2:#1A2149;--indigo-3:#222A5C;--ink-2:#0E1329;
--card-dark:rgba(255,255,255,.04);--line-dark:rgba(240,200,120,.18);
--on-dark:#E4E1EE;--on-dark-head:#F6F1E4;--muted-dark:#ABA9C2;--on-dark-muted:var(--muted-dark);
--gold:#E0A63E;--gold-2:#F0C878;--gold-on:#241A05;--cream:#F7F3EA;--wa:#1FA855;
/* semantic surfaces and text, mapped onto the indigo palette */
--white:var(--indigo);--mist:var(--indigo-2);--mist-2:var(--indigo-3);--paper:var(--indigo);
--ink:var(--on-dark);--heading:var(--on-dark-head);--muted:var(--muted-dark);--gold-ink:var(--gold-2);
--line:var(--line-dark);
--radius-s:10px;--radius-m:16px;--radius-l:28px;--radius-card:24px;--radius-xl:32px;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;
--font-head:'Mukta','Noto Sans Devanagari','Kohinoor Devanagari','Noto Sans Kannada','Noto Sans Tamil',system-ui,sans-serif;
--font-body:var(--font-head);
--font-ceremonial:'Martel',Georgia,serif;
--shadow-1:0 1px 2px rgba(5,8,22,.2),0 8px 24px rgba(5,8,22,.28);
--shadow-2:0 24px 60px rgba(5,8,22,.45);
--shadow-dark:0 24px 60px rgba(5,8,22,.38);
--ease:cubic-bezier(.2,.7,.2,1);
--header-h:68px;--focus:var(--gold);color-scheme:dark;
/* legacy aliases used by older templates */
--bg:var(--indigo);--navy:#0E1329;--navy2:var(--indigo-2);--gold-dk:#B8791F
}
@media (min-width:1100px){:root{--header-h:122px}}
/* Light device UIs (chat mockups, phone screens) keep the light tokens. */
.chat,.phone-screen,.phone>img{--white:#FFFFFF;--mist:#F5F5F7;--mist-2:#EDEDF1;--paper:#FFFFFF;--ink:#1E2236;--heading:#0E1329;--muted:#5E6275;--gold-ink:#8A5A12;--line:#E6E6EA;--card-bg:#F5F5F7;--seg-bg:#F5F5F7;--focus:#0E1329;color-scheme:light}
@font-face{font-family:'Mukta';font-weight:400;font-style:normal;font-display:swap;src:url(/static/web/fonts/mukta-400-latin.woff2) format('woff2')}
@font-face{font-family:'Mukta';font-weight:500;font-style:normal;font-display:swap;src:url(/static/web/fonts/mukta-500-latin.woff2) format('woff2')}
@font-face{font-family:'Mukta';font-weight:600;font-style:normal;font-display:swap;src:url(/static/web/fonts/mukta-600-latin.woff2) format('woff2')}
@font-face{font-family:'Mukta';font-weight:700;font-style:normal;font-display:swap;src:url(/static/web/fonts/mukta-700-latin.woff2) format('woff2')}
@font-face{font-family:'Martel';font-weight:700;font-style:normal;font-display:swap;src:url(/static/web/fonts/martel-700-latin.woff2) format('woff2')}

html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--ink-2);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;font-weight:400}
@media (min-width:760px){body{font-size:18px}}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--gold-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(240,200,120,.4)}
a:hover{color:#F6D89A;text-decoration-color:currentColor}
a.btn,a.card-link,a.tile,nav a,.brand,footer.site a,.btn-store{text-decoration:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--night)}
:focus:not(:focus-visible){outline:none}
.band-dark,.section-dark,footer.site{--focus:var(--gold)}
:where(input,textarea)::placeholder{color:var(--muted);opacity:1}
::selection{background:rgba(240,200,120,.32);color:var(--on-dark-head)}
h1,h2,h3,h4,.display{font-family:var(--font-head);color:var(--heading);text-wrap:balance;font-weight:700;letter-spacing:-.02em}
.display{font-size:clamp(40px,8vw,88px);line-height:1.02;margin:0 0 20px}
h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 20px}
h2{font-size:clamp(30px,4.6vw,52px);line-height:1.08;margin:0 0 16px}
h3{font-size:clamp(20px,2vw,24px);line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:24px 0 8px}
h4{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:0}
/* Indic scripts: no negative tracking, room for matras and conjuncts. */
:lang(hi) :is(h1,h2,h3,h4,.display),:lang(kn) :is(h1,h2,h3,h4,.display),:lang(ta) :is(h1,h2,h3,h4,.display){letter-spacing:0;line-height:1.25}
p{margin:0 0 16px}
.lead{font-size:clamp(19px,2vw,22px);line-height:1.5;max-width:62ch;color:var(--ink)}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 12px}
.ceremonial{font-family:var(--font-ceremonial);font-weight:700;letter-spacing:.02em}
.muted{color:var(--muted)}
.center{text-align:center}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink-2);color:#fff;padding:12px 18px;z-index:100;border-radius:0 0 8px 0}
.skip-link:focus{left:0;color:#fff;outline-color:var(--gold)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.wrap-narrow{max-width:820px}
.icon{flex:none;vertical-align:middle}

/* ---------- Bands ---------- */
section{padding:var(--space-7) 0}
@media (min-width:760px){section{padding:96px 0}}
.band-paper{background:var(--indigo);color:var(--ink);--card-bg:var(--indigo-2);--seg-bg:var(--indigo-2)}
.band-cream{background:var(--indigo-2);color:var(--ink);--card-bg:var(--indigo-3);--seg-bg:var(--indigo-3)}
.band-dark,.section-dark{position:relative;isolation:isolate;background:linear-gradient(178deg,var(--ink-2) 0%,var(--indigo) 60%,var(--indigo-2) 100%);color:var(--on-dark)}
.band-dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#EFE8D6 50%,transparent 51%),radial-gradient(1px 1px at 33% 72%,#EFE8D6 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 26%,#E8C87A 50%,transparent 51%),radial-gradient(1px 1px at 76% 64%,#EFE8D6 50%,transparent 51%),radial-gradient(1.2px 1.2px at 91% 14%,#EFE8D6 50%,transparent 51%),radial-gradient(.9px .9px at 47% 88%,#E8C87A 50%,transparent 51%);background-size:420px 360px;animation:pStarDrift 180s linear infinite}
.band-dark h1,.band-dark h2,.band-dark h3,.band-dark h4,.band-dark .display,.section-dark h1,.section-dark h2,.section-dark h3{color:var(--on-dark-head)}
.band-dark .lead,.section-dark .lead{color:var(--on-dark)}
.band-dark .eyebrow,.section-dark .eyebrow{color:var(--gold-2)}
.band-dark .muted{color:var(--on-dark-muted)}
.band-dark a:not(.btn):not(.btn-store),.section-dark a:not(.btn){color:var(--gold-2);text-decoration-color:rgba(240,200,120,.4)}
.band-dark a:not(.btn):not(.btn-store):hover,.section-dark a:not(.btn):hover{color:#F6D89A}
@keyframes pStarDrift{from{background-position:0 0}to{background-position:-420px 0}}

/* Sky band: page hero wrapper (and the sticky CTA sentinel). In v6 it sits
   on the body's deep indigo with the subtle #sky star layer from
   /assets/sky.js shown behind the breadcrumb and hero. */
@keyframes pSkyPan{from{transform:translateX(0)}to{transform:translateX(-1280px)}}
@keyframes pSkyPanFar{from{transform:translateX(0)}to{transform:translateX(-520px)}}
@keyframes pTwinkle{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes pConstel{0%,4%{opacity:0}14%,34%{opacity:.9}46%,100%{opacity:0}}
@keyframes pDash{to{stroke-dashoffset:-64}}
@keyframes pFlame{0%,100%{opacity:.85;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-1px) scale(1.06)}}
.skyband{position:relative;overflow:visible;overflow-x:clip;color:var(--ink);background:transparent;--card-bg:var(--indigo-2);--seg-bg:var(--indigo-2)}
#sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.75}
.skyband>.breadcrumb,.skyband>.wrap{position:relative;z-index:1}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font:inherit;font-weight:600;font-size:17px;line-height:1.2;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s var(--ease),background .15s,border-color .15s,color .15s,box-shadow .15s}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn svg{flex:none}
.btn-sm{min-height:44px;padding:8px 18px;font-size:15px;gap:8px}
.btn-block{display:flex;width:100%}
.btn-gold,.btn-wa{background:var(--gold);border-color:var(--gold);color:var(--gold-on)}
.btn-gold:hover,.btn-wa:hover{background:#EBB554;border-color:#EBB554;color:var(--gold-on);box-shadow:0 8px 22px rgba(224,166,62,.32)}
.btn-wa::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5a9.5 9.5 0 0 0-8.2 14.3L2.5 21.5l4.8-1.3A9.5 9.5 0 1 0 12 2.5zm0 1.7a7.8 7.8 0 1 1-4.1 14.4l-.3-.2-2.8.8.8-2.7-.2-.3A7.8 7.8 0 0 1 12 4.2zM9.2 7.4c-.2-.4-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-.9.9-.9 2.2s1 2.6 1.1 2.8c.1.2 1.9 3 4.7 4.1 2.3.9 2.8.7 3.3.7.5-.1 1.6-.7 1.8-1.3.2-.6.2-1.2.2-1.3-.1-.1-.3-.2-.6-.3l-1.9-.9c-.3-.1-.4-.1-.6.1l-.8 1c-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.2-1.4-.8-.7-1.4-1.6-1.5-1.9-.2-.3 0-.4.1-.6l.4-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5a9.5 9.5 0 0 0-8.2 14.3L2.5 21.5l4.8-1.3A9.5 9.5 0 1 0 12 2.5zm0 1.7a7.8 7.8 0 1 1-4.1 14.4l-.3-.2-2.8.8.8-2.7-.2-.3A7.8 7.8 0 0 1 12 4.2zM9.2 7.4c-.2-.4-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-.9.9-.9 2.2s1 2.6 1.1 2.8c.1.2 1.9 3 4.7 4.1 2.3.9 2.8.7 3.3.7.5-.1 1.6-.7 1.8-1.3.2-.6.2-1.2.2-1.3-.1-.1-.3-.2-.6-.3l-1.9-.9c-.3-.1-.4-.1-.6.1l-.8 1c-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.2-1.4-.8-.7-1.4-1.6-1.5-1.9-.2-.3 0-.4.1-.6l.4-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-wa:has(svg)::before{display:none}
.btn-ghost,.btn-outline{background:transparent;border-color:var(--gold-2);color:var(--on-dark-head)}
.btn-ghost:hover,.btn-outline:hover{background:rgba(240,200,120,.14);color:#fff}
.band-dark .btn-ghost,.section-dark .btn-ghost,footer.site .btn-ghost,
.band-dark .btn-outline,.section-dark .btn-outline{border-color:var(--gold-2);color:var(--on-dark-head)}
.band-dark .btn-ghost:hover,.section-dark .btn-ghost:hover,footer.site .btn-ghost:hover,
.band-dark .btn-outline:hover,.section-dark .btn-outline:hover{background:rgba(240,200,120,.14);color:#fff}
.btn-store{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 20px 8px 16px;border-radius:999px;background:var(--night);border:1px solid rgba(240,200,120,.38);color:#F6F1E4;text-decoration:none;line-height:1.15;transition:border-color .15s,transform .15s var(--ease)}
.band-dark .btn-store,footer.site .btn-store{background:#06091A;border-color:rgba(240,200,120,.38)}
a.btn-store:hover{border-color:var(--gold);color:#fff;transform:translateY(-1px)}
.btn-store .store-text{display:flex;flex-direction:column;align-items:flex-start}
.btn-store .store-l1{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2)}
.btn-store .store-l2{font-size:16px;font-weight:700}
.btn-store.is-soon{cursor:default;opacity:.94}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.store-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Pills ---------- */
.badge-ai,.ai-badge{display:inline-flex;align-items:center;background:rgba(240,200,120,.16);color:var(--gold-2);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;padding:5px 8px;border-radius:6px}
.band-dark .badge-ai{background:rgba(240,200,120,.16)}
:is(.chat,.phone-screen) :is(.badge-ai,.ai-badge){background:var(--ink-2)}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.3}
.band-dark .tag{border-color:var(--line-dark);background:transparent;color:var(--on-dark-muted)}
.ribbon-example{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--gold-on);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;line-height:1.3}
.ribbon-example.is-corner{position:absolute;top:12px;right:12px;z-index:2}
.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--card-bg,var(--mist));border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:var(--ink)}
.band-dark .chip,.section-dark .chip{border-color:var(--line-dark);background:rgba(255,255,255,.06);color:var(--gold-2)}

/* ---------- Cards and grids ---------- */
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
/* Raised indigo cards with a gold hairline (the band sets --card-bg). */
.card{background:var(--card-bg,var(--indigo-2));border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(20px,3vw,32px);box-shadow:none}
.card-lg{border-radius:var(--radius-xl)}
.band-dark .card,.section-dark .card{background:rgba(255,255,255,.05);border-color:var(--line-dark);box-shadow:none}
.card-link{display:block;color:var(--ink);transition:border-color .15s,transform .15s var(--ease),box-shadow .15s}
.card-link:hover{border-color:rgba(240,200,120,.45);color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-1)}
.stat-strip{display:flex;flex-wrap:wrap;gap:10px}
.wa-cta-line{display:flex;flex-wrap:wrap;gap:16px;align-items:center}

/* ---------- Reveal ---------- */
.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0ms)}
html.js-reveal .reveal:not(.is-in){opacity:0;transform:translateY(20px)}

/* ---------- Tabs: [data-tabs] > [role=tablist] > [role=tab]; [role=tabpanel] ---------- */
[data-tabs] [role=tablist]{display:flex;gap:4px;padding:4px;background:var(--seg-bg,var(--mist));border-radius:999px;margin:0 0 24px;overflow-x:auto;scrollbar-width:none;max-width:100%;width:max-content}
[data-tabs] [role=tablist]::-webkit-scrollbar{display:none}
[data-tabs] [role=tablist][hidden]{display:none}
[data-tabs] [role=tab]{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
[data-tabs] [role=tab]:hover{color:var(--heading)}
[data-tabs] [role=tab][aria-selected=true]{background:var(--gold);color:var(--gold-on);box-shadow:none}
.band-dark [data-tabs] [role=tablist]{background:rgba(255,255,255,.08)}
.band-dark [data-tabs] [role=tab]{color:var(--on-dark)}
.band-dark [data-tabs] [role=tab][aria-selected=true]{background:var(--gold);color:var(--gold-on);box-shadow:none}
[data-tabs] [role=tabpanel][hidden]{display:none}
[data-tabs] [role=tabpanel]{animation:fadeIn .35s var(--ease)}
.tabs-on .tab-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Segmented control (screens, chart styles, language chips): .seg > button[aria-pressed] */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--seg-bg,var(--mist))}
.seg[hidden]{display:none}
.seg button,[data-screen-target]{min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.seg button:hover,[data-screen-target]:hover{color:var(--heading)}
.seg button[aria-pressed=true],[data-screen-target][aria-pressed=true],[data-screen-target][aria-selected=true]{background:var(--gold);color:var(--gold-on);box-shadow:none}
.band-dark .seg{background:rgba(255,255,255,.08)}
.band-dark .seg button,.band-dark [data-screen-target]{color:var(--on-dark)}
.band-dark .seg button[aria-pressed=true],.band-dark [data-screen-target][aria-pressed=true],.band-dark [data-screen-target][aria-selected=true]{background:var(--gold);color:var(--gold-on);box-shadow:none}
[data-screen][hidden],[data-screens] [hidden]{display:none !important}

/* ---------- Accordion: details.acc > summary (plus / minus) ---------- */
details.acc{border-bottom:1px solid var(--line)}
details.acc:first-of-type{border-top:1px solid var(--line)}
details.acc>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 0;cursor:pointer;list-style:none;font-family:var(--font-head);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.01em;color:var(--heading)}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat,var(--seg-bg,var(--mist));color:var(--heading);transition:background-size .25s var(--ease),transform .25s var(--ease)}
details.acc[open]>summary::after{background-size:14px 2px,2px 0,auto;transform:rotate(180deg)}
details.acc>summary:hover{color:var(--gold-ink)}
details.acc>:not(summary){animation:fadeIn .3s var(--ease)}
details.acc .acc-body{padding:0 0 22px;max-width:72ch;color:var(--ink)}
.band-dark details.acc{border-color:var(--line-dark)}
.band-dark details.acc>summary{color:var(--on-dark-head)}
.band-dark details.acc>summary::after{color:var(--gold-on);background-color:var(--gold)}
.band-dark details.acc .acc-body{color:var(--on-dark)}

/* ---------- Feature accordion: [data-feature-acc] ----------
   details.acc[data-media="id"] items, one open at a time (site.js), and a
   [data-feature-media] panel whose [data-media-id] children swap with a
   crossfade. Each details may also hold its own .acc-media visual, shown
   below 900px where the panel hides. Without JS the panel shows every
   visual stacked. */
[data-feature-acc]{display:grid;gap:32px;align-items:start}
[data-feature-acc] .acc-media{margin:4px 0 24px}
[data-feature-media]{display:none}
[data-feature-media]>[data-media-id]{border-radius:var(--radius-xl);overflow:hidden}
@media (min-width:900px){
[data-feature-acc]{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,5vw,72px)}
[data-feature-acc] .acc-media{display:none}
[data-feature-media]{display:grid;gap:24px;position:sticky;top:calc(var(--header-h) + 24px)}
.fa-on [data-feature-media]{gap:0}
.fa-on [data-feature-media]>[data-media-id]{grid-area:1/1;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s linear .45s}
.fa-on [data-feature-media]>[data-media-id].is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s}
}

/* ---------- Lazy frame: [data-lazy-frame] (site.js sets data-frame-state) ---------- */
iframe[data-lazy-frame]{border:0;display:block}
[data-frame-state=skipped] iframe,iframe[data-frame-state=skipped]{display:none}

/* ---------- Chat ---------- */
.chat{position:relative;margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;color:var(--ink);max-width:520px;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-1)}
.band-dark .chat{border-color:rgba(240,200,120,.35);box-shadow:var(--shadow-dark)}
.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--white);border-bottom:1px solid var(--line)}
.chat-head img,.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--mist)}
.chat-name{font-weight:700;color:var(--heading);font-size:15px;line-height:1.2}
.chat-head .tag{margin-left:auto}
.chat-body{flex:1;background:#F1EADB;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.bubble{position:relative;margin:0;max-width:86%;padding:9px 13px;font-size:15px;line-height:1.5;border-radius:14px;color:#1E2236;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.bubble.me,.bubble-user{align-self:flex-end;background:#DCF3CC;border-bottom-right-radius:4px}
.bubble.bot,.bubble-bot{align-self:flex-start;background:#FFFFFF;border:1px solid #E6DCC6;border-bottom-left-radius:4px}
.bubble.me::after{content:"";display:inline-block;width:12px;height:7px;margin-left:8px;border-left:2px solid var(--wa);border-bottom:2px solid var(--wa);transform:rotate(-45deg) translateY(-2px);vertical-align:middle}
.chat.is-typing-ready .bubble.is-pending{visibility:hidden;opacity:0;transform:translateY(8px)}
.bubble.is-typing{color:transparent;min-height:38px}
.bubble.is-typing *{color:transparent !important;visibility:hidden}
.bubble.is-typing::before{content:"";position:absolute;left:14px;top:17px;width:6px;height:6px;border-radius:50%;background:#9A927E;box-shadow:10px 0 #9A927E,20px 0 #9A927E;animation:typingDots 1s ease-in-out infinite}
@keyframes typingDots{0%,100%{opacity:.35}50%{opacity:1}}

/* ---------- Phone frame ---------- */
.phone{position:relative;width:min(100%,var(--phone-w,300px));aspect-ratio:9/19.5;border-radius:44px;padding:10px;background:#05081A;border:1px solid #2A3156;box-shadow:var(--shadow-2),inset 0 0 0 2px #1d2340;margin:0 auto;flex:none}
.band-dark .phone{border-color:rgba(240,200,120,.35);box-shadow:var(--shadow-dark),inset 0 0 0 2px #1d2340}
.phone::before{content:"";position:absolute;top:18px;left:50%;width:32%;height:22px;transform:translateX(-50%);background:#05081A;border-radius:999px;z-index:3}
.phone-screen,.phone>img,.phone>.chat{display:block;width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--mist)}
.phone-screen>img,.phone>img{object-fit:cover;width:100%;height:100%}
.phone .chat{max-width:none;border:0;border-radius:34px;box-shadow:none;height:100%}
.phone .chat-head{padding-top:44px}
.phone .chat-body{overflow:hidden}
.phone [data-screen]{height:100%}

/* ---------- Marquee ---------- */
.marquee{position:relative;overflow:hidden}
.marquee.is-running{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;row-gap:10px}
.marquee-list>*{flex:none;margin-right:12px}
.marquee-track{display:flex;flex-wrap:nowrap;width:max-content;animation:marquee var(--marquee-dur,40s) linear infinite}
.marquee.is-running .marquee-list{flex-wrap:nowrap;justify-content:flex-start}
.marquee.is-running:hover .marquee-track,.marquee.is-running:focus-within .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Scroll story ---------- */
.story{display:grid;gap:24px;position:relative}
.story-media{position:sticky;top:calc(var(--header-h) + 8px);z-index:2;display:flex;justify-content:center;padding:8px 0 16px;--phone-w:170px}
.band-dark .story-media{background:linear-gradient(var(--indigo) 82%,transparent)}
.band-cream .story-media{background:linear-gradient(var(--indigo-2) 82%,transparent)}
.band-paper .story-media{background:linear-gradient(var(--indigo) 82%,transparent)}
.story-media [data-story-screen]{transition:opacity .4s var(--ease)}
.story-media .phone-screen{display:grid}
.story-media .phone-screen>[data-story-screen]{grid-area:1/1}
.story-media [data-story-screen]:not(:first-child){opacity:0}
html.js-story .story-media [data-story-screen]{opacity:0}
html.js-story .story-media [data-story-screen].is-active{opacity:1}
.story-steps{display:grid;gap:8px}
.story-step{min-height:55vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;transition:opacity .35s var(--ease)}
html.js-story .story-step:not(.is-active){opacity:.38}
@media (min-width:1100px){
.story{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
.story-media{top:calc(var(--header-h) + 24px);padding:0;background:none !important;--phone-w:320px}
.story-step{min-height:72vh}
}

/* ---------- Score ring ---------- */
.score-ring{position:relative;display:inline-grid;place-items:center;width:var(--ring-size,148px);aspect-ratio:1}
.score-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.score-ring .ring-bg{fill:none;stroke:rgba(240,200,120,.18);stroke-width:10}
.score-ring .ring-fg{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);transition:stroke-dashoffset 1.4s var(--ease)}
.score-ring.is-pending .ring-fg{stroke-dashoffset:100;transition:none}
.score-ring-num{position:relative;font-family:var(--font-head);font-weight:700;font-size:34px;letter-spacing:-.02em;line-height:1;color:var(--heading);text-align:center}
.score-ring-num small{display:block;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted);margin-top:4px}
.band-dark .score-ring .ring-bg{stroke:rgba(240,200,120,.18)}
.band-dark .score-ring-num{color:var(--on-dark-head)}

/* ---------- On this page (TOC, built by site.js) ---------- */
.toc[hidden]{display:none}
.toc-title{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 8px}
.toc-list{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.toc-list a{display:flex;align-items:center;min-height:40px;padding:6px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);font-size:15px;line-height:1.35;text-decoration:none}
.toc-list a:hover{color:var(--heading)}
.toc-list a.is-active{color:var(--heading);border-left-color:var(--gold);font-weight:700}
@media (min-width:1100px){.toc{position:sticky;top:calc(var(--header-h) + 24px)}}

/* ---------- Header (indigo glass, sticky; .is-scrolled adds a gold hairline) ---------- */
header.site{position:sticky;top:0;z-index:40;color:var(--heading);background:var(--night);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
header.site::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(11,16,38,.78);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){header.site{background:transparent}}
header.site.is-scrolled{border-bottom-color:rgba(240,200,120,.24);box-shadow:0 8px 24px rgba(5,8,22,.35)}
header.site .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--heading)}
.brand-mark{animation:pFlame 3.2s ease-in-out infinite;flex:none}
.brand-word{font-family:var(--font-ceremonial);font-weight:700;font-size:22px;letter-spacing:.01em;color:var(--heading)}
.brand-io{color:var(--gold)}
.bar-actions{display:flex;align-items:center;gap:8px}
header.site summary{list-style:none;cursor:pointer}
header.site summary::-webkit-details-marker{display:none}
.lang-menu{position:relative}
.lang-btn,.menu-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:8px 14px;border:1px solid rgba(240,200,120,.28);border-radius:999px;background:rgba(255,255,255,.04);color:var(--heading);font-weight:600;font-size:15px;line-height:1}
.lang-btn:hover,.menu-btn:hover,details[open]>.lang-btn,details[open]>.menu-btn{border-color:var(--gold-2);background:rgba(255,255,255,.08)}
.lang-btn .chev{transition:transform .2s}
.lang-menu[open] .chev{transform:rotate(180deg)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:200px;list-style:none;margin:0;padding:6px;background:var(--indigo-2);border:1px solid rgba(240,200,120,.24);border-radius:18px;box-shadow:var(--shadow-2)}
.lang-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border-radius:12px;color:var(--ink);font-weight:600}
.lang-list a:hover{background:var(--indigo-3);color:var(--heading)}
.lang-list a[aria-current]{color:var(--gold-ink)}
.head-wa{display:none}
.menu-btn .i-close,.menu[open] .menu-btn .i-open{display:none}
.menu[open] .menu-btn .i-close{display:inline}
.menu-label{font-size:15px}
.menu[open]>.menu-btn{position:relative;z-index:62}
.menu-sheet{position:fixed;inset:0;z-index:61;overflow-y:auto;overscroll-behavior:contain;padding:88px clamp(16px,4vw,32px) calc(32px + env(safe-area-inset-bottom));background:var(--night);color:var(--ink);display:flex;flex-direction:column;gap:28px;animation:fadeIn .25s var(--ease)}
.sheet-nav{display:flex;flex-direction:column}
.sheet-nav a{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:10px 4px;border-bottom:1px solid var(--line);color:var(--heading);font-family:var(--font-head);font-weight:600;font-size:22px;letter-spacing:-.01em}
.sheet-nav a .icon{color:var(--gold-ink)}
.sheet-nav a:hover{color:var(--gold-ink)}
.sheet-doors{display:grid;gap:12px}
.sheet-doors .btn{width:100%}
html.menu-open,html.menu-open body{overflow:hidden}
nav.primary{display:none}
@media (max-width:420px){.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (min-width:760px){.head-wa{display:inline-flex}}
@media (min-width:1100px){
.menu{display:none}
nav.primary{display:flex;flex-wrap:wrap;gap:2px 4px;padding-top:2px;padding-bottom:8px}
nav.primary a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;color:var(--on-dark-head);font-weight:500;font-size:15.5px;transition:background .15s,color .15s}
nav.primary a:hover{background:rgba(255,255,255,.07);color:var(--gold-2)}
/* 2026-10-04: fifteen tabs. One row, compact, scrolling sideways when it
   does not fit (site.js fades the edge that has more tabs). */
nav.primary{flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
nav.primary::-webkit-scrollbar{display:none}
nav.primary a{flex:none;padding:8px 10px;font-size:14.5px;white-space:nowrap}
nav.primary.more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
nav.primary.more-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}
nav.primary.more-left.more-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
}
header.site .lang-list a{color:var(--ink);text-decoration:none}
header.site .lang-list a[aria-current]{color:var(--gold-ink)}
header.site .sheet-nav a,header.site nav.primary a{text-decoration:none}
header.site nav.primary a[aria-current="page"]{background:rgba(240,200,120,.12);color:var(--gold-2);font-weight:600}
header.site .sheet-nav a[aria-current="page"]{color:var(--gold-ink)}
.breadcrumb{position:relative;z-index:1;font-size:14px;color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
.breadcrumb li{display:inline-flex;align-items:center}
.breadcrumb li+li::before{content:"/";margin:0 8px;opacity:.5}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted) !important;text-decoration:none}
.breadcrumb a:hover{color:var(--gold-2) !important}
.breadcrumb [aria-current]{color:var(--heading)}

/* ---------- Footer (dark) ---------- */
footer.site{background:var(--night);color:var(--muted-dark);padding:64px 0 32px;font-size:15px;border-top:1px solid var(--line-dark)}
footer.site a:not(.btn){color:#C6C4D6}
footer.site a:not(.btn):hover{color:var(--gold-2)}
footer.site .brand{margin-bottom:16px;color:var(--on-dark)}
footer.site .brand-word{color:var(--on-dark-head)}
footer.site .brand-io{color:var(--gold)}
.foot-top{display:grid;gap:40px;margin-bottom:40px}
.foot-cta{margin:0 0 20px}
.foot-cols{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.foot-title{color:var(--on-dark);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.foot-cols ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.foot-cols li a{display:inline-flex;align-items:center;min-height:40px}
footer.site .legal{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:13.5px}
footer.site .legal p{margin:0 0 10px}
.legal-links{display:flex;flex-wrap:wrap;gap:4px 24px}
.legal-links a{display:inline-flex;align-items:center;min-height:44px}
footer.site .disc{max-width:90ch;color:#9C9AB4}
@media (min-width:760px){.foot-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

/* ---------- Sticky CTA (mobile only, light) ---------- */
.sticky-cta{display:none}
@media (max-width:760px){
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:calc(76px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(11,16,38,.9);border-top:1px solid rgba(240,200,120,.24);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);transform:translateY(110%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s linear .3s}
.sticky-cta.is-visible{transform:none;visibility:visible;transition:transform .3s var(--ease),visibility 0s}
.sticky-cta .btn{min-height:48px;padding:8px 10px;font-size:15px;gap:6px}
html.menu-open .sticky-cta{visibility:hidden}
footer.site{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}

/* ---------- Legacy helpers (older templates) ---------- */
.faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.faq-item h3{margin:0 0 6px}
.pricing-groups{display:grid;gap:28px}
.pricing-group h3{text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--gold-ink)}
.pricing-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));max-width:720px}
.pricing-card{position:relative;background:var(--card-bg,var(--indigo-2));border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}
.pricing-card .badge{position:absolute;top:-10px;right:14px;background:var(--gold);color:var(--gold-on);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.pricing-card .price{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.pricing-card .old{text-decoration:line-through;color:var(--muted);font-size:15px;margin-left:6px}

/* ---------- Touch, motion, print ---------- */
@media (pointer:coarse){.toc-list a,.foot-cols li a{min-height:44px}}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
.brand-mark{animation:none !important}
html.js-reveal .reveal:not(.is-in){opacity:1;transform:none}
.reveal{opacity:1 !important;transform:none !important}
.marquee-list{flex-wrap:wrap !important}.marquee-track{animation:none !important}
.chat .bubble.is-pending{visibility:visible !important;opacity:1 !important;transform:none !important}
.btn:hover,.card-link:hover,a.btn-store:hover{transform:none}
.fa-on [data-feature-media]>[data-media-id]{transform:none !important}
}
@media print{
:root{--white:#fff;--mist:#fff;--paper:#fff;--ink:#000;--heading:#000;--muted:#333;--gold-ink:#000;--line:#ccc;--on-dark:#000;--on-dark-head:#000;color-scheme:light}
body{background:#fff;color:#000;font-size:12pt}
header.site{position:static}
header.site::before{display:none}
.skyband,.band-dark,.section-dark,.band-cream,.band-paper,footer.site{background:#fff !important;color:#000 !important}
.band-dark::before,#sky,.sticky-cta,.menu,.lang-menu,.head-wa,nav.primary,.skip-link,.store-row,[data-feature-media]{display:none !important}
.band-dark h1,.band-dark h2,.band-dark h3,.brand-word,.breadcrumb,.breadcrumb a{color:#000 !important}
a{color:#000;text-decoration:underline}
.reveal{opacity:1 !important;transform:none !important}
[role=tabpanel][hidden],[data-screen][hidden]{display:block !important}
[data-tabs] [role=tablist]{display:none}
.chat .bubble{visibility:visible !important;opacity:1 !important}
.story-step{min-height:0;opacity:1 !important}
.story-media{position:static}
[data-feature-acc] .acc-media{display:block !important}
}

/* Header WhatsApp QR (owner request 2026-10-04): a card under the button,
   shown on hover or keyboard focus on pointer devices with room for it. */
.head-wa-wrap{position:relative;display:none}
@media (min-width:760px){.head-wa-wrap{display:inline-flex}}
.head-qr{display:none}
@media (min-width:760px) and (hover:hover){
  .head-qr{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:184px;padding:14px;border-radius:18px;background:#1D2453;border:1px solid rgba(240,200,120,.35);box-shadow:0 18px 44px -12px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s .15s;pointer-events:none}
  .head-qr::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
  .head-wa-wrap:hover .head-qr,.head-wa-wrap:focus-within .head-qr{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s;pointer-events:auto}
  .head-qr-box{display:block;width:150px;height:150px;padding:6px;border-radius:12px;background:#fff}
  .head-qr-hint{font-size:13px;line-height:1.35;text-align:center;color:#D9D6E6}
}
@media (prefers-reduced-motion:reduce){.head-qr{transition:none !important}}

/* Footer as the closing call to action (owner request 2026-10-04). */
footer.site{padding:clamp(64px,9vw,120px) 0 36px;background:radial-gradient(90% 70% at 50% 0%,rgba(240,200,120,.08),transparent 70%),var(--night)}
.foot-final{text-align:center;margin:0 auto clamp(48px,6vw,72px)}
.foot-line{margin:0 auto 32px;max-width:18ch;font-family:var(--font-head,inherit);font-weight:700;letter-spacing:-.02em;font-size:clamp(34px,6vw,68px);line-height:1.05;color:var(--on-dark-head)}
.foot-final .doors{display:grid;grid-template-columns:1fr;gap:10px;max-width:580px;margin:0 auto;align-items:center}
.foot-final .doors .btn{justify-content:center;width:100%;min-height:54px}
.foot-final .doors-or{display:none;color:#ABA9C2;font-size:14px;text-align:center}
@media (min-width:480px){.foot-final .doors{grid-template-columns:1fr auto 1fr}.foot-final .doors-or{display:block}}
footer.site .legal{text-align:center}
footer.site .legal .legal-links{justify-content:center}
footer.site .legal .disc{margin:0 auto 10px}
.foot-made{margin-top:14px !important;color:#8F8CA8}

/* Free services group (owner request 2026-10-04): a dropdown in the desktop
   nav, a labelled group in the phone menu. The nav no longer scrolls
   sideways, so the dropdown is not clipped. */
@media (min-width:1100px){
  nav.primary{overflow:visible}
  .nav-drop{position:relative;flex:none}
  .nav-drop>summary{list-style:none;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 10px 8px 12px;border-radius:999px;cursor:pointer;color:var(--on-dark-head);font-weight:500;font-size:14.5px;white-space:nowrap;transition:background .15s,color .15s}
  .nav-drop>summary::-webkit-details-marker{display:none}
  .nav-drop>summary:hover,.nav-drop[open]>summary{background:rgba(255,255,255,.07);color:var(--gold-2)}
  .nav-drop.is-current>summary{background:rgba(240,200,120,.12);color:var(--gold-2);font-weight:600}
  .nav-drop .chev{transition:transform .15s}
  .nav-drop[open] .chev{transform:rotate(180deg)}
  .nav-drop-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:70;display:grid;gap:2px;min-width:250px;padding:8px;border-radius:16px;background:#1D2453;border:1px solid rgba(240,200,120,.3);box-shadow:0 22px 50px -16px rgba(0,0,0,.75)}
  /* invisible bridge over the gap between the label and the menu */
  .nav-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  nav.primary .nav-drop-menu a{display:flex;min-height:44px;padding:10px 14px;border-radius:10px;font-size:15px}
  nav.primary .nav-drop-menu a:hover{background:rgba(240,200,120,.1)}
}
.sheet-drop>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:10px 4px;border-bottom:1px solid var(--line);color:var(--heading);font-family:var(--font-head);font-size:22px;font-weight:600;letter-spacing:-.01em;cursor:pointer}
.sheet-drop>summary::-webkit-details-marker{display:none}
.sheet-drop>summary .chev{color:var(--gold-ink);transition:transform .2s}
.sheet-drop[open]>summary{color:var(--gold-ink)}
.sheet-drop[open]>summary .chev{transform:rotate(180deg)}
.sheet-drop-list{display:flex;flex-direction:column;padding-left:12px;border-left:2px solid rgba(240,200,120,.35);margin:4px 0 4px 6px}
.sheet-nav a.sheet-sub{min-height:52px;font-size:.92em}
@media (prefers-reduced-motion:reduce){.sheet-drop>summary .chev{transition:none}}
@media (prefers-reduced-motion:reduce){.nav-drop .chev{transition:none}}

/* Owner decision 2026-10-05: app first (gold, with a small launch-state
   note from app.json), WhatsApp second (outline). */
.door-txt{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.door-note{font-size:12.5px;font-weight:500;opacity:.82;letter-spacing:.01em}
.btn-wa-alt svg{color:#3DD07A}
.sticky-cta .door-note{font-size:11px}
.sticky-cta .btn svg{display:none}
/* Navigation (owner decision 2026-10-05, F11): four groups and one action. */
@media (min-width:1100px){
  nav.primary{align-items:center}
  nav.primary a.nav-cta{margin-left:auto;padding:8px 18px;border:1.5px solid var(--gold-2);color:var(--gold-2);font-weight:600}
  nav.primary a.nav-cta:hover{background:rgba(240,200,120,.14);color:#fff}
  header.site nav.primary a.nav-cta[aria-current="page"]{background:var(--gold);border-color:var(--gold);color:var(--gold-on)}
}
.sheet-drop.is-current>summary{color:var(--gold-ink)}
.sheet-nav a.sheet-ask{color:var(--gold-2)}

/* Single app call to action (owner request 2026-10-05). */
.ask-apps .door-app,.stores .door-app{display:inline-flex;margin:0 auto}
.ask-apps .door-note,.stores .door-note{display:block}
.door-app.is-soon{cursor:default}
.stores{display:flex;justify-content:center}

/* Reviews carousel and trust line (owner request 2026-10-05), on /home and /pricing. */
.rv-trust{display:inline-flex;align-items:center;gap:10px;margin:6px auto 10px;font-weight:700;font-size:16px;color:var(--on-dark-head,#F6F1E4)}
.sec-center .rv-trust,.pg-hero-inner .rv-trust{display:flex;justify-content:center}
.rv-stars{display:inline-flex;gap:2px}
.rv-stars .on{color:var(--gold-2,#F0C878)}
.rv-stars .off{color:rgba(255,255,255,.2)}
.rv-stars .icon{width:16px;height:16px;fill:currentColor}
.rv-carousel .tc-btns{display:none;justify-content:flex-end;gap:10px;margin:0 0 14px}
.rv-carousel .tc-btns:has(.tc-btn:not([hidden])){display:flex}
.rv-carousel.tc-static .tc-btns{display:none}
.rv-carousel .tc-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(240,200,120,.45);background:rgba(255,255,255,.04);color:var(--on-dark-head,#F6F1E4);cursor:pointer}
.rv-carousel .tc-btn:hover{background:rgba(240,200,120,.14)}
.rv-carousel .tc-btn[disabled]{opacity:.35;cursor:default}
.rv-carousel .tc-btn[data-carousel-prev] .icon{transform:rotate(180deg)}
.rv-track{list-style:none;margin:0;padding:4px 2px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,360px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(240,200,120,.35) transparent}
.rv-track:focus-visible{outline:2px solid var(--gold-2,#F0C878);outline-offset:4px;border-radius:22px}
.rv-card{scroll-snap-align:start}
.rv-card figure{margin:0;height:100%;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(240,200,120,.2)}
.rv-card blockquote{margin:0;flex:1}
.rv-card blockquote p{margin:0;font-size:16.5px;line-height:1.55;color:var(--on-dark,#E4E1EE)}
.rv-card figcaption{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--muted-dark,#ABA9C2)}
.rv-card figcaption strong{display:block;color:var(--on-dark-head,#F6F1E4)}
.rv-place{display:block;font-size:13.5px}
.rv-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(240,200,120,.16);color:var(--gold-2,#F0C878);font-weight:700}
@media (min-width:960px){.rv-track{grid-auto-columns:calc((100% - 32px) / 3)}}
.rv-band .sec-head{text-align:center;margin-left:auto;margin-right:auto}
.rv-band .sec-head .lead{margin-left:auto;margin-right:auto}

/* Faint Sanskrit layer behind some sections (owner request 2026-10-07):
   the names of the 27 nakshatras, 9 grahas and 12 rashis in Devanagari,
   drawn by a pseudo element (decorative: not in the page text, not read by
   screen readers), faded at the edges. Add class has-skt to a section. */
@font-face{font-family:'Noto Serif Devanagari';font-weight:500;font-style:normal;font-display:swap;src:url(/static/web/fonts/noto-serif-devanagari-500-devanagari.woff2) format('woff2')}
.has-skt{position:relative;overflow:hidden;isolation:isolate}
.has-skt::before{content:"अश्विनी भरणी कृत्तिका रोहिणी मृगशिरा आर्द्रा पुनर्वसु पुष्य आश्लेषा मघा पूर्वफाल्गुनी उत्तरफाल्गुनी हस्त चित्रा स्वाती विशाखा अनुराधा ज्येष्ठा मूल पूर्वाषाढा उत्तराषाढा श्रवण धनिष्ठा शतभिषा पूर्वभाद्रपदा उत्तरभाद्रपदा रेवती सूर्य चन्द्र मङ्गल बुध गुरु शुक्र शनि राहु केतु मेष वृषभ मिथुन कर्क सिंह कन्या तुला वृश्चिक धनु मकर कुम्भ मीन अश्विनी भरणी कृत्तिका रोहिणी मृगशिरा आर्द्रा पुनर्वसु पुष्य आश्लेषा मघा पूर्वफाल्गुनी उत्तरफाल्गुनी हस्त चित्रा स्वाती विशाखा अनुराधा ज्येष्ठा मूल पूर्वाषाढा उत्तराषाढा श्रवण धनिष्ठा शतभिषा पूर्वभाद्रपदा उत्तरभाद्रपदा रेवती सूर्य चन्द्र मङ्गल बुध गुरु शुक्र शनि राहु केतु मेष वृषभ मिथुन कर्क सिंह कन्या तुला वृश्चिक धनु मकर कुम्भ मीन";position:absolute;inset:-12% -8%;z-index:-1;pointer-events:none;font-family:'Noto Serif Devanagari',serif;font-weight:500;font-size:clamp(34px,5vw,72px);line-height:1.6;word-spacing:.5em;text-align:center;color:rgba(240,200,120,.055);transform:rotate(-5deg);overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 30%,transparent 80%)}
@media (max-width:759px){.has-skt::before{font-size:30px;color:rgba(240,200,120,.06)}}
@media (forced-colors:active){.has-skt::before{display:none}}