/* 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:grid;grid-template-columns:22px 1fr;gap:10px}
.ticks li::before{content:"";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{
  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}
.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)}
.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}
.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}}
/* 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}
/* AI astrologer */
.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)}
.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}
.msg.bot .why-tog{display:flex;align-items:center;width:44px;height:32px;margin:2px 0 0 -6px;padding:0 0 0 12px;border:0;background:none;color:inherit;cursor:pointer;border-radius:10px}
.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:.96rem;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)}
.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}
.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}
.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}
@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:10px;padding:20px}
.ai-tools h3{font-size:1.05rem}
.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}
#pg-home #why{display:none}
#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 */
.nav-theme{display:none!important}
.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}}
/* 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)}
/* ===== Ask AI: 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 .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{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:8px;padding:7px 12px;justify-content:space-between;text-align:left}.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!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}

/* 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!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}}

/* Ask AI 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{grid-column:1/-1}
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-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}
/* Ask AI: 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 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 Ask AI 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}
}

/* 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 Ask AI is enough: the header (computer) and the bottom bar (phone) already offer it on every page */
/* the floating Ask AI 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 #aiBuyPill,#aiChat.is-guest #aiCtxBtn,#aiChat.is-guest #aiHaveCode{display:none!important}
.guest-cta-b .guest-next{margin:0 0 4px}
/* floating Ask AI button, bottom right on computers (phones use the Ask AI tab); hidden on the Ask AI 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}