/* Theme "Emerald & Pearl": taken from the owner's own birth chart. Virgo rising, so Mercury's emerald green leads;
   Venus, lord of fortune, adds pearl white and soft mint. Deep forest green replaces black for dark panels. Poppins throughout. */
:root{
  --bg:#F7FAF8; --surface:#FFFFFF; --surface-2:#E9F5EF; --ink:#13241E; --muted:#56665F; --line:#DCEAE3;
  --accent:#0A6563; --accent-ink:#084E4C; --accent-soft:#DDF3F2; --on-accent:#FFFFFF; --ember:#084E4C;
  --gold-hi:#9EE6E1; --sun:#0A6563; --sun-2:#085250; --forest:#0A2E24;
  --night:#0A2E24; --on-night:#FFFFFF; --on-night-muted:#B9D3C8; --night-line:rgba(255,255,255,.14); --night-glass:rgba(255,255,255,.07);
  --chart:#3E7C7B; --good:#1F8A55; --warn:#B4532A;
  --grad:linear-gradient(90deg,#0A6563,#2BB3AE);
  --glow:0 10px 24px -12px rgba(10,101,99,.55);
  --shadow:0 2px 12px rgba(10,46,36,.07);
  --f-display:"Poppins","Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-label:var(--f-display); --f-body:var(--f-display); --f-mono:var(--f-display);
  --r:16px; color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#08130F; --surface:#10201A; --surface-2:#132A21; --ink:#EEF6F2; --muted:#A9BFB5; --line:#1F3A2F;
  --accent:#2BB3AE; --accent-ink:#9EE6E1; --accent-soft:#123634; --on-accent:#FFFFFF; --ember:#9EE6E1;
  --sun:#17A39E; --sun-2:#2BB3AE; --forest:#0A2E24;
  --night:#0A2E24; --on-night:#FFFFFF; --on-night-muted:#B9D3C8;
  --chart:#7FC8C4; --good:#4CC38A; --warn:#F0956E;
  --shadow:0 2px 14px rgba(0,0,0,.45); color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
:root[lang="hi"] body{font-family:"Poppins","Noto Sans Devanagari",sans-serif;line-height:1.7}
a{color:var(--accent-ink)}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.1;text-wrap:balance;margin:0;letter-spacing:-.015em}
h2{font-size:clamp(1.9rem,3.8vw,2.9rem)}
h3{font-size:1.2rem;letter-spacing:-.005em}
:root[lang="hi"] h1,:root[lang="hi"] h2,:root[lang="hi"] h3{letter-spacing:0;line-height:1.3}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent-ink)}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--accent);border-radius:2px}
:root[lang="hi"] .eyebrow{letter-spacing:0;font-size:.92rem}
.lede{color:var(--muted);font-size:1.1rem;max-width:62ch}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
section{padding-block:80px;scroll-margin-top:70px}
.band{background:var(--surface-2)}
.sec-head{display:grid;gap:14px;margin-bottom:40px;max-width:760px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}
.note{font-size:.86rem;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1rem/1.2 var(--f-body);padding:15px 24px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;text-align:center;transition:transform .15s ease, box-shadow .2s ease, background .2s}
.btn-primary{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--accent)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-night{background:var(--night-glass);color:var(--on-night);border-color:var(--night-line)}
.btn-night:hover{border-color:var(--on-night)}
.btn-block{width:100%}

/* Header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
.brand svg{width:34px;height:34px;flex:none}
.brand b{font-family:var(--f-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;white-space:nowrap}
.brand b span{color:var(--accent-ink)}
.top-right{display:flex;align-items:center;gap:10px}
nav.main{display:flex;gap:16px;align-items:center}
.suggest .osm{font-size:.7rem;color:var(--muted);padding:6px 12px;cursor:default}
.ac-agree{display:flex;gap:8px;align-items:flex-start;text-align:left;margin:4px auto 10px;max-width:340px;font-size:.88rem;line-height:1.4}.ac-agree input{margin-top:3px;flex:none}.ac-agree a{color:inherit;text-decoration:underline}.ac-agree-n{margin:0 0 6px}
#aiHorWrap label[for=aiHor],#aiHor,#dmHorWrap label,#dmHor{display:none!important}.hor-ask{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.hor-ask input{width:110px;padding:9px 12px;border-radius:12px;border:1.5px solid var(--line);font:600 1rem var(--f-body)}.hor-ask .ai-retry{margin-top:0}.hor-ask .err{width:100%;margin:0}
.ai-retry{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font:700 .9rem var(--f-body);cursor:pointer}.ai-retry:hover{opacity:.85}
header.top .brand{flex:none;margin-right:22px}
@media (min-width:1181px) and (max-width:1340px){nav.main{gap:10px}nav.main a,nav.main .dd-btn{font-size:.92rem}}
nav.main a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.94rem;white-space:nowrap}
nav.main a:hover{color:var(--ink)}
nav.main a.btn{color:var(--on-accent)}
.lang{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font:700 .88rem var(--f-body);cursor:pointer;white-space:nowrap}
.lang:hover{border-color:var(--accent)}
.menu-btn{display:none;background:none;border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font:700 .88rem var(--f-body);cursor:pointer}
@media (max-width:1180px){
  .menu-btn{display:inline-block}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 20px 18px}
  nav.main.open{display:flex}
  nav.main a{padding:13px 0;border-bottom:1px solid var(--line)}
  nav.main .btn{margin-top:14px}
}

/* Hero */
.hero{padding-block:20px 40px}
.night{position:relative;overflow:hidden;background:var(--night);border:1px solid var(--night-line);color:var(--on-night);border-radius:32px;padding:clamp(28px,5vw,64px);
  background-image:radial-gradient(520px 320px at 88% 6%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),
                   radial-gradient(560px 420px at -5% 105%,rgba(217,180,107,.10),transparent 70%)}
#stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero-copy{display:grid;gap:24px;min-width:0}
.badge{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--night-glass);border:1px solid var(--night-line);font-size:.86rem;font-weight:600;color:var(--on-night-muted)}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 25%,transparent)}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.4rem);font-weight:800;letter-spacing:-.03em}
:root[lang="hi"] .hero h1{letter-spacing:0;font-size:clamp(2.1rem,4.8vw,3.6rem)}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-copy .lede{color:var(--on-night-muted)}
.q-label{font-weight:700;font-size:.95rem}
.qchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:-12px}
.qchips a{color:var(--on-night);text-decoration:none;font-size:.92rem;font-weight:600;padding:9px 15px;border-radius:999px;background:var(--night-glass);border:1px solid var(--night-line);transition:background .2s,border-color .2s}
.qchips a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--on-night-muted);font-size:.88rem}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sky-card{background:var(--night-glass);border:1px solid var(--night-line);border-radius:24px;padding:20px;display:grid;gap:12px;min-width:0;backdrop-filter:blur(6px)}
.sky-card header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.sky-card h3{font-size:1.05rem}
.sky-card small{color:var(--on-night-muted);font-size:.8rem}
.sky-card .chart-svg .grid{stroke:var(--on-night-muted);stroke-width:1.1}
.sky-card .chart-svg .pl{fill:var(--on-night)}
.sky-card .chart-svg .pl.as{fill:var(--accent)}
.sky-card .chart-svg .sn{fill:var(--on-night-muted)}
.sky-card .chart-svg rect.bgf{fill:transparent}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.facts div{background:var(--surface-2);border-radius:12px;padding:8px 10px;min-width:0;text-align:left}
.facts dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.facts dd{margin:0;font-weight:700;font-size:.92rem}
.hero-art{position:relative;justify-self:center;width:100%;max-width:480px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--night-line),0 0 80px -10px color-mix(in srgb,var(--accent) 55%,transparent)}
.hero-art img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;animation:spin 240s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{order:-1;max-width:280px}}
@media (max-width:480px){.night{border-radius:24px}}

/* Chart */
.chart-svg{width:100%;max-width:420px;height:auto;display:block;margin:0 auto}
.chart-svg .grid{stroke:var(--chart);stroke-width:1.3;fill:none}
.chart-svg .sn{fill:var(--muted);font:500 11px var(--f-mono)}
.chart-svg .pl{fill:var(--ink);font:700 12.5px var(--f-body)}
.chart-svg .pl.as{fill:var(--accent-ink)}
.chart-svg rect.bgf{fill:var(--surface)}

/* Problems */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prob{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;align-content:start;min-width:0;transition:transform .2s ease,border-color .2s,box-shadow .2s}
.prob:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 30px -22px rgba(80,56,20,.45)}
.prob img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--night)}
.prob .pb{padding:16px 18px 18px;display:grid;gap:8px}
.karaka{justify-self:start;font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}
.ico{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center}
.ico svg{width:24px;height:24px;stroke:var(--accent-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prob p{color:var(--muted);font-size:.94rem}
.prob .checks{font-size:.84rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}
.prob .checks b{display:block;color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
:root[lang="hi"] .prob .checks b{letter-spacing:0;font-size:.82rem}
.prob a{font-weight:700;text-decoration:none;font-size:.95rem}
.prob a:hover{text-decoration:underline}
.gets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.get{background:var(--night);color:var(--on-night);border-radius:var(--r);padding:26px;display:grid;gap:10px;align-content:start}
.get .k{font-family:var(--f-mono);font-size:.78rem;color:var(--accent);letter-spacing:.06em}
.get p{color:var(--on-night-muted)}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.gets{grid-template-columns:1fr}}
@media (max-width:520px){.pgrid{gap:10px}.prob .pb{padding:12px;gap:6px}.prob h3{font-size:1rem}.prob p{font-size:.84rem}.karaka{font-size:.68rem}}

/* Packages */
.cur{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:4px;gap:2px;background:var(--surface)}
.cur button{border:0;background:none;color:var(--muted);font:700 .85rem var(--f-body);padding:8px 15px;border-radius:999px;cursor:pointer}
.cur button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;align-items:start}
.pkg{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;gap:18px;align-content:start;min-width:0}
.pkg.feature{border:2px solid var(--accent);box-shadow:0 24px 50px -36px var(--accent)}
.pkg .tag{justify-self:start;background:var(--accent-soft);color:var(--accent-ink);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
:root[lang="hi"] .pkg .tag{letter-spacing:0;font-size:.85rem}
.pkg .dur{color:var(--muted);font-size:.92rem;font-weight:600}
.price{font-family:var(--f-display);font-weight:800;font-size:2.8rem;line-height:1;letter-spacing:-.03em}
.price small{font-family:var(--f-body);font-size:.9rem;color:var(--muted);font-weight:500;letter-spacing:0}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{display:block;position:relative;padding-left:32px;min-width:0}
.ticks li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--accent-soft) no-repeat center/11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3.5' fill='none' stroke='%23D88A06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (max-width:960px){.pkgs{grid-template-columns:1fr;max-width:560px}}

/* Why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:8px;align-content:start}
.why p{color:var(--muted)}
@media (max-width:960px){.why{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.why{grid-template-columns:1fr}}

/* Steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps li{counter-increment:s;display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.steps li::before{content:"0" counter(s);font-family:var(--f-mono);font-size:.85rem;font-weight:500;color:var(--accent-ink)}
.steps b{font-size:1.04rem}
.steps p{color:var(--muted);font-size:.92rem}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* Forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.field{display:grid;gap:8px;min-width:0;align-content:start}
.field.full{grid-column:1/-1}
.l{font-weight:700;font-size:.96rem}
.req{color:var(--accent-ink)}
input[type=text],input[type=tel],input[type=date],input[type=time],input[type=number],select,textarea,input[type=email]{
  width:100%;font:1rem var(--f-body);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;min-height:52px}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px var(--accent-soft)}
input:disabled,select:disabled{opacity:.5}
.radios{display:flex;gap:22px;align-items:center;min-height:52px;flex-wrap:wrap}
.radios label{display:flex;gap:8px;align-items:center;cursor:pointer}
input[type=radio],input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px;flex:none}
.time-row{display:grid;grid-template-columns:minmax(56px,1fr) minmax(56px,1fr) auto;gap:8px}
.time-row select{padding:14px 8px}
.ampm{display:flex;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.ampm button{border:0;background:none;padding:0 10px;font:700 .88rem var(--f-body);color:var(--muted);cursor:pointer}
.ampm button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.check{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--muted);cursor:pointer}
.tm-sure{margin:10px 0 14px;display:grid;gap:6px}.tm-sure .l{font-size:.88rem}.tm-sure .radios{flex-wrap:wrap;row-gap:6px}.tm-sure[hidden]{display:none}
.phone{display:grid;grid-template-columns:118px 1fr;gap:10px}
.phone select{padding-inline:10px}
@media (max-width:400px){.phone{grid-template-columns:1fr}}
.err{color:var(--warn);font-size:.9rem;font-weight:600}
.manual{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){.form{grid-template-columns:1fr}.manual{grid-template-columns:1fr 1fr}}

/* Tool panels */
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.kpanel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;min-width:0}
.result{display:grid;gap:20px}
.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.summary div{background:var(--surface-2);border-radius:12px;padding:10px 12px;min-width:0}
.summary dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.summary dd{margin:0;font-weight:700;overflow-wrap:break-word;min-width:0}
.summary dd:has(wbr){overflow-wrap:anywhere}
.tbl-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}
.empty{display:grid;gap:14px;place-items:center;text-align:center;color:var(--muted);padding:12px}
.eyebrow.plain::before{display:none}
@media (max-width:900px){.tool-grid{grid-template-columns:1fr}}

/* Milan */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{display:grid;gap:14px;align-content:start;min-width:0}
.person h3{display:flex;align-items:center;gap:10px}
.person h3 .dot{width:12px;height:12px;border-radius:50%;background:var(--accent)}
.person:nth-child(2) h3 .dot{background:var(--chart)}
.score-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.score-big{font-family:var(--f-display);font-weight:800;font-size:3.6rem;line-height:1;letter-spacing:-.03em}
.score-big small{font-size:1.3rem;color:var(--muted);font-weight:600}
.meter{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.meter i{display:block;height:100%;background:var(--accent);border-radius:999px}
.pill{display:inline-block;padding:6px 13px;border-radius:999px;font-weight:700;font-size:.88rem;border:1.5px solid currentColor}
.pill.ok{color:var(--good)} .pill.mid{color:var(--accent-ink)} .pill.low{color:var(--warn)}
td.z{color:var(--warn);font-weight:700}
@media (max-width:640px){.pair{grid-template-columns:1fr}}

/* Rashifal */
.week-strip{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;margin-bottom:16px}
.events{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.events span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.88rem;font-weight:600}
.rashi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:10px;align-content:start;min-width:0}
.rcard header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.rcard h3{font-size:1.15rem}
.rcard .en{color:var(--muted);font-size:.85rem}
.dots{display:flex;gap:4px;align-items:center}
.dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--accent)}
.dots i.on{background:var(--accent)}
.rcard ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.9rem}
.rcard li{display:grid;grid-template-columns:16px 1fr;gap:6px;color:var(--muted)}
.rcard li b{color:var(--ink);font-weight:700}
.rcard li.g::before{content:"+";color:var(--good);font-weight:800}
.rcard li.w::before{content:"!";color:var(--warn);font-weight:800}
.ss{font-size:.8rem;font-weight:700;color:var(--warn)}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start;min-width:0}
.article .kicker{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-weight:800}
.article details summary{cursor:pointer;color:var(--accent-ink);font-weight:700;list-style:none;margin-top:4px}
.article details summary::-webkit-details-marker{display:none}
.article details[open] summary{margin-bottom:10px}
.article p{color:var(--muted);font-size:.95rem}
.article .body{display:grid;gap:10px}
@media (max-width:1000px){.rashi{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.rashi{grid-template-columns:1fr 1fr}.articles{grid-template-columns:1fr}}
@media (max-width:460px){.rashi{grid-template-columns:1fr}}

/* About */
.about{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.portrait{aspect-ratio:4/5;max-width:100%;border-radius:28px;background:var(--night);color:var(--on-night-muted);display:grid;place-items:center;text-align:center;padding:20px;position:relative;overflow:hidden;
  background-image:radial-gradient(260px 200px at 80% 10%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%)}
.portrait b{font-family:var(--f-display);font-size:4.4rem;color:var(--on-night);font-weight:800;line-height:1;letter-spacing:-.04em}
.about-copy{display:grid;gap:18px;min-width:0}
.about-copy p{color:var(--muted);max-width:64ch}
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cred{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;display:grid;gap:4px;min-width:0}
.cred.slot{border-style:dashed;background:transparent}
.cred b{font-size:.98rem}
.cred span{color:var(--muted);font-size:.85rem}
.portrait.emblem p{margin:0}.portrait.emblem .em-t{margin-top:16px;font-family:var(--f-display);font-weight:800;font-size:1.25rem;color:var(--on-night)}.portrait.emblem .em-s{margin-top:4px;color:var(--accent);font-weight:600;font-size:.9rem}
.ab-lead{font-size:1.12rem;font-weight:600;color:var(--ink)}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 4px}
.ab-stats div{background:var(--night);color:var(--on-night);border-radius:16px;padding:16px;display:grid;gap:2px;min-width:0}
.ab-stats b{font-family:var(--f-display);font-size:1.45rem;color:var(--accent)}
.ab-stats span{font-size:.84rem;color:var(--on-night-muted)}
@media (max-width:480px){.ab-stats{grid-template-columns:1fr}}
@media (max-width:860px){.about{grid-template-columns:1fr}.portrait{max-width:320px}.creds{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.creds{grid-template-columns:1fr}}

/* Booking */
.book-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start}
.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.choice label,.chips label,.slots label{position:relative;cursor:pointer;background:var(--bg);border:1.5px solid var(--line)}
.choice label{border-radius:14px;padding:14px;display:grid;gap:2px}
.choice input,.chips input,.slots input{position:absolute;opacity:0;pointer-events:none}
.choice label:has(input:checked),.slots label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.choice label:has(input:focus-visible),.chips label:has(input:focus-visible),.slots label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.choice small{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600}
.chips label:has(input:checked){border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots label{border-radius:12px;padding:8px 12px;display:grid;line-height:1.3;font-weight:600}
.slots label small{color:var(--muted);font-size:.78rem;font-weight:500}
.aside{background:var(--night);color:var(--on-night);border-radius:24px;padding:26px;display:grid;gap:14px;position:sticky;top:90px;
  background-image:radial-gradient(300px 200px at 100% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}
.aside .eyebrow{color:var(--accent)}
.aside .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--night-line);padding-bottom:10px;font-size:.95rem}
.aside .row span:first-child{color:var(--on-night-muted)}
.aside .row span:last-child{text-align:right;font-weight:600}
.aside .tot{font-family:var(--f-display);font-weight:800;font-size:2.2rem;letter-spacing:-.02em}
.aside p{color:var(--on-night-muted);font-size:.88rem}
.confirm{background:var(--surface);border:2px solid var(--good);border-radius:18px;padding:22px;display:grid;gap:14px}
.confirm pre{white-space:pre-wrap;font:.88rem/1.55 var(--f-mono);background:var(--surface-2);border-radius:12px;padding:14px;margin:0;overflow-x:auto}
@media (max-width:900px){.book-grid{grid-template-columns:1fr}.aside{position:static}}
@media (max-width:480px){.choice{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:4px 22px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--accent-ink);font-size:1.1rem}
.faq details[open] summary::after{content:"−"}
.faq p{color:var(--muted);padding-bottom:18px}

footer{border-top:1px solid var(--line);padding-block:44px 96px}
footer .wrap{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
footer p,footer li{color:var(--muted);font-size:.9rem}
footer ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.disc{grid-column:1/-1;font-size:.82rem;border-top:1px solid var(--line);padding-top:18px}
@media (max-width:980px){footer .wrap{grid-template-columns:1fr 1fr 1fr}footer .wrap > div:first-child{grid-column:1/-1}}
@media (max-width:640px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:360px){footer .wrap{grid-template-columns:1fr}}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--good);color:#fff;border-radius:999px;padding:13px 20px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px -10px rgba(0,0,0,.45);font-size:.95rem}
:root[data-theme="dark"] .wa-float{color:#06140C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .wa-float{color:#06140C}}
.sky-now{display:grid;gap:12px;width:100%}
.sky-now header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.sky-now h3{font-size:1.05rem;color:var(--ink)}
.today{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:20px;margin-bottom:28px}
.today-info{display:grid;gap:10px;min-width:0;align-content:start}
.today-date{font-family:var(--f-display);font-size:1.5rem;letter-spacing:-.01em}
.today .events{margin:0}
.today .facts{grid-template-columns:repeat(4,1fr)}
.live{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--good)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--good);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
@media (max-width:760px){.today{grid-template-columns:1fr}.today-chart{max-width:260px;justify-self:center;width:100%}.today .facts{grid-template-columns:1fr 1fr}}
.city-wrap{position:relative}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:15;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(10,12,30,.45);max-height:280px;overflow-y:auto}
.suggest li{padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.suggest li small{color:var(--muted)}
.suggest li[aria-selected="true"],.suggest li:hover{background:var(--accent-soft);color:var(--accent-ink)}
.suggest li.none{cursor:default;color:var(--muted);font-size:.9rem}
.suggest li.none:hover{background:none;color:var(--muted)}
.mob-row{display:flex;flex-wrap:wrap;gap:8px}
.mob-cc{flex:1 1 230px;min-width:0}
.mob-num{flex:1 1 170px;min-width:0}
.mob-cc input{text-overflow:ellipsis}
.mob-opts li{align-items:baseline}
.mob-opts li small{flex:none;white-space:nowrap}
.pa-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px;max-width:620px;margin-bottom:22px}
.pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pa-chog{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.pa-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.pa-card h3{font-size:1.05rem}
.pa-list{margin:0;display:grid;gap:10px}
.pa-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:8px;align-items:baseline}
.pa-list div:last-child{border-bottom:0;padding-bottom:0}
.pa-list dt{color:var(--muted);font-size:.9rem}
.pa-list dd{margin:0;font-weight:700;text-align:right}
.pa-list dd small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
/* drawn, gently animated art in the hero picture slot (owner, 25 Oct 2026) */
.ph-art{display:block;overflow:hidden;padding:0;line-height:0}.ph-art svg{width:100%;height:100%;display:block}
@keyframes skRise{from{transform:translateY(46px)}to{transform:translateY(0)}}
@keyframes skGlow{0%,100%{opacity:.4}50%{opacity:.75}}
@keyframes skRipple{0%,100%{transform:translateX(0)}50%{transform:translateX(-9px)}}
@keyframes skDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes skFlick{0%,100%{transform:scale(1,1)}25%{transform:scale(.92,1.06)}50%{transform:scale(1.05,.95)}75%{transform:scale(.96,1.04)}}
@keyframes skHalo{0%,100%{opacity:.45}50%{opacity:.8}}
@keyframes skTw{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes skMoon{from{transform:translateY(30px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes skBloomL{from{transform:rotate(20deg)}to{transform:rotate(0)}}
@keyframes skBloomR{from{transform:rotate(-20deg)}to{transform:rotate(0)}}
@keyframes skSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes skArc{from{transform:rotate(10deg)}to{transform:rotate(170deg)}}
.ph-art .sk-rise{animation:skRise 2.6s cubic-bezier(.2,.8,.2,1) both}.ph-art .sk-glow{animation:skGlow 5s ease-in-out infinite}
.ph-art .sk-ripple{animation:skRipple 6s ease-in-out infinite}.ph-art .sk-drift{animation:skDrift 14s ease-in-out infinite}
.ph-art .sk-flame{animation:skFlick 1.7s ease-in-out infinite}.ph-art .sk-halo{animation:skHalo 2.8s ease-in-out infinite}
.ph-art .sk-tw{animation:skTw 3.4s ease-in-out infinite}.ph-art .sk-d1{animation-delay:.5s}.ph-art .sk-d2{animation-delay:1.1s}.ph-art .sk-d3{animation-delay:1.8s}
.ph-art .sk-moonrise{animation:skMoon 2.6s ease-out both}.ph-art .sk-sway{animation:skSway 5s ease-in-out infinite}
.ph-art .sk-bloomL{animation:skBloomL 2.2s cubic-bezier(.2,.8,.2,1) both}.ph-art .sk-bloomR{animation:skBloomR 2.2s cubic-bezier(.2,.8,.2,1) both}
.ph-art .sk-arc{animation:skArc 18s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.ph-art *{animation:none!important}.ph-art .sk-arc{transform:rotate(90deg)}}
.va-tool{max-width:560px}.va-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 8px}.va-cell{border-radius:12px;padding:12px 8px;text-align:center;border:1px solid var(--line);min-height:62px;display:flex;flex-direction:column;justify-content:center;gap:2px}.va-cell b{font-size:.84rem;line-height:1.25}.va-cell span{font-size:.78rem;font-weight:600}.va-l3{background:#1F8A55;color:#fff;border-color:#1F8A55}.va-l2{background:#DDF3E6;color:#14532D}.va-l1{background:var(--surface-2);color:var(--ink)}.va-l0{background:#FBE3D9;color:#7A2E10}.va-key{font-size:.8rem;color:var(--muted);margin:0 0 6px}.va-key i{display:inline-block;width:11px;height:11px;border-radius:3px;margin:0 4px 0 8px;vertical-align:-1px;border:1px solid var(--line)}.va-key i:first-child{margin-left:0}.va-note p{margin:6px 0 0;line-height:1.55}:root[data-theme="dark"] .va-l2{background:#163D2B;color:#CFEFDC}:root[data-theme="dark"] .va-l0{background:#3D2116;color:#F6CDBA}.ph-art .sk-needle{animation:skNeedle 2.8s cubic-bezier(.3,1.6,.4,1) both}@keyframes skNeedle{0%{transform:rotate(-70deg)}60%{transform:rotate(12deg)}100%{transform:rotate(0)}}
.skl-bg{position:fixed;inset:0;z-index:9999;background:rgba(8,26,22,.55);display:flex;align-items:center;justify-content:center;padding:16px}.skl-bg[hidden]{display:none}
.skl{position:relative;width:100%;max-width:420px;max-height:92vh;overflow:auto;background:var(--surface,#fff);color:var(--ink,#13241E);border-radius:22px;padding:24px 22px 18px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}
.skl h2{margin:0 0 6px;font-size:1.3rem}.skl-sub{margin:0 0 14px;color:var(--muted)}.skl label{display:block;margin:0 0 12px;font-weight:600;font-size:.9rem}
.skl input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:6px;font:inherit;font-size:16px;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg,#fff);color:var(--ink)}
.skl-ck{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.85rem!important;line-height:1.5;color:var(--muted)}.skl-ck input{margin-top:3px;width:18px;height:18px;flex:none}
.skl-err{color:#C62828;font-size:.88rem;margin:0 0 10px}.skl-go{width:100%}.skl-note{font-size:.78rem;color:var(--muted);margin:10px 0 0;text-align:center}
.skl-g{display:flex;justify-content:center;min-height:44px;margin:4px 0 8px}.skl-g.off{opacity:.45}.skl-alt{text-align:center;font-size:.88rem;margin:6px 0 0}.skl-alt a{color:var(--accent)}.skl label>span{display:block}
.skl-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px}
body.skl-open{overflow:hidden}
#pg-zodiac .cx-about.zd-wrap{max-width:1180px;width:100%}#pg-zodiac .zd-wrap>p,#pg-zodiac .zd-wrap>.faq{max-width:820px}
#pg-xp>section{padding-top:20px}.xp-wrap{max-width:900px;min-width:0;margin-top:8px}.xp:not([hidden]){display:grid;gap:14px}.xp h2{margin:20px 0 2px;line-height:1.25}.xp h3{margin:0}.xp p{margin:0}.xp .xp-sec{display:grid;gap:10px;margin:0}.xp .note{margin-top:2px}.xp .faq{margin:0}.xp .tr-askbox{margin-top:10px}.xp nav.xp-links{display:grid;gap:8px;margin-top:6px}.xp nav.xp-links h2{margin-top:14px}.xp{min-width:0;max-width:100%}.xp>*{min-width:0;max-width:100%}.xp .tbl-wrap,.xp .cp-wrap{max-width:100%;overflow-x:auto}.xp .tc-all{display:flex;flex-wrap:wrap;gap:6px 16px}.xp-sec{margin:18px 0}.xp-glyphs{font-size:2.4rem;margin:0 0 6px;letter-spacing:.1em}.xp-num{font-family:var(--f-display);font-size:4rem;line-height:1;font-weight:800;color:var(--accent);margin:0 0 8px}
.xp-tl{list-style:none;margin:0;padding:0;display:grid;gap:12px}.xp-tl li{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.xp-tl p{margin:6px 0 0}
.xp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:14px 0}.xp-card{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:inherit}.xp-card:hover{border-color:var(--accent)}.xp-card b{font-size:1.05rem}.xp-num-s{font-family:var(--f-display);font-size:1.8rem!important;color:var(--accent)}
.xp-big-date{font-family:var(--f-display);font-size:1.5rem;font-weight:700;color:var(--accent);margin:0 0 10px}.xp-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.xp-tl-c{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);min-width:0}.xp-tl-c h3{margin:0 0 6px;font-size:1rem}
.xp-mon td span{font-weight:700;white-space:nowrap}.xp-mon .mg{color:var(--good)}.xp-mon .mm{color:var(--accent)}.xp-mon .ms{color:var(--warn)}.xp-mon th[scope=row]{white-space:nowrap}
.xp-adv{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin:10px 0}.xp-adv>summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:700;list-style:none;position:relative}.xp-adv>summary::-webkit-details-marker{display:none}.xp-adv>summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:1.2rem}.xp-adv[open]>summary::after{content:"–"}.xp-adv-b{padding:0 16px 16px;display:grid;gap:10px}.xp-adv-b h2{font-size:1.1rem;margin-top:10px}
.xp-letters{font-size:1.15rem;font-weight:600;line-height:1.7}.xp-names th span{color:var(--muted);font-weight:500;margin-left:6px}
.cp-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:6px 0 16px}.cp-pick label{display:grid;gap:4px;font-weight:600;font-size:.9rem;min-width:140px;flex:1}.cp-pick select{padding:10px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--bg);color:inherit}
.cp-wrap{overflow-x:auto}.cp-grid{border-collapse:collapse;min-width:560px;font-size:.85rem}.cp-grid th,.cp-grid td{padding:4px;text-align:center;border:1px solid var(--line)}.cp-grid tbody th{text-align:left;white-space:nowrap}.cp-grid td a{display:block;padding:6px 2px;text-decoration:none;font-weight:700;color:inherit;border-radius:6px}
.cp-hi{background:color-mix(in srgb,var(--good) 22%,transparent)}.cp-mid{background:color-mix(in srgb,var(--accent) 10%,transparent)}.cp-lo{background:color-mix(in srgb,var(--warn) 18%,transparent)}.cp-key span[class]{padding:1px 8px;border-radius:6px;font-weight:700}
.tc-wrap{max-width:860px}.tc-page h2{margin:24px 0 8px;line-height:1.25}.tc-page p{margin:0 0 10px}.tc-page h2+p{margin-top:0}.tc-top{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;margin:4px 0 8px}.tc-art svg{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 36px -18px rgba(8,26,22,.55)}.tc-sym,.tc-art .tr-sym{fill:none;stroke:#0A6563;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tc-art .tr-sym .g{stroke:#B9832C}.tc-art .tr-sym .f{fill:#F3D99A}.tc-art .tr-sym .o{stroke-opacity:.35;stroke-width:2}
.tc-cta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.tc-cta .btn{padding:11px 18px;font-size:.95rem}.tc-ask{font-weight:600;border-left:3px solid var(--accent);padding-left:12px}
.tc-quote{margin:10px 0;padding:14px 16px;border-radius:16px;background:var(--surface-2)}.tc-quote blockquote{margin:0}.tc-quote p{margin:4px 0}.tc-quote p:first-child{font-style:italic;color:var(--muted)}.tc-quote figcaption{font-size:.84rem;color:var(--muted)}.tc-quote figcaption:before{content:"— "}
.tc-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0 6px;padding-top:14px;border-top:1px solid var(--line)}.tc-nav a{font-weight:600;color:var(--accent);text-decoration:none}.tc-all{font-size:.88rem;line-height:1.9;color:var(--muted)}.tc-all a{color:var(--muted)}
@media (max-width:640px){.tc-top{grid-template-columns:1fr}.tc-art{max-width:170px;margin:0 auto}}
.zd-jump{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.zd-jump a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.9rem;background:var(--surface)}.zd-jump a span{color:var(--zc)}.zd-jump a:hover{border-color:var(--zc)}
.zd-fire{--zc:#C2410C;--zb:#FDEBDD}.zd-earth{--zc:#4D7C0F;--zb:#ECF5DF}.zd-air{--zc:#0369A1;--zb:#E3F1FB}.zd-water{--zc:#0E7490;--zb:#DDF3F6}
:root[data-theme="dark"] .zd-fire{--zc:#FDBA8C;--zb:rgba(253,186,140,.12)}:root[data-theme="dark"] .zd-earth{--zc:#BEF264;--zb:rgba(190,242,100,.1)}:root[data-theme="dark"] .zd-air{--zc:#7DD3FC;--zb:rgba(125,211,252,.1)}:root[data-theme="dark"] .zd-water{--zc:#67E8F9;--zb:rgba(103,232,249,.1)}
.zd-tw{overflow-x:auto;margin:8px 0 18px;border:1px solid var(--line);border-radius:16px}.zd-tbl{width:100%;border-collapse:collapse;font-size:.9rem;min-width:620px}.zd-tbl th,.zd-tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.zd-tbl th{color:var(--muted);font-weight:600;background:var(--surface-2)}.zd-tbl tr:last-child td{border-bottom:0}.zd-tbl a{color:var(--ink);font-weight:600;text-decoration:none}.zd-tbl a:hover{color:var(--accent)}
.zd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:12px 0 24px}.zd-card{border:1px solid var(--line);border-top:4px solid var(--zc);border-radius:18px;padding:16px 16px 12px;background:var(--surface);min-width:0;scroll-margin-top:90px}.zd-card h3{margin:0;font-size:1.08rem}
.zd-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.zd-g{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--zb);color:var(--zc);font-size:1.4rem}.zd-kw{margin:2px 0 0!important;color:var(--muted);font-size:.86rem}
.zd-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}.zd-chips li{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink)}.zd-chips li.zd-el{background:var(--zb);color:var(--zc)}
.zd-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.zd-dates dt{font-size:.74rem;color:var(--muted)}.zd-dates dd{margin:2px 0 0;font-weight:600;font-size:.88rem}
.zd-card>p{font-size:.92rem;line-height:1.6;margin:6px 0}.zd-link a{font-weight:600;color:var(--accent)}
.zd-facts{display:grid;gap:4px;margin:6px 0;font-size:.88rem}.zd-facts>div{display:grid;grid-template-columns:minmax(0,46%) 1fr;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)}.zd-facts dt{color:var(--muted)}.zd-facts dd{margin:0;font-weight:600}
.sg-seo{margin-top:26px}.sg-seo .zd-facts{max-width:560px}
#pg-tarot .fp-wrap>*,#pg-tarot .cx-about>*{min-width:0;max-width:100%}.tr-tbl{table-layout:fixed}.tr-tbl td,.tr-tbl th{overflow-wrap:anywhere}.tr-tw{max-width:100%}
.tr-slots.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:340px}.tr-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0}.tr-spc{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.tr-spc .tr-card.md{width:130px}.tr-spc p{font-size:.92rem}.tr-spc .tr-h{font-size:1.1rem!important;margin-top:10px}
@media (max-width:640px){.tr-spread{grid-template-columns:1fr}.tr-spc .tr-card.md{width:120px}}
.tr-tabs{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap;scroll-margin-top:84px}.tr-tabs a,.tr-tabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:none;text-decoration:none;font:600 .92rem var(--f-body);cursor:pointer}.tr-tabs .on{background:var(--accent);border-color:var(--accent);color:#fff}
.tr-stage{--tg:#F3D99A;--tg2:#D9A84E;--tc:#EEF6F2;--tm:#B9D3C8;position:relative;border-radius:24px;padding:26px 24px 18px;color:var(--tc);background:radial-gradient(520px 360px at 50% 18%,#1E5A55 0%,rgba(30,90,85,0) 70%),linear-gradient(180deg,#0A2E24 0%,#081A16 100%);overflow:hidden;max-width:900px;box-shadow:0 18px 40px -24px rgba(8,26,22,.6)}
.tr-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 78% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 26%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 64% 18%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 40% 6%,#fff 50%,transparent 51%);opacity:.55;animation:trTw 5s ease-in-out infinite}
@keyframes trTw{0%,100%{opacity:.35}50%{opacity:.7}}
#trApp{position:relative;min-height:320px}
.tr-stage .tr-h{font-family:Cinzel,Georgia,serif;font-weight:700;color:var(--tg);font-size:1.45rem;line-height:1.25;margin:0 0 6px}
:root[lang="hi"] .tr-stage .tr-h,html[lang="hi"] .tr-stage .tr-h{font-family:"Noto Sans Devanagari",Poppins,sans-serif}
.tr-stage p{margin:8px 0;line-height:1.6}.tr-sub{color:var(--tm)}.tr-small{font-size:.86rem;color:var(--tm)}
.tr-kicker{font-size:.8rem!important;font-weight:700;letter-spacing:.02em;color:#9EE6E1;margin:12px 0 4px!important}
.tr-honest{position:relative;font-size:.8rem;color:var(--tm);text-align:center;margin:18px 0 0;padding-top:12px;border-top:1px solid rgba(243,217,154,.15)}
.tr-intro{margin-bottom:12px}
.tr-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:6px}
.tr-topic{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(243,217,154,.25);background:rgba(255,255,255,.06);color:var(--tc);font:600 .98rem var(--f-body);cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.tr-topic:hover,.tr-topic:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:var(--tg)}.tr-ic{font-size:1.4rem;line-height:1}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.tr-chips button,.tr-steps button{font:600 .95rem var(--f-body);padding:10px 16px;border-radius:999px;border:1px solid rgba(243,217,154,.45);background:rgba(255,255,255,.04);color:var(--tc);cursor:pointer;text-align:left;transition:background .2s,color .2s,border-color .2s}
.tr-chips button:hover,.tr-steps button:hover{border-color:var(--tg)}.tr-chips button[aria-pressed="true"],.tr-steps button[aria-pressed="true"]{background:var(--tg);color:#2B1D00;border-color:var(--tg)}
.tr-chips button:disabled{opacity:.5;cursor:default}.tr-big button{padding:13px 18px;font-size:1rem}.tr-col{flex-direction:column;align-items:stretch}.tr-col button{border-radius:14px}
.tr-steps{display:grid;gap:8px;margin:6px 0 10px}.tr-steps button{border-radius:14px;line-height:1.45;font-weight:500}
.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 .98rem var(--f-body);padding:12px 20px;border-radius:999px;border:1.5px solid var(--tg);background:linear-gradient(180deg,#F6E2AE,#D9A84E);color:#2B1D00;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s}
.tr-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -10px var(--tg)}.tr-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}
.tr-btn.ghost{background:transparent;color:var(--tg)}.tr-act{margin:14px 0 4px}.tr-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.tr-stage a{color:#9EE6E1}.tr-stage a.tr-btn{color:#2B1D00}
.tr-reframe{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(243,217,154,.25);padding:16px 18px}
.tr-yourq{font-size:1.05rem;color:var(--tm);font-style:italic}.tr-newq{font-family:Cinzel,Georgia,serif;font-size:1.2rem;color:var(--tg);line-height:1.4}
html[lang="hi"] .tr-newq{font-family:"Noto Sans Devanagari",Poppins,sans-serif;font-weight:700}
.tr-ask{font-weight:600;color:#fff;border-left:3px solid var(--tg2);padding-left:12px}
.tr-card{perspective:1000px;width:150px;flex:none}.tr-card .tr-in{position:relative;width:100%;aspect-ratio:110/182;transition:transform .9s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.tr-card.open .tr-in{transform:rotateY(180deg)}.tr-card.still .tr-in{transition:none}
.tr-f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;box-shadow:0 14px 28px -12px rgba(0,0,0,.7)}.tr-fr{transform:rotateY(180deg)}
.tr-f svg,.tr-fc svg,.tr-grid svg{display:block;width:100%;height:100%}
.tr-sym{fill:none;stroke:#0A6563;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tr-sym .g{stroke:#B9832C}.tr-sym .f{fill:#F3D99A}.tr-sym .o{stroke-opacity:.35;stroke-width:2}
.tr-card.lg{width:170px}.tr-card.sm{width:100%}
.tr-card.glow:before{content:"";position:absolute;left:-40%;right:-40%;top:-12%;bottom:-12%;border-radius:50%;background:radial-gradient(circle,rgba(243,217,154,.42),rgba(243,217,154,0) 65%);animation:trAura 4s ease-in-out infinite;pointer-events:none}
.tr-card.glow{position:relative}@keyframes trAura{0%,100%{opacity:.4;transform:scale(.94)}50%{opacity:.85;transform:scale(1.05)}}
.tr-fan{position:relative;margin:6px auto 4px;max-width:620px}
.tr-fc{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:8px;transform-origin:50% 130%;transition:margin .2s ease,opacity .45s ease,filter .2s;box-shadow:0 8px 16px -8px rgba(0,0,0,.8)}
.tr-fc:hover,.tr-fc:focus-visible{margin-top:-14px;filter:brightness(1.18)}.tr-fc:focus-visible{outline:2px solid var(--tg);outline-offset:2px}
.tr-fc.gone{opacity:0;margin-top:-60px;pointer-events:none}
.tr-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:560px;margin:8px auto 0}
.tr-slot{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tr-slot:before{content:"";display:block;width:100%;max-width:64px;aspect-ratio:110/182;border:1.5px dashed rgba(243,217,154,.4);border-radius:8px}
.tr-slot.in:before{display:none}.tr-slot .tr-card{max-width:64px;animation:trDrop .5s cubic-bezier(.2,.8,.2,1)}.tr-slot span{font-size:.72rem;line-height:1.3;color:var(--tm)}
@keyframes trDrop{from{transform:translateY(-40px) scale(1.2);opacity:0}to{transform:none;opacity:1}}
.tr-reveal{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;margin-top:8px}.tr-stage-card{display:flex;justify-content:center;padding-top:6px}
.tr-mean{min-width:0}.tr-resp{border-radius:14px;background:rgba(255,255,255,.06);padding:4px 14px;margin:10px 0;animation:trIn .5s ease-out both}
@keyframes trIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tr-quote{margin:16px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(243,217,154,.14),rgba(243,217,154,.04));border:1px solid rgba(243,217,154,.3)}
.tr-quote blockquote{margin:0}.tr-quote p{margin:4px 0}.tr-orig{font-style:italic;color:var(--tg);font-size:.95rem}.tr-quote figcaption{font-size:.82rem;color:var(--tm);margin-top:6px}
.tr-quote figcaption:before{content:"— "}
.tr-sumcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:520px;margin:10px 0 6px}.tr-sumcards>div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tr-sumcards .tr-card{max-width:80px}.tr-sumcards span{font-size:.72rem;line-height:1.3;color:var(--tm)}
.tr-carry{margin:12px 0}
.tr-notes{display:block;margin:12px 0}.tr-notes span{display:block;font-size:.85rem;color:var(--tm);margin-bottom:6px}
.tr-notes textarea,.tr-qbox input,.tr-dob input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--tc);background:rgba(255,255,255,.06);border:1px solid rgba(243,217,154,.35);border-radius:12px;padding:10px 12px}
.tr-notes textarea:focus,.tr-qbox input:focus,.tr-dob input:focus{outline:2px solid var(--tg);outline-offset:1px}
.tr-notes textarea::placeholder,.tr-qbox input::placeholder{color:rgba(238,246,242,.5)}
.tr-qbox{display:block;margin:8px 0 6px;max-width:520px}
.tr-fb{margin-top:14px;padding-top:12px;border-top:1px solid rgba(243,217,154,.15)}.tr-cta{font-weight:600}.tr-askbox{margin-top:18px;padding:16px;border:1px solid rgba(243,217,154,.35);border-radius:14px;background:rgba(243,217,154,.07);display:grid;gap:12px;justify-items:start}.tr-askbox p{margin:0}
.tr-help{border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,190,160,.45);padding:16px 18px}
.tr-help-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0}.tr-help-c b{display:block;margin-bottom:6px;color:var(--tg)}
.tr-help-c a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;margin-bottom:6px;border-radius:12px;background:rgba(255,255,255,.07);color:var(--tc)!important;text-decoration:none}.tr-help-c a strong{color:#fff;white-space:nowrap;font-size:1.02rem}
.tr-check{border-radius:18px;background:rgba(158,230,225,.08);border:1px solid rgba(158,230,225,.3);padding:12px 16px;margin-bottom:16px}
.tr-ans{font-size:1.7rem!important}.tr-yes,.tr-lean{color:#9EE6A8!important}.tr-wait,.tr-unclear{color:var(--tg)!important}.tr-no{color:#FFB4A2!important}
.tr-day{display:flex;justify-content:center;margin:12px 0 4px}.tr-daybtn{padding:0;border:0;background:none;cursor:pointer;border-radius:12px}.tr-day .tr-card.lg{width:180px}
.tr-daybtn:not(:disabled) .tr-card:not(.open) .tr-in{animation:trFloat 4s ease-in-out infinite}@keyframes trFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.tr-daytxt{max-width:640px;margin:0 auto;animation:trIn .6s ease-out both}.tr-daytxt .tr-h{text-align:center}
.tr-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.tr-three.five{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tr-three>div{border-radius:12px;background:rgba(255,255,255,.06);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.tr-three b{font-size:.8rem;color:#9EE6E1}.tr-three span{font-size:.9rem;line-height:1.5}
.tr-streak{text-align:center;font-weight:600;color:var(--tg)}
.tr-dob{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px}.tr-dob label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--tm)}
.tr-calc{text-align:center;color:var(--tm);font-weight:600}
.tr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;margin:8px 0}.tr-grid button{padding:0;border:0;background:none;cursor:pointer;border-radius:10px;transition:transform .2s;aspect-ratio:110/182}
.tr-grid button:hover{transform:translateY(-3px)}.tr-grid button[aria-pressed="true"]{outline:3px solid var(--tg);outline-offset:2px}
.tr-detail{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(243,217,154,.25);padding:14px 16px;margin-top:10px;scroll-margin-top:90px;animation:trIn .4s ease-out both}
.tr-jlist{list-style:none;margin:8px 0;padding:0;display:grid;gap:10px}.tr-jlist li{border-radius:14px;background:rgba(255,255,255,.06);padding:10px 14px}.tr-jlist p{margin:4px 0;font-size:.92rem}
.tr-jh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tr-jh span{color:var(--tm);font-size:.85rem}.tr-jn{font-style:italic;color:var(--tm)}
.tr-seo h3{margin-top:18px}.tr-list{padding-left:18px;line-height:1.6}.tr-list li{margin:4px 0}.tr-tw{overflow-x:auto}.tr-tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tr-tbl th,.tr-tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.tr-tbl th{color:var(--muted);font-weight:600}
.tr-tag{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--tg);color:#2B1D00;margin-left:4px}
@media (max-width:640px){.tr-stage{padding:20px 14px 14px;border-radius:20px}.tr-stage .tr-h{font-size:1.25rem}.tr-reveal{grid-template-columns:1fr;gap:12px}.tr-card.lg{width:150px}.tr-three{grid-template-columns:1fr}.tr-topics{grid-template-columns:1fr 1fr}.tr-topic{flex-direction:column;align-items:flex-start;gap:8px;font-size:.92rem}.tr-slots,.tr-sumcards{gap:6px}.tr-slot span,.tr-sumcards span{font-size:.64rem}.tr-tabs a,.tr-tabs button{padding:7px 12px;font-size:.86rem}.tr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:360px){.tr-topics{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tr-stage *,.tr-stage:before{animation:none!important;transition:none!important}}
.fv-tabs{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}.fv-tabs a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}.fv-tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff}.fv-tool{max-width:760px}.fv-list{list-style:none;margin:6px 0 0;padding:0;display:grid}.fv-list li{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px dashed var(--line)}.fv-list li:first-child{border-top:0}.fv-list li.past{opacity:.55}.fv-d{font-weight:700;color:var(--accent);font-size:.92rem}.fv-d small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}.fv-n b{display:block;color:var(--ink)}.fv-n>span{display:block;font-size:.84rem;line-height:1.5;color:var(--muted);margin-top:2px}.fv-n .nw{white-space:nowrap}.fv-cal{font-size:.8rem;font-weight:600;color:var(--accent);white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 10px}.fv-mo{list-style:none;padding:14px 0 4px!important;border-top:0!important;display:block!important;font-weight:700;color:var(--muted);font-size:.85rem}.fv-act{margin:14px 0 0}.fp-more{font-size:.92rem;color:var(--muted)}.fp-more a{color:var(--accent)}@media (max-width:560px){.fp-row{flex-direction:column;gap:2px}.fp-row dd{text-align:left}.fv-list li{grid-template-columns:78px 1fr}.fv-cal{grid-column:2;justify-self:start}}
.pa-bar{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;gap:10px}
.pa-bar h3{margin:0;font-size:1rem}.pa-bar .pb-now{margin:0;font-weight:600}.pa-bar .pb-now b{color:var(--warn)}.pa-bar .pb-now b.ok{color:var(--good)}
.pb-track{position:relative;height:30px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);margin:22px 0 4px}
.pb-done{position:absolute;inset:0 auto 0 0;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.pb-seg{position:absolute;top:4px;bottom:4px;border-radius:6px}.pb-seg.rahu{background:var(--warn)}.pb-seg.yama{background:color-mix(in srgb,var(--warn) 60%,#E0A030)}.pb-seg.gulika{background:#C99A2E}.pb-seg.abhijit{background:var(--good)}
.pb-seg.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px currentColor}
.pb-mark{position:absolute;top:-22px;bottom:-6px;width:0;transition:left 1.4s cubic-bezier(.2,.8,.2,1)}.pb-mark::before{content:"";position:absolute;left:-1px;top:16px;bottom:0;width:2px;background:var(--ink,#1a1a2e)}
.pb-mark span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;font-weight:700;background:var(--ink,#1a1a2e);color:var(--bg);padding:1px 7px;border-radius:999px}
.pb-mark.l span{transform:none;left:-4px}.pb-mark.r span{transform:translateX(-100%);left:4px}
.pb-ends{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted,#666)}
.pb-key{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:.82rem}.pb-key li{display:flex;align-items:center;gap:6px}.pb-key i{width:12px;height:12px;border-radius:3px;display:inline-block}
.pb-key .rahu i{background:var(--warn)}.pb-key .yama i{background:color-mix(in srgb,var(--warn) 60%,#E0A030)}.pb-key .gulika i{background:#C99A2E}.pb-key .abhijit i{background:var(--good)}
@media (prefers-reduced-motion:reduce){.pb-done,.pb-mark{transition:none}}
.fest-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.fest-list li{padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--line)}.fest-list li b{display:block;font-size:1rem;color:var(--ink)}.fest-list li span{display:block;margin-top:4px;font-size:.9rem;line-height:1.5;color:var(--muted)}.fest-list li.none{background:none;border-style:dashed;color:var(--muted);font-size:.92rem}.fest-note{margin:10px 0 0;font-size:.78rem;color:var(--muted)}.pz-sum{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--line);font-size:1rem;line-height:1.55}.pz-sum b{color:var(--accent-ink)}.pz-sum[hidden]{display:none}.fp-wrap{display:grid;gap:28px}.fp-tool{max-width:640px}.fp-box{margin:14px 0 0;display:grid;gap:0}.fp-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px dashed var(--line)}.fp-row:first-child{border-top:0}.fp-row dt{color:var(--muted)}.fp-row dd{margin:0;text-align:right;font-weight:600}.fp-row.main dd b{font-size:1.08rem;color:var(--accent)}.fp-city{font-size:.82rem;color:var(--muted);margin:8px 0 0}.fp-days{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}.fp-days li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--accent-soft)}.fp-days li span{color:var(--muted);text-align:right}.fp-cta{margin-top:18px;font-weight:500}.fp-row dd .nw{white-space:nowrap}.fest-list li b a,.up-n b a{color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.up-list{list-style:none;margin:0;padding:0;display:grid}.up-list li{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px 0;border-top:1px dashed var(--line)}.up-list li:first-child{border-top:0;padding-top:0}.up-d{font-weight:600;font-size:.9rem;color:var(--accent)}.up-d small{display:block;font-weight:500;color:var(--muted);font-size:.78rem;margin-top:2px}.up-n b{display:block;font-size:.98rem;color:var(--ink)}.up-n span{display:block;margin-top:2px;font-size:.86rem;line-height:1.45;color:var(--muted)}.up-list li.none{display:block;color:var(--muted);font-size:.92rem}
.pa-list dd .pa-cur{display:block}.pa-list dd .pa-cur+small{margin-bottom:2px}
.pa-list dd small.pa-then{margin:6px 0 0;padding-top:6px;border-top:1px dashed var(--line);font-size:.86rem}.pa-list dd small.pa-then.past{margin:0 0 6px;padding:0 0 6px;border-top:0;border-bottom:1px dashed var(--line);opacity:.8}.pa-list dd small.pa-then b{color:var(--ink);font-weight:600}.pa-list dd small.pa-then.past b{color:var(--muted)}
.pa-list .bad dd{color:var(--warn)} .pa-list .good dd{color:var(--good)}
.chog{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.chog li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-size:.92rem;align-items:center}
.chog li b{font-weight:700}
.chog li .q{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-left:8px}
.chog li.g .q{color:var(--good)} .chog li.b .q{color:var(--warn)} .chog li.n .q{color:var(--muted)}
.chog li.now{outline:2px solid var(--accent);background:var(--accent-soft)}
.chog li span.tm{font-family:var(--f-mono);font-size:.82rem;color:var(--muted);white-space:nowrap}
.pa-cta{margin-top:20px;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;background:var(--night);color:var(--on-night);border-radius:20px;padding:22px 24px}
.pa-cta p{max-width:60ch;color:var(--on-night-muted)}
.nowtag{display:inline-block;margin-left:6px;font-size:.7rem;font-weight:800;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:1px 7px;vertical-align:middle}
@media (max-width:960px){.pa-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.pa-grid,.pa-chog{grid-template-columns:1fr}.pa-controls{grid-template-columns:1fr}}
/* chart tools */
.ktools{display:grid;gap:18px}
.ktool{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}
.ktool h4{margin:0;font-family:var(--f-display);font-size:1.1rem}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tl li{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;font-size:.9rem}
.tl li .bar{height:8px;border-radius:999px;background:var(--surface-2);position:relative;overflow:hidden}
.tl li .bar i{position:absolute;top:0;bottom:0;background:var(--line);border-radius:999px}
.tl li.on{font-weight:700}
.tl li.on .bar i{background:var(--accent)}
.tl.ss-list li{grid-template-columns:auto 1fr}
.tl.ss-list li.on{color:var(--warn)}
.tl li .d{font-family:var(--f-mono);font-size:.8rem;color:var(--muted);white-space:nowrap}
.statusbox{border-radius:14px;padding:12px 14px;background:var(--surface-2);font-size:.95rem}
.statusbox.warn{background:color-mix(in srgb,var(--warn) 12%,var(--surface))}
.statusbox.ok{background:color-mix(in srgb,var(--good) 12%,var(--surface))}
@media (max-width:480px){.tl li{grid-template-columns:78px 1fr;}.tl li .d{grid-column:1/-1}}

.s247{padding:clamp(40px,7vw,80px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s247-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.s247-in{max-width:640px}
.s247-f{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.s247-f li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.s247-f svg{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s247-f b{font:700 1.05rem/1.2 var(--f-display);color:var(--ink)}
.s247-f span{font-size:.9rem;color:var(--muted)}
@media (max-width:860px){.s247-g{grid-template-columns:1fr}}
.s247 h2{margin:0;font:700 clamp(1.9rem,4.4vw,3rem)/1.12 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.s247 h2 em{font-style:normal;color:var(--accent)}
.s247 p{max-width:52ch;margin:16px 0 0;font-size:1.06rem;line-height:1.6;color:var(--muted)}
.s247 .btn .arw{margin-left:4px}
@media (max-width:600px){.s247 .btn{width:100%;justify-content:center}}
/* "Double Credit" offer theme: soft peach-to-pink, apart from the teal site (owner, 24 Oct 2026; lighter 5:50 pm) */
:root{--offer-g:linear-gradient(110deg,#D9480F 0%,#B5179E 100%);--offer-soft:linear-gradient(110deg,#FFEADF 0%,#FCE4F4 100%);--offer-ink:#9A1480;--offer-line:#F4C3DF}
.dc{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--offer-soft);color:var(--offer-ink);font-weight:700}
.wl-intro{background:var(--offer-soft)!important;border:1px solid var(--offer-line)!important;color:var(--offer-ink)!important;box-shadow:none}
.wl-intro .of-t b{color:#7E0F69!important}.wl-intro .of-t small{color:#8E3A78!important}
.wl-intro .of-tag{background:var(--offer-g)!important;color:#fff!important}
.wl-tile .wl-get{background:var(--offer-soft)!important;color:var(--offer-ink)!important;font-weight:700!important}
.wl-offer{margin:12px 0 0;border-radius:14px;overflow:hidden;background:#fff}
.wl-offer[hidden]{display:none}
.wl-offer .of-h{margin:0;padding:10px 14px;font-size:.92rem}
.wl-offer .of-b{margin:0;padding:11px 14px;display:flex;align-items:center;gap:10px;font-weight:700;color:#1E1A10;font-size:.98rem}
.wl-offer .of-b svg{flex:none;width:22px;height:22px}
.wl-offer .of-b path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wl-offer{border:1px solid var(--offer-line)!important;box-shadow:none}
.wl-offer .of-h{background:var(--offer-soft)!important;color:var(--offer-ink)!important;font-weight:600}
.wl-offer .of-b circle{fill:#B5179E!important}
.pr-small{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--offer-soft);color:var(--offer-ink)!important;font-weight:600}
.wl-tile i{background:#F0913A!important;color:#fff!important}
.wl-other .wl-get{background:var(--surface-2)!important;color:var(--muted)!important;font-weight:600!important}
.wl-rate{display:flex;align-items:baseline;gap:2px;margin:6px 0 0!important}
.wl-intro{padding:8px 12px!important;gap:10px!important;margin-top:10px!important;align-items:center;border-radius:12px!important}
.wl-intro .of-t b{font-size:.92rem!important;line-height:1.3}
.wl-intro .of-tag{font-size:.68rem!important;padding:5px 8px!important}
.woo-w{background:var(--offer-g);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.sk-ts{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:10050;display:flex;justify-content:center;max-width:calc(100vw - 32px)}.sk-ts:empty{display:none}
/* first-answer-free pop-up (24 Oct 2026) */
.pr-wrap{position:fixed;inset:0;z-index:1000;background:rgba(20,18,30,.55);display:grid;place-items:center;padding:16px;animation:prIn .25s ease}
@keyframes prIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.pr-wrap{animation:none}}
.pr-card{position:relative;width:min(860px,100%);display:grid;grid-template-columns:1.05fr 1fr;border-radius:22px;overflow:hidden;color:#fff;border:1px solid rgba(158,230,225,.18);
  background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 1.5px) 0 0/34px 34px,radial-gradient(120% 90% at 100% 0%,#0F5F5C 0%,rgba(10,46,36,0) 60%),linear-gradient(160deg,#0B3A2E 0%,#071F18 100%);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.pr-x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer}
.pr-x:hover{background:rgba(255,255,255,.16)}
.pr-x svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.pr-x:focus-visible,.pr-go:focus-visible{outline:3px solid #9EE6E1;outline-offset:3px}
.pr-l{padding:40px 36px 36px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.pr-brand{display:flex;align-items:center;gap:12px;font:700 .95rem/1 "Cinzel",var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#E9D9A6}
.pr-logo svg{width:42px;height:42px;display:block}
.pr-l h2{margin:10px 0 0;font:600 clamp(1.75rem,3.6vw,2.45rem)/1.12 var(--f-display);letter-spacing:-.02em;color:#fff}
.pr-l h2 span{display:block;color:#9EE6E1}
.pr-l p{margin:0;font-size:1rem;line-height:1.55;color:#B9D3C8;max-width:34ch}
.pr-go{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:15px 26px;border-radius:14px;background:#9EE6E1;color:#06231B;font:600 1.08rem/1 var(--f-display);text-decoration:none;box-shadow:0 14px 34px -14px rgba(158,230,225,.55);transition:transform .15s ease,background .15s ease}
.pr-go:hover{background:#B7EFEB;transform:translateY(-1px)}
.pr-go .arw{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pr-small{font-size:.86rem}
.pr-r{position:relative;padding:60px 28px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden;border-left:1px solid rgba(158,230,225,.12)}
.pr-wheel{position:absolute;right:-110px;top:50%;width:460px;height:460px;transform:translateY(-50%);fill:none;stroke:#9EE6E1;stroke-width:1;opacity:.16}
.pr-msg{position:relative;max-width:86%;padding:12px 16px;border-radius:16px;font-size:.98rem;line-height:1.45}
.pr-msg.me{align-self:flex-end;background:#fff;color:#0A2E24;border-bottom-right-radius:4px;font-weight:500}
.pr-msg.ai{align-self:flex-start;display:flex;gap:10px;align-items:flex-start;background:rgba(158,230,225,.1);border:1px solid rgba(158,230,225,.22);color:#EAF6F2;border-bottom-left-radius:4px}
.pr-msg.ai b{color:#9EE6E1}
.pr-av svg{width:28px;height:28px;display:block;flex:none}
.pr-eg{position:relative;align-self:flex-end;font-size:.76rem;color:#8FB3A6}
@media (max-width:700px){.pr-card{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.pr-r{display:none}.pr-l{padding:30px 22px 26px}.pr-go{width:100%;justify-content:center}}
/* sub-pages */
.page-hero{padding-block:24px 8px}
.ph-inner{position:relative;overflow:hidden;background:var(--night);color:var(--on-night);border:1px solid var(--night-line);border-radius:28px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:24px;padding:clamp(24px,4vw,44px);
  background-image:radial-gradient(420px 260px at 90% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%)}
.ph-copy{display:grid;gap:12px;min-width:0}
.ph-inner h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.025em}
:root[lang="hi"] .ph-inner h1{letter-spacing:0}
.ph-inner .lede{color:var(--on-night-muted)}
.ph-img{width:100%;max-width:340px;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;justify-self:end;box-shadow:0 0 0 1px var(--night-line)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.86rem;color:var(--on-night-muted)}
.crumbs a{color:var(--on-night-muted);text-decoration:none}.crumbs a:hover{color:var(--on-night)}
.crumbs [aria-current]{color:var(--accent);font-weight:600}
.page-hero + section{padding-top:44px}
.page-hero + section > .wrap > .sec-head{display:none}
@media (max-width:760px){.ph-inner{grid-template-columns:1fr}.ph-img{justify-self:start;max-width:100%}}
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tcard{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s}
.tcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.tcard img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.tcard div{padding:16px 18px 18px;display:grid;gap:6px}
.tcard p{color:var(--muted);font-size:.92rem}
@media (max-width:1100px){.tgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.tgrid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.tgrid{grid-template-columns:1fr}}
.cta-band{padding-block:40px 80px}
.cta-box{background:var(--night);color:var(--on-night);border-radius:28px;padding:clamp(24px,4vw,44px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;
  background-image:radial-gradient(380px 240px at 100% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}
.cta-box p{color:var(--on-night-muted);margin-top:6px}
/* nav dropdown + active */
.dd{position:relative}
.dd-btn{background:none;border:0;cursor:pointer;color:var(--muted);font:600 .94rem var(--f-body);padding:0;display:inline-flex;align-items:center;gap:6px}
.dd-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.dd-btn:hover{color:var(--ink)}
.dd-menu{position:absolute;top:calc(100% + 14px);left:-14px;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -20px rgba(10,12,30,.4);padding:8px;display:none}
.dd.open .dd-menu{display:grid}
.dd-menu a{padding:10px 12px;border-radius:10px}
.dd-menu a:hover{background:var(--accent-soft);color:var(--accent-ink)}
nav.main a.active,.dd.active > .dd-btn{color:var(--ink)}
nav.main > a.active:not(.btn){box-shadow:inset 0 -2px 0 var(--accent)}
.dd.active > .dd-btn{box-shadow:inset 0 -2px 0 var(--accent)}
.dd-menu a.active{background:var(--accent-soft);color:var(--accent-ink)}
@media (max-width:1180px){
  .dd-btn{padding:13px 0;width:100%;border-bottom:1px solid var(--line);justify-content:space-between}
  .dd-menu{position:static;display:grid;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0;background:none}
  .dd-menu a{border-bottom:1px solid var(--line);border-radius:0}
  nav.main > a.active:not(.btn),.dd.active > .dd-btn{box-shadow:none;color:var(--accent-ink)}
}
.page[hidden]{display:none!important}
/* AskSanket chat */
.nav-ai{color:var(--accent-ink)!important;font-weight:700!important}
.nav-ai::before{content:"✦ "}
.ai-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}
.ai-side{display:grid;gap:24px;min-width:0}
.ai-main{display:grid;gap:24px;min-width:0}
.whatis{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.whatis p{color:var(--muted);line-height:1.7}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:st}
.steps3 li{counter-increment:st;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.steps3 li::before{content:counter(st);grid-row:span 2;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800}
.steps3 span{color:var(--muted);font-size:.92rem}
@media (max-width:860px){.whatis{grid-template-columns:1fr;gap:24px}}
.q-wrap{position:relative;min-width:0}
.q-wrap textarea{width:100%;padding-right:58px}
.mic.mic-sm{right:8px;bottom:8px;width:42px;height:42px;padding:0;justify-content:center}
.mic.mic-sm svg{width:20px;height:20px}
.q-mic-state{padding:0 22px;margin:-6px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ai-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;
  padding:14px 20px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:800 .98rem var(--f-body);box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform .15s}
.ai-fab:hover{transform:translateY(-2px)}
.ai-fab svg{width:20px;height:20px;fill:currentColor}
.ai-fab[hidden]{display:none}
.ai-dock{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:41;width:min(400px,calc(100vw - 36px));height:min(640px,calc(100vh - 120px));
  background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);display:grid;grid-template-rows:1fr;overflow:hidden}
.ai-dock[hidden]{display:none}
.dock-tools{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px}
.dock-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.dock-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.dock-body{min-height:0;display:grid}
.dock-body .chat{min-height:0;height:100%;border:0;border-radius:0;box-shadow:none;grid-template-rows:auto 1fr auto auto auto auto}
.dock-body .chat .chat-head{padding-right:100px}
.dock-body .msgs{max-height:none;min-height:0}
.dock-body .ai-sugg{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}
.dock-body .ai-sugg::-webkit-scrollbar{display:none}
.dock-body .ai-sugg button{flex:none;white-space:nowrap}
.dock-body .ai-disc{font-size:.72rem;line-height:1.4;max-height:2.9em;overflow:hidden;padding-bottom:12px}
.dock-body .ai-status{padding-top:0}
.dock-body .composer{padding-bottom:4px}
.dock-mini{overflow:auto;padding:22px 20px;display:grid;gap:14px;align-content:start}
.dock-mini[hidden]{display:none}
.dock-acct{overflow:auto;padding:56px 14px 18px}
.dock-acct[hidden]{display:none}
.dock-acct .ai-acct{border:0;box-shadow:none;padding:6px}
.dock-hi{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding-right:80px}
.dock-hi p{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.dock-mini .linkbtn{justify-self:center;text-align:center}
@media (max-width:600px){.ai-dock{inset:0;width:100%;height:100%;max-height:none;border-radius:0;bottom:0;right:0;padding-top:env(safe-area-inset-top,0px)}
  .ai-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  body.dock-open{overflow:hidden}
  body.dock-open .ai-fab{display:none}}
.ai-acct{display:grid;gap:12px}
.ac-out{display:grid;gap:12px}.ac-out h3{margin:0}.ac-out>.note{margin:0}
.ac-btns{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.ac-mini{justify-self:start}
.ac-in{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}
.ac-in small{display:block;font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ac-in b{font-family:var(--f-mono);font-size:1rem}
.ac-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px}
.linkbtn.danger{color:#B91C1C}
.ai-acct.mini{padding:12px 18px}
.msgs .sep{justify-self:center;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);padding:3px 12px;border-radius:999px}
.msg.past{opacity:.82}
@media (max-width:480px){.ac-btns .btn{width:100%}}
.intake{display:grid;gap:12px;padding-bottom:20px;margin-bottom:4px;border-bottom:1px dashed var(--line)}
.intake h3{margin:0}.intake>.note{margin:0}
.step-tag{justify-self:start;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:3px 10px;border-radius:999px;scroll-margin-top:90px}
.desc-wrap{position:relative}
.desc-wrap textarea{width:100%;min-height:130px;padding-bottom:56px}
.mic{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:9px 14px;background:var(--accent);color:var(--on-accent);font:700 .86rem var(--f-body);cursor:pointer}
.mic svg{width:18px;height:18px;fill:currentColor}
.mic[aria-pressed=true]{background:#DC2626;color:#fff;animation:micpulse 1.4s ease-in-out infinite}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}
@media (prefers-reduced-motion:reduce){.mic[aria-pressed=true]{animation:none}}
.priv{margin:0;font-size:.8rem;padding-left:22px;position:relative}.priv::before{content:"🔒";position:absolute;left:0;top:0;font-size:.8rem}
.mic-state{margin:-4px 0 0;font-size:.84rem;color:var(--muted)}
.mic-state.live{color:#DC2626;font-weight:600}
.linkbtn.skip{justify-self:start;text-decoration:underline}
#aiChat,#aiForm,#aiPacks{scroll-margin-top:84px}
@media (max-width:900px){body:has(#pg-ai:not([hidden])) .wa-float{display:none}}
.ai-sum{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px}
.ai-sum-ok{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:800}
.ai-sum small{display:block;font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ai-sum b{display:block;font-family:var(--f-display);font-size:1.05rem;overflow-wrap:anywhere}
.ai-sum span:not(.ai-sum-ok){display:block;font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}
.ai-sum .btn{padding:8px 14px}
.field.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field.two>div{display:grid;gap:6px;min-width:0}
.field.two select{width:100%;min-width:0}
.ai-status{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:0 22px}
.ai-status .ai-left{flex:1 1 auto}
.linkbtn{background:none;border:0;padding:4px 0;font:600 .85rem var(--f-body);color:var(--accent-ink);text-decoration:underline;cursor:pointer}
.msg.bot .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.msg.bot .opts button{border:1.5px solid var(--accent);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 .88rem var(--f-body);cursor:pointer;text-align:left}
.msg.bot .opts button:hover{background:var(--accent-soft)}
.meter-note{margin:10px 0 0;font-size:.78rem;color:var(--muted,#5b6b6b);opacity:.9}
#pg-ai #aiChat .meter-note{color:var(--mh-ink);opacity:.65}
.pk-how{margin:10px 2px 0;font-size:.82rem}
.plan.intro{border-color:var(--gold,#D9A84E);background:linear-gradient(135deg,rgba(217,168,78,.14),rgba(217,168,78,.04))}
.plan.intro i{background:var(--gold,#D9A84E);color:#2b1d00}
.msg.bot .opts button.long{border-radius:14px;flex:1 1 100%;max-width:100%;font-weight:500;line-height:1.4}
.msg.bot .opts.used button{opacity:.5;pointer-events:none}
.msg.bot h4.why{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:.9rem}
.msg.bot .why-fold{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line)}
.msg.bot .why-h{margin:0 0 4px;font-size:.95rem}
.msg.bot .why-first{margin:0;font-size:.92rem;opacity:.92}
/* reading-the-chart wait (18 Oct 2026) */
.msg.bot .think{min-width:min(300px,72vw)}
.msg.bot .think-top{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.msg.bot .think-top b{font-weight:600}
.msg.bot .orb{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#F6C76A 0 5px,transparent 6px);border:1px dashed rgba(246,199,106,.55);animation:orbspin 3.2s linear infinite}
.msg.bot .orb i{position:absolute;width:6px;height:6px;border-radius:50%;background:#5FD6CB;top:-3px;left:12px}
.msg.bot .orb i:nth-child(2){background:#F08A6C;top:auto;bottom:-3px;left:6px}
.msg.bot .orb i:nth-child(3){background:#C9B6FF;top:12px;left:auto;right:-3px}
@keyframes orbspin{to{transform:rotate(360deg)}}
.msg.bot .think-steps{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.9rem;line-height:1.35}
.msg.bot .think-steps li{display:flex;gap:9px;align-items:flex-start;opacity:.72;animation:stepin .35s ease-out}
.msg.bot .think-steps li[hidden]{display:none}
.msg.bot .think-steps li.now{opacity:1}
.msg.bot .think-steps li.done{opacity:.6}
.msg.bot .think-steps small{display:block;margin-top:2px;font-size:.8rem;color:#F6C76A;opacity:.95}
.msg.bot .think-steps .tk{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;border:2px solid rgba(95,214,203,.35);border-top-color:#5FD6CB}
.msg.bot .think-steps li.now .tk{animation:orbspin .8s linear infinite}
.msg.bot .think-steps li.done .tk{border-color:#5FD6CB;background:#5FD6CB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230D2E30' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
@keyframes stepin{from{opacity:0;transform:translateY(4px)}}
.msg.bot .think-bar{height:3px;margin-top:12px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.msg.bot .think-bar i{display:block;height:100%;width:8%;background:linear-gradient(90deg,#5FD6CB,#F6C76A);transition:width 1.2s ease}
@media (prefers-reduced-motion:reduce){.msg.bot .orb,.msg.bot .think-steps li.now .tk{animation:none}.msg.bot .think-steps li{animation:none}}
#aiSpeakTog{width:100%;text-align:left}
#aiSpeakTog[aria-pressed=true]{border-color:#0F766E;box-shadow:inset 0 0 0 1px #0F766E}
#aiSpeakTog[aria-pressed=true] small{color:#0F766E;font-weight:600}
/* replies appear paragraph by paragraph, like someone typing */
.msg.bot.reveal>*{animation:typein .5s ease-out both;animation-delay:var(--d,0s)}
@keyframes typein{from{opacity:0;transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.msg.bot.reveal>*{animation:none}}
/* Listen button on replies */
.msg.bot .speak{display:inline-flex;align-items:center;justify-content:center;vertical-align:-7px;margin:0 8px 0 0;padding:0;width:30px;height:30px;min-height:0;border-radius:999px;border:1px solid rgba(95,214,203,.4);background:transparent;color:inherit;font:inherit;font-size:.84rem;cursor:pointer}
.msg.bot .speak svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msg.bot .speak svg path:first-child{fill:currentColor;stroke:none}
.msg.bot .speak.on{background:rgba(95,214,203,.18);border-color:#5FD6CB}
.msg.bot .speak.on .w{animation:wave 1s ease-in-out infinite}
@keyframes wave{50%{opacity:.25}}
.msg.bot .why-tog{display:flex;align-items:center;gap:8px;width:auto;height:auto;margin:0;padding:6px 10px 6px 0;border:0;background:none;color:inherit;cursor:pointer;border-radius:10px;font:inherit;font-size:.92rem;font-weight:600;text-align:left}
.msg.bot .why-fig{margin:10px 0;max-width:300px}
.msg.bot .why-fig .chart-svg{width:100%;height:auto;display:block}
.msg.bot .why-fig .grid{stroke:currentColor;stroke-opacity:.55;stroke-width:1.1;fill:none}
.msg.bot .why-fig rect.bgf{fill:transparent}
.msg.bot .why-fig .pl{fill:currentColor;font-size:13px}
.msg.bot .why-fig .pl.as{fill:var(--accent)}
.msg.bot .why-fig .sn{fill:currentColor;opacity:.55;font-size:12px}
.msg.bot .why-fig figcaption{font-size:.8rem;opacity:.75;margin-top:4px}
.msg.bot .why-tog:hover{background:rgba(95,214,203,.12)}
.msg.bot .why-chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.msg.bot .why-tog[aria-expanded=true] .why-chev{transform:rotate(-135deg) translateY(-1px)}
.msg.bot .why-body{font-size:.92rem;opacity:.92}
.msg.bot .why-body ul{margin-top:0}
.msg.bot p.teaser{margin-top:14px;font-size:.96rem}
.msg.bot .nextq{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.msg.bot .nextq-h{width:100%;margin:0;font-size:.82rem;font-weight:600;opacity:.8}
.msg.bot .nextq button{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--ink);border-radius:14px;padding:9px 14px;font:600 .88rem var(--f-body);cursor:pointer;text-align:left;max-width:100%}
.msg.bot .nextq button::before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.72rem;vertical-align:1px}
.msg.bot .nextq.used{display:none}
.rv-pop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(10,46,36,.45);opacity:0;transition:opacity .2s}
.rv-pop.show{opacity:1}
.rv-pop-box{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--ink);border-radius:20px;box-shadow:0 20px 50px rgba(10,46,36,.28);transform:translateY(12px);transition:transform .2s}
.rv-pop.show .rv-pop-box{transform:none}
.rv-pop .rv-card{margin:0;border:0;max-width:none;padding:24px 20px 18px;background:none;text-align:center;justify-items:center}
.rv-pop .rv-t{font-size:1.12rem;padding:0 24px}
.rv-pop .rv-stars{justify-content:center}
.rv-pop .rv-stars button{width:46px;height:46px;font-size:2rem;color:#BFCCC8}
.rv-pop .rv-stars button.on{color:#E8A317}
.rv-pop .rv-lbl{width:100%;margin:0;text-align:center}
.rv-pop .rv-more{width:100%}
.rv-pop .rv-send{justify-self:stretch}
.rv-sub{margin:0;font-size:.88rem;color:var(--muted)}
.rv-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.rv-tags button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px;font:600 .84rem var(--f-body);cursor:pointer}
.rv-tags button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.rv-x{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;background:none;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;border-radius:50%;z-index:1}
.rv-x:hover{background:var(--accent-soft)}
@media (prefers-reduced-motion:reduce){.rv-pop,.rv-pop-box{transition:none}}
.msg.bot .lead{font-size:1.02rem;font-weight:600}
@media (max-width:480px){.field.two{grid-template-columns:1fr}.ai-status{padding:0 16px}.ai-sum{grid-template-columns:auto 1fr;}.ai-sum .btn{grid-column:1/-1;width:100%}}
.ai-packs{display:grid;gap:14px}
.ai-packs h3{margin:0}
#aiPacks > .note{text-align:center}
.ai-left{margin:0;font-weight:700;font-size:.86rem;color:var(--accent-ink);background:var(--accent-soft);border-radius:12px;padding:9px 12px}
.ai-left:empty{display:none}
.plans{display:grid;gap:22px;margin-top:14px}
.plan{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 14px;border:1.5px solid var(--line);border-radius:16px;background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plan .tick{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none}
.plan:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.plan:has(input:checked) .tick{background:var(--accent);border-color:var(--accent)}
.plan:has(input:checked) .tick::after{content:"";width:6px;height:11px;border:solid var(--on-accent);border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.plan:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.pl-name{display:grid;gap:2px;min-width:0}
.pl-name small{color:var(--muted);font-size:.8rem;font-weight:600}
.pl-name b{font-family:var(--f-display);font-size:1.12rem;white-space:nowrap}
.pl-price{display:grid;justify-items:end;gap:2px}
.pl-price b{font-family:var(--f-display);font-size:1.45rem;line-height:1.1}
.pl-price small{color:var(--muted);font-size:.74rem;white-space:nowrap}
.plan i{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent)}
#aiBuy[aria-busy=true]{opacity:.6;pointer-events:none}
.never{margin:-4px 0 0;text-align:center;font-size:.86rem;color:var(--muted);font-weight:600}
.never::before{content:"✓ ";color:var(--accent)}
.pay-msg{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.9rem;line-height:1.5}
.pay-msg.ok{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.ai-code{display:grid;gap:6px;padding:12px;border:1.5px dashed var(--accent);border-radius:14px}
.ai-code .note{margin:0}
.code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.code-row b{font-family:var(--f-mono);font-size:1rem;letter-spacing:.02em;flex:1;white-space:nowrap}
.code-row input{flex:1;min-width:0}
.ai-restore summary{cursor:pointer;font-weight:600;font-size:.9rem}
.ai-restore .code-row{margin-top:10px}
.msg.bot .cta-line button{font:700 .85rem var(--f-body);padding:7px 12px;border-radius:999px;background:var(--accent);color:var(--on-accent);border:0;cursor:pointer}
@media (max-width:380px){.plan{gap:9px;padding:14px 11px}.pl-price b{font-size:1.25rem}}
.ai-profile{display:grid;gap:16px}
.chat{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:14px;min-height:640px;padding:0;overflow:hidden}
.chat-head{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.chat-head small{display:block;color:var(--muted);font-size:.82rem}
.ai-av svg{width:40px;height:40px;display:block}
.ai-badge{margin-left:8px;font-size:.7rem;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}
.msgs{padding:4px 22px;display:grid;gap:14px;align-content:start;overflow-y:auto;max-height:62vh;min-height:300px}
.msg{max-width:88%;padding:12px 16px;border-radius:18px;line-height:1.6;font-size:.88rem;min-width:0;overflow-wrap:anywhere}
.msg.user{justify-self:end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:6px}
.msg.bot{justify-self:start;background:var(--surface-2);border-bottom-left-radius:6px}
.msg.bot h4{margin:10px 0 4px;font-family:var(--f-display);font-size:1rem}
.msg.bot h4:first-child{margin-top:0}
.msg.bot ul{margin:4px 0;padding-left:20px}
.msg.bot p{margin:6px 0}
.msg.bot .cta-line{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.msg.bot .cta-line a{font-size:.85rem;font-weight:700;text-decoration:none;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.msg.bot .cta-line a:hover{border-color:var(--accent)}
.msg.thinking{color:var(--muted);font-style:italic}
.msg{scroll-margin-top:88px}
.ai-sugg{padding:0 22px}
.ai-sugg button{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:8px 13px;font:600 .88rem var(--f-body);cursor:pointer}
.ai-sugg button:hover{border-color:var(--accent)}
.ai-city{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:8px}
.ai-city .city-wrap{flex:1 1 220px;position:relative}
.ai-city input{width:100%}
.ai-city-err{color:var(--warn);font-size:.86rem;margin-top:6px}
.composer{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:0 22px;align-items:end}
.composer textarea{min-height:52px;resize:vertical}
.ai-disc{padding:0 22px 18px}
@media (max-width:900px){.ai-grid{grid-template-columns:1fr}.chat{min-height:0}.msgs{max-height:none;min-height:120px}}
@media (max-width:480px){.composer{grid-template-columns:1fr}.composer .btn{width:100%}.msg{max-width:96%}}

.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:38px;padding:0 10px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);border-radius:999px;cursor:pointer;font:700 .88rem var(--f-body);text-decoration:none;white-space:nowrap}
.icon-btn:hover{border-color:var(--accent)}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

.acct-btn.active{border-color:var(--accent);color:var(--accent-ink)}
.dd-menu.dd-wide{grid-template-columns:1fr 1fr;min-width:420px}
@media (max-width:1180px){.dd-menu.dd-wide{grid-template-columns:1fr;min-width:0}.dd-menu{display:none}.dd.open .dd-menu{display:grid}}
@media (max-width:560px){#acctLbl{display:none}.acct-btn{padding:0}.top-right{gap:6px}.lang,.menu-btn{padding:8px 11px}}
@media (max-width:560px){.brand svg.logo-mark{width:36px;height:36px}.brand b,.brand b span{font-size:.9rem!important;letter-spacing:.06em!important}html[lang="hi"] .brand b,html[lang="hi"] .brand b span{font-size:1.05rem!important}}

@media (max-width:360px){.brand b span{display:none}}
/* ---- tools: calculators, horoscopes, panchang pages, muhurat, account ---- */
.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.calc-grid.sm{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.calc-card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s;min-width:0}
.calc-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.calc-card .ci{grid-row:1/3;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.calc-card svg,.hz-sec svg,.hz-mini svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.calc-card b{font-weight:700;line-height:1.25}
.calc-card span:last-child{font-size:.86rem;color:var(--muted);line-height:1.35}
.cx-who{font-size:1.05rem;margin:4px 0 0}
.opt{font-weight:500;color:var(--muted);font-size:.82rem;margin-left:4px}
.res-head{display:flex;gap:14px;align-items:center}
.res-head h3{margin:2px 0 0;font-size:1.5rem}
.res-glyph{flex:none;width:58px;height:58px;border-radius:18px;background:var(--night);color:var(--accent);display:grid;place-items:center;font-size:1.9rem;line-height:1;font-family:"Segoe UI Symbol","Noto Sans Symbols","DejaVu Sans",sans-serif}
#cxRes,#cxOut{display:grid;gap:16px;align-content:start}
.ask-lead{margin:14px 0 8px}
.nm-sys{margin:4px 0 12px}.nm-sys .chip{border:1.5px solid var(--line);background:var(--bg);color:inherit;border-radius:999px;padding:8px 14px;font:600 .92rem/1.2 inherit;cursor:pointer}.nm-sys .chip.on{border-color:var(--accent);background:var(--accent);color:#fff}.nm-sys .chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.nm-glyph{font-family:var(--f-display);font-weight:700}
.nm-break{display:grid;gap:6px;margin-bottom:12px}.nm-word{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;min-width:0}.nm-word .mono{overflow-wrap:anywhere}
.nm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 14px}.nm-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start;min-width:0}.nm-card p{margin:0}.nm-big{font-family:var(--f-display);font-size:2.4rem;line-height:1;font-weight:700;color:var(--accent)}
.res-text{display:grid;gap:8px}
.res-text h4{margin:0;font-family:var(--f-display);font-size:1.08rem}
.res-text p{margin:0}
.two-signs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.two-signs > div{background:var(--surface-2);border-radius:14px;padding:12px 14px;display:grid;gap:4px;min-width:0}
.two-signs b{font-size:1.15rem}
b.g{color:var(--good)} b.w{color:var(--warn)}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.chk li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border-radius:12px;flex-wrap:wrap}
/* personal tools: life timeline, second opinion, My chart (26 Oct 2026) */
.tl-band{position:relative;height:46px;margin:18px 0 4px;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.tl-seg{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--surface);overflow:hidden}
.tl-seg b{font-size:.72rem;font-weight:700;color:#fff;white-space:nowrap}
.tl-c0{background:#0A6563}.tl-c1{background:#3E7C7B}.tl-c2{background:#1F8A55}.tl-c3{background:#5A6FA8}.tl-c4{background:#8A6A2E}.tl-c5{background:#9B4F72}.tl-c6{background:#2E5F86}.tl-c7{background:#6B5B95}.tl-c8{background:#4F7A3A}
.tl-ss{position:absolute;bottom:0;height:9px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.85) 0 4px,rgba(0,0,0,.35) 4px 8px)}
.tl-now{position:absolute;top:-2px;bottom:-2px;width:3px;margin-left:-1px;background:var(--ink);font-style:normal}
.tl-now span{position:absolute;top:2px;left:6px;font-size:.68rem;font-weight:800;background:var(--ink);color:var(--surface);padding:0 5px;border-radius:6px}
.tl-ages{position:relative;height:18px;font-size:.72rem;color:var(--muted)}.tl-ages span{position:absolute;transform:translateX(-50%)}.tl-ages span:first-child{transform:none}.tl-ages span:last-child{transform:translateX(-100%)}
.tl-key{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tl-ss-k{display:inline-block;width:22px;height:9px;border-radius:3px;background:repeating-linear-gradient(135deg,#999 0 4px,#333 4px 8px)}
.tl-cards{display:grid;gap:10px;margin:14px 0}
.tl-card{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}
.tl-card.on{border-left-color:var(--accent);background:var(--accent-soft)}.tl-card.past{opacity:.82}
.tl-card header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px}.tl-card header .note{margin:0;flex-basis:100%}
.tl-card p{margin:0 0 6px}.tl-ev{list-style:none;padding:0;margin:4px 0 6px;font-size:.9rem;color:var(--good);font-weight:600}
.tl-mark{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px;padding:12px;border-radius:14px;background:var(--surface-2)}
.tl-mark b{flex-basis:100%}.tl-mark select{flex:1 1 140px;min-width:0}
.so-said{margin:12px 0;padding:10px 14px;border-left:3px solid var(--line);font-style:italic}.so-said .note{font-style:normal;display:block}
.so-list{display:grid;gap:10px;margin:12px 0}.so-item{padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.so-item p{margin:4px 0 0}
#cxSaidTopic,#cxSaid{width:100%;font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.mc-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0}
.mc-qs{display:grid;gap:8px}.chip-q{display:block;padding:10px 14px;border-radius:12px;border:1px solid var(--line);color:var(--accent-ink);text-decoration:none;font-weight:600;font-size:.92rem}.chip-q:hover{border-color:var(--accent)}
.mc-home{background:var(--accent-soft);border-bottom:1px solid var(--line)}.mc-home p{margin:0;padding:10px 0;font-size:.95rem}.mc-home a{font-weight:700;color:var(--accent-ink);margin-left:6px}
.md-list{display:grid;gap:6px}
.md-list details{border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--surface)}
.md-list details.on{border-color:var(--accent)}
.md-list summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}
.md-list summary::-webkit-details-marker{display:none}
.md-list summary .d{margin-left:auto;font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.ads{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.ads li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.88rem;padding:5px 8px;border-radius:8px}
.ads li.on{background:var(--accent-soft);font-weight:700}
.ads li .d{font-family:var(--f-mono);font-size:.78rem;color:var(--muted)}
.love-head{text-align:center;display:grid;gap:2px}
.love-head .score-big{font-size:clamp(3rem,10vw,4.4rem)}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bars li{display:grid;grid-template-columns:minmax(0,1.2fr) 1fr 48px;gap:10px;align-items:center;font-size:.92rem}
.bars .bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.bars .bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.bars b{text-align:right;font-family:var(--f-mono);font-size:.86rem}
@media (max-width:480px){.bars li{grid-template-columns:1fr 48px}.bars .bar{grid-column:1/-1;grid-row:2}}
.num-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.num-big{background:var(--night);color:var(--on-night);border-radius:18px;padding:14px 8px;text-align:center;display:grid;gap:2px;min-width:0}
.num-big span{font-family:var(--f-display);font-size:2.4rem;font-weight:800;color:var(--accent);line-height:1}
.num-big small{color:var(--on-night-muted);font-size:.76rem}
.cx-about{margin-top:34px;max-width:760px;display:grid;gap:12px}
.cx-about h2{font-size:clamp(1.3rem,3vw,1.7rem)}
.faq-list{display:grid;gap:8px;margin-top:6px}
.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:2px 16px}
.faq-list summary{cursor:pointer;font-weight:700;padding:12px 0;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list details p{padding-bottom:12px}
.cx-more{margin-top:34px;display:grid;gap:14px}
.cx-more h2{font-size:1.3rem}
.hz-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.hz-tabs a,.hz-tabs button{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 .92rem var(--f-body);text-decoration:none;cursor:pointer}
.hz-tabs [aria-current="page"],.hz-tabs [aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hz-range{font-weight:700;margin-bottom:16px;color:var(--muted)}
.hz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hz-card{display:grid;gap:10px;align-content:start;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0;transition:border-color .15s}
.hz-card:hover{border-color:var(--accent)}
.hz-card header{display:flex;gap:12px;align-items:center}
.hz-card .g,.sg-strip span{width:44px;height:44px;flex:none;border-radius:14px;background:var(--night);color:var(--accent);display:grid;place-items:center;font-size:1.5rem;font-family:"Segoe UI Symbol","Noto Sans Symbols","DejaVu Sans",sans-serif}
.hz-card h3{font-size:1.12rem;margin-bottom:4px}
.hz-card p{font-size:.92rem;color:var(--muted);margin:0}
.hz-card .more{font-weight:700;font-size:.88rem;color:var(--accent-ink)}
.hz-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.hz-mini li{display:flex;gap:6px;align-items:center;color:var(--muted)}
.hz-mini svg{width:16px;height:16px}
.hz-note{margin-top:14px}
.hz-today{margin-top:26px}
.hz-sign{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.hz-main,.hz-side{display:grid;gap:14px;min-width:0}
.hz-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:10px}
.hz-sec header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hz-sec header h3{font-size:1.12rem;margin-right:auto}
.hz-sec header svg{color:var(--accent-ink)}
.hz-sec p{margin:0}
.hz-open{background:var(--night);color:var(--on-night);border-color:var(--night-line)}
.hz-open .note{color:var(--on-night-muted)}
.hz-open .statusbox{color:var(--ink)}
.hz-big{display:grid;gap:8px;border-top:1px solid var(--night-line);padding-top:10px}
.hz-side .kpanel{padding:20px;display:grid;gap:10px}
.hz-side h3{font-size:1.05rem}
.hz-ev{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.9rem}
.hz-ev li{display:grid;gap:2px}
.hz-ev .mono{font-size:.78rem;color:var(--muted)}
.sg-badge{display:grid;place-items:center}
.sg-badge span{width:clamp(96px,16vw,150px);aspect-ratio:1;border-radius:32px;border:1px solid var(--night-line);background:var(--night-glass);color:var(--accent);display:grid;place-items:center;font-size:clamp(3.2rem,8vw,5rem);font-family:"Segoe UI Symbol","Noto Sans Symbols","DejaVu Sans",sans-serif}
.sg-other{font-size:1.25rem;margin:30px 0 12px}
.sg-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.sg-strip a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);font-weight:700;min-width:0}
.sg-strip a.on{border-color:var(--accent)}
.sg-strip span{width:34px;height:34px;font-size:1.1rem;border-radius:10px}
@media (max-width:900px){.hz-sign{grid-template-columns:1fr}}
.rk-tbl th{white-space:nowrap}
.rk-tbl tr.on th{color:var(--accent-ink)}
.rk-tbl td.bad{color:var(--warn);font-weight:700}
.rk-tbl td.now{background:var(--accent-soft)}
.cg-full li .q,.hora li .q{display:block;margin:2px 0 0;text-transform:none;letter-spacing:0;font-size:.8rem}
.mu-form{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:14px;align-items:end}
.mu-form .mu-mine{grid-column:1/-1}
.mu-form .btn{grid-column:1/-1;justify-self:start}
.mu-form .note{grid-column:1/-1}
@media (max-width:900px){.mu-form{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mu-form{grid-template-columns:1fr}.mu-form .btn{justify-self:stretch}}
.mu-h{font-size:1.3rem;margin:26px 0 6px}
.mu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}
.mu-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:10px;align-content:start;min-width:0}
.mu-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mu-card li{display:grid;gap:2px;background:var(--surface-2);border-radius:10px;padding:8px 10px}
.mu-card .tm{font-family:var(--f-mono);font-weight:600;font-size:.88rem}
.mu-wait{margin-top:20px}
.ph-slim{grid-template-columns:1fr}
.acc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;align-items:start}
.acc-col{display:grid;gap:16px;min-width:0}
.acc-card{display:grid;gap:12px;padding:22px}
.acc-card h3{font-size:1.1rem}
.acc-set{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line)}
.acc-danger{padding-top:14px}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.seg button{border:0;background:none;padding:7px 12px;font:700 .85rem var(--f-body);color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.acc-signin{max-width:560px;display:grid;gap:14px}
.acc-big{font-family:var(--f-display);font-size:2rem;font-weight:800}
.ref-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ref-link code{font-family:var(--f-mono);font-size:.85rem;background:var(--surface-2);padding:8px 10px;border-radius:10px;overflow-wrap:anywhere;flex:1 1 200px}
.pred{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px}
.pred .when{font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.pred .vb{display:flex;gap:6px;flex-wrap:wrap}
.pred .vb button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font:700 .82rem var(--f-body);cursor:pointer}
.pred .vb button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pred.due{border-color:var(--accent)}
.hist{display:grid;gap:8px}
.hist details{border:1px solid var(--line);border-radius:14px;padding:0 14px}
.hist summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;display:grid;gap:2px}
.hist summary::-webkit-details-marker{display:none}
.hist summary span{font-weight:400;font-size:.8rem;color:var(--muted)}
.hist .ans{padding-bottom:12px;font-size:.93rem}
.hist .vc{font-style:normal;font-weight:700;font-size:.8rem;color:var(--accent);margin-top:2px}
.hist details[open] .vc{display:none}
.chat-log{display:grid;gap:8px;padding:2px 0 14px}
.cl-q{justify-self:end;max-width:88%;background:var(--accent-soft);border-radius:14px 14px 4px 14px;padding:8px 12px;font-size:.92rem}
.cl-a{justify-self:start;max-width:96%;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:.92rem}
.cl-a .opts,.cl-a .nextq{display:none}
@media (max-width:900px){.acc-grid{grid-template-columns:1fr}}
.pred-saved{font-size:.84rem;color:var(--good);font-weight:700}

.ai-tools{display:grid;gap:14px;padding:22px 20px}
.ai-tools h3{font-size:1.05rem;margin:0 0 2px}
.ai-tools>.ai-tool{padding:14px}
.ai-tools>p:last-child,.ai-tools>.fine{margin-top:10px}
.ai-tool#tlBtn,.ai-tool#rpBtn,.usp-card[data-tool=tl],.usp-card[data-tool=rp]{display:none!important}
.ai-tool{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;font:inherit}
.ai-tool:hover{border-color:var(--accent)}
.ai-tool .ci{width:40px;height:40px;border-radius:12px;background:var(--night);color:var(--accent);display:grid;place-items:center}
.ai-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-tool b{display:block;font-weight:700}
.ai-tool small{display:block;color:var(--muted);font-size:.84rem;line-height:1.35}
.pt-form{display:grid;gap:12px;padding:4px 2px}
.acc-stat{font-weight:700;color:var(--good);font-size:.9rem}
.tline{list-style:none;margin:12px 0;padding:0;display:grid;gap:0;position:relative}
.tline li{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:16px}
.tline li::before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--line)}
.tline li:last-child::before{display:none}
.tl-dot{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.tl-dot svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tline .c-high .tl-dot{background:var(--accent);color:var(--on-accent)}
.tl-when{display:block;font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.tline b{display:block;margin-top:2px}
.tline p{margin:2px 0 6px}
.tl-tags{display:flex;gap:6px;flex-wrap:wrap}
.tl-tags i{font-style:normal;font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.tline .c-high .cf{background:color-mix(in srgb,var(--good) 15%,var(--surface));color:var(--good)}
.report-ov{position:fixed;inset:0;z-index:80;background:var(--bg);overflow:auto;-webkit-overflow-scrolling:touch}
.report-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);z-index:2}
.report-bar div{display:flex;gap:8px}
.report-doc{max-width:780px;margin:0 auto;padding:28px 20px 60px;display:grid;gap:10px}
.report-doc h4{font-family:var(--f-display);font-size:1.25rem;margin:18px 0 4px}
.report-doc ul{padding-left:20px}
.rp-head{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:2px solid var(--accent)}
.rp-head svg{width:52px;height:52px;flex:none}
.rp-head h1{font-size:clamp(1.6rem,4vw,2.2rem);margin:2px 0}
.rp-foot{margin-top:26px;padding-top:12px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
body.rp-open{overflow:hidden}
@media print{
  body.print-report > *:not(#rpOv){display:none !important}
  body.print-report #rpOv{position:static;overflow:visible;background:#fff;color:#111}
  body.print-report .report-bar{display:none}
  body.print-report .report-doc{max-width:none;padding:0}
  body.print-report .report-doc h4{break-after:avoid}
}

.svc-sec{padding-block:clamp(28px,4vw,48px)}
.svc{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.svc a{display:grid;justify-items:center;gap:10px;text-align:center;text-decoration:none;color:var(--ink);padding:16px 8px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,transform .15s;min-width:0}
.svc a:hover{border-color:var(--accent);transform:translateY(-2px)}
.svc .ci{width:58px;height:58px;border-radius:50%;background:var(--night);color:var(--accent);display:grid;place-items:center}
.svc svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc b{font-size:.92rem;line-height:1.25}
@media (max-width:900px){.svc{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.svc{grid-template-columns:repeat(3,1fr);gap:10px}.svc .ci{width:50px;height:50px}.svc b{font-size:.84rem}}
@media (max-width:360px){.svc{grid-template-columns:repeat(2,1fr)}}
.home-signs{grid-template-columns:repeat(6,1fr)}
.home-signs a{flex-direction:column;justify-content:center;text-align:center;padding:14px 6px;gap:8px}
.home-signs span{width:46px;height:46px;font-size:1.5rem;border-radius:14px}
@media (max-width:900px){.home-signs{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.home-signs{grid-template-columns:repeat(3,1fr)}}
.usp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.usp-card{display:grid;gap:8px;align-content:start;padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s}
.usp-card:hover{border-color:var(--accent)}
.usp-card .k{font-family:var(--f-mono);font-size:.74rem;font-weight:600;letter-spacing:.12em;color:var(--accent-ink)}
.usp-card h3{font-size:1.15rem}
.usp-card p{color:var(--muted);margin:0}
.usp-card.hot{background:var(--night);color:var(--on-night);border-color:var(--night-line)}
.usp-card.hot p{color:var(--on-night-muted)}
.usp-card.hot .k{color:var(--accent)}
@media (max-width:900px){.usp{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.usp{grid-template-columns:1fr}}
#homeStat{color:var(--accent)}
#cxForm{grid-template-columns:1fr}#cxP2:not([hidden]){display:grid;gap:14px}
.nav-theme{display:none}
@media (max-width:1180px){.nav-theme{display:block;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;text-align:left;font:600 .94rem var(--f-body);color:var(--muted);cursor:pointer}}


.principles{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.principles li{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--on-night)}
.principles li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%231C1203' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px}
.principles.sm{margin-top:14px}
.principles.sm li{font-size:.86rem;color:var(--on-night-muted)}
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.approach article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.approach .ai-ic{width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.approach svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.approach h3{font-size:1.15rem}
.approach p{color:var(--muted);margin:0}
@media (max-width:860px){.approach{grid-template-columns:1fr}}
.ab-mission{border-left:3px solid var(--accent);padding:8px 0 8px 14px;font-weight:600;color:var(--ink)}

/* ================= Emerald layer ================= */
body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;letter-spacing:0}
::selection{background:var(--sun);color:#fff}
h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}
h3{font-size:1.12rem;font-weight:600}
:root[lang="hi"] h1,:root[lang="hi"] h2,:root[lang="hi"] h3{letter-spacing:0;line-height:1.4}
.sec-head{max-width:820px;gap:10px}
.sec-head h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}
.lede{font-size:1.04rem;line-height:1.65;color:var(--muted)}
.eyebrow{justify-self:start;font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#fff;background:var(--sun);padding:4px 12px;border-radius:999px}
.eyebrow::before{display:none}
:root[lang="hi"] .eyebrow{font-size:.86rem}
section{padding-block:clamp(48px,7vw,88px)}
.band{background:var(--surface-2)}
:root[data-theme="dark"] .band{background:#0E1A16}

/* buttons: sunflower pill with dark text; dark outline pill; black pill on yellow */
.btn{font:600 1rem/1.2 var(--f-body);letter-spacing:0;padding:13px 26px;border-radius:999px;border:1.5px solid transparent;transition:transform .15s ease,box-shadow .2s,background-color .2s,color .2s;min-height:46px}
.btn-primary{background:var(--sun);color:#fff;border-color:var(--sun);box-shadow:var(--glow)}
.btn-primary:hover{background:var(--sun-2);border-color:var(--sun-2);transform:translateY(-1px);filter:none}
.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.btn-night{background:transparent;color:var(--on-night);border-color:var(--sun)}
.btn-night:hover{background:var(--sun);color:#fff}
.hero .btn-night,.page-hero .btn-night{background:#111;color:#fff;border-color:#111}
.hero .btn-night:hover,.page-hero .btn-night:hover{background:#2b2b2b;color:#fff}
nav.main a.btn{color:#111;font-size:.88rem;padding:8px 16px!important;min-height:0;opacity:1}
.lang{background:var(--surface);border:1.5px solid var(--line)!important;font:600 .82rem var(--f-body);padding:7px 13px;box-shadow:var(--shadow)}
.icon-btn{background:var(--surface);border:1.5px solid var(--line)!important;box-shadow:var(--shadow)}
.icon-btn:hover{border-color:var(--sun)!important}

/* header: cream with a yellow glow edge, like the app's search bar */
header.top{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:0;box-shadow:0 2px 0 #BEE6E3,0 8px 22px -14px rgba(10,101,99,.35)}
:root[data-theme="dark"] header.top{box-shadow:0 1px 0 #123634}
.top .wrap{min-height:64px}
.brand svg{width:36px;height:36px;color:#fff;background:var(--sun);border-radius:50%;padding:5px}
.brand b{font-family:var(--f-display)!important;font-weight:700!important;font-size:1.2rem!important;letter-spacing:-.01em!important}
.brand b span{color:var(--accent-ink);font-weight:600;font-style:normal;background:none;-webkit-text-fill-color:currentColor}
:root[data-theme="dark"] .brand b span{color:var(--sun)}
nav.main a,nav.main .dd-btn{font-size:.92rem!important;font-weight:500!important;color:var(--ink)!important;opacity:.85}
nav.main a:hover,nav.main .dd-btn:hover,nav.main a.active{opacity:1}
@media (max-width:1180px){nav.main a,nav.main .dd-btn{font-size:1rem!important;opacity:1}nav.main a.btn{font-size:1rem;padding:12px 20px!important}}
.ai-av{background:var(--sun)!important;color:#fff!important;border-radius:50%}
.ai-av svg{padding:5px}
.portrait.emblem{background:#141414;color:var(--sun)}
.portrait.emblem .em-t{color:#fff}

/* home hero: a full-width sunflower band with the headline, then the banner picture */
.hero{padding-block:clamp(36px,6vw,72px) clamp(36px,5vw,56px);background:var(--forest);overflow:hidden}
:root[data-theme="dark"] .hero{background:radial-gradient(900px 420px at 85% 0%,rgba(43,179,174,.25) 0%,transparent 60%),linear-gradient(180deg,#0E2A21 0%,#0C1C17 60%,var(--bg) 100%)}
.hero .night{background:transparent;color:#111;border:0;border-radius:0;box-shadow:none;padding:0;transform:none;opacity:1;overflow:visible}
:root[data-theme="dark"] .hero .night{color:var(--ink)}
.hero #stars{display:none}
.hero-grid{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:clamp(28px,5vw,48px)}
.hero-copy{justify-items:center;max-width:860px;gap:18px;transform:translateY(calc(var(--hp,0) * -40px));opacity:calc(1 - var(--hp,0) * 1.1)}
.hero h1{font-size:clamp(2.4rem,6.4vw,4.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.08}
:root[lang="hi"] .hero h1{font-size:clamp(2.1rem,5.4vw,3.8rem);line-height:1.3;letter-spacing:0}
.hero h1 em{font-style:normal;color:inherit;background:linear-gradient(transparent 60%,rgba(255,255,255,.85) 60%,rgba(255,255,255,.85) 92%,transparent 92%);-webkit-text-fill-color:currentColor;padding:0 .08em}
:root[data-theme="dark"] .hero h1 em{color:var(--sun);background:none}
.hero-copy .lede{color:#3A3A3A;max-width:46ch;margin-inline:auto}
:root[data-theme="dark"] .hero-copy .lede{color:var(--muted)}
.hero .badge{justify-self:center;background:#111;color:var(--sun);border:0;padding:6px 14px;font-size:.84rem;font-weight:600}
.hero .badge i{background:var(--sun);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.hero .q-label{font-size:1rem;font-weight:600}
.hero .qchips{justify-content:center;margin-top:-6px}
.hero .qchips a{color:#111;background:#fff;border:1.5px solid rgba(17,17,17,.08);font-weight:500;font-size:.9rem;padding:8px 16px;box-shadow:var(--shadow)}
.hero .qchips a:hover{border-color:#111;background:#fff}
:root[data-theme="dark"] .hero .qchips a{background:var(--surface);color:var(--ink);border-color:var(--line)}
.hero .cta-row{justify-content:center}
.hero .principles{justify-content:center}
.hero .principles li{color:#2A2A2A;font-weight:500;font-size:.9rem}
:root[data-theme="dark"] .hero .principles li{color:var(--muted)}
.principles li::before{background-color:#111}
:root[data-theme="dark"] .principles li::before{background-color:#2E7D7B}
.hero-media{margin:0;width:100%;max-width:1160px;justify-self:center;overflow:hidden;border-radius:24px;position:relative;
  background:linear-gradient(115deg,#111 0 36%,#0A6563 36% 100%);box-shadow:0 24px 50px -28px rgba(5,40,28,.5);
  transform:scale(calc(.94 + var(--hp,0) * .06));transform-origin:50% 0;will-change:transform}
.hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:contain}
@media (max-width:760px){.hero-media img{aspect-ratio:4/3}.hero-media{background:linear-gradient(160deg,#111 0 42%,#0A6563 42% 100%)}}
@media (prefers-reduced-motion: reduce){.hero-media,.hero-copy{transform:none;opacity:1}}
.facts-sec{padding-block:0 clamp(24px,4vw,40px)}
.facts-sec .facts-row{background:var(--surface);border:0;padding:clamp(16px,3vw,24px);box-shadow:var(--shadow);border-radius:20px}
.facts-row li + li{border-left:1px solid var(--line)}
.facts-sec .facts-row b{font-family:var(--f-display);font-weight:700;font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-.02em;background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
.facts-sec .facts-row b::after{content:"";display:block;width:28px;height:4px;border-radius:4px;background:var(--sun);margin:6px auto 0}

/* page heroes: yellow-washed panel, photo in a rounded tile */
.page-hero{padding-block:clamp(20px,4vw,40px) 0}
.page-hero .ph-inner{background:linear-gradient(135deg,#E3F4F3 0%,#F4FAF6 100%);color:var(--ink);border:0;border-radius:24px;padding:clamp(24px,4.5vw,48px);box-shadow:var(--shadow)}
:root[data-theme="dark"] .page-hero .ph-inner{background:linear-gradient(135deg,#0E2A21,#10241D);color:var(--ink)}
.ph-inner h1{font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,4.6vw,3.2rem)}
:root[lang="hi"] .ph-inner h1{font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:0}
.ph-inner .lede{color:#3A3A3A}
:root[data-theme="dark"] .ph-inner .lede{color:var(--muted)}
.ph-inner .crumbs,.ph-inner .crumbs a,.ph-inner .crumbs span{color:#4A4A4A!important}
.ph-inner .crumbs [aria-current]{color:#111!important;font-weight:600}
:root[data-theme="dark"] .ph-inner .crumbs,:root[data-theme="dark"] .ph-inner .crumbs a,:root[data-theme="dark"] .ph-inner .crumbs span{color:var(--muted)!important}
:root[data-theme="dark"] .ph-inner .crumbs [aria-current]{color:var(--sun)!important}
.ph-img{max-width:360px;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 0 0 4px #fff,0 16px 30px -18px rgba(0,0,0,.4);background:#111}
@media (max-width:760px){.ph-img{max-width:100%;justify-self:stretch}}
.page-hero .principles li{color:#2A2A2A}

/* cards: white, soft shadow, rounded; icon discs in solid yellow */
.kpanel,.pa-card,.hz-card,.calc-card,.usp-card,.approach article,.svc a,.mu-card,.hz-sec,.prob,.hw-card,.rel-grid a,.hw-signs button{border-radius:var(--r)}
.kpanel,.pa-card,.hz-card,.calc-card,.usp-card,.svc a,.mu-card,.hz-sec,.prob,.hw-card,.rel-grid a,.hw-signs button,.dd-group{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.calc-card,.hz-card,.usp-card,.svc a,.prob,.rel-grid a{transition:transform .25s ease,box-shadow .25s,border-color .25s}
.calc-card:hover,.hz-card:hover,.usp-card:hover,.svc a:hover,.prob:hover,.rel-grid a:hover{border-color:var(--sun);transform:translateY(-3px);box-shadow:0 14px 28px -16px rgba(10,60,40,.35)}
.svc a{border:0;background:transparent;box-shadow:none}
.svc a:hover{box-shadow:none;transform:translateY(-3px)}
.svc .ci{width:72px!important;height:72px!important;background:var(--sun)!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(10,101,99,.6)!important}
.svc svg{width:32px;height:32px;stroke-width:1.6}
.res-glyph,.hz-card .g,.sg-strip span,.ai-tool .ci,.calc-card .ci{background:var(--sun);color:#fff;box-shadow:none}
.svc b{font-family:var(--f-display);font-weight:500;font-size:.95rem}
.calc-card b,.usp-card h3,.prob h3{font-family:var(--f-display);font-weight:600;font-size:1.06rem}
@media (max-width:640px){.svc a{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;padding:6px 2px!important}.svc .ci{width:60px!important;height:60px!important}.svc{grid-template-columns:repeat(3,1fr)!important}}
.prob{overflow:hidden}
.prob img{aspect-ratio:4/3;background:var(--surface-2);transition:transform .6s ease}
.prob:hover img{transform:scale(1.04)}
.prob a{color:var(--accent-ink);font-weight:600}
:root[data-theme="dark"] .prob a{color:var(--sun)}
.usp-card.hot{background:#141414;color:#fff;border-color:#141414}
.usp-card.hot h3{color:#fff}.usp-card.hot p,.usp-card.hot span{color:#BDBDBD}
.usp-card.hot .k{color:var(--sun)}
.hw-signs button span{background:var(--sun);color:#fff;border-radius:50%}
.hw-signs button[aria-selected="true"]{background:#141414;color:#fff;border-color:#141414;box-shadow:none}
.hw-signs button[aria-selected="true"] span{background:var(--sun);color:#fff}
.hw-areas li{background:var(--surface-2)}
.mono{font-family:var(--f-body);font-variant-numeric:tabular-nums}
.faq summary,.faq-list summary{font-family:var(--f-display);font-weight:600;font-size:1.02rem}
.faq details,.faq-list details{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);border-color:var(--line)}
.faq summary::after,.faq-list summary::after{border:0;background:var(--sun);color:#fff;font-weight:500}
input,select,textarea{border-radius:12px}
input:focus,select:focus,textarea:focus{border-color:#0A6563!important;box-shadow:0 0 0 4px rgba(10,101,99,.25)!important;outline:none}
:focus-visible{outline:2.5px solid #0A6563;outline-offset:3px}
.night{border-radius:24px}
/* promo banner, like the app's "Talk to astrologer for free" strip */
.cta-box{border-radius:24px;background:linear-gradient(115deg,#141414 0 52%,#0A6563 52% 100%);color:#fff;overflow:hidden}
.cta-box h2{color:#fff}.cta-box p{color:#D6D6D6}
.cta-box .btn-primary{background:#111;color:#fff;border-color:#111;box-shadow:none}
.cta-box .btn-primary:hover{background:#2b2b2b;border-color:#2b2b2b}
.cta-box .btn-night{background:#fff;color:#111;border-color:#fff}
@media (max-width:760px){.cta-box{background:linear-gradient(170deg,#141414 0 58%,#0A6563 58% 100%)}}

/* statement band: black, words light up in turn as you scroll */
.approach-sec{background:#141414;color:#fff}
:root[data-theme="dark"] .approach-sec{background:#000}
.approach-sec .sec-head{max-width:980px}
.approach-sec h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.02em;line-height:1.15}
:root[lang="hi"] .approach-sec h2{font-size:clamp(1.8rem,4.4vw,3rem);letter-spacing:0;line-height:1.35}
.sweep{background:linear-gradient(#0A6563,#0A6563) 0 0/var(--sp,0%) 100% no-repeat,#4A4A4A;-webkit-background-clip:text;background-clip:text;color:transparent}
.approach-sec .lede{color:#BDBDBD}
.approach-sec .approach article{background:#1F1F1F;color:#fff;border:1px solid #2C2C2C;box-shadow:none}
.approach-sec .approach h3{color:#fff}
.approach-sec .approach p{color:#BDBDBD}
.approach-sec .ai-ic{background:var(--sun);color:#fff;border-radius:50%}
@media (prefers-reduced-motion: reduce){.sweep{--sp:100%!important}}

/* footer: dark */
footer{background:#141414;color:#fff;border-top:0;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--sun)}
footer p,footer li,footer small{color:#BDBDBD}
footer a{color:#fff}
footer h2,footer h3,footer h4,footer b{color:#fff}
footer .brand,footer .brand b{color:#fff}
footer .brand b span{color:var(--sun)}
footer .trust-badges{border-top-color:#2C2C2C}
footer .trust-badges span{color:#fff}
footer .trust-badges svg{stroke:var(--sun)}
/* mobile tab bar: a floating glass pill, active item highlighted */
@media (max-width:760px){
  .tabbar{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:6px;border-radius:32px;border:1px solid rgba(255,255,255,.6);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
  :root[data-theme="dark"] .tabbar{border-color:#2C2C2C}
  .tabbar a{font-weight:500;color:var(--ink);border-radius:24px}
  .tabbar a.active{color:#fff;background:var(--sun)}
  .tabbar a.mid{color:var(--ink)}
  .tabbar a.mid i{background:#111;color:var(--sun);box-shadow:0 0 0 4px var(--surface)}
  .tabbar a.mid.active i{background:#111}
  .tabbar a.mid span{color:var(--ink)}
  .tabbar a.mid.active{background:transparent}
  body{padding-bottom:88px}
  .ai-fab{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}
.drawer-bg{background:rgba(0,0,0,.4)!important}
@media (max-width:1180px){nav.main{background:var(--bg)}.nv-ic{background:var(--sun);color:#fff}}
.ai-fab{background:var(--sun)!important;color:#fff!important;box-shadow:0 10px 24px -10px rgba(10,101,99,.6)!important;border:0!important;font-weight:600!important}
#scrollbar{background:var(--sun)}

.promo{display:grid;grid-template-columns:42% 1fr;align-items:center;text-decoration:none;color:#111;min-height:clamp(200px,30vw,340px)}
.promo .promo-pic{align-self:stretch;display:grid;place-items:center;padding:clamp(12px,2.5vw,28px)}
.hero-media.promo img{width:100%;height:100%;max-height:300px;aspect-ratio:auto;object-fit:contain}
.promo-t{display:grid;justify-items:center;gap:6px;padding:clamp(16px,3vw,36px);text-align:center;border:1.5px solid rgba(17,17,17,.55);margin:clamp(14px,3vw,36px);border-radius:4px}
.promo-k{font-weight:600;font-size:clamp(.82rem,1.6vw,1.1rem);letter-spacing:.04em;text-transform:uppercase}
:root[lang="hi"] .promo-k{text-transform:none;letter-spacing:0}
.promo-t b{font-weight:800;font-size:clamp(2.6rem,8vw,5.6rem);line-height:1;letter-spacing:-.02em}
.promo-sub{font-size:clamp(.78rem,1.4vw,.98rem);color:#3A3A3A}
.promo-t i{font-style:normal;font-weight:600;background:#111;color:#fff;border-radius:999px;padding:9px 24px;margin-top:6px;font-size:clamp(.86rem,1.5vw,1.02rem)}
.promo:hover .promo-t i{background:#2b2b2b}
@media (max-width:760px){.hero-media.promo{background:linear-gradient(115deg,#111 0 40%,#FFD233 40% 100%)}.promo{grid-template-columns:40% 1fr}.promo-sub{display:none}.promo-t{margin:12px 12px 12px 4px;padding:12px 8px}}
/* hero: a full-bleed astrology photograph under a deep emerald veil */
.hero{position:relative;isolation:isolate;color:#fff;padding-block:clamp(56px,9vw,120px) clamp(40px,6vw,72px)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("https://images.unsplash.com/photo-1515942661900-94b3d1972591?auto=format&fit=crop&w=2000&q=75") center 40%/cover no-repeat,var(--forest);
  transform:scale(calc(1.08 - var(--hp,0) * .08)) translateY(calc(var(--hp,0) * 40px));transform-origin:50% 30%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,38,28,.78) 0%,rgba(6,38,28,.72) 55%,rgba(6,38,28,.92) 100%),radial-gradient(800px 400px at 50% 30%,rgba(10,101,99,.35),transparent 70%)}
:root[data-theme="dark"] .hero{background:none}
.hero .night,:root[data-theme="dark"] .hero .night{color:#fff}
.hero h1 em,:root[data-theme="dark"] .hero h1 em{color:#9EE6E1;background:none;-webkit-text-fill-color:currentColor}
.hero-copy .lede,:root[data-theme="dark"] .hero-copy .lede{color:rgba(255,255,255,.86)}
.hero .badge{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.hero .badge i{background:#9EE6E1;box-shadow:0 0 0 3px rgba(159,227,196,.3)}
.hero .q-label{color:#fff}
.hero .qchips a,:root[data-theme="dark"] .hero .qchips a{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none;backdrop-filter:blur(6px)}
.hero .qchips a:hover{background:#fff;color:var(--forest);border-color:#fff}
.hero .btn-primary{background:#fff;color:var(--forest);border-color:#fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.5)}
.hero .btn-primary:hover{background:#E3F4F3;border-color:#E3F4F3}
.hero .btn-night{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.hero .btn-night:hover{background:rgba(255,255,255,.12);color:#fff}
.hero .principles li,:root[data-theme="dark"] .hero .principles li{color:rgba(255,255,255,.88)}
.principles li::before{background-color:#9EE6E1;box-shadow:none}
.page-hero .principles li::before{background-color:#BEE6E3}
:root[data-theme="dark"] .principles li::before{background-color:#9EE6E1}
/* promo banner under the hero: forest left, mint right */
.hero-media{background:linear-gradient(115deg,var(--forest) 0 40%,#E3F4F3 40% 100%)!important;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
@media (max-width:760px){.hero-media.promo{background:linear-gradient(115deg,var(--forest) 0 40%,#E3F4F3 40% 100%)!important}}
.promo{color:var(--forest)}
.promo-t{border-color:rgba(10,46,36,.35)}
.promo-sub{color:#3E5A50}
.promo-t i{background:var(--sun);color:#fff}
.promo:hover .promo-t i{background:var(--sun-2)}
.cta-box{background:linear-gradient(115deg,var(--forest) 0 52%,#E3F4F3 52% 100%)}
@media (max-width:760px){.cta-box{background:linear-gradient(170deg,var(--forest) 0 58%,#E3F4F3 58% 100%)}}
.cta-box .btn-primary{background:var(--sun);color:#fff;border-color:var(--sun)}
.cta-box .btn-primary:hover{background:var(--sun-2);border-color:var(--sun-2)}
.cta-box .btn-night{background:#fff;color:var(--forest);border-color:var(--forest)}
.page-hero .btn-night{background:var(--forest);border-color:var(--forest);color:#fff}
.ph-inner .crumbs [aria-current]{color:var(--sun)!important}
.ph-img{background:var(--forest)}
.eyebrow{background:#DDF3F2;color:#084E4C}
:root[data-theme="dark"] .eyebrow{background:#123634;color:#9EE6E1}
.approach-sec,footer{background:var(--forest)}
:root[data-theme="dark"] .approach-sec{background:#061A14}
.approach-sec .approach article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.sweep{background:linear-gradient(#FFFFFF,#FFFFFF) 0 0/var(--sp,0%) 100% no-repeat,rgba(255,255,255,.28);-webkit-background-clip:text;background-clip:text;color:transparent}
.usp-card.hot{background:var(--forest);border-color:var(--forest)}
.usp-card.hot .k{color:#9EE6E1}
.hw-signs button[aria-selected="true"]{background:var(--forest);border-color:var(--forest)}
.hw-signs button[aria-selected="true"] span{background:#9EE6E1;color:var(--forest)}
.hw-signs button span,.res-glyph,.hz-card .g,.sg-strip span,.ai-tool .ci,.calc-card .ci{background:#DDF3F2;color:var(--sun)}
:root[data-theme="dark"] .hw-signs button span,:root[data-theme="dark"] .calc-card .ci,:root[data-theme="dark"] .ai-tool .ci{background:#123634;color:#9EE6E1}
.facts-sec .facts-row b::after{background:var(--sun)}
.facts-sec{padding-top:clamp(28px,4vw,44px)}
footer::before{background:linear-gradient(90deg,#0A6563,#9EE6E1,#0A6563)}
footer .brand b span,footer .trust-badges svg{color:#9EE6E1;stroke:#9EE6E1}
.brand svg{background:var(--sun);color:#fff}
.brand b span{color:var(--sun)}
:root[data-theme="dark"] .brand b span{color:#9EE6E1}
.prob a{color:var(--sun)}
:root[data-theme="dark"] .prob a{color:#9EE6E1}
.tabbar a.mid i{background:var(--sun)!important;color:#fff!important}
.tabbar a.active{background:#DDF3F2!important;color:#084E4C!important}
.tabbar a.active span{color:#084E4C!important}
:root[data-theme="dark"] .tabbar a.active{background:#123634!important;color:#9EE6E1!important}
:root[data-theme="dark"] .tabbar a.active span{color:#9EE6E1!important}
/* ================= Pastel layer: white canvas, soft multi-colour tiles, emerald only for actions, midnight indigo for dark bands ================= */
:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F6F5FA;--ink:#1C1B29;--muted:#6A697A;--line:#ECEAF2;
  --accent:#0B6F6D;--accent-ink:#0A6563;--accent-soft:#E3F5F4;--sun:#0B6F6D;--sun-2:#095B59;--forest:#1F2140;--night:#1F2140;
  --p1:#FFF5DC;--p1b:#F5E1A8;--p2:#FDEBEA;--p2b:#F5C8C5;--p3:#E4F4FB;--p3b:#BEE2F1;--p4:#E7F7EC;--p4b:#C3E9CF;--p5:#F1ECFB;--p5b:#DACDF4;
  --shadow:0 2px 10px rgba(28,27,41,.06)}
:root[data-theme="dark"]{--bg:#111220;--surface:#191A2B;--surface-2:#1E2033;--ink:#EEEEF5;--muted:#A8A8BA;--line:#2A2C42;--forest:#0C0D1A;--night:#0C0D1A;
  --p1:#2A2618;--p1b:#4A4126;--p2:#2C1D1F;--p2b:#4B3033;--p3:#16262E;--p3b:#24414D;--p4:#17271E;--p4b:#264532;--p5:#211C30;--p5b:#3A3152}
body{background:var(--bg)}
header.top{background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 1px 0 var(--line)}
:root[data-theme="dark"] header.top{box-shadow:0 1px 0 var(--line)}
.eyebrow{background:none!important;padding:0!important;color:var(--accent-ink)!important;font-size:.82rem;font-weight:600}
:root[data-theme="dark"] .eyebrow{color:#7EE0D8!important}
.band{background:var(--surface-2)}
:root[data-theme="dark"] .band{background:var(--surface-2)}

/* hero: a soft banner card, words on the left, the zodiac photograph on the right */
.hero{background:var(--bg)!important;color:var(--ink);padding-block:clamp(16px,3vw,32px) clamp(20px,3vw,36px)}
.hero::before,.hero::after{display:none}
.hero .night,:root[data-theme="dark"] .hero .night{position:relative;overflow:hidden;color:var(--ink);border-radius:28px;padding:clamp(22px,4.5vw,56px);
  background:radial-gradient(500px 300px at 0% 0%,var(--p1) 0%,transparent 70%),radial-gradient(600px 360px at 100% 100%,var(--p5) 0%,transparent 70%),linear-gradient(120deg,#FFFBF1,#F7F3FF)}
:root[data-theme="dark"] .hero .night{background:linear-gradient(120deg,#1C1A26,#1B1A2E)}
.hero-grid{grid-template-columns:1.15fr .85fr!important;justify-items:stretch;text-align:left;align-items:center;gap:clamp(20px,4vw,48px)}
.hero-copy{justify-items:start;max-width:none;transform:none!important;opacity:1!important}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem)}
.hero h1 em,:root[data-theme="dark"] .hero h1 em{color:var(--accent-ink);-webkit-text-fill-color:currentColor;background:none}
:root[data-theme="dark"] .hero h1 em{color:#7EE0D8}
.hero-copy .lede,:root[data-theme="dark"] .hero-copy .lede{color:var(--muted);margin-inline:0;max-width:40ch}
.hero .qchips{justify-content:flex-start}
.hero .qchips a,:root[data-theme="dark"] .hero .qchips a{background:var(--surface);color:var(--ink);border:1px solid var(--line);backdrop-filter:none;box-shadow:var(--shadow)}
.hero .qchips a:hover{background:var(--surface);border-color:var(--accent);color:var(--accent-ink)}
.hero .cta-row{justify-content:flex-start}
.hero .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--glow)}
.hero .btn-primary:hover{background:var(--sun-2);border-color:var(--sun-2)}
.hero .btn-night{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hero .btn-night:hover{background:#34334a;color:#fff}
.hero-pic{margin:0;justify-self:center;width:100%;max-width:440px;aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--forest);box-shadow:0 24px 50px -28px rgba(28,27,41,.55);transform:rotate(calc(var(--hp,0) * 3deg))}
.hero-pic img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr!important}.hero-pic{order:-1;max-width:none;aspect-ratio:16/10;border-radius:20px}}

/* services: pastel tiles, each its own colour, line icons in ink */
.svc a,#pg-home .svc a{background:var(--p1)!important;border:1px solid var(--p1b)!important;border-radius:18px!important;padding:16px 8px!important;box-shadow:none}
.svc a:nth-child(5n+2),#pg-home .svc a:nth-child(5n+2){background:var(--p2)!important;border-color:var(--p2b)!important}
.svc a:nth-child(5n+3),#pg-home .svc a:nth-child(5n+3){background:var(--p3)!important;border-color:var(--p3b)!important}
.svc a:nth-child(5n+4),#pg-home .svc a:nth-child(5n+4){background:var(--p4)!important;border-color:var(--p4b)!important}
.svc a:nth-child(5n+5),#pg-home .svc a:nth-child(5n+5){background:var(--p5)!important;border-color:var(--p5b)!important}
.svc .ci,#pg-home .svc .ci{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;width:52px!important;height:52px!important}
.svc svg{width:38px!important;height:38px!important;stroke-width:1.4}
.svc b{font-weight:500;color:var(--ink)}
@media (max-width:640px){#pg-home .svc{gap:10px!important}#pg-home .svc a{padding:10px 4px!important}#pg-home .svc .ci{width:40px!important;height:40px!important}#pg-home .svc svg{width:30px!important;height:30px!important}}

/* life areas: picture tiles with the label underneath, the whole tile is the link */
#pg-home .pgrid{grid-template-columns:repeat(4,1fr);gap:18px 16px}
@media (max-width:1000px){#pg-home .pgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){#pg-home .pgrid{gap:14px 10px}}
#pg-home .prob{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
#pg-home .prob:hover{transform:none}
#pg-home .prob img{border-radius:16px;aspect-ratio:1;box-shadow:var(--shadow);transition:transform .35s ease}
#pg-home .prob:hover img{transform:translateY(-3px)}
#pg-home .prob .pb{padding:10px 2px 0!important;text-align:center}
#pg-home .prob h3{font-size:.98rem;font-weight:600;line-height:1.3}
@media (max-width:520px){#pg-home .prob h3{font-size:.8rem}}
#pg-home .prob .pb a{font-size:0;position:absolute;inset:0;border-radius:16px}

/* calm cards everywhere else */
.kpanel,.pa-card,.hz-card,.calc-card,.usp-card,.mu-card,.hz-sec,.hw-card,.rel-grid a,.hw-signs button,.dd-group{box-shadow:var(--shadow);border-color:var(--line)}
.calc-card:nth-child(5n+1) .ci{background:var(--p1)}.calc-card:nth-child(5n+2) .ci{background:var(--p2)}.calc-card:nth-child(5n+3) .ci{background:var(--p3)}.calc-card:nth-child(5n+4) .ci{background:var(--p4)}.calc-card:nth-child(5n+5) .ci{background:var(--p5)}
.calc-card .ci,.ai-tool .ci,.hw-signs button span,.res-glyph,.hz-card .g,.sg-strip span{color:var(--ink)!important}
.hw-signs button span,.hw-signs button:nth-child(5n+1) span{background:var(--p1)!important}.hw-signs button:nth-child(5n+2) span{background:var(--p2)!important}.hw-signs button:nth-child(5n+3) span{background:var(--p3)!important}.hw-signs button:nth-child(5n+4) span{background:var(--p4)!important}.hw-signs button:nth-child(5n+5) span{background:var(--p5)!important}
.hw-signs button[aria-selected="true"] span{background:rgba(255,255,255,.16)!important}
.hw-signs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.hw-signs button[aria-selected="true"] span{background:rgba(255,255,255,.14);color:#fff!important}
.hw-areas li{background:var(--surface-2)}
.usp-card:nth-child(6n+2){background:var(--p3);border-color:var(--p3b)}
.usp-card:nth-child(6n+3){background:var(--p2);border-color:var(--p2b)}
.usp-card:nth-child(6n+4){background:var(--p4);border-color:var(--p4b)}
.usp-card:nth-child(6n+5){background:var(--p5);border-color:var(--p5b)}
.usp-card:nth-child(6n+6){background:var(--p1);border-color:var(--p1b)}
.usp-card.hot{background:var(--forest);border-color:var(--forest)}
.usp-card.hot .k{color:#7EE0D8}
.page-hero .ph-inner,:root[data-theme="dark"] .page-hero .ph-inner{background:radial-gradient(420px 260px at 0% 0%,var(--p1),transparent 70%),radial-gradient(520px 300px at 100% 100%,var(--p5),transparent 70%),linear-gradient(120deg,#FFFBF1,#F7F3FF);color:var(--ink)}
:root[data-theme="dark"] .page-hero .ph-inner{background:linear-gradient(120deg,#1C1A26,#1B1A2E)}
.ph-img{background:var(--forest);box-shadow:var(--shadow)}
.page-hero .btn-night{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.faq summary::after,.faq-list summary::after{background:var(--surface-2);color:var(--ink)}

/* dark bands: midnight indigo */
.approach-sec,footer{background:var(--forest)!important}
.approach-sec .approach article{background:rgba(255,255,255,.05)}
.approach-sec .eyebrow{color:#9EE6E1!important}
.approach-sec .ai-ic{background:rgba(255,255,255,.1)!important;color:#9EE6E1!important}
footer::before{background:linear-gradient(90deg,#F5E1A8,#F5C8C5,#BEE2F1,#C3E9CF,#DACDF4)}
.cta-box{background:linear-gradient(120deg,#FFFBF1,#F7F3FF)!important;color:var(--ink);border:1px solid var(--line)}
:root[data-theme="dark"] .cta-box{background:var(--surface)!important}
.cta-box h2{color:var(--ink)}.cta-box p{color:var(--muted)}
.cta-box .btn-night{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.facts-sec .facts-row{box-shadow:none;border:1px solid var(--line)}
.tabbar a.active{background:var(--p4)!important;color:var(--ink)!important}
.tabbar a.active span{color:var(--ink)!important}
:root[data-theme="dark"] .tabbar a.active{background:var(--p4)!important;color:#9EE6E1!important}
.ai-fab{background:var(--ink)!important;color:var(--bg)!important;box-shadow:0 10px 24px -10px rgba(28,27,41,.6)!important}
nav.main a.btn{color:#fff}
.theme-sw{background:var(--surface-2)}
/* home page, kept clean: fewer words, more air */
#pg-home .hero .badge,#pg-home .hero .q-label,#pg-home .hero .principles{display:none}
#pg-home .hero-copy{gap:22px}
#pg-home .hero .qchips{margin-top:0}
#pg-home .approach-sec .lede,#pg-home .approach article p{display:none}
#pg-home .approach article{padding:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px}
#pg-home .approach article h3{margin:0}
#pg-home .prob .pb p,#pg-home .gets{display:none}
#pg-home .prob .pb{gap:4px;padding:14px 16px 16px}
#pg-home #what-is .whatis > div > p{display:none}
/* #why shown on home again (owner, 26 Oct 2026) */
#pg-home .usp-card p{display:none}
#pg-home section{padding-block:clamp(44px,6vw,76px)}
#pg-home .sec-head{margin-bottom:28px}
#pg-home .whatis{align-items:start}
#pg-home .hero{padding-block:clamp(14px,2.5vw,28px) 8px}
#pg-home .facts-sec{padding-block:20px 8px}
@media (max-width:640px){#pg-home .svc{grid-template-columns:repeat(4,1fr)!important;gap:14px 6px!important}#pg-home .svc a{padding:0!important;gap:6px!important}#pg-home .svc .ci{width:54px!important;height:54px!important}#pg-home .svc svg{width:24px;height:24px}#pg-home .svc b{font-size:.74rem;line-height:1.25}}
@media (max-width:360px){#pg-home .svc{grid-template-columns:repeat(3,1fr)!important}}
/* mobile polish: even service tiles, compact facts, a small round chat button */
@media (max-width:640px){
  #pg-home .svc{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  #pg-home .svc a{display:grid!important;grid-template-rows:40px auto!important;align-content:start!important;justify-items:center!important;gap:8px!important;min-height:108px;padding:14px 2px 10px!important;text-align:center!important}
  #pg-home .svc .ci{width:40px!important;height:40px!important;display:grid;place-items:center}
  #pg-home .svc svg{width:28px!important;height:28px!important}
  #pg-home .svc b{font-size:.7rem!important;font-weight:500;line-height:1.25!important;text-wrap:balance;overflow-wrap:normal;word-break:normal;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-inline:2px}

  #pg-home .facts-sec .facts-row{padding:14px 10px;gap:12px 0}
  #pg-home .facts-sec .facts-row b{font-size:1.9rem}
  #pg-home .facts-row span{font-size:.78rem;line-height:1.3;display:block;padding-inline:6px}
  #pg-home .sec-head h2{font-size:1.65rem}
}
@media (max-width:360px){#pg-home .svc{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}#pg-home .svc b{font-size:.66rem!important}}
@media (max-width:760px){
  .ai-fab{width:52px;height:52px;padding:0!important;border-radius:50%!important;justify-content:center;right:14px!important}
  .ai-fab > span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ai-fab svg{width:22px;height:22px}
}
/* light / dark switch, sitting just before the menu */
@media (min-width:561px){.nav-theme{display:none!important}}
/* phones: the header switch is hidden for space, so the menu carries it (owner, 25 Oct 2026) */
@media (max-width:560px){.nav-theme{display:flex!important;align-items:center;justify-content:space-between;width:100%;color:var(--ink)!important}
  .nav-theme::after{content:"";flex:none;width:40px;height:22px;border-radius:999px;background:var(--surface-2) radial-gradient(circle at 11px 50%,#fff 7px,transparent 7.5px);border:1.5px solid var(--line);transition:background .25s}
  :root[data-theme="dark"] .nav-theme::after{background:var(--sun) radial-gradient(circle at 29px 50%,#111 7px,transparent 7.5px)}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-sw{position:relative;flex:none;width:50px;height:28px;padding:0;border:1.5px solid var(--line);box-sizing:content-box;border-radius:999px;background:var(--surface-2);cursor:pointer;transition:background-color .25s ease}
.theme-sw .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;color:#0A6563;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.theme-sw svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.theme-sw .i-moon{display:none}
:root[data-theme="dark"] .theme-sw{background:var(--sun)}
:root[data-theme="dark"] .theme-sw .knob{transform:translateX(22px);color:#111;background:#111}
:root[data-theme="dark"] .theme-sw .knob svg{color:#9EE6E1}
:root[data-theme="dark"] .theme-sw .i-moon{display:block;fill:currentColor;stroke:none}
:root[data-theme="dark"] .theme-sw .i-sun{display:none}
/* menu: two thin lines that fold into a cross when open */
.menu-btn{width:40px;height:40px;padding:0!important;border:0!important;background:transparent!important;border-radius:50%;place-items:center}
@media (max-width:1180px){.menu-btn{display:grid!important}}
.menu-btn .bars{position:relative;width:20px;height:10px;display:block}
.menu-btn .bars i{position:absolute;left:0;right:0;height:1.6px;border-radius:2px;background:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s}
.menu-btn .bars i:first-child{top:0}.menu-btn .bars i:last-child{top:8.4px}
.menu-btn[aria-expanded="true"] .bars i:first-child{top:4.2px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars i:last-child{top:4.2px;transform:rotate(-45deg)}
@media (max-width:400px){.top-right{gap:4px!important}.lang{padding:5px 9px!important}.brand b{font-size:1.02rem!important}.brand svg{width:24px;height:24px}.brand{gap:7px}}
@media (max-width:350px){.brand b span{display:none}}
/* scroll progress */
#scrollbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
/* the opening reveal: each section opens from a narrow slit as it scrolls into view */
/* reveal: content rises softly into place, tiles one after another */
html.anim .ap{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
html.anim .ap.in{opacity:1;transform:none}
html.anim .ap.done{transition:none}
html.anim .rv{opacity:0;transform:translateY(36px) scale(.98);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)}
html.anim .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html.anim .ap,html.anim .rv{opacity:1;transform:none}}
/* mobile tab bar, like an app */
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
  .tabbar a{display:grid;justify-items:center;gap:3px;padding:6px 2px;color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:700;min-width:0}
  .tabbar a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.active{color:var(--accent-ink)}
  .tabbar a.mid{color:var(--on-accent)}
  .tabbar a.mid i{width:46px;height:46px;margin-top:-22px;border-radius:50%;background:var(--grad);background-size:200% 100%;display:grid;place-items:center;box-shadow:var(--glow),0 0 0 4px var(--bg)}
  .tabbar a.mid span{color:var(--accent-ink)}
  body{padding-bottom:72px}
  .ai-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ai-dock{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* ---- desktop: drawer-only parts hidden; groups sit inline ---- */
.drawer-head,.drawer-cta,.drawer-label,.nv-mob{display:none}
.dd-group{display:contents}
.nv-ic{display:none}
nav.main a.nv-link{display:inline-flex;align-items:center;gap:8px}
/* ---- mobile: a side drawer like an app (left), grouped cards with icons ---- */
@media (max-width:1180px){
  nav.main{position:fixed;inset:0 auto 0 0;width:min(88vw,380px);height:100dvh;z-index:70;display:flex!important;flex-direction:column;gap:10px;padding:14px 16px 28px;
    background:var(--bg);border-right:1px solid var(--line);overflow-y:auto;transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);visibility:hidden}
  nav.main.open{transform:none;visibility:visible}
  .drawer-bg{position:fixed;inset:0;z-index:65;background:rgba(46,31,20,.55);backdrop-filter:blur(2px)}
  .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0 8px;border-bottom:1px solid var(--line)}
  .drawer-x{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
  .drawer-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .drawer-cta{display:grid;gap:6px;text-align:center;padding-top:6px}
  .drawer-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
  .drawer-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
  .drawer-cta p{font-size:.84rem;color:var(--muted)}
  .drawer-label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:10px 4px 0}
  .dd-group{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .dd-group > .dd + .dd,.dd-group > a + a{border-top:1px solid var(--line)}
  nav.main .dd-group .dd-btn,nav.main .dd-group > a{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0!important;color:var(--ink);font:600 .98rem var(--f-body);text-align:left;border-radius:0}
  .dd-group .dd-btn::after{margin-left:auto}
  .nv-ic{display:block;width:38px;height:38px;padding:9px;border-radius:12px;background:var(--surface-2);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .nv-mob{display:flex}
  .dd-group .dd-menu{padding:0 0 8px 64px!important}
  .dd-group .dd-menu a{border:0!important;padding:9px 0!important;color:var(--muted);font-weight:500}
  .dd-group .dd-menu a.active{color:var(--accent-ink);background:none}
  nav.main > .btn{margin-top:12px}
  body.drawer-open{overflow:hidden}
  nav.main > *{flex:none}
  nav.main .drawer-head a{padding:0;border:0}
  nav.main .drawer-cta a{padding:14px 20px;border:0}
  body.drawer-open .ai-fab,body.drawer-open .tabbar{display:none}
  .dd-group > a.nv-link{gap:12px}
}

/* facts strip */
.facts-sec{padding-block:6px 10px}
.facts-row{list-style:none;margin:0;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.facts-row li{display:grid;gap:2px;text-align:center;padding:6px}
.facts-row b{font-family:var(--f-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.facts-row span{font-size:.88rem;color:var(--muted)}
.facts-row li + li{border-left:1px solid var(--line)}
@media (max-width:640px){.facts-row{grid-template-columns:1fr 1fr}.facts-row li + li{border-left:0}.facts-row li:nth-child(even){border-left:1px solid var(--line)}}
/* home horoscope widget */
.hw{display:grid;gap:14px}
.hw-signs{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}
.hw-signs button{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 .8rem var(--f-body);cursor:pointer;min-width:0}
.hw-signs button span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;color:var(--accent);background:var(--accent-soft);font-family:"Segoe UI Symbol","Noto Sans Symbols","DejaVu Sans",sans-serif}
.hw-signs button[aria-selected="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
@media (max-width:900px){.hw-signs{grid-template-columns:repeat(6,1fr)}}
@media (max-width:480px){.hw-signs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}}
.hw-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;padding:24px;border-radius:24px;border:1px solid var(--line);background:var(--surface)}
.hw-card h3{font-size:1.4rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hw-card .when{color:var(--muted);font-size:.9rem}
.hw-card p{margin:8px 0 0}
.hw-areas{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.hw-areas li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.hw-card .btn{margin-top:14px}
@media (max-width:760px){.hw-card{grid-template-columns:1fr}}
/* related pages */
.rel{margin-top:30px;display:grid;gap:12px}
.rel h2{font-size:1rem;font-weight:700;color:var(--muted)}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.rel-grid a{padding:14px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:center;color:var(--ink);text-decoration:none;font-weight:600}
.rel-grid a:hover{border-color:var(--accent)}
@media (max-width:480px){.rel-grid{grid-template-columns:1fr 1fr}}
/* related links as small pills (owner, 25 Oct 2026) */
.rel{gap:10px}.rel h2{font-size:.92rem}
.rel .rel-grid{display:flex;flex-wrap:wrap;gap:8px}
.rel .rel-grid a{padding:7px 14px!important;min-height:0!important;height:auto!important;border-radius:999px!important;font-size:.86rem;font-weight:600;line-height:1.3;box-shadow:none!important;white-space:nowrap}
.rel .rel-grid a:hover{transform:none!important;box-shadow:none!important;background:var(--accent-soft)}
@media (max-width:560px){.rel .rel-grid{gap:6px}.rel .rel-grid a{padding:6px 11px!important;font-size:.8rem}}
/* FAQ: round plus buttons */
.faq summary::after,.faq-list summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:500 1.2rem var(--f-body);color:var(--ink);transition:transform .2s ease}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq details[open] summary::after,.faq-list details[open] summary::after{content:"+";transform:rotate(45deg)}
/* footer trust badges */
.trust-badges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:16px;border-top:1px solid var(--line)}
.trust-badges span{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--ink)}
.trust-badges svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.svc{grid-template-columns:1fr 1fr!important;gap:10px}.svc a{grid-template-columns:44px 1fr;justify-items:start;align-items:center;text-align:left;padding:12px;gap:10px}.svc .ci{width:44px!important;height:44px!important}.svc svg{width:22px;height:22px}}
@media (max-width:340px){.svc{grid-template-columns:1fr!important}}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}

/* green text is teal (sea green); backgrounds and buttons unchanged */
:root{--teal:#0A6563;--accent-ink:#0A6563}
:root[data-theme="dark"]{--teal:#4FD1C5;--accent-ink:#4FD1C5}
.hero h1 em,:root[data-theme="dark"] .hero h1 em,.eyebrow,:root[data-theme="dark"] .eyebrow,.brand b span,:root[data-theme="dark"] .brand b span,
.prob a,:root[data-theme="dark"] .prob a,#pg-home .prob .pb a,.ph-inner .crumbs [aria-current],:root[data-theme="dark"] .ph-inner .crumbs [aria-current],
.tabbar a.mid span,.dd-group .dd-menu a.active{color:var(--teal)!important;-webkit-text-fill-color:currentColor}
.approach-sec .eyebrow,.usp-card.hot .k,footer .brand b span{color:#7EE0D8!important}
/* hero: a slowly turning Vedic rashi chakra (12 rashis, 27 nakshatras, moving grahas) */
.hero-pic .rashi-wheel{display:block;width:100%;height:100%;background:#141633}
.rashi-wheel .rw-nm{font:600 13px "Poppins","Noto Sans Devanagari",sans-serif;fill:#F3DFA8}
.rashi-wheel .rw-gl{font:16px "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2","DejaVu Sans",sans-serif;fill:#9EE6E1}
.rashi-wheel .rw-om{font:700 20px "Noto Sans Devanagari","Poppins",sans-serif;fill:#6B3A0A}
.rashi-wheel .rw-rashi,.rashi-wheel .rw-nak,.rashi-wheel .rw-pl{transform-box:view-box;transform-origin:200px 200px}
.rashi-wheel .rw-rashi{animation:rwSpin 120s linear infinite}
.rashi-wheel .rw-nak{animation:rwSpin 200s linear infinite reverse}
.rashi-wheel .rw-pl{animation:rwSpin 30s linear infinite}
.rashi-wheel .rw-orbits .rw-pl:nth-of-type(2){animation-direction:normal}
.rashi-wheel .rw-sun{transform-box:view-box;transform-origin:200px 200px;animation:rwPulse 4s ease-in-out infinite}
.rashi-wheel .tw{animation:rwTw 3s ease-in-out infinite}
@keyframes rwSpin{to{transform:rotate(360deg)}}
@keyframes rwPulse{50%{transform:scale(1.08)}}
@keyframes rwTw{50%{opacity:.1}}
@media (prefers-reduced-motion: reduce){.rashi-wheel *{animation:none!important}}
@media (max-width:860px){.hero-pic{aspect-ratio:1!important;max-width:340px!important;justify-self:center}}
/* session review card in the chat */
.rv-card{margin:6px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);display:grid;gap:10px;max-width:520px}
.rv-t{margin:0;font-weight:600;font-size:.95rem}
.rv-stars{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.rv-stars button{width:38px;height:38px;border:0;background:none;cursor:pointer;font-size:1.6rem;line-height:1;color:var(--line);padding:0;border-radius:8px;transition:transform .15s,color .15s}
.rv-stars button:hover{transform:scale(1.12)}
.rv-stars button.on{color:#E8A317}
.rv-lbl{font-size:.86rem;color:var(--muted);margin-left:6px}
.rv-more{display:grid;gap:8px}
.rv-more textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);resize:vertical}
.rv-send{justify-self:start;padding:10px 20px;min-height:0}
.rv-given{color:#E8A317;letter-spacing:2px}
/* promise strip on the home page */
.promise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.promise li{display:grid;gap:6px;align-content:start;padding:18px;border-radius:18px;background:var(--p1);border:1px solid var(--p1b)}
.promise li:nth-child(2){background:var(--p3);border-color:var(--p3b)}.promise li:nth-child(3){background:var(--p4);border-color:var(--p4b)}.promise li:nth-child(4){background:var(--p5);border-color:var(--p5b)}
.promise .pi{width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--accent-ink)}
.promise svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.promise b{font-size:1.02rem;font-weight:600;line-height:1.3}
.promise li > span:last-child{font-size:.9rem;color:var(--muted);line-height:1.5}
.promise-more{margin:16px 0 0}.promise-more a{color:var(--accent-ink);font-weight:600;text-decoration:none}
@media (max-width:640px){.promise{grid-template-columns:1fr}}
@media (max-width:420px){.promise{gap:10px}.promise li{padding:14px}}
/* Google sign-in button area; the question-code boxes are retired (bought questions live on the account) */
.ac-google{min-height:44px;display:flex;align-items:center;margin:4px 0}
.ac-gnote{font-size:.8rem}
#aiHaveCode,#aiCodeBox,.ai-restore{display:none!important}
/* opening section without boxes: the words sit on the page and the chakra is a round medallion */
#pg-home .hero .night,:root[data-theme="dark"] #pg-home .hero .night{overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:clamp(8px,2vw,24px) 0!important}
#pg-home .hero-pic{background:transparent!important;border-radius:50%!important;box-shadow:0 26px 50px -24px rgba(20,22,51,.45)!important;overflow:visible!important;aspect-ratio:1!important;max-width:460px!important}
#pg-home .hero-pic .rashi-wheel{background:transparent!important;border-radius:50%}
@media (max-width:860px){#pg-home .hero-pic{max-width:320px!important;justify-self:center}}
#pg-home .hero{overflow:visible!important}
#pg-home .facts-sec .facts-row{background:none!important;border:0!important;box-shadow:none!important;padding:8px 0!important}
/* question box is highlighted for a moment when the customer arrives at it */
#aiQ.ask-ready{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)!important;border-color:var(--accent)!important;transition:box-shadow .3s}
#aiChat,#aiForm{scroll-margin-top:80px}
/* which sign the horoscopes are for */
.moon-note{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:10px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-size:.92rem;line-height:1.5;color:var(--ink);max-width:640px}
.moon-note svg{flex:none;width:20px;height:20px;margin-top:2px;fill:var(--accent-ink)}
.moon-note a{color:var(--accent-ink);font-weight:600;white-space:nowrap}
.page-hero .moon-note{background:color-mix(in srgb,var(--surface) 75%,transparent)}
/* ===== AskSanket: full-height chat (dark), profile switcher, bottom sheets ===== */
#pg-ai .ai-seo-hero{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
#pg-ai #ai{padding:16px 0 48px}
#pg-ai .ai-grid{display:block;max-width:860px;margin:0 auto}
#pg-ai .ai-side{display:none}
#pg-ai .ai-main{display:flex;flex-direction:column;gap:16px;min-width:0}
#pg-ai #aiChat{--mh-ink:#ECF6F4;--mh-mut:rgba(236,246,244,.66);--mh-line:rgba(255,255,255,.1);--mh-acc:#5FD6CB;
  display:flex;flex-direction:column;gap:0;height:var(--mh-h,calc(100vh - 120px));min-height:460px;padding:0;overflow:hidden;border:0;border-radius:28px;color:var(--mh-ink);
  background:radial-gradient(120% 60% at 50% -8%,#165552 0%,#0D2E30 42%,#081719 100%);box-shadow:0 24px 60px -24px rgba(6,40,40,.55);scroll-margin-top:72px}
#pg-ai #aiChat .mh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--mh-line);background:none;margin:0}
.mh-who{display:flex;align-items:center;gap:10px;min-width:0;background:none;border:0;color:inherit;cursor:pointer;padding:4px 6px 4px 4px;border-radius:999px;font:inherit;text-align:left}
.mh-who:hover{background:rgba(255,255,255,.06)}
.mh-who-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.mh-who-t small{font-size:.74rem;color:var(--mh-mut)}
.mh-who-t b{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.mh-caret{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.8}
.mh-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#06302E;background:linear-gradient(140deg,#8EEBDD,#3FB7AC)}
.mh-acts{display:flex;gap:8px;flex:none}
.mh-ic{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:0;background:rgba(255,255,255,.08);color:inherit;cursor:pointer;flex:none;text-decoration:none}
.mh-ic:hover{background:rgba(255,255,255,.14)}
.mh-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mh-ic[aria-pressed="true"]{background:var(--mh-acc);color:#06302E}
.mh-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--mh-acc)}
.mh-wel{display:none;flex:1;min-height:0;overflow:auto;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;gap:6px}
#pg-ai #aiChat.is-wel .mh-wel{display:flex;animation:mhIn .5s cubic-bezier(.2,.8,.2,1) both}
#pg-ai #aiChat.is-wel #aiMsgs,#pg-ai #aiChat #aiSugg{display:none}
@keyframes mhIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mh-medal{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--mh-acc);margin-bottom:10px;
  background:radial-gradient(circle at 50% 40%,rgba(95,214,203,.22),rgba(95,214,203,.04) 70%);box-shadow:0 0 0 1px rgba(95,214,203,.35),0 0 40px rgba(95,214,203,.18)}
.mh-medal svg{width:42px;height:42px}
.mh-hello{font-size:clamp(1.45rem,4.6vw,1.9rem);font-weight:600;margin:0;letter-spacing:-.01em}
.mh-ask{font-size:1.05rem;color:var(--mh-mut);margin:0 0 14px}
.mh-chips{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;margin-top:4px}
.mh-chips button{background:rgba(255,255,255,.06);border:1px solid var(--mh-line);color:var(--mh-ink);border-radius:999px;padding:12px 18px;font:500 .95rem var(--f-body);cursor:pointer;line-height:1.35;transition:background .15s,border-color .15s}
.mh-chips button:hover{background:rgba(95,214,203,.14);border-color:rgba(95,214,203,.45)}
.btn.mh-add{background:#fff;color:#0A4F4D;border:0;border-radius:999px;padding:12px 22px;font-weight:700;margin-top:4px}
.mh-gate{width:100%;max-width:380px}
.mh-gate.flash{animation:mhFlash 1.2s ease}
@keyframes mhFlash{0%,100%{transform:none}20%{transform:scale(1.03)}}
#pg-ai .mh-gate #aiAcct{background:none;border:0;box-shadow:none;padding:0;color:var(--mh-ink);margin:0}
#pg-ai .mh-gate #aiAcct h3{display:none}
#pg-ai .mh-gate #aiAcct .note{color:var(--mh-mut);font-size:.88rem}
#pg-ai .mh-gate .ac-google{display:flex;justify-content:center;margin:12px 0 8px;min-height:44px}
#pg-ai .mh-gate .pay-msg,#pg-ai .mh-gate .err{color:var(--mh-ink)}
#pg-ai #aiChat #aiMsgs{flex:1;min-height:0;overflow-y:auto;padding:18px 16px 8px;margin:0}
#pg-ai #aiChat .msg.bot{background:rgba(255,255,255,.07);color:var(--mh-ink)}
#pg-ai #aiChat .msg.user{background:#E9FBF8;color:#06302E}
#pg-ai #aiChat .msg.bot h4.why{color:var(--mh-mut);border-top-color:var(--mh-line)}
#pg-ai #aiChat .msg.bot a{color:var(--mh-acc)}
#pg-ai #aiChat .msg.bot .opts button{background:transparent;color:var(--mh-ink);border-color:rgba(95,214,203,.6)}
#pg-ai #aiChat .msg.bot .opts button:hover{background:rgba(95,214,203,.14)}
#pg-ai #aiChat .msg.bot .why-fold{border-top-color:var(--mh-line)}
#pg-ai #aiChat .msg.bot .nextq button{background:rgba(95,214,203,.12);color:var(--mh-ink);border-color:rgba(95,214,203,.6)}
#pg-ai #aiChat .msg.bot .nextq button::before{background:var(--mh-acc);color:#06302E}
#pg-ai #aiChat .msg.bot .cta-line button{background:var(--mh-acc);color:#06302E}
#pg-ai #aiChat .msg.past{opacity:.78}
#pg-ai #aiChat .sep{color:var(--mh-mut);background:none;box-shadow:none;border:0;font-size:.8rem;font-weight:600}
#pg-ai #aiChat.is-out .mh-status{visibility:hidden}
.mh-acts{margin-left:auto}
#pg-ai #aiChat .sep::before,#pg-ai #aiChat .sep::after{background:var(--mh-line)}
#pg-ai #aiChat .msg .note,#pg-ai #aiChat .msg small,#pg-ai #aiChat .pred-saved{color:var(--mh-mut)}
#pg-ai #aiChat .rv-card{background:rgba(255,255,255,.06);border-color:var(--mh-line);color:var(--mh-ink)}
#pg-ai #aiChat .rv-card textarea{background:rgba(255,255,255,.95);color:#13241E}
#pg-ai #aiChat .low-bal{display:flex;align-items:center;gap:8px;align-self:center;width:auto;max-width:min(560px,calc(100% - 24px));margin:6px auto 0;padding:3px 4px 3px 12px;border-radius:999px;background:rgba(244,190,92,.12);border:1px solid rgba(244,190,92,.4);color:#FBE3B4;font-size:.78rem;line-height:1.3}
#pg-ai #aiChat .low-bal[hidden]{display:none}
#pg-ai #aiChat .low-bal span{flex:1;min-width:0}
#pg-ai #aiChat .low-bal.out{background:rgba(240,128,108,.13);border-color:rgba(240,128,108,.45);color:#FFD6CC}
#pg-ai #aiChat .low-bal .btn{flex:none;padding:4px 12px;min-height:28px;font-size:.78rem;border-radius:999px}
.acc-card .topups{margin-top:10px}.acc-card .topups summary{cursor:pointer;font-weight:600;font-size:.9rem}
.acc-card .topups ul{list-style:none;margin:8px 0 0;padding:0}.acc-card .topups li{display:flex;gap:10px;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line,rgba(0,0,0,.08));font-size:.88rem}
.acc-card .topups li span:first-child{flex:1}
#pg-ai #aiChat .mh-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px 0;margin:0;border:0}
#pg-ai #aiChat .ai-left{flex:1;min-width:0;margin:0;padding:0;background:none;border-radius:0;font-weight:500;font-size:.85rem;color:var(--mh-mut)}
#pg-ai #aiChat #aiHaveCode{display:none}
.mh-ctx{background:none;border:0;color:var(--mh-ink);font:500 .85rem var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 4px;opacity:.85}
.mh-buy{background:rgba(95,214,203,.14);color:var(--mh-acc,#5FD6CB);border:1px solid rgba(95,214,203,.45);border-radius:999px;padding:6px 14px;font:700 .82rem var(--f-body);cursor:pointer}
.mh-buy:hover{background:rgba(95,214,203,.24)}
#pg-ai #aiChat .composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 14px;margin:0;border:0;background:none}
#pg-ai #aiChat .q-wrap{flex:1;background:#fff;border-radius:26px;display:flex;align-items:flex-end;padding:4px 6px 4px 16px;box-shadow:0 6px 20px -8px rgba(0,0,0,.5)}
#pg-ai #aiChat #aiQ{flex:1;background:transparent;border:0;outline:0;color:#13241E;font:400 1rem/1.45 var(--f-body);resize:none;padding:10px 0;min-height:44px;max-height:140px;box-shadow:none}
#pg-ai #aiChat #aiQ::placeholder{color:#6B7C76}
#pg-ai #aiChat #aiQ,#pg-ai #aiChat #aiQ:focus,#pg-ai #aiChat #aiQ:focus-visible,#pg-ai #aiChat #aiQ.ask-ready{box-shadow:none!important;outline:0!important;border:0!important;border-radius:0}
#pg-ai #aiChat .q-wrap:has(#aiQ.ask-ready){box-shadow:0 0 0 3px rgba(95,214,203,.55),0 6px 20px -8px rgba(0,0,0,.5)}
#pg-ai #aiChat .q-wrap:has(#aiQ:focus){box-shadow:0 0 0 2px var(--mh-acc),0 6px 20px -8px rgba(0,0,0,.5)}
#pg-ai #aiChat .q-wrap .mic-sm{position:static;color:#0A6563;background:transparent;margin-bottom:4px}
#pg-ai #aiChat .mh-send{width:52px;height:52px;border-radius:50%;padding:0;display:grid;place-items:center;flex:none;background:var(--mh-acc);color:#06302E;border:0}
#pg-ai #aiChat .mh-send svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#pg-ai #aiChat #aiStop{flex:none;width:auto;min-width:0;padding:0 18px;min-height:52px;border-radius:999px;color:var(--mh-ink);border-color:var(--mh-line);background:rgba(255,255,255,.06)}
#pg-ai #aiChat .q-mic-state{color:var(--mh-mut);padding:0 18px 8px;margin:0}
#pg-ai .ai-disc{font-size:.78rem;color:var(--muted);margin:-4px 8px 0;text-align:center}
#pg-ai #aiTools,#pg-ai #aiPacks{margin:0}
@media (max-width:600px){
  #pg-ai #ai{padding:8px 0 24px}
  #pg-ai #ai>.wrap{padding-left:8px;padding-right:8px}
  #pg-ai #aiChat{border-radius:22px}
  #pg-ai #aiChat .mh-head{padding:10px}
  .mh-wel{padding:18px 14px}
  #pg-ai #aiChat .composer{padding:8px 8px 10px}
  #pg-ai #aiChat .mh-status{padding:8px 12px 0}
}
/* sheets */
.sheet-ov{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(4,14,15,.55);opacity:0;transition:opacity .2s ease}
.sheet-ov.in{opacity:1}
.sheet{position:relative;width:100%;max-width:560px;max-height:min(90dvh,860px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);color:var(--ink);border-radius:24px 24px 0 0;
  padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px rgba(0,0,0,.25);transform:translateY(28px);transition:transform .26s cubic-bezier(.2,.8,.2,1);outline:0}
.sheet-ov.in .sheet{transform:none}
.sheet::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}
@media (min-width:700px){.sheet-ov{align-items:center;padding:24px}.sheet{border-radius:24px}.sheet::before{display:none}}
@media (prefers-reduced-motion:reduce){.sheet,.sheet-ov,#pg-ai #aiChat.is-wel .mh-wel{transition:none;animation:none}}
body.sheet-open{overflow:hidden}
.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.sheet-head h2{font-size:1.3rem;margin:0 0 4px;line-height:1.25}
.sheet-head .note{margin:0}
.sheet .mh-ic{background:var(--surface-2);color:var(--ink)}
.sheet .ai-profile{padding:0;margin:0;background:none;border:0;box-shadow:none}
.bd-remove{display:block;margin:14px auto 0}
.ctx-q{margin:0 0 14px;padding:10px 14px;border-radius:14px;background:var(--surface-2);font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.ctx-row{margin:0 0 16px}
.ctx-row>.l{display:block;font-weight:600;font-size:.92rem;margin-bottom:8px}
.ctx-chips{display:flex;flex-wrap:wrap;gap:8px}
.ctx-chips button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 14px;font:500 .9rem var(--f-body);cursor:pointer}
.ctx-chips button:hover{border-color:var(--teal)}
.ctx-chips button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:var(--bg)}
.ctx-row textarea{width:100%}
.ctx-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.ctx-btns .btn{flex:1;min-width:180px}
.pf-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.pf-row{display:flex;align-items:center;gap:6px;border-radius:16px;padding:4px}
.pf-row.on{background:var(--surface-2)}
.pf-pick{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;cursor:pointer;text-align:left;padding:8px;border-radius:12px;font:inherit}
.pf-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.pf-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-t small{color:var(--muted);font-size:.82rem}
.pf-tick{color:var(--teal);font-weight:700}
.pf-add{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border:1.5px dashed var(--line);border-radius:16px;background:none;color:var(--teal);font:600 .95rem var(--f-body);cursor:pointer;margin-top:8px}
.pf-add>span:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:1.3rem}
/* profile page */
.pf-signs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.sg-chip{display:flex;flex-direction:column;padding:8px 14px;border-radius:14px;background:var(--surface-2);line-height:1.25}
.sg-chip small{font-size:.74rem;color:var(--muted)}
.sg-chip b{font-size:.98rem;color:var(--teal)}
.fam{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.fam h4{margin:0 0 8px;font-size:1rem}
.fam-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.fam-acts{display:flex;gap:12px;flex:none}

/* top announcement bar */
.topbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#0A6563;color:#fff;text-decoration:none;font:500 .88rem/1.3 var(--f-body);text-align:center;position:relative;z-index:21}
.topbar[hidden]{display:none}
body:has(nav.main.open) .topbar{display:none}
.topbar:hover .tb-go{background:#fff;color:#0A4F4D}
.tb-spark{color:#8EEBDD}
.tb-go{flex:none;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:3px 12px;font-weight:700;font-size:.8rem;transition:background .15s,color .15s}
:root[data-theme="dark"] .topbar{background:#0D3B3A}
@media (max-width:480px){.topbar{font-size:.8rem;gap:12px;padding:7px 12px;justify-content:center;text-align:center}.tb-spark{display:none}}
/* side menu: scrolls without showing a scrollbar */
nav.main{scrollbar-width:none;-ms-overflow-style:none}
nav.main::-webkit-scrollbar{display:none;width:0;height:0}

/* home services: 8 tiles, two even rows of 4 */
@media (min-width:641px){#pg-home .svc{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* birth time: 24-hour */
.time-row{grid-template-columns:1fr 1fr 1.15fr!important}
.tm-hint{margin:6px 0 4px;font-size:.82rem}
.tm24{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.tm24.bad{border-color:#C0392B!important}
.sub-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 4px;padding:14px;border:1.5px dashed var(--accent);border-radius:16px;background:var(--accent-soft)}.sub-card b{display:block;font-size:1.02rem}.sub-card span{display:block;font-size:.9rem;color:var(--muted);margin-top:2px}.sub-card .btn{flex:none}
#aiGo{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:goin .15s ease-out}
#aiGo .go-box{display:grid;justify-items:center;gap:8px;text-align:center;padding:26px 28px;max-width:320px;border-radius:20px;background:var(--bg);border:1px solid var(--line);box-shadow:0 24px 60px -24px rgba(0,0,0,.35)}
#aiGo .go-box b{font-family:var(--f-display);font-size:1.12rem}
#aiGo .go-box small{color:var(--muted);font-size:.86rem;line-height:1.4}
#aiGo .go-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:#2563EB;animation:gospin .7s linear infinite;margin-bottom:4px}
@keyframes gospin{to{transform:rotate(360deg)}}@keyframes goin{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#aiGo .go-spin{animation-duration:1.6s}}
/* wallet top-up (24 Oct 2026): tiles "Pay X / Get Y min", then our own payment page */
.wl-rate{margin:4px 0 0;font-family:"Poppins",sans-serif;font-size:17px;font-weight:400;color:#3a3a3a;line-height:1.4}
.wl-rate b{font-weight:700;color:var(--ink);font-size:1.25rem;letter-spacing:-.01em}
.wl-bal{margin:10px 0 0;font-weight:700}
.wl-intro{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#FFF4D6;border:1px solid #F2C94C;color:#4A3800;font-size:.92rem;display:flex;align-items:center;gap:12px}
.wl-intro[hidden]{display:none}
.of-tag{flex:none;background:#E8A317;color:#2B1F00;font:700 .74rem/1 var(--f-body);padding:6px 9px;border-radius:999px}
.of-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.of-t b{font-weight:700;font-size:1rem;color:#3A2C00}
.of-t small{font-size:.84rem;color:#5E4A12}
.hero-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.hero-checks li{display:flex;align-items:center;gap:12px;font-size:1.08rem;color:var(--ink)}
.hero-checks svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--accent-soft);fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hero-go{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:26px 0 8px}
.btn.hero-cta{background:var(--accent);color:var(--on-accent,#fff);border:0;font-size:1.12rem;padding:18px 30px;box-shadow:0 14px 30px -16px rgba(10,101,99,.7)}
.btn.hero-cta:hover{filter:brightness(.92)}
.btn.hero-cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.arw{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hero-pill{display:inline-flex;gap:4px;align-items:center;padding:9px 14px;border-radius:999px;background:#FFF4D6;border:1px solid #F2C94C;color:#4A3800;font-size:.9rem;text-decoration:none}
.hero-pill[hidden]{display:none}
@media (max-width:600px){.btn.hero-cta{width:100%;justify-content:center}.hero-checks li{font-size:1rem}}
.hero-offer{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:12px 14px;border-radius:16px;background:#FFF4D6;border:1px solid #F2C94C;color:#4A3800;text-decoration:none;max-width:520px}
.hero-offer[hidden]{display:none}
.hero-offer .ho-go{margin-left:auto;flex:none;background:#0A6563;color:#fff;font:700 .84rem/1 var(--f-body);padding:9px 14px;border-radius:999px}
.hero-offer:hover .ho-go{background:#0A4F4D}
.hero-offer:focus-visible{outline:3px solid #F2C94C;outline-offset:3px}
@media (max-width:420px){.hero-offer{flex-wrap:wrap}.hero-offer .ho-go{margin-left:0;width:100%;text-align:center}}
/* analytics consent banner (24 Oct 2026) */
#skConsent{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:620px;margin:0 auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(10,46,36,.18);padding:14px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.9rem;line-height:1.45}
#skConsent p{margin:0;flex:1 1 260px}
#skConsent a{color:var(--accent)}
#skConsent .cs-b{display:flex;gap:8px;flex:0 0 auto}
#skConsent button{font:inherit;font-weight:600;border-radius:999px;padding:8px 16px;cursor:pointer;border:1.5px solid var(--accent)}
#skConsent .cs-yes{background:var(--accent);color:var(--on-accent)}
#skConsent .cs-no{background:transparent;color:var(--accent)}
@media (max-width:520px){#skConsent{bottom:84px}}
.wl-or{margin:18px 0 0;font-weight:700;font-size:.95rem}
#wlPick .sub-card{margin-top:16px}
.wl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:18px}
.wl-grid .wl-other{grid-column:1/-1}
@media (min-width:700px){.wl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wl-tile{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}
.wl-tile input{position:absolute;opacity:0;pointer-events:none}
.wl-tile .wl-pay{flex:1;display:grid;place-items:center;padding:13px 6px 10px;font-weight:700;font-size:1.02rem;color:var(--ink);white-space:nowrap}
.wl-tile .wl-get{padding:7px 4px;background:var(--surface-2);color:var(--good);font-size:.84rem;font-weight:600}
.wl-tile .wl-get s{color:var(--muted);font-weight:400;margin:0 3px}
.wl-tile i{position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%);font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--on-accent);white-space:nowrap;z-index:1}
.wl-tile[data-pop]{overflow:visible}
.wl-tile[data-pop] .wl-get{border-radius:0 0 12.5px 12.5px}
.wl-tile:has(input:checked) .wl-pay{background:var(--accent-soft);border-radius:12.5px 12.5px 0 0}
.wl-tile:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.wl-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.wl-other .wl-pay{font-size:.92rem}
.wl-other .wl-get{color:var(--muted)}
.wl-custom{margin-top:14px}
.wl-custom label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
.wl-amt{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface)}
.wl-amt:focus-within{border-color:var(--accent)}
.wl-amt span{color:var(--muted);font-weight:600}
.wl-amt input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.05rem;padding:12px 0;color:var(--ink);outline:none}
.wl-cnote{margin:6px 0 0;font-size:.85rem;color:var(--muted)}
.wl-amt input:focus,.wl-amt input:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.wl-amt input::-webkit-outer-spin-button,.wl-amt input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wl-amt input[type=number]{-moz-appearance:textfield;appearance:textfield}
.wl-cnote.bad{color:var(--warn)}
.wl-go{margin-top:18px}
.wl-back{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:4px 0;font:inherit;font-size:.9rem;color:var(--accent);cursor:pointer}
.wl-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wl-h{margin:8px 0 12px;font-size:1.05rem}
.wl-sum{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);display:grid;gap:8px;font-size:.93rem}
.wl-sum>div{display:flex;justify-content:space-between;gap:12px}
.wl-sum .wl-bonus{color:var(--good);font-weight:600}
.wl-sum .wl-tot{border-top:1px solid var(--line);padding-top:8px;font-weight:700}
.wl-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 14px;font-size:.84rem;color:var(--muted)}
.wl-safe svg{width:18px;height:18px;fill:none;stroke:var(--good);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wl-methods{display:grid;gap:10px}
.wl-m{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer}
.wl-m[hidden]{display:none}
.wl-m input{position:absolute;opacity:0;pointer-events:none}
.wl-ic{width:38px;height:28px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;background:var(--bg)}
.wl-ic svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wl-mt{font-weight:600;display:flex;flex-direction:column}
.wl-mt small{font-weight:400;font-size:.78rem;color:var(--muted)}
.wl-r{width:20px;height:20px;border-radius:50%;border:2px solid var(--line)}
.wl-m:has(input:checked){border-color:var(--accent)}
.wl-m:has(input:checked) .wl-r{border:6px solid var(--accent)}
.wl-m:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.upi-qr{display:grid;justify-items:center;gap:8px;margin:16px 0;text-align:center}
.upi-qr svg{width:min(220px,70vw);height:auto;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff}
.upi-qr p{margin:0;font-size:.85rem;color:var(--muted)}
#wlUpiStep .btn{margin-top:10px}#wlUpiStep .wl-sum{margin-bottom:10px}#wlUpiMsg{margin-top:12px}
.wl-via{margin-top:8px;text-align:center}
.pk-pp{margin:0 0 6px;text-align:center;font-size:.9rem;color:var(--muted)}
.pk-pp #aiPayCard{margin-bottom:8px}
.pk-pp2{margin:0}
.pk-pp .pp-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pk-pp .pp-link:hover{color:var(--accent-ink)}
.pk-pp small{font-size:.8rem}
#aiSub.sub-card{--blu:#2563EB;--blu-soft:#E8F0FE;--blu-ink:#1D4ED8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:14px 0 6px;padding:16px 14px;border:2px solid var(--blu);border-radius:16px;background:var(--blu-soft);box-shadow:0 14px 30px -20px color-mix(in srgb,var(--blu) 80%,transparent)}
#aiSub.sub-card[hidden]{display:none}
#aiSub.sub-card b{font-family:var(--f-display);font-size:1.12rem;color:var(--text,inherit)}
#aiSub.sub-card span{font-size:.95rem;line-height:1.45;display:block;margin-top:4px}
#aiSub .sub-x{font-style:normal;font-weight:700;color:#1D4ED8}
#aiSub .sub-act{display:grid;justify-items:center;gap:8px}
#aiSub .sub-act strong{font-family:var(--f-display);font-size:1.5rem;line-height:1;color:var(--text,inherit)}
#aiSub .sub-act strong small{font-size:.8rem;font-weight:600;color:var(--muted);margin-left:3px}
#aiSub .sub-act strong:empty{display:none}
#aiSub.sub-card .btn{background:var(--blu);border:2px solid var(--blu);color:#fff;font-weight:700;border-radius:999px}
#aiSub.sub-card .btn:hover{background:var(--blu-ink);border-color:var(--blu-ink)}
:root[data-theme=dark] #aiSub.sub-card{--blu-soft:#14233F;--blu:#5B8DEF;--blu-ink:#7FA6F5}
:root[data-theme=dark] #aiSub.sub-card .btn{color:#0B1630}
@media (max-width:520px){#aiSub.sub-card{grid-template-columns:1fr}#aiSub.sub-card .btn{width:100%}#aiSub .sub-act{justify-items:stretch;text-align:center}}
.more-opt{margin:6px 0 14px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--bg)}.more-opt summary{cursor:pointer;font-weight:600;color:var(--accent);list-style-position:inside}.more-opt[open] summary{margin-bottom:10px}.opt{font-weight:400;color:var(--muted);font-size:.85em}
.tm-say{margin:6px 0 0;font-size:.9rem;font-weight:600;color:var(--accent)}.tm-say:empty{display:none}

/* Learn: meditation article */
.article .art-img{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 14px;background:var(--surface-2)}
.chakra-list{margin:10px 0 14px;padding-left:18px;display:grid;gap:8px}
.chakra-list li{line-height:1.6}

.tm-row{display:grid;grid-template-columns:1fr 1fr 1.15fr!important;gap:8px}
.tm-row .tm-sel{padding:14px 10px;font-variant-numeric:tabular-nums}

.pk-cur{text-align:center;margin-top:6px;font-size:.84rem}

/* homepage special mention: Vedic roots */
.vedic-mark{justify-self:start;display:inline-block;margin:0;padding:7px 18px;max-width:100%;border-radius:999px;background:#FFF6E0;border:1px solid #E8C77A;color:#6B4A12;font-size:clamp(9px,calc((100vw - 68px) / 32.6),.95rem);font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:clip;box-shadow:0 8px 20px -14px rgba(201,138,43,.7)}
.vedic-mark span{min-width:0}
:root[data-theme="dark"] .vedic-mark{background:rgba(232,199,122,.12);border-color:rgba(232,199,122,.45);color:#F2D48F;box-shadow:none}
@media (max-width:480px){.vedic-mark{padding:6px 12px}}
@media (max-width:340px){.vedic-mark{padding:5px 8px;font-size:clamp(7.9px,calc((100vw - 60px) / 32.6),.95rem)}}
html[lang="hi"] .vedic-mark{font-size:clamp(10px,calc((100vw - 68px) / 24.4),.95rem)}

/* SEO landing pages */
.cmp-tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:.95rem}
.cmp-tbl th,.cmp-tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-tbl tbody tr:last-child th,.cmp-tbl tbody tr:last-child td{border-bottom:0}
.cmp-tbl thead th{font-weight:700;background:var(--surface-2)}
.cmp-tbl thead th:last-child,.cmp-tbl td:last-child,.cmp-tbl td:last-child span{color:var(--accent-ink);font-weight:600}
.cmp-tbl tbody th{font-weight:700;white-space:nowrap}
.cmp-tbl th,.cmp-tbl td{white-space:normal;text-transform:none;letter-spacing:0;font-size:inherit;color:var(--ink)}
.cmp-tbl .cl{display:none}
@media (max-width:700px){.cmp-tbl,.cmp-tbl tbody,.cmp-tbl tr,.cmp-tbl th,.cmp-tbl td{display:block;width:auto}.cmp-tbl thead{display:none}
.cmp-tbl tr{padding:12px 14px;border-bottom:1px solid var(--line)}.cmp-tbl tbody tr:last-child{border-bottom:0}
.cmp-tbl th,.cmp-tbl td{padding:3px 0;border:0}.cmp-tbl tbody th{font-size:1rem;margin-bottom:4px}
.cmp-tbl .cl,.cmp-tbl td:last-child .cl{display:block;font-size:.78rem;font-weight:700;color:var(--muted)}}
.alt-list,.chat-steps{margin:0;padding-left:1.25em;display:grid;gap:8px}
.chat-steps li::marker{font-weight:700;color:var(--accent-ink)}
.sfaq{margin-top:4px}
#pg-alt .page-hero .cta-row,#pg-chat .page-hero .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}

/* promote the 10-question pack */
.plan.pop{border-color:var(--accent);box-shadow:0 14px 30px -20px color-mix(in srgb,var(--accent) 80%,transparent)}
.plan.best i,.plan.sec i{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.plan.pop{border-width:2px;padding-block:20px}
.plan.pop .pl-name b{font-size:1.25rem}
.plan.pop .pl-price b{font-size:1.65rem}
.plan.sec .pl-price b{font-size:1.3rem}
.plan.sec .pl-save{color:var(--muted)}
@media (max-width:380px){.plan.pop .pl-name b{font-size:1.08rem}.plan.pop .pl-price b{font-size:1.35rem}.plan.sec .pl-price b{font-size:1.15rem}}
.pl-save{display:block;font-style:normal;font-size:.76rem;font-weight:700;color:var(--accent-ink);margin-top:2px}

/* brand logo: Surya mark + Cinzel wordmark, gold and teal only */
.brand svg.logo-mark,.brand svg{width:40px;height:40px;background:none!important;padding:0!important;border-radius:50%;color:inherit}
.brand b,.brand b span{font-family:"Cinzel","Noto Sans Devanagari",serif!important;font-weight:700!important;letter-spacing:.1em!important;font-size:1.08rem!important;-webkit-text-fill-color:currentColor;background:none}
.brand b{color:#C98A2B!important}
.brand b span{color:var(--accent-ink)!important;font-weight:600!important}
:root[data-theme="dark"] .brand b{color:#E8C77A!important}
:root[data-theme="dark"] .brand b span{color:#9EE6E1!important}
footer .brand b{color:#F2C46B!important}footer .brand b span{color:#9EE6E1!important}
html[lang="hi"] .brand b,html[lang="hi"] .brand b span{letter-spacing:0!important;font-size:1.15rem!important}
@media (max-width:360px){.brand b span{display:none}}

.rashi-wheel .rw-rays{transform-box:view-box;transform-origin:200px 200px;animation:rwSpin 60s linear infinite}
.rashi-wheel .rw-corona{transform-box:view-box;transform-origin:200px 200px;animation:rwPulse 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.rashi-wheel .rw-rays,.rashi-wheel .rw-corona{animation:none}}

/* Vedic line: always centred inside its pill, never clipped */
.vedic-mark{width:max-content;max-width:100%;box-sizing:border-box;text-align:center;overflow:visible!important;padding-left:18px!important;padding-right:18px!important}
@media (max-width:480px){.vedic-mark{padding-left:12px!important;padding-right:12px!important}}

/* policy pages */
.lg-hero .ph-copy{max-width:760px}
.lg-doc{max-width:760px;display:grid;gap:14px;padding-bottom:20px}
.lg-doc h2{font-size:clamp(1.15rem,2.6vw,1.4rem);margin-top:14px}
.lg-doc p,.lg-doc li{line-height:1.65;color:var(--ink)}
.lg-list{margin:0;padding-left:1.2em;display:grid;gap:8px}
.lg-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:grid;gap:6px;box-shadow:var(--shadow)}
.lg-k{font-size:.85rem;font-weight:700;color:var(--muted)}
.lg-mail{font-size:clamp(1.05rem,3.4vw,1.35rem);font-weight:700;margin:0;word-break:break-word}
.lg-mail a{color:var(--accent-ink)}
.lg-date{color:var(--muted);font-size:.9rem;margin-top:10px}
.ft-legal{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0}
.ft-legal a{color:inherit;opacity:.85}
@media (max-width:560px){header.top .brand b,header.top .brand b span{font-size:.98rem!important;letter-spacing:.06em!important}header.top .brand{gap:8px}header.top .theme-sw{display:none}}@media (max-width:385px){header.top .brand b,header.top .brand b span{font-size:.86rem!important;letter-spacing:.05em!important}}@media (max-width:340px){header.top .brand b,header.top .brand b span{font-size:.78rem!important;letter-spacing:.03em!important}header.top .brand svg.logo-mark{width:32px;height:32px}}

/* AskSanket is a clean full-screen chat on every screen (one scroll, inside the chat); extras open from the ⋯ button */
.mh-more{display:none}
@media all{
  body.ai-solo .topbar,body.ai-solo footer,body.ai-solo #pg-ai .page-hero{display:none!important}
  body.ai-solo{overflow:hidden;overscroll-behavior:none}
  body.ai-solo #pg-ai > section{padding:0!important;margin:0!important}
  body.ai-solo #aiChat{position:fixed;left:8px;right:8px;top:var(--ai-top,70px);height:var(--ai-h,calc(100vh - 149px));margin:0;z-index:30;display:flex;flex-direction:column;min-height:0}
  body.ai-solo #aiChat .msgs{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
  body.ai-solo #aiChat .mh-wel{flex:1 1 auto;min-height:0;overflow-y:auto}
  body.ai-solo .mh-more{display:inline-flex}
  body.ai-solo #aiChat > .ai-disc{display:none}
  body.ai-solo #aiTools{position:fixed;left:8px;right:8px;bottom:var(--ai-bot,79px);max-height:70vh;overflow-y:auto;z-index:45;margin:0;box-shadow:0 18px 50px rgba(0,0,0,.28);display:none}
  body.ai-solo.ai-more-open #aiTools{display:block}
  body.ai-solo .ai-disc{font-size:.72rem;margin:12px 0 0}
  body.ai-solo.kb-open .tabbar{display:none}
}

/* phone menu: visible teal icons, white text on the teal buttons */
@media (max-width:1180px){
  nav.main .nv-ic{background:color-mix(in srgb,var(--sun) 12%,transparent)!important;color:var(--sun)!important;stroke:var(--sun)!important}
  nav.main a.btn-primary,nav.main a.btn-primary span,nav.main .drawer-cta .btn-primary,nav.main .drawer-cta .btn-primary *{color:#fff!important}
  nav.main .drawer-cta .btn-primary svg{stroke:#fff!important;fill:none}
}

/* footer contact + legal */
footer .trust-badges{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 28px}
.ft-contact{margin-top:18px;max-width:100%}.ft-contact .ft-mail{max-width:100%;box-sizing:border-box}footer .ft-contact a.ft-mail{padding:12px 16px 12px 12px;gap:12px}.ft-contact .ft-mail-ic{width:38px;height:38px}.ft-contact .ft-mail-t>*:last-child{white-space:nowrap;font-size:.9rem}
footer a.ft-mail{display:inline-flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(158,230,225,.35);text-decoration:none;max-width:100%}
footer a.ft-mail:hover{background:rgba(255,255,255,.12);text-decoration:none}
.ft-mail-ic{flex:none;width:46px;height:46px;border-radius:50%;background:#0A6563;display:grid;place-items:center}
.ft-mail-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft-mail-t{display:grid;gap:2px;min-width:0}
.ft-mail-t small{color:#BDBDBD;font-size:.85rem}
.ft-mail-t b{color:#fff;font-size:1.05rem;font-weight:700;overflow-wrap:anywhere}
footer .ft-social{display:flex;gap:10px;margin-top:14px}footer .ft-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);color:#D6D6D6;transition:color .2s,border-color .2s,transform .2s}footer .ft-social a:hover{color:#F3D99A;border-color:#F3D99A;transform:translateY(-2px)}footer .ft-social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
footer .ft-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}
footer .ft-legal a{color:#D6D6D6;opacity:1;font-size:.92rem}
@media (max-width:640px){
 footer .trust-badges{grid-template-columns:1fr;gap:12px}
 footer a.ft-mail{display:flex;width:100%;padding:12px 14px}
 footer .ft-legal{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
}

/* packs: a full sheet above the chat */
.pk-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pk-x{display:none}
@media all{
 body.ai-solo #aiPacks{display:none}
 body.ai-solo.ai-packs-open #aiPacks:not([hidden]){display:grid;align-content:start;gap:16px;padding:0 18px 22px;position:fixed;left:8px;right:8px;top:var(--ai-top,70px);bottom:var(--ai-bot,79px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:50;margin:0;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.28)}
 body.ai-solo.ai-packs-open .pk-x{display:inline-flex}
 body.ai-solo #aiPacks .pk-head{position:sticky;top:0;z-index:2;background:var(--surface);margin:0 -18px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
 body.ai-solo #aiPacks .never{margin-top:12px}
 body.drawer-open #aiPacks,body.drawer-open #aiTools{display:none!important}
 body.ai-solo #aiPacks .note{text-align:center}
}

/* the menu always opens above the chat, packs and floating buttons */
body.drawer-open header.top{z-index:200}

/* accepted payments row under the Buy button */
.pay-acc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:2px}
.pay-acc .pa-lock{flex-basis:100%;justify-content:center;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--muted)}
.pay-acc svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.8rem;font-weight:700;color:var(--ink)}
.pa-pp{font-style:italic;font-weight:800;letter-spacing:.01em;color:#1B3A8C}
.pa-pp img{height:18px;width:auto;display:block}

/* proprietary model note */
.prop-note{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;justify-self:start;margin:0 0 6px;padding:10px 16px 10px 12px;border-radius:12px;background:var(--surface,#fff);border:1px solid var(--line);border-left:3px solid #C99A3E;max-width:560px}
.prop-note svg{width:26px;height:26px;fill:#0A6563}
.prop-note svg .ck{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prop-note p{margin:0;line-height:1.4;color:var(--ink);min-width:0;white-space:normal}
.prop-note{box-sizing:border-box;max-width:min(560px,100%)!important;min-width:0}
.prop-note b{display:block;color:var(--ink);font-weight:700;font-size:.95rem;letter-spacing:.005em}
.prop-note p span{display:block;font-size:.8rem;color:var(--muted);margin-top:1px}
.prop-note.light{margin-top:14px}
/* Vedic line: a quiet note under the intro */
.hero-copy .vedic-mark{white-space:normal!important;overflow-wrap:anywhere;order:0;width:auto!important;max-width:100%;margin:2px 0 0;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;color:var(--muted);font-size:.84rem!important;font-weight:500;text-align:left;display:flex;align-items:flex-start;gap:8px;line-height:1.45}
.hero-copy .vedic-mark::before{content:"";flex:none;width:18px;height:1.5px;margin-top:.72em;background:#C99A3E}
html[lang="hi"] .hero-copy .vedic-mark{font-size:.84rem!important}
:root[data-theme="dark"] .hero-copy .vedic-mark{color:var(--muted)}
@media (max-width:480px){.prop-note{padding:9px 12px 9px 10px;gap:10px}.prop-note b{font-size:.9rem}.prop-note p span{font-size:.76rem}.prop-note svg{width:24px;height:24px}.hero-copy .vedic-mark{font-size:.78rem!important}html[lang="hi"] .hero-copy .vedic-mark{font-size:.8rem!important}}

/* signed-in greeting in the header */
.acct-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0A6563;color:#fff;font-size:.8rem;font-weight:700;flex:none}
.acct-btn.signed svg{display:none}
@media (max-width:560px){.acct-btn.signed .acct-av{width:30px;height:30px;font-size:.88rem}}
.rv-later{background:none;border:0;color:var(--muted);font-size:.82rem;text-decoration:underline;cursor:pointer;justify-self:center;margin-top:2px;padding:4px}
/* AskSanket: sign-in prompt instead of the sign-in card */
.gate-cta{display:grid;gap:10px;justify-items:center;text-align:center;padding:6px 0}
.gate-cta p{margin:0;color:var(--muted);font-size:.9rem}

.about-copy .ab-gen{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:-4px 0 4px;padding:5px 12px;border-radius:999px;border:1px solid #E2B95C;background:#FFF8E8;color:#5A3C0C;font-size:.85rem;font-weight:700}
.ab-gen::before{content:"";width:7px;height:7px;border-radius:50%;background:#C99A3E}
:root[data-theme="dark"] .about-copy .ab-gen{background:rgba(232,199,122,.1);color:#F2D48F}

/* sign in with an email code */
.ac-email{display:grid;gap:8px;margin-top:4px}
.ac-or{display:flex;align-items:center;gap:10px;margin:2px 0;color:var(--muted);font-size:.82rem}
.ac-or::before,.ac-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ac-eform{display:grid;grid-template-columns:1fr auto;gap:8px}
.ac-eform input{min-width:0;padding:11px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;background:var(--surface);color:var(--ink)}
.ac-eform .ac-name{grid-column:1/-1}
.ac-eform input:focus{outline:2px solid var(--accent);outline-offset:1px}
#acCodeIn{letter-spacing:.3em;font-weight:700}
@media (max-width:360px){.ac-eform{grid-template-columns:1fr}}

/* header: the AskSanket button always reads white */
header.top .btn-primary,header.top .btn-primary *{color:#fff!important}
/* account page: calmer type and clear spacing */
#pg-account .acc-card{gap:14px;padding:22px}
#pg-account .acc-card h3{font-size:1.02rem}
#pg-account .pf-signs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
#pg-account .sg-chip{padding:8px 12px}
#pg-account .sg-chip small{font-size:.72rem}
#pg-account .sg-chip b{font-size:.92rem}
#pg-account .summary{gap:8px}
#pg-account .summary div{padding:10px 12px}
#pg-account .summary dt{font-size:.66rem}
#pg-account .summary dd{font-size:.9rem;font-weight:600}
#pg-account .ac-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#pg-account .ac-btns .btn{padding:9px 18px;font-size:.88rem}
#pg-account .fam{margin-top:20px}
#pg-account .fam h4{font-size:.95rem}
#pg-account .note,#pg-account .acc-card p{font-size:.86rem}
#pg-account .pred{padding:12px 14px;gap:6px}
#pg-account .pred b{font-size:.92rem;line-height:1.35}
#pg-account .pred .when{font-size:.74rem}
#pg-account .pred p,#pg-account .pred small{font-size:.82rem}
#pg-account .acc-big{font-size:1.6rem}

/* desktop header: calmer spacing between menu items and controls */
@media (min-width:1181px){
  nav.main{gap:20px!important}
  nav.main > .btn,nav.main > a.btn{margin-left:6px}
  .top-right{gap:9px!important}
  header.top .brand{margin-right:24px}
  nav.main .dd-btn{gap:6px}
}
@media (min-width:1181px) and (max-width:1380px){
  nav.main{gap:22px!important}
  .top-right{gap:10px!important}
  header.top .brand{margin-right:20px}
  nav.main a,nav.main .dd-btn{font-size:.9rem!important}
}

/* signed-in header on mid-size desktops (owner, 20 Oct 2026): the greeting made the header wider than the window and pushed the light/dark switch off the edge.
   Below 1440px the account chip shows only the round initial (full greeting stays on wider screens); the switch never shrinks or leaves the window. */
@media (min-width:1181px) and (max-width:1439px){
  header.top #acctLbl{display:none}
  header.top .acct-btn.signed{padding:0;width:38px}
  header.top .acct-btn.signed .acct-av{width:30px;height:30px;font-size:.88rem}
}
header.top .theme-sw{flex:none}
header.top .top-right{flex:none;min-width:0}

/* packs: tapping a pack goes straight to checkout, so the separate Buy button is hidden (it still receives the tap in code) */
#aiBuy{display:none!important}

/* invite card: link, actions and counts each get their own row with room to breathe */
#accRef > p{margin:0 0 18px;line-height:1.6}
#accRef .ref-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 20px;align-items:stretch}
#accRef .ref-link a.btn{grid-column:1/-1;white-space:nowrap}
#accRef .ref-link #refCopy{width:auto;min-width:92px}
#accRef .ref-link code{display:flex;align-items:center;min-width:0;font-size:.84rem;line-height:1.5;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}
#accRef .ref-link .btn{width:100%;justify-content:center;min-height:46px;padding:10px 14px!important;font-size:.92rem;margin:0}
#accRef .summary{gap:12px;padding-top:18px;border-top:1px solid var(--line)}
#accRef .summary div{padding:14px 16px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
#accRef .summary dt{text-transform:none;letter-spacing:0;font-size:.8rem!important;margin-bottom:6px}
#accRef .summary dd{font-size:1.35rem}
@media (max-width:340px){#accRef .ref-link{grid-template-columns:1fr}}

/* about page: one calm reading column */
#pg-about .about{grid-template-columns:minmax(0,820px);justify-content:start;gap:0;padding-inline:calc(20px + clamp(24px,4.5vw,48px)) 20px}
#pg-about .about-copy{gap:20px}
#pg-about .about-copy h2{margin-bottom:-4px}
#pg-about .ab-lead{font-size:1.15rem;line-height:1.6;color:var(--ink)}
#pg-about .ab-stats div{background:var(--surface-2);color:var(--ink)}
#pg-about .ab-stats div b{color:var(--accent-ink)}
#pg-about .ab-stats span{color:var(--muted)}
#pg-about .ab-quals{font-size:1.02rem;line-height:1.75;color:var(--muted);margin-top:-6px}
#pg-about .ab-quals b{color:var(--ink);font-weight:600}
#pg-about .ph-inner{grid-template-columns:1fr}
/* no black anywhere: buttons, chips and dark bands use the brand teal instead */
:root{--deep:#0B4744}
.hero .btn-night,.page-hero .btn-night,.btn-night{background:#fff;color:var(--accent-ink);border:1.5px solid var(--accent)}
.hero .btn-night:hover,.page-hero .btn-night:hover,.btn-night:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.cta-box .btn-primary{background:#fff;color:var(--accent-ink);border-color:#fff}
.cta-box .btn-night{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.seg button[aria-pressed="true"],.cur button[aria-pressed="true"],.hz-tabs [aria-current="page"],.hz-tabs [aria-selected="true"],.pred .vb button[aria-pressed="true"],.hw-signs button[aria-selected="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-ghost:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.hero .badge{background:var(--accent);color:#fff}
.hero .qchips a:hover{border-color:var(--accent)}
.principles li::before{background-color:var(--accent)}
.hero-media{background:linear-gradient(160deg,var(--deep) 0 42%,#0A6563 42% 100%)}
.usp-card.hot{background:var(--deep);border-color:var(--deep)}
.cta-box{background:linear-gradient(115deg,var(--deep) 0 52%,#0A6563 52% 100%)}
@media (max-width:760px){.cta-box{background:linear-gradient(170deg,var(--deep) 0 58%,#0A6563 58% 100%)}}
.approach-sec{background:var(--deep)}
footer{background:var(--deep)}
.tabbar a.mid.active i{background:var(--accent-ink)}
.portrait.emblem{background:var(--deep)}
.ph-inner .crumbs [aria-current]{color:var(--accent-ink)!important}
/* one AskSanket is enough: the header (computer) and the bottom bar (phone) already offer it on every page */
/* the floating AskSanket button is shown on computers only (rules below) */

/* sign-in: options first, consent box below them, left aligned */
.ac-agree{margin:18px 0 6px!important;max-width:none!important;justify-content:flex-start;text-align:left}
.ac-agree-n{margin:0 0 6px;color:#B4232A}
.ac-out.ac-locked #acGoogle{position:relative;opacity:.55}
.ac-out.ac-locked #acGoogle::after{content:"";position:absolute;inset:0;cursor:not-allowed}
.ac-out.ac-locked #acEmailSend{opacity:.55}
.ac-agree.nudge{animation:acNudge .5s}
@keyframes acNudge{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
/* footer help box: a little smaller */
footer a.ft-mail{gap:11px;padding:9px 16px 9px 9px;border-radius:13px}
.ft-mail-ic{width:34px;height:34px}
.ft-mail-ic svg{width:17px;height:17px}
.ft-mail-t small{font-size:.74rem}
.ft-mail-t b{font-size:.9rem;font-weight:600}
.rv-card .rv-why{margin:2px 0 0;font-size:.92rem;color:inherit;opacity:.9;text-align:left}
/* the account page fills in after loading: keep the footer below the screen so nothing jumps */
#pg-account:not([hidden]){min-height:calc(100vh - 90px);min-height:calc(100svh - 90px)}
/* the calculator list is filled in after loading: reserve its space so the button below it does not jump */
#calcGrid:empty{min-height:800px}@media (min-width:520px){#calcGrid:empty{min-height:540px}}@media (min-width:700px){#calcGrid:empty{min-height:370px}}@media (min-width:960px){#calcGrid:empty{min-height:330px}}
/* the sample-question chips fill in after loading: reserve their space so the buttons below do not jump */
#qChips:empty{min-height:90px}@media (min-width:861px) and (max-width:1079px){#qChips:empty{min-height:139px}}
/* visitors (not signed in): no packs or extras before the free answer */
#aiChat.is-guest #aiCtxBtn,#aiChat.is-guest #aiHaveCode{display:none!important}
.cta-line{display:flex;flex-wrap:wrap;gap:10px}.cta-line .cta-alt{background:transparent!important;border:1.5px solid currentColor!important;color:inherit!important}
.guest-cta-b .guest-next{margin:0 0 4px}
.guest-cta-b .guest-how{margin:0 0 6px;font-size:.86em;color:var(--muted,#5b6472)}
/* floating AskSanket button, bottom right on computers (phones use the AskSanket tab); hidden on the AskSanket page itself */
.ai-fab{background:var(--sun)!important;color:#fff!important;padding:14px 22px;border-radius:999px;font:600 1rem var(--f-body);text-decoration:none;box-shadow:0 12px 28px -10px rgba(10,101,99,.55)!important}
.ai-fab:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.ai-solo .ai-fab,body.on-ai .ai-fab{display:none!important}
@media (max-width:760px){.ai-fab{display:none!important}}
/* computers: the chat runs edge to edge under the menu bar; the text stays in a readable centre column; extras and packs open as a panel on the right */
@media (min-width:761px){
  body.ai-solo #pg-ai #aiChat{left:0!important;right:0!important;bottom:0!important;height:auto!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;max-width:none!important;width:auto!important}
  body.ai-solo #pg-ai #aiChat #aiMsgs{padding-left:max(20px,calc((100% - 880px) / 2))!important;padding-right:max(20px,calc((100% - 880px) / 2))!important}
  body.ai-solo #pg-ai #aiChat .mh-status,body.ai-solo #pg-ai #aiChat #aiAsk{width:min(880px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
  body.ai-solo #aiTools,body.ai-solo.ai-packs-open #aiPacks:not([hidden]){left:auto!important;right:16px!important;width:min(460px,calc(100% - 32px))!important}
}
}
#aiPacks .pk-out{margin:0;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:.92rem}
#aiPacks .pk-out[hidden]{display:none}
/* horoscope: the "Overall" card is the highlighted one (dark teal, white text); sign tiles wide enough for the longest names */
.hz-sec.hz-open{background:linear-gradient(160deg,#0F4A47,#0A2E24)!important;color:#fff!important;border-color:transparent!important}
.hz-sec.hz-open h3,.hz-sec.hz-open p{color:#fff!important}
.hz-sec.hz-open .dots i{border-color:#9EE6E1!important}
.hz-sec.hz-open .dots i.on{background:#9EE6E1!important}
.sg-strip{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important}
.sg-strip a{font-size:.98rem}
.sg-strip a > b,.sg-strip a{overflow:hidden}
@media (max-width:420px){.sg-strip{grid-template-columns:1fr 1fr!important}.sg-strip a{font-size:.92rem;gap:8px}}
/* legal and contact pages: the breadcrumb sits on a light header, so it uses the normal muted text colour */
.lg-hero .crumbs,.lg-hero .crumbs a,.lg-hero .crumbs span{color:var(--muted)!important}
.lg-hero .crumbs [aria-current]{color:var(--accent-ink)!important}
/* dark mode: zodiac symbols on their light teal chips stay teal */
:root[data-theme="dark"] .sg-strip span,:root[data-theme="dark"] .hz-card .g,:root[data-theme="dark"] .hw-signs button span,:root[data-theme="dark"] .res-glyph,:root[data-theme="dark"] .calc-card .ci,:root[data-theme="dark"] .ai-tool .ci{color:#0A6563!important;background:#DDF3F2!important}
:root[data-theme="dark"] .hero .cta-row .btn-night,:root[data-theme="dark"] .cta-box .cta-row .btn-primary{color:#0A6563!important}
/* 404 page */
.nf-hero{padding-bottom:clamp(40px,8vw,96px)}.nf-hero .ph-copy{max-width:640px}
.nf-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.nf-links .btn{min-height:44px}
/* the free-question strip is not shown once this device's free question is used */
html.sk-gu .topbar{display:none!important}
/* footer links: comfortable tap targets */
footer ul{gap:2px}
footer ul a,footer .ft-legal a{display:inline-flex;align-items:center;min-height:28px}
@media (max-width:640px){footer ul{gap:0}footer ul a,footer .ft-legal a{min-height:34px}footer .ft-legal{gap:2px 16px}}
/* phones: the headline, the question chips and the main button come first, the zodiac wheel follows */
@media (max-width:600px){
  #pg-home .hero-copy{display:contents}
  #pg-home .hero-grid{gap:16px;justify-items:stretch}
  #pg-home .hero-copy>*{order:10;min-width:0}
  #pg-home .hero-copy>h1{order:1;margin:0}
  #pg-home .hero-copy>.lede{order:2;margin:0}
  #pg-home .hero-copy>.hero-checks,#pg-home .hero-copy>.hero-go{order:3;margin:0}
  #pg-home .hero-copy>.prop-note{order:4;margin:0}
  #pg-home .hero-copy>.vedic-mark{order:5}
  #pg-home .hero-copy>.q-label{order:6}
  #pg-home .hero-copy>.qchips{order:7}
  #pg-home .hero-copy>.cta-row{order:8}
  #pg-home .hero-copy>.badge{order:9;justify-self:start}
  #pg-home .hero-pic{order:2!important;max-width:280px!important;width:100%;justify-self:center}
  #pg-home .hero-copy>.principles{order:11}
}
/* CTA card buttons: readable on the light card (18 Oct 2026) */
.cta-band .cta-box .cta-row .btn-primary{background:#0F766E!important;color:#fff!important;border-color:#0F766E!important}
.cta-band .cta-box .cta-row .btn-night{background:transparent!important;color:#0F766E!important;border:1.5px solid #0F766E!important}
.cta-band .cta-box .cta-row .btn-night:hover{background:#0F766E!important;color:#fff!important}
:root[data-theme="dark"] .cta-band .cta-box .cta-row .btn-night{color:#5FD6CB!important;border-color:#5FD6CB!important}

/* footer: registered legal name (20 Oct 2026) */
footer .ft-reg{color:#D6D6D6}
footer .ft-reg b{color:#fff;font-weight:600}
/* app-like page switching (20 Oct 2026): pages fade into each other; the top bar and the bottom tabs stay put */
@view-transition{navigation:auto}
header.top{view-transition-name:sk-top}
.tabbar{view-transition-name:sk-tabs}
::view-transition-old(root){animation:sk-vt-out .14s ease-in both}
::view-transition-new(root){animation:sk-vt-in .2s ease-out both}
::view-transition-group(sk-top),::view-transition-group(sk-tabs){animation-duration:0s}
::view-transition-old(sk-tabs),::view-transition-new(sk-tabs),::view-transition-old(sk-top),::view-transition-new(sk-top){animation:none;mix-blend-mode:normal}
::view-transition-old(sk-tabs),::view-transition-old(sk-top){display:none}
@keyframes sk-vt-out{to{opacity:0}}
@keyframes sk-vt-in{from{opacity:0;transform:translateY(8px)}}
.tabbar a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease,background-color .15s ease,color .15s ease}
.tabbar a:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.tabbar a{transition:none}.tabbar a:active{transform:none}}
/* ===== Reading typography pass (owner, 26 Oct 2026): calmer body text so bold facts stand out, clear section breaks ===== */
.res-text p,.xp p,.xp li,.cx-about p,.hz-sec p,.so-item p,.tl-card p,.faq-list details p{color:color-mix(in srgb,var(--ink) 84%,var(--bg));line-height:1.65}
.res-text b,.res-text strong,.xp b,.xp strong,.cx-about b,.hz-sec b,.so-item b,.tl-card b,.faq-list b,.note b{color:var(--ink);font-weight:700}
.hz-open p,.hz-open b{color:inherit}
.res-text{gap:10px}
#cxRes .res-text+.res-text,#cxRes .summary+.res-text{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.res-text h4{font-size:1.14rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.summary dt{text-transform:none;letter-spacing:0;font-size:.8rem;line-height:1.3;margin-bottom:2px}
.summary dd{font-size:1.04rem;line-height:1.35}
.pill{width:fit-content;justify-self:start;align-self:start}
.kf{font-weight:700;color:var(--accent-ink)}
.res-lead{font-size:1.06rem;color:var(--ink)!important;font-weight:500}
.wk-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.wk-list li{padding:10px 12px;border-radius:12px;background:var(--surface-2);line-height:1.5}
.wk-list li b{display:block}
.mc-links{gap:8px}.mc-links a.linkbtn{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface);font-size:.88rem}
.mc-links a.linkbtn:hover{border-color:var(--accent)}
.chip-q{line-height:1.45}
@media (max-width:600px){.res-text h4{font-size:1.08rem}.summary dd{font-size:1rem}}
.tl.ss-list li{grid-template-columns:1fr auto;padding:8px 10px;border-radius:10px;background:var(--surface-2)}
.tl.ss-list li.on{color:var(--ink);background:color-mix(in srgb,var(--warn) 14%,var(--surface))}
.ads li{flex-wrap:wrap;align-items:baseline;row-gap:0}.ads li>span{white-space:nowrap}.ads li .d{font-size:.76rem}
#cxRes table{width:100%}#cxRes td .note{white-space:normal}#cxRes th{letter-spacing:.02em}
.tl.ss-list li .d{font-size:.78rem}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px){#cxRes table th,#cxRes table td{padding-left:6px;padding-right:6px;font-size:.88rem}}
@media (max-width:600px){.tl:not(.ss-list) li{grid-template-columns:1fr auto;grid-template-areas:"n d" "b b";row-gap:5px;padding:4px 0}
.tl:not(.ss-list) li>:first-child{grid-area:n}.tl:not(.ss-list) li .bar{grid-area:b}.tl:not(.ss-list) li .d{grid-area:d;text-align:right}}
.tr-btn.ghost,.tr-btn.ghost:visited{color:var(--tg)}
/* Panchang day bar v2 (owner, 26 Oct 2026): good and avoid on separate lanes, distinct colours, tap for details */
#paBar,.pb{--pb-rahu:#C2412D;--pb-yama:#7A4FA3;--pb-gulika:#2F6B9A;--pb-abhi:#1F8A55}
.pb-track{height:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:30px 34px;gap:6px 10px;background:none;border-radius:0;margin:30px 0 2px;padding:0}
.pb-lab{font-size:.74rem;font-weight:700;align-self:center;color:var(--muted)}.pb-lab.good{grid-row:1;color:var(--pb-abhi)}.pb-lab.bad{grid-row:2;color:var(--pb-rahu)}
.pb-lane{grid-column:2;border-radius:999px;background:var(--surface-2)}.pb-lane.good{grid-row:1}.pb-lane.bad{grid-row:2}
.pb-track>.pb-seg,.pb-track>.pb-done,.pb-track>.pb-mark{grid-column:2;grid-row:1/3}
.pb-track{position:relative}
.pb-seg{position:absolute;top:auto;bottom:auto;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 .72rem var(--f-body);color:#fff;border-radius:8px;transition:transform .15s,opacity .3s,box-shadow .2s;min-width:6px}
.pb-seg span{white-space:nowrap;overflow:hidden;text-overflow:clip;padding:0 4px}
.pb-seg.g{top:2px;height:26px}.pb-seg.b{top:38px;height:30px}
.pb-seg.rahu{background:var(--pb-rahu)}.pb-seg.yama{background:var(--pb-yama)}.pb-seg.gulika{background:var(--pb-gulika)}.pb-seg.abhijit{background:var(--pb-abhi)}
.pb-seg.past{opacity:.38}.pb-seg:hover{transform:translateY(-1px)}
.pb-seg.sel{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}
.pb-seg.on{animation:pbPulse 2s ease-in-out infinite}
@keyframes pbPulse{50%{filter:brightness(1.18)}}
@media (prefers-reduced-motion:reduce){.pb-seg.on{animation:none}}
.pb-done{position:absolute;top:0;height:70px;left:0;border-radius:0;background:color-mix(in srgb,var(--bg) 45%,transparent);pointer-events:none;border-right:0}
.pb-mark{position:absolute;top:-24px;height:96px;bottom:auto}
.pb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:6px}
.pb-row{display:grid;grid-template-columns:12px 1fr auto;grid-template-areas:"i n s" "i t s";gap:0 10px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:var(--ink)}
.pb-row i{grid-area:i;width:12px;height:100%;min-height:30px;border-radius:4px}.pb-row b{grid-area:n;font-size:.92rem}.pb-row .t{grid-area:t;font-size:.82rem;color:var(--muted)}
.pb-row .s{grid-area:s;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.pb-row[data-st="now"] .s{background:var(--ink);color:var(--surface)}.pb-row[data-st="over"]{opacity:.62}
.pb-row.rahu i{background:var(--pb-rahu)}.pb-row.yama i{background:var(--pb-yama)}.pb-row.gulika i{background:var(--pb-gulika)}.pb-row.abhijit i{background:var(--pb-abhi)}
.pb-row.sel{border-color:var(--ink)}
.pb-info{margin-top:4px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border-left:4px solid var(--line);font-size:.92rem}
.pb-info.rahu{border-left-color:var(--pb-rahu)}.pb-info.yama{border-left-color:var(--pb-yama)}.pb-info.gulika{border-left-color:var(--pb-gulika)}.pb-info.abhijit{border-left-color:var(--pb-abhi)}
.pb-info .t{color:var(--muted);font-size:.85rem}.pb-info p{margin:4px 0 0;line-height:1.55}
.pb-key{display:none}
@media (max-width:600px){.pb-list{grid-template-columns:1fr}.pb-seg span{font-size:.66rem}}
@media (max-width:600px){.pb-seg span{display:none}}
/* content spacing (owner, 26 Oct 2026): breathing room under headings, consistent section heading sizes */
.cx-copy:not([hidden]){display:grid;gap:12px}
.cx-about h2,.xp h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.25;margin-bottom:2px}
.cx-about .faq-list{margin-top:8px}
.cx-about p{max-width:70ch}
#pg-home section h2{font-size:clamp(1.7rem,3.1vw,2.5rem);line-height:1.15}
@media (max-width:600px){.cx-about{margin-top:24px}.cx-about h2,.xp h2{font-size:1.3rem}#pg-home section h2{font-size:1.65rem}}
.va-how{margin:8px 0 2px;padding-left:18px;display:grid;gap:6px;font-size:.95em}.va-how li{line-height:1.6}
/* explainer animations (owner, 26 Oct 2026) */
.an-card{display:grid;gap:10px;padding:14px;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;background:var(--surface);max-width:560px;margin:4px 0 10px}
.an-stage{background:var(--bg);border-radius:12px;aspect-ratio:320/220}.an-stage svg{width:100%;height:100%;display:block}
.an-cap b{display:block;font-size:1rem}.an-cap p{margin:2px 0 0;color:var(--muted);line-height:1.5;min-height:3em}
.an-ctrl{display:flex;align-items:center;gap:12px}.an-play{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.8rem}
.an-dots{display:flex;gap:6px}.an-dots button{width:26px;height:6px;border-radius:999px;border:0;background:var(--line);cursor:pointer;padding:0}.an-dots button.on{background:var(--accent)}
.an-draw{stroke-dasharray:700;stroke-dashoffset:700;animation:anDraw 1.1s ease forwards}
line.an-draw[stroke-dasharray="6 5"]{stroke-dasharray:6 5;stroke-dashoffset:0;clip-path:inset(0 100% 0 0);animation:anWipe 1s ease forwards}
.an-fade{opacity:0;animation:anFade .6s ease forwards}.an-pop{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:anPop .5s cubic-bezier(.3,1.6,.5,1) forwards}
.an-ring{transform-box:fill-box;transform-origin:center;opacity:0;animation:anRing 1.6s ease-out 2.4s infinite}
.an-wobble{transform-origin:143px 97px;animation:anWob 2.2s ease-in-out forwards}.an-rise{transform:translateY(40px);opacity:0;animation:anRise .7s ease .3s forwards}
.an-needle{animation:anNeedle 2.4s cubic-bezier(.3,1.4,.5,1) .3s both}
.d1{animation-delay:.3s}.d2{animation-delay:.9s}.d3{animation-delay:1.5s}.d4{animation-delay:2.1s}.d5{animation-delay:2.6s}
@keyframes anDraw{to{stroke-dashoffset:0}}@keyframes anWipe{to{clip-path:inset(0 0 0 0)}}@keyframes anFade{to{opacity:1}}@keyframes anPop{to{transform:scale(1)}}
@keyframes anRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
@keyframes anWob{0%{transform:rotate(-9deg)}25%{transform:rotate(7deg)}50%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}
@keyframes anRise{to{transform:none;opacity:1}}@keyframes anNeedle{0%{transform:rotate(140deg)}60%{transform:rotate(-18deg)}100%{transform:rotate(0)}}
.an-still *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important;clip-path:none!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.an-card *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important;clip-path:none!important;transform:none!important}}
.an-orbit{animation:anOrbit 1.8s cubic-bezier(.4,0,.2,1) .3s both}@keyframes anOrbit{from{transform:rotate(var(--a0))}to{transform:rotate(var(--a1))}}
.an-type{opacity:0;animation:anFade .4s steps(1) forwards}
.an-spin{animation:anSpin 6s linear infinite}@keyframes anSpin{to{transform:rotate(360deg)}}
.an-grow{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:anGrow .5s ease forwards}@keyframes anGrow{to{transform:scaleX(1)}}
.an-blink{animation:anBlink 1.2s ease-in-out 3}@keyframes anBlink{50%{stroke-opacity:.35}}
.an-shift{transform:translateX(0);animation:anShift 1.6s ease .4s forwards}@keyframes anShift{to{transform:translateX(18px)}}
.an-drop{transform:translateY(-120px);opacity:0;animation:anDrop .9s cubic-bezier(.3,1.5,.5,1) .3s forwards}@keyframes anDrop{to{transform:none;opacity:1}}
@media (min-width:900px){#what-is .whatis{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head head" "anim steps";align-items:stretch;column-gap:40px;row-gap:22px}
  #what-is .whatis>div:first-child{grid-area:head}#what-is #askAnim{grid-area:anim;max-width:none;margin:0}#what-is .steps3{grid-area:steps;align-self:stretch;display:grid;align-content:space-between;margin:0}}
#what-is #askAnim{margin:16px 0 0}#what-is #askAnim .an-cap{display:none}
#what-is .steps3>li{cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s}
#what-is .steps3>li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.an-needle2{transform:rotate(-90deg);animation:anNeedle2 1.8s cubic-bezier(.3,1.3,.5,1) .3s forwards}@keyframes anNeedle2{to{transform:rotate(60deg)}}
.an-shift2{transform:translateX(0);animation:anShift2 1.6s ease .5s forwards}@keyframes anShift2{to{transform:translateX(-24px)}}
.k-explain{padding:8px 0 40px}.k-explain h2,.pa-explain h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:0 0 12px}.pa-explain{margin:28px 0 8px}
.articles .article{position:relative}.art-sum{color:var(--muted);line-height:1.6;margin:6px 0 10px}
.art-link{font-weight:700;color:var(--accent-ink);text-decoration:none}.art-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.articles .article:hover{border-color:var(--accent)}.art-link:focus-visible{outline:none}.articles .article:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}
.lr-video{margin:0 0 18px;max-width:760px}.lr-video video{width:100%;height:auto;border-radius:14px;background:#14102a;display:block}.lr-video figcaption{color:var(--muted);font-size:.9rem;margin-top:6px}
.lr-body{max-width:72ch}.lr-back{margin:8px 0 16px}
.hz-lt{margin:-2px 0 2px;font-size:.88rem;color:var(--muted)}.hz-lt b{color:var(--ink)}.hz-star{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--surface-2);font-size:.95rem}
.hz-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.an-press{animation:anPress .5s ease both}@keyframes anPress{0%{opacity:.55}50%{transform:translateY(2px);opacity:1}100%{opacity:1}}
.an-slide{opacity:0;transform:translateX(16px);animation:anSlide .6s ease forwards}@keyframes anSlide{to{opacity:1;transform:none}}
.an-lift{animation:anLift .5s ease forwards}@keyframes anLift{to{transform:translateY(-14px);fill:#C9962E}}
.an-fadeout{animation:anFadeOut .5s ease forwards}@keyframes anFadeOut{to{opacity:.15}}
/* home quote band (owner, 26 Oct 2026) */
.quote-band{padding:8px 0 28px}.quote-band figure{margin:0 auto;max-width:720px;text-align:center;padding:0 12px}
.quote-band blockquote{margin:0;font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.4;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.quote-band blockquote::before{content:"\201C";color:#C9962E;font-size:1.6em;line-height:0;vertical-align:-.28em;margin-right:4px}
.quote-band figcaption{margin-top:6px;font-size:.84rem;color:var(--muted)}
.why.why6{grid-template-columns:repeat(3,1fr)}@media (max-width:960px){.why.why6{grid-template-columns:1fr 1fr}}@media (max-width:560px){.why.why6{grid-template-columns:1fr}}

/* sales changes (owner, 31 Oct 2026) */
#wlPick .wl-grid.wl-few .wl-tile.wl-x,#wlPick .wl-grid.wl-few .wl-other{display:none!important}.wl-grid.wl-few .wl-main{grid-column:1/-1}.wl-tile .wl-min{display:block;font-size:.78rem;opacity:.8;margin-top:2px}.wl-more{display:block;margin:8px auto 0;background:none;border:0;color:var(--teal,#0E6E66);font-weight:600;text-decoration:underline;cursor:pointer;padding:6px 10px}#know-yourself{padding:56px 0}#know-yourself .ky-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#know-yourself h2{margin:0 0 14px}#know-yourself .ky-txt p{max-width:52ch;margin:0}#know-yourself .ky-fig{max-width:340px;width:100%;margin:0 auto}#know-yourself svg{width:100%;height:auto;display:block;overflow:visible}#know-yourself .ky-lines *{fill:none;stroke:var(--teal,#0E6E66);stroke-width:2;stroke-dasharray:1700;stroke-dashoffset:1700}#know-yourself.go .ky-lines *{animation:kyDraw 2.2s ease forwards}#know-yourself.go .ky-lines *:nth-child(2){animation-delay:.25s}#know-yourself.go .ky-lines *:nth-child(3){animation-delay:.5s}@keyframes kyDraw{to{stroke-dashoffset:0}}#know-yourself .ky-pl{opacity:0;font-size:26px;fill:currentColor}#know-yourself.go .ky-pl{animation:kyPop .6s ease forwards}@keyframes kyPop{from{opacity:0}to{opacity:1}}#know-yourself .ky-mark{fill:#C9973A;opacity:0}#know-yourself.go .ky-mark{animation:kyPop .6s 2.6s ease forwards,kyGlow 3.2s 3.3s ease-in-out infinite}@keyframes kyGlow{50%{opacity:.45}}#know-yourself .ky-ring{fill:none;stroke:#C9973A;stroke-width:1.2;stroke-dasharray:3 9;transform-origin:200px 200px;opacity:.7}#know-yourself.go .ky-ring{animation:kySpin 90s linear infinite}@keyframes kySpin{to{transform:rotate(360deg)}}#know-yourself .ky-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(127,127,127,.25)}#know-yourself .ky-grid h3{margin:0 0 6px;font-size:1.08rem;color:var(--teal,#0E6E66)}#know-yourself .ky-grid p{margin:0}#know-yourself .ky-cta{margin-top:30px;padding:22px;border-radius:14px;background:rgba(14,110,102,.07)}#know-yourself .ky-cta p{margin:0 0 8px}#know-yourself .ky-rate a{color:inherit;text-decoration:none;font-weight:600}#know-yourself .ky-rate span[aria-hidden]{color:#C9973A;letter-spacing:1px}@media(max-width:760px){#know-yourself .ky-top,#know-yourself .ky-grid{grid-template-columns:1fr}#know-yourself .ky-fig{max-width:260px}}@media(prefers-reduced-motion:reduce){#know-yourself .ky-lines *{stroke-dashoffset:0!important;animation:none!important}#know-yourself .ky-pl,#know-yourself .ky-mark{opacity:1!important;animation:none!important}#know-yourself .ky-ring{animation:none!important}}

/* horoscope cards: one line, lucky-time chip, roomier (owner, 2 Nov 2026) */
.hz-grid{gap:18px}.hz-card{gap:12px;padding:22px}.hz-card p.hz-one{color:var(--ink);font-size:1rem;font-weight:500;line-height:1.45;-webkit-line-clamp:2}.hz-card .hz-lt{display:block;width:fit-content;max-width:100%;padding:6px 12px;border-radius:12px;background:var(--surface-2);font-size:.82rem;margin:0}.hz-card .more{font-size:.85rem}

/* QA: wallet rate line as price + muted explanation; Circle card balance; nav above chat */
#wlRate.wl-rate{display:block}
#wlRate .wl-price{display:block;white-space:nowrap;color:var(--ink)}
#wlRate .wl-expl{display:block;margin-top:3px;font-size:.88rem;line-height:1.45;color:var(--muted)}
#aiSub .sub-x{white-space:nowrap}
:root[data-theme=dark] #aiSub .sub-x{color:#7FA6F5}
#aiSub.sub-card{column-gap:16px}
#aiSub .sub-act strong{white-space:nowrap}
body.ai-solo:not(.drawer-open) header.top{z-index:55}
/* Calmer type (owner, 5 Nov 2026: "too bold and big"): page titles and section headings smaller and lighter, same look otherwise */
.ph-inner h1{font-size:clamp(1.65rem,3.2vw,2.35rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}
:root[lang="hi"] .ph-inner h1{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:0;line-height:1.35}
.hero h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:600;letter-spacing:-.015em}
:root[lang="hi"] .hero h1{font-size:clamp(1.8rem,3.9vw,2.8rem)}
h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:600}
.sec-head h2,.approach-sec h2{font-size:clamp(1.45rem,2.8vw,2rem);font-weight:600}
:root[lang="hi"] .approach-sec h2{font-size:clamp(1.4rem,2.6vw,1.85rem)}
#pg-home section h2{font-size:clamp(1.4rem,2.4vw,1.75rem)}
.cx-about h2,.xp h2,.k-explain h2,.pa-explain h2{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600}
.lede{font-size:1rem}
#about .eyebrow[data-i18n="ab_eye2"]{display:none}
/* horoscope: tabs land at the tabs, not under the header; 12-sign text as tidy cards that open on tap */
#rashifal,.hz-tabs{scroll-margin-top:96px}
.hz-blocks .cx-about{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;align-items:start}
.hz-blk{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;padding:16px 18px;scroll-margin-top:96px;margin:0}
.hz-blk summary{list-style:none;cursor:pointer}
.hz-blk summary::-webkit-details-marker{display:none}
.hz-blk h2,.hz-blocks .hz-blk h2{font-size:1.02rem;line-height:1.35;font-weight:600;margin:0 0 8px}
.hz-blk p{font-size:.93rem;line-height:1.55;margin:0 0 8px;color:var(--ink)}
.hz-blk summary p{color:var(--muted);margin:0}
.hz-blk .hz-more{display:inline-block;margin-top:8px;font-size:.88rem;font-weight:600;color:var(--accent)}
.hz-blk .hz-more::after{content:" ▾"}
.hz-blk[open] .hz-more{display:none}
.hz-blk[open] summary{margin-bottom:10px}
.hz-blk summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}
.ab-lead{font-weight:500;font-size:1.06rem}.ab-mission{font-weight:500}.ab-quals b{font-weight:500}

#rashifal:has(+ .hz-blocks){padding-bottom:20px}
.hz-blocks .cx-about{max-width:none;margin-top:0}

.fest-list .fest-puja{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(14,107,92,.25)}
.fest-list .fest-puja em{font-style:normal;font-size:.92em;line-height:1.35}
.fest-list .fest-puja em b{white-space:nowrap}
.fest-list .fest-puja em.main b{color:var(--teal,#0E6B5C)}

.cp-body .lr-body h2{margin:36px 0 10px}.cp-body .lr-body h2:first-child{margin-top:0}.cp-body .lr-body ul,.cp-body .lr-body ol{margin:0 0 8px}.cp-body .faq{display:grid;gap:10px;margin-top:6px}.cp-body .tr-askbox{margin-top:32px}.page-hero .ph-cta{margin:18px 0 0}
.wa-share{margin:14px 0 4px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.wa-share .wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#0b2e1a;border:0;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.92rem;text-decoration:none}.wa-share .wa-btn:hover{background:#1ebe5b}.wa-share .wa-btn:focus-visible{outline:2px solid #0F766E;outline-offset:2px}.wa-share .wa-note{margin:0;font-size:.82rem;opacity:.75}
.think .think-eta{display:block;font-size:.8rem;opacity:.7;margin:2px 0 0 0}
.wa-share a.wa-btn,.wa-share a.wa-btn:visited,.wa-share a.wa-btn:hover,.wa-share a.wa-btn span,.wa-share a.wa-btn svg{color:#062a14!important;text-decoration:none!important}.wa-share a.wa-btn{background:#25D366!important}
#wlPick{display:flex;flex-direction:column}#wlPick>#aiSub{order:99;margin-top:18px}#wlPick>#wlRate,#wlPick>#wlOr{display:none!important}
.trust a.trust-g{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:600}.trust a.trust-g:hover{text-decoration:underline}.trust a.trust-g span::before{display:none}.trust a.trust-g span[aria-hidden]{color:#E8A317;letter-spacing:1px}

.mh-status .ai-left,.ai-status .ai-left{flex:1 1 100%!important;min-width:100%!important;white-space:normal;margin:0 0 2px!important}.mh-status .mh-ctx,.mh-status .mh-buy{white-space:nowrap}