/* WishWiseWealth — site styles. Everything is scoped under .www */
:root {
	--www-ink: #10272e;
	--www-ink-2: #173a43;
	--www-peacock: #0f6e68;
	--www-gold: #d19a32;
	--www-gold-soft: #f3e2bf;
	--www-coral: #c85a3f;
	--www-mist: #edf2f0;
	--www-line: #d5dfdb;
	--www-paper: #ffffff;
	--www-text: #1d2b2f;
	--www-muted: #5a6b70;
	--www-serif: "Newsreader", Georgia, "Times New Roman", serif;
	--www-sans: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
	--www-r: 6px;
}

body.www-body { margin: 0; background: var(--www-paper); }
body.www-body .www { font-family: var(--www-sans); color: var(--www-text); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.www *, .www *::before, .www *::after { box-sizing: border-box; }
.www h1, .www h2, .www h3 { font-family: var(--www-serif); font-weight: 500; line-height: 1.15; margin: 0 0 .5em; color: inherit; letter-spacing: -0.01em; }
.www h2 { font-size: clamp(30px, 3.6vw, 44px); }
.www h3 { font-size: 22px; }
.www p { margin: 0 0 1em; }
.www a { color: inherit; }
.www img { max-width: 100%; height: auto; display: block; }
.www button, .www input, .www select, .www textarea { font: inherit; }
.www :focus-visible { outline: 3px solid var(--www-gold); outline-offset: 2px; }
.www-wrap { width: min(1180px, 100% - 40px); margin-inline: auto; }
.www-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Buttons */
.www-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 22px; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1.5px solid transparent; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.www-btn--gold { background: var(--www-gold); color: var(--www-ink); }
.www-btn--gold:hover { background: #e2ad48; }
.www-btn--ghost { border-color: rgba(255,255,255,.4); color: #fff; }
.www-btn--ghost:hover { border-color: #fff; }
.www-link { font-weight: 600; color: var(--www-peacock); text-underline-offset: 4px; }

/* Nav */
.www-nav { position: sticky; top: 0; z-index: 50; background: var(--www-ink); color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-bar .www-nav { top: 32px; }
.www-nav__row { display: flex; align-items: center; gap: 28px; height: 72px; }
.www-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 21px; letter-spacing: -0.01em; font-family: var(--www-serif); }
.www-logo b { font-weight: 600; color: var(--www-gold); }
.www-nav__links { display: flex; gap: 26px; margin-left: auto; }
.www-nav__links a { text-decoration: none; font-size: 15px; color: rgba(255,255,255,.82); }
.www-nav__links a:hover { color: #fff; }
.www-nav__cta { padding: 10px 18px; }
.www-nav__toggle { display: none; background: none; border: 0; width: 44px; height: 44px; margin-left: auto; cursor: pointer; position: relative; }
.www-nav__toggle span:not(.www-sr) { position: absolute; left: 11px; right: 11px; height: 2px; background: #fff; transition: transform .2s; }
.www-nav__toggle span:nth-child(1) { top: 17px; }
.www-nav__toggle span:nth-child(2) { top: 25px; }
.www-nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(4px) rotate(45deg); }
.www-nav__toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }

/* Hero */
.www-hero { background: var(--www-ink); color: #fff; padding: 72px 0 88px; position: relative; overflow: hidden; }
.www-hero::after { content: ""; position: absolute; inset: auto -10% -60% 40%; height: 120%; background: radial-gradient(closest-side, rgba(15,110,104,.45), transparent); pointer-events: none; }
.www-hero__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; position: relative; z-index: 1; }
.www-hero__kicker { font-family: var(--www-serif); font-style: italic; font-size: 22px; color: var(--www-gold); margin-bottom: 12px; }
.www-hero__title { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.12; margin-bottom: 28px; }
.www-hero__title span { font-variant-numeric: tabular-nums; white-space: nowrap; border-bottom: 2px solid rgba(255,255,255,.25); }
.www-hero__title .www-hl-coral { color: #f08a6f; border-color: rgba(240,138,111,.5); }
.www-hero__title .www-hl-gold { color: var(--www-gold); border-color: rgba(209,154,50,.55); }
.www-hero__control { max-width: 460px; margin-bottom: 14px; }
.www-hero__control label { display: block; font-size: 14px; color: rgba(255,255,255,.72); margin-bottom: 8px; }
.www-hero__scale { display: flex; justify-content: space-between; font-size: 12px; color: rgba(255,255,255,.5); }
.www-hero__assume { font-size: 13px; color: rgba(255,255,255,.55); margin-bottom: 28px; }
.www-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.www-hero__chart { margin: 0; background: var(--www-ink-2); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 22px 22px 16px; }
.www-hero__canvas { position: relative; height: 320px; }
.www-hero__chart figcaption { font-size: 14px; color: rgba(255,255,255,.72); margin-top: 12px; }
.www-legend { display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; margin-bottom: 12px; color: rgba(255,255,255,.8); }
.www-studio .www-legend { color: var(--www-muted); }
.www-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 7px; vertical-align: 0; }
.www-dot--coral { background: var(--www-coral); }
.www-dot--gold { background: var(--www-gold); }
.www-dot--peacock { background: var(--www-peacock); }
.www-dot--pale { background: #a9c7c2; }

/* Range inputs */
.www input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 99px; background: linear-gradient(to right, var(--www-gold) var(--fill, 50%), rgba(127,150,155,.35) var(--fill, 50%)); outline-offset: 6px; margin: 10px 0; }
.www input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 3px solid var(--www-gold); cursor: grab; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.www input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 3px solid var(--www-gold); cursor: grab; }

/* Facts strip */
.www-facts { background: var(--www-paper); border-bottom: 1px solid var(--www-line); }
.www-facts__list { display: grid; grid-template-columns: repeat(4, 1fr); }
.www-fact { text-decoration: none; display: flex; flex-direction: column; justify-content: flex-start; text-align: left; background: none; border: 0; border-left: 1px solid var(--www-line); padding: 30px 26px; cursor: pointer; color: var(--www-text); transition: background .2s; }
.www-fact:first-child { border-left: 0; padding-left: 0; }
.www-fact:hover { background: var(--www-mist); }
.www-fact strong { display: block; font-family: var(--www-serif); font-weight: 500; font-size: 38px; color: var(--www-peacock); line-height: 1; margin-bottom: 10px; }
.www-fact span { font-size: 15px; color: var(--www-muted); line-height: 1.5; }

/* Section heads */
.www-section-head { max-width: 680px; margin-bottom: 40px; }
.www-section-head p { color: var(--www-muted); font-size: 18px; }
.www-section-head--row { display: flex; justify-content: space-between; align-items: baseline; max-width: none; }

/* Calculator studio */
.www-studio { background: var(--www-mist); padding: 96px 0; }
.www-studio__grid { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; }
.www-studio__tabs { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 96px; }
.www-tab { text-align: left; background: none; border: 0; border-left: 3px solid transparent; padding: 14px 16px; cursor: pointer; color: var(--www-muted); font-size: 15px; line-height: 1.4; border-radius: 0 var(--www-r) var(--www-r) 0; }
.www-tab b { display: block; color: var(--www-text); font-weight: 600; font-size: 16px; margin-bottom: 2px; }
.www-tab:hover { background: rgba(255,255,255,.6); }
.www-tab[aria-selected="true"] { background: var(--www-paper); border-left-color: var(--www-gold); }
.www-studio__panel { background: var(--www-paper); border-radius: 14px; border: 1px solid var(--www-line); padding: 34px; min-height: 560px; }
.www-calc__title { font-size: 30px; margin-bottom: 6px; }
.www-calc__intro { color: var(--www-muted); max-width: 640px; margin-bottom: 26px; }
.www-calc__body { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 36px; }
.www-field { margin-bottom: 18px; }
.www-field__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.www-field__top label { font-size: 14px; font-weight: 600; color: var(--www-text); }
.www-field__num { display: flex; align-items: center; border: 1px solid var(--www-line); border-radius: var(--www-r); padding: 4px 8px; background: var(--www-mist); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.www-field__num input { width: 92px; border: 0; background: transparent; text-align: right; font-weight: 600; color: var(--www-text); padding: 2px; -moz-appearance: textfield; }
.www-field__num input::-webkit-outer-spin-button, .www-field__num input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.www-field__num input:focus { outline: none; }
.www-field__num:focus-within { border-color: var(--www-gold); }
.www-field__num small { color: var(--www-muted); font-weight: 500; }
.www-field__hint { font-size: 12px; color: var(--www-muted); margin-top: -4px; }
.www-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--www-line); border: 1px solid var(--www-line); border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.www-kpi { background: var(--www-paper); padding: 16px 18px; }
.www-kpi span { display: block; font-size: 13px; color: var(--www-muted); margin-bottom: 4px; }
.www-kpi strong { display: block; white-space: nowrap; font-family: var(--www-serif); font-size: clamp(21px, 2vw, 27px); font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.1; }
.www-kpi--gold strong { color: #9a6a12; }
.www-kpi--coral strong { color: #b0472f; }
.www-kpi--peacock strong { color: var(--www-peacock); }
.www-calc__chart { position: relative; height: 300px; }
.www-verdict { margin-top: 18px; padding: 16px 18px; background: var(--www-gold-soft); border-radius: 10px; font-size: 16px; line-height: 1.55; }
.www-verdict b { font-weight: 700; }
.www-calc__note { font-size: 12px; color: var(--www-muted); margin-top: 14px; }
.www-calc__cta { margin-top: 18px; }
.www-calc__cta .www-btn { background: var(--www-ink); color: #fff; }
.www-calc__cta .www-btn:hover { background: var(--www-peacock); }

/* Insights */
.www-insights { padding: 96px 0; }

.www-post { border-top: 1px solid var(--www-line); padding: 22px 0 26px; }

.www-post__meta { font-size: 13px; color: var(--www-peacock); font-weight: 600; margin-bottom: 8px; }
.www-post h3 a { text-decoration: none; }
.www-post h3 a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.www-post p:last-child { color: var(--www-muted); font-size: 15px; margin: 0; }


/* How we work */
.www-how { background: var(--www-ink); color: #fff; padding: 96px 0; }
.www-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; counter-reset: step; }
.www-steps li { counter-increment: step; border-top: 1px solid rgba(255,255,255,.2); padding-top: 22px; }
.www-steps li::before { content: counter(step); display: block; font-family: var(--www-serif); font-size: 44px; color: var(--www-gold); line-height: 1; margin-bottom: 14px; }
.www-steps p { color: rgba(255,255,255,.72); font-size: 15px; }

/* About */
.www-about { padding: 96px 0; }
.www-about__grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: start; }
.www-about p { font-size: 18px; color: #36474c; max-width: 62ch; }
.www-tagline { font-family: var(--www-serif); font-style: italic; font-size: 24px !important; color: var(--www-peacock) !important; }
.www-creds { margin: 0; border: 1px solid var(--www-line); border-radius: 12px; }
.www-creds div { display: flex; justify-content: space-between; gap: 16px; padding: 18px 22px; border-top: 1px solid var(--www-line); }
.www-creds div:first-child { border-top: 0; }
.www-creds dt { color: var(--www-muted); font-size: 15px; }
.www-creds dd { margin: 0; font-weight: 700; text-align: right; }

/* Contact */
.www-contact { background: var(--www-mist); padding: 96px 0; }
.www-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.www-contact__ways { list-style: none; padding: 0; margin: 20px 0 0; }
.www-contact__ways li { padding: 10px 0; border-top: 1px solid var(--www-line); }
.www-contact__ways a { font-weight: 600; text-decoration: none; }
.www-form { background: var(--www-paper); border: 1px solid var(--www-line); border-radius: 14px; padding: 28px; display: grid; gap: 16px; }
.www-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.www-form label span { font-weight: 400; color: var(--www-muted); }
.www-form input, .www-form select, .www-form textarea { border: 1px solid var(--www-line); border-radius: var(--www-r); padding: 11px 12px; background: #fff; color: var(--www-text); font-weight: 400; width: 100%; }
.www-form input:focus, .www-form select:focus, .www-form textarea:focus { border-color: var(--www-gold); outline: none; }
.www-form .www-btn { justify-self: start; }

/* Footer */
.www-foot { background: var(--www-ink); color: rgba(255,255,255,.66); padding: 56px 0 90px; font-size: 13px; }
.www-foot__risk { color: #fff; font-size: 16px; font-weight: 600; }
.www-foot__links { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 18px; }
.www-foot__links a { color: #fff; }

/* WhatsApp float */
.www-wa-float { position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; box-shadow: 0 6px 18px rgba(0,0,0,.25); }

/* Responsive */
@media (max-width: 1080px) {
	.www-calc__body { grid-template-columns: 1fr; }
	.www-studio__grid { grid-template-columns: 240px 1fr; }
}
@media (max-width: 900px) {
	.www-nav__links { display: none; position: absolute; top: 72px; left: 0; right: 0; background: var(--www-ink); flex-direction: column; gap: 0; padding: 8px 20px 20px; }
	.www-nav__links.is-open { display: flex; }
	.www-nav__links a { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
	.www-nav__toggle { display: block; }
	.www-nav__cta { display: none; }
	.www-hero { padding: 48px 0 60px; }
	.www-hero__grid, .www-about__grid, .www-contact__grid { grid-template-columns: 1fr; gap: 40px; }
	.www-hero__title span { white-space: normal; }
	.www-hero__canvas { height: 260px; }
	.www-facts__list { grid-template-columns: 1fr 1fr; }
	.www-fact { padding: 22px 18px; border-top: 1px solid var(--www-line); }
	.www-fact:first-child { padding-left: 18px; }
	.www-fact:nth-child(odd) { border-left: 0; }
	.www-studio { padding: 64px 0; }
	.www-studio__grid { grid-template-columns: 1fr; }
	.www-studio__tabs { position: static; flex-direction: row; overflow-x: auto; gap: 8px; padding-bottom: 6px; scrollbar-width: thin; }
	.www-tab { flex: 0 0 auto; border-left: 0; border-bottom: 3px solid transparent; border-radius: var(--www-r); background: rgba(255,255,255,.5); padding: 10px 14px; }
	.www-tab span { display: none; }
	.www-tab b { margin: 0; font-size: 14px; white-space: nowrap; }
	.www-tab[aria-selected="true"] { border-bottom-color: var(--www-gold); }
	.www-studio__panel { padding: 22px 18px; }
	.www-kpis { grid-template-columns: 1fr 1fr; }
	.www-kpi strong { font-size: 23px; }

	.www-steps { grid-template-columns: 1fr 1fr; }
	.www-insights, .www-how, .www-about, .www-contact { padding: 64px 0; }
}
@media (max-width: 560px) {
	body.www-body .www { font-size: 16px; }
	.www-steps, .www-facts__list { grid-template-columns: 1fr; }
	.www-fact { border-left: 0; padding-left: 0 !important; }
	.www-kpi { padding: 12px 14px; }
	.www-kpi strong { font-size: 20px; }
	.www-section-head--row { flex-direction: column; gap: 6px; }
}
@media (max-width: 782px) { .admin-bar .www-nav { top: 46px; } }
@media (prefers-reduced-motion: reduce) { .www * { transition: none !important; } }


/* ================= v2 components ================= */
.www-nav__links a[aria-current="page"] { color: #fff; box-shadow: inset 0 -2px 0 var(--www-gold); padding-bottom: 4px; }
.www-nav__links { gap: 22px; }

/* Ticker */
.www-ticker { background: #0a1c21; color: rgba(255,255,255,.85); font-size: 13px; overflow: hidden; white-space: nowrap; height: 32px; display: flex; align-items: center; }
.www-ticker__track { display: inline-flex; gap: 34px; padding-left: 20px; animation: www-scroll 60s linear infinite; }
.www-ticker:hover .www-ticker__track { animation-play-state: paused; }
.www-ticker.is-static { overflow-x: auto; }
.www-ticker.is-static .www-ticker__track { animation: none; }
.www-ticker__i b { font-weight: 600; color: #fff; margin-right: 4px; }
@keyframes www-scroll { to { transform: translateX(-50%); } }
.www-chg { font-weight: 700; font-variant-numeric: tabular-nums; }
.www-chg.is-up { color: #1f8a5b; }
.www-chg.is-down { color: var(--www-coral); }
.www-ticker .www-chg.is-up, .www-pagehead--dark .www-chg.is-up { color: #5fd49b; }
.www-ticker .www-chg.is-down, .www-pagehead--dark .www-chg.is-down { color: #f08a6f; }

/* Page heads */
.www-pagehead { background: var(--www-mist); padding: 64px 0 40px; border-bottom: 1px solid var(--www-line); }
.www-pagehead h1 { font-size: clamp(36px, 5vw, 60px); margin-bottom: 12px; }
.www-pagehead p { font-size: 18px; color: var(--www-muted); max-width: 680px; }
.www-pagehead--dark { background: var(--www-ink); color: #fff; border-bottom: 0; }
.www-pagehead--dark p { color: rgba(255,255,255,.72); }

/* Tiles */
.www-pulse { padding: 64px 0 24px; }
.www-board { padding: 48px 0 24px; }
.www-board__h { font-size: 24px !important; margin: 26px 0 14px !important; }
.www-tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.www-tiles--4 { grid-template-columns: repeat(4, 1fr); }
.www-tile { position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name name" "where where" "price chg" "spark spark"; gap: 2px 8px; text-align: left; background: linear-gradient(0deg, var(--heat, transparent), var(--heat, transparent)), #fff; border: 1px solid var(--www-line); border-radius: 12px; padding: 14px 14px 10px; color: var(--www-text); text-decoration: none; font: inherit; cursor: pointer; min-height: 132px; transition: border-color .15s, transform .15s; }
.www-tile:hover { border-color: var(--www-ink); }
div.www-tile { cursor: default; }
.www-tile__name { grid-area: name; font-weight: 700; font-size: 15px; }
.www-tile__where { grid-area: where; font-size: 12px; color: var(--www-muted); }
.www-tile strong { grid-area: price; font-family: var(--www-serif); font-weight: 500; font-size: 22px; font-variant-numeric: tabular-nums; align-self: end; }
.www-tile .www-chg { grid-area: chg; align-self: end; font-size: 14px; }
.www-spark { grid-area: spark; width: 100%; height: 34px; margin-top: 6px; }
.www-live { font-style: normal; color: #1f8a5b; font-weight: 700; margin-left: 4px; }
.www-live::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #1f8a5b; margin-right: 4px; vertical-align: 1px; }
.www-tile.is-empty { opacity: .6; }
.is-loading { background: linear-gradient(90deg, #eef3f1 25%, #f7faf9 50%, #eef3f1 75%) !important; background-size: 200% 100% !important; animation: www-shimmer 1.2s infinite; border-color: transparent !important; min-height: 60px; }
.www-tile.is-loading { min-height: 132px; }
@keyframes www-shimmer { to { background-position: -200% 0; } }
.www-updated { font-size: 13px; color: var(--www-muted); margin-top: 14px; }

/* Mood */
.www-mood__grid { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.www-mood { display: flex; gap: 18px; align-items: center; background: var(--www-ink-2); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 16px 20px; min-width: 0; }
.www-mood p { margin: 0 0 4px !important; font-size: 15px !important; color: rgba(255,255,255,.85) !important; }
.www-mood__label { font-size: 18px !important; color: #fff !important; }
.www-mood__label b { color: var(--www-gold); }
.www-mood__sub { font-size: 13px !important; max-width: 260px; color: rgba(255,255,255,.65) !important; }

/* Cards & shared */
.www-card { background: #fff; border: 1px solid var(--www-line); border-radius: 14px; padding: 24px; }
.www-card h3 { font-size: 24px; }
.www-card__bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.www-card__bar h3 { margin: 0; }
.www-card__foot { font-size: 13px; color: var(--www-muted); margin: 12px 0 0 !important; }
.www-chartbox { position: relative; height: 320px; }
.www-fund__body .www-chartbox { height: 400px; }
.www-chartbox--tall { height: 400px; }
.www-seg { display: inline-flex; border: 1px solid var(--www-line); border-radius: 999px; padding: 3px; background: var(--www-mist); flex-wrap: wrap; }
.www-seg button { border: 0; background: transparent; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--www-muted); cursor: pointer; }
.www-seg button[aria-pressed="true"] { background: #fff; color: var(--www-ink); box-shadow: 0 1px 2px rgba(16,39,46,.15); }
.www .www-mini { border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--www-ink); cursor: pointer; }
.www .www-mini:hover { border-color: var(--www-ink); }
.www .www-mini--wa { background: #25d366; border-color: #25d366; color: #fff; }
.www-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; }
.www-chips > span { font-size: 14px; color: var(--www-muted); }
.www-chips button { border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 7px 14px; font-size: 14px; cursor: pointer; color: var(--www-text); }
.www-chips button:hover { border-color: var(--www-ink); }
.www-chips button[aria-pressed="true"] { background: var(--www-ink); color: #fff; border-color: var(--www-ink); }
.www-chips--presets { margin: -8px 0 22px; }
.www-err { background: #fbeee9; color: #7a2e1c; border-radius: 10px; padding: 14px 16px; font-size: 14px; grid-column: 1 / -1; }
.www-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.www-table th, .www-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--www-line); font-weight: 500; vertical-align: top; }
.www-table td { text-align: right; }
.www-table thead th { font-size: 13px; color: var(--www-muted); font-weight: 600; }
.www-table thead th:not(:first-child) { text-align: right; }
.www-table small { display: block; color: var(--www-muted); font-size: 12px; }
.www-table i, .www-cmplist i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.www-inline { font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.www-inline input { width: 110px; border: 1px solid var(--www-line); border-radius: 8px; padding: 7px 10px; font-weight: 600; }
.www-disclaim { font-size: 13px; color: var(--www-muted); margin-top: 24px; }
.www-toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); background: var(--www-ink); color: #fff; padding: 12px 18px; border-radius: 999px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 80; }
.www-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* Calculator toolbar & groups */
.www-tabgroup { font-size: 12px; font-weight: 700; color: var(--www-peacock); margin: 16px 16px 4px !important; }
.www-tabgroup:first-child { margin-top: 0 !important; }
.www-toolbar { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-bottom: 12px; }
.www-toolbar__end { display: inline-flex; gap: 6px; margin-left: auto; flex-wrap: wrap; }
.www-chk { font-size: 13px; font-weight: 600; display: inline-flex; gap: 6px; align-items: center; cursor: pointer; color: var(--www-muted); }
.www-chk input { accent-color: var(--www-peacock); }
.www-calc__chart { height: 320px; }
.www-studio--page { padding-top: 40px; }

/* Quiz */
.www-quizband { background: var(--www-ink); color: #fff; padding: 88px 0; }
.www-quizband__grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 56px; align-items: center; }
.www-quizband p { color: rgba(255,255,255,.75); font-size: 18px; }
.www-quiz { background: #fff; color: var(--www-text); border-radius: 16px; padding: 30px; min-height: 340px; }
.www-quiz h3 { font-size: 26px; margin-bottom: 18px; }
.www-quiz__prog { height: 4px; background: var(--www-mist); border-radius: 4px; overflow: hidden; margin-bottom: 14px; }
.www-quiz__prog span { display: block; height: 100%; background: var(--www-gold); transition: width .3s; }
.www-quiz__n { font-size: 13px !important; color: var(--www-muted) !important; margin: 0 0 6px !important; }
.www-quiz__opts { display: grid; gap: 10px; }
.www-quiz__opts button { text-align: left; border: 1.5px solid var(--www-line); background: #fff; border-radius: 12px; padding: 14px 16px; font-size: 16px; cursor: pointer; color: var(--www-text); }
.www-quiz__opts button:hover, .www-quiz__opts button:focus-visible { border-color: var(--www-gold); background: #fffaf0; }
.www-quiz__res { display: grid; grid-template-columns: 180px 1fr; gap: 26px; align-items: center; }
.www-quiz__res p { color: var(--www-muted) !important; font-size: 16px !important; }
.www-quiz__donut { position: relative; height: 180px; }
.www-quiz__mix { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 14px; font-weight: 700; }
.www-quiz__mix i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; }

/* Explore cards */
.www-explore { padding: 88px 0 24px; }
.www-explore__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.www-explore__card { display: block; text-decoration: none; border: 1px solid var(--www-line); border-radius: 14px; padding: 26px; background: #fff; }
.www-explore__card:hover { border-color: var(--www-ink); }
.www-explore__card p { color: var(--www-muted); }

/* Insights + wire */
.www-insights__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.www-insights .www-section-head { margin-bottom: 18px; }
.www-insights h2 { font-size: 32px; }
.www-wire__item { border-top: 1px solid var(--www-line); padding: 16px 0; }
.www-wire__item h3 { font-size: 19px; margin: 0 0 6px; }
.www-wire__item h3 a { text-decoration: none; }
.www-wire__item h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.www-wire__item p { color: var(--www-muted); font-size: 15px; margin: 0; }
.www-wire__meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px !important; color: var(--www-peacock) !important; font-weight: 600; margin-bottom: 6px !important; }
.www-wire__meta span + span::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: currentColor; margin-right: 12px; vertical-align: 3px; opacity: .6; }
.www-newspage { padding: 48px 0 88px; }
.www-newspage__grid { display: grid; grid-template-columns: 1fr 320px; gap: 56px; }
.www-newspage [data-www-aside] h2 { font-size: 26px; }
.www-postlist .www-post h3 { font-size: 19px; }

/* Search */
.www-search { position: relative; max-width: 720px; margin-top: 22px; }
.www-search input { width: 100%; font-size: 18px; padding: 16px 20px; border: 1.5px solid var(--www-line); border-radius: 999px; background: #fff; color: var(--www-text); }
.www-search input:focus { outline: none; border-color: var(--www-gold); }
.www-search--small input { font-size: 15px; padding: 11px 16px; }
.www-search__list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid var(--www-line); border-radius: 14px; list-style: none; margin: 0; padding: 6px; max-height: 360px; overflow: auto; box-shadow: 0 12px 28px rgba(16,39,46,.14); }
.www-search__list li { padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: 14px; }
.www-search__list li span { display: block; font-size: 12px; color: var(--www-muted); }
.www-search__list li b { font-weight: 600; }
.www-search__list li:hover, .www-search__list li.is-active { background: var(--www-mist); }
.www-search__list li.is-none { color: var(--www-muted); cursor: default; }

/* Fund explorer */
.www-fund__top { padding: 40px 0; }
.www-fund__head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 22px; flex-wrap: wrap; }
.www-fund__head h2 { font-size: clamp(26px, 3vw, 38px); margin: 0; max-width: 760px; }
.www-fund__nav { text-align: right; }
.www-fund__nav span { display: block; font-size: 13px; color: var(--www-muted); }
.www-fund__nav strong { font-family: var(--www-serif); font-size: 34px; font-weight: 500; margin-right: 10px; }
.www-fund__body { display: grid; grid-template-columns: 1.7fr 1fr; gap: 20px; }
.www-fund__tools { background: var(--www-mist); padding: 48px 0 72px; }
.www-tabsbar { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
.www-tabsbar button { border: 0; background: transparent; padding: 10px 18px; border-radius: 999px; font-weight: 700; font-size: 15px; color: var(--www-muted); cursor: pointer; }
.www-tabsbar button[aria-selected="true"] { background: var(--www-ink); color: #fff; }
.www-tool { display: grid; grid-template-columns: 300px 1fr; gap: 28px; background: #fff; border: 1px solid var(--www-line); border-radius: 14px; padding: 26px; }
.www-tool[hidden] { display: none; }
.www-tool__inputs { display: grid; gap: 14px; align-content: start; }
.www-tool__inputs label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.www-tool__inputs input { border: 1px solid var(--www-line); border-radius: 8px; padding: 10px 12px; font-size: 16px; font-weight: 600; background: var(--www-mist); color: var(--www-text); width: 100%; }
.www-tool__inputs input:focus { outline: none; border-color: var(--www-gold); background: #fff; }
.www-tool__out { min-width: 0; }
.www-cmplist { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.www-cmplist li { display: flex; align-items: center; gap: 4px; font-size: 14px; }
.www-cmplist li .www-mini { margin-left: auto; padding: 2px 9px; }
.www-fund-empty { padding: 48px 0 88px; color: var(--www-muted); }
.www-kpis .is-loading { min-height: 70px; }

/* Markets extras */
.www-detail { padding: 24px 0; }
.www-compare, .www-crash { padding: 64px 0 24px; }
.www-stock { padding: 64px 0 88px; }
.www-stock .www-card { margin-top: 20px; }
.www-crash .www-kpis, .www-detail .www-kpis, .www-stock .www-kpis { grid-template-columns: repeat(4, 1fr); }

/* Footer v2 */
.www-foot__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; padding-bottom: 28px; margin-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.www-foot__brand { font-family: var(--www-serif); font-size: 24px; color: #fff; margin-bottom: 4px !important; }
.www-foot__brand b { color: var(--www-gold); font-weight: 600; }
.www-foot a { color: #fff; }
.www-foot nav { display: grid; gap: 8px; align-content: start; }
.www-foot nav a { text-decoration: none; font-size: 14px; }
.www-foot__arn { border: 1px solid rgba(255,255,255,.18); border-radius: 12px; padding: 18px; align-self: start; }
.www-foot__arn span { display: block; font-size: 13px; }
.www-foot__arn strong { font-family: var(--www-serif); font-size: 28px; color: #fff; font-weight: 500; }

@media (max-width: 1080px) {
	.www-tiles { grid-template-columns: repeat(3, 1fr); }
	.www-tool, .www-fund__body { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.www-tiles, .www-tiles--4 { grid-template-columns: repeat(2, 1fr); }
	.www-mood__grid, .www-quizband__grid, .www-explore__grid, .www-insights__grid, .www-newspage__grid, .www-foot__grid { grid-template-columns: 1fr; }
	.www-mood { justify-self: start; }
	.www-crash .www-kpis, .www-detail .www-kpis, .www-stock .www-kpis { grid-template-columns: 1fr 1fr; }
	.www-chartbox--tall { height: 320px; }
	.www-toolbar__end { margin-left: 0; }
	.www-tabgroup { display: none; }
	.www-pagehead { padding: 44px 0 28px; }
	.www-quiz__res { grid-template-columns: 1fr; }
	.www-quiz__donut { height: 160px; max-width: 180px; }
	.www-fund__nav { text-align: left; }
}
@media (max-width: 560px) {
	.www-tiles, .www-tiles--4 { grid-template-columns: 1fr 1fr; gap: 8px; }
	.www-tile { padding: 12px 10px 8px; min-height: 118px; }
	.www-tile strong { font-size: 18px; }
	.www-quiz { padding: 22px 18px; }
	.www-mood { flex-direction: column; align-items: flex-start; }
	.www-card, .www-tool { padding: 18px 14px; }
}
@media (prefers-reduced-motion: reduce) { .www-ticker__track, .is-loading { animation: none !important; } }

@media (max-width: 900px) { .www-fund__body .www-chartbox, .www-calc__chart { height: 280px; } }

/* Brand logo & portrait */
.www-logo__badge { width: 38px; height: 38px; border-radius: 50%; background: #fff; display: grid; place-items: center; flex: none; box-shadow: 0 0 0 2px rgba(255,255,255,.15); }
.www-logo__badge img { width: 28px; height: 28px; display: block; }
.www-foot__logo { width: 96px; height: 96px; border-radius: 50%; background: #fff; display: block; margin-bottom: 14px; }
.www-about__side { display: grid; gap: 18px; }
.www-portrait { display: flex; align-items: center; gap: 20px; margin: 0; }
.www-portrait img { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--www-gold), 0 10px 24px rgba(16,39,46,.16); flex: none; }
.www-portrait figcaption { display: grid; gap: 2px; }
.www-portrait b { font-family: var(--www-serif); font-weight: 500; font-size: 22px; color: var(--www-ink); line-height: 1.2; }
.www-portrait span { font-size: 14px; color: var(--www-muted); }
.www-contact__me { display: flex; align-items: center; gap: 14px; margin: 18px 0 22px; padding: 12px 16px 12px 12px; border-radius: 999px; background: rgba(209,154,50,.12); max-width: 440px; }
.www-contact__me img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; border: 2px solid var(--www-gold); flex: none; }
.www-contact__me p { margin: 0 !important; font-size: 15px !important; }
@media (max-width: 560px) {
	.www-portrait img { width: 104px; height: 104px; }
	.www-portrait b { font-size: 19px; }
	.www-logo__badge { width: 34px; height: 34px; }
	.www-logo__badge img { width: 24px; height: 24px; }
}

/* Ads */
.www-adband { padding: 28px 0; }
.www-ad { margin: 24px auto; text-align: center; min-height: 90px; }
.www-ad__label { display: block; font-size: 11px; color: var(--www-muted); margin-bottom: 6px; letter-spacing: .04em; }
.www-ad--preview div { border: 1.5px dashed var(--www-line); border-radius: 12px; padding: 28px 18px; font-size: 13px; color: var(--www-muted); background: #fafcfb; }

/* Social icons */
.www-social { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.www-social a { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; text-decoration: none; transition: transform .15s, opacity .15s; }
.www-social a:hover { transform: translateY(-2px); opacity: .9; }
.www-social__instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.www-social__facebook { background: #1877f2; }
.www-social__linkedin { background: #0a66c2; }
.www-social__youtube { background: #ff0000; }
.www-social--big a { width: 42px; height: 42px; }
.www-social--big svg { width: 22px; height: 22px; }
.www-social--dark { margin-top: 16px; }
.www-follow { font-weight: 700; margin: 22px 0 4px !important; font-size: 15px !important; }
.www-portrait .www-social { margin-top: 10px; }
.www-portrait .www-social a { width: 30px; height: 30px; }
.www-portrait .www-social svg { width: 17px; height: 17px; }

/* v2.4: Learn, tips, FAQ, glossary, share */
.www-explore__grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.www-chiplink { border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 7px 14px; font-size: 14px; text-decoration: none; color: var(--www-text); }
.www-chiplink:hover { border-color: var(--www-ink); }
.www-tipband { padding: 8px 0 40px; }
.www-tip { display: flex; gap: 24px; align-items: center; justify-content: space-between; background: #fff8ea; border: 1px solid #f0dfb8; border-radius: 16px; padding: 22px 26px; flex-wrap: wrap; }
.www-tip__k { font-size: 13px !important; font-weight: 700; color: #8a5f0e !important; margin: 0 0 4px !important; }
.www-tip__text { font-family: var(--www-serif); font-size: 22px !important; line-height: 1.35; margin: 0 !important; color: var(--www-ink) !important; max-width: 760px; }
.www-tip__actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.www-learn-start { padding: 64px 0 24px; }
.www-path { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.www-path a { display: grid; gap: 6px; height: 100%; text-decoration: none; background: #fff; border: 1px solid var(--www-line); border-radius: 14px; padding: 18px; }
.www-path a:hover { border-color: var(--www-ink); }
.www-path span { width: 32px; height: 32px; border-radius: 50%; background: var(--www-gold); color: #fff; display: grid; place-items: center; font-weight: 700; }
.www-path b { font-size: 16px; }
.www-path em { font-style: normal; font-size: 14px; color: var(--www-muted); }
.www-guides { padding: 56px 0; }
.www-guides__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.www-guide { border-top: 2px solid var(--www-ink); padding-top: 14px; }
.www-guide h3 { font-size: 22px; margin-bottom: 10px; }
.www-guide h3 a { text-decoration: none; }
.www-guide ul { list-style: none; padding: 0; margin: 0; }
.www-guide li { padding: 8px 0; border-bottom: 1px solid var(--www-line); font-size: 15px; }
.www-guide li a { text-decoration: none; }
.www-guide li a:hover { text-decoration: underline; }
.www-glossary { padding: 72px 0; }
.www .www-gloss__search { width: 100%; max-width: 520px; font-size: 16px; padding: 12px 18px; border: 1.5px solid var(--www-line); border-radius: 999px; margin-bottom: 20px; }
.www-gloss { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; margin: 0; }
.www-gloss div { padding: 12px 0; border-bottom: 1px solid var(--www-line); }
.www-gloss dt { font-weight: 700; color: var(--www-ink); }
.www-gloss dd { margin: 2px 0 0; color: var(--www-muted); font-size: 15px; }
.www-binder { padding: 24px 0 56px; }
.www-binder__card { display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: var(--www-ink); color: #fff; border-radius: 16px; padding: 30px 32px; }
.www-binder__card h2 { color: #fff; }
.www-binder__card p { color: rgba(255,255,255,.75); max-width: 640px; }
.www-faqband { padding: 88px 0; }
.www-faqband__grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 56px; }
.www-faq details { border-bottom: 1px solid var(--www-line); padding: 16px 0; }
.www-faq summary { font-weight: 700; cursor: pointer; font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.www-faq summary::-webkit-details-marker { display: none; }
.www-faq summary::after { content: "+"; color: var(--www-gold); font-size: 22px; line-height: 1; }
.www-faq details[open] summary::after { content: "−"; }
.www-faq p { color: var(--www-muted); margin: 10px 0 0 !important; }
.www-iq__exp { background: var(--www-mist); border-radius: 10px; padding: 12px 14px; font-size: 15px; margin-top: 12px; }
.www-quiz__opts button.is-right { border-color: #1f8a5b; background: #eaf6f0; }
.www-quiz__opts button.is-wrong { border-color: var(--www-coral); background: #fbeee9; }
.www-iq__score { font-family: var(--www-serif); font-size: 56px; color: var(--www-ink); line-height: 1; margin: 6px 0 10px; }
@media (max-width: 1080px) { .www-path { grid-template-columns: repeat(2, 1fr); } .www-guides__grid, .www-explore__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .www-path, .www-guides__grid, .www-gloss, .www-faqband__grid, .www-explore__grid { grid-template-columns: 1fr; } .www-tip__text { font-size: 19px !important; } }

/* v2.5: Money games */
.www-game { padding: 72px 0; }
.www-game--alt { background: var(--www-mist); }
.www-game__grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start; }
.www-game__n { font-size: 13px !important; font-weight: 700; color: var(--www-peacock) !important; margin: 0 0 6px !important; }
.www-game__intro p:not(.www-game__n) { font-size: 18px; color: var(--www-muted); }
.www-game .www-card { min-height: 300px; }
.www-game__q { font-family: var(--www-serif); font-size: 22px !important; color: var(--www-ink) !important; margin: 0 0 16px !important; line-height: 1.3; }
.www-game__choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.www-game__choices--3 { grid-template-columns: repeat(3, 1fr); }
.www .www-choice { display: grid; gap: 4px; text-align: left; border: 1.5px solid var(--www-line); background: #fff; border-radius: 14px; padding: 18px; cursor: pointer; color: var(--www-text); transition: border-color .15s, transform .15s; }
.www .www-choice:hover:not(:disabled) { border-color: var(--www-gold); transform: translateY(-2px); }
.www-choice b { font-family: var(--www-serif); font-weight: 500; font-size: 22px; color: var(--www-ink); }
.www-choice span { font-size: 13px; color: var(--www-muted); }
.www-choice.is-right { border-color: #1f8a5b; background: #eaf6f0; }
.www-choice.is-wrong { border-color: var(--www-coral); background: #fbeee9; }
.www-game__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px !important; }
.www-paisa__day { font-size: 14px !important; font-weight: 700; color: var(--www-muted) !important; margin: 0 !important; }
.www-paisa__val { font-family: var(--www-serif); font-size: 44px !important; color: var(--www-ink) !important; margin: 4px 0 16px !important; font-variant-numeric: tabular-nums; }
.www-paisa__bars div, .www-race__lane { display: grid; grid-template-columns: 140px 1fr; gap: 10px; align-items: center; margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.www-paisa__bars i, .www-race__lane i { display: block; height: 18px; border-radius: 9px; background: var(--www-gold); transition: width .15s linear; }
.www-paisa__bars i.is-cash { background: var(--www-peacock); }
.www-paisa__note { color: var(--www-muted) !important; min-height: 24px; }
.www-race__lane { grid-template-columns: 150px 1fr 90px; }
.www-race__lane small { font-weight: 400; color: var(--www-muted); }
.www-race__lane i.is-e { background: var(--www-gold); }
.www-race__lane i.is-r { background: var(--www-peacock); }
.www-race__lane b { font-variant-numeric: tabular-nums; text-align: right; }
.www-race__slider { display: grid; gap: 6px; font-size: 14px; font-weight: 600; margin-top: 12px; }
.www-surv__top { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: var(--www-muted); margin-bottom: 12px; }
.www-surv__top b { color: var(--www-ink); }
.www-surv__news { background: #fff8ea; border: 1px solid #f0dfb8; border-radius: 12px; padding: 14px 16px; font-size: 16px !important; margin-bottom: 16px !important; }
.www-surv__log { margin: 16px 0 0; padding-left: 20px; font-size: 13px; color: var(--www-muted); }
.www-jumble__letters { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px !important; }
.www-jumble__letters span { width: 40px; height: 46px; display: grid; place-items: center; background: var(--www-ink); color: #fff; border-radius: 8px; font-weight: 700; font-size: 20px; }
.www-jumble__clue { color: var(--www-muted) !important; }
.www-jumble__row { display: flex; gap: 10px; flex-wrap: wrap; }
.www .www-jumble__row input { flex: 1; min-width: 180px; font-size: 18px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border: 1.5px solid var(--www-line); border-radius: 10px; padding: 10px 14px; }
@media (max-width: 900px) { .www-game__grid { grid-template-columns: 1fr; gap: 20px; } .www-game__choices--3 { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .www-game__choices { grid-template-columns: 1fr; } .www-paisa__bars div, .www-race__lane { grid-template-columns: 1fr; gap: 4px; } .www-race__lane b { text-align: left; } .www-paisa__val { font-size: 34px !important; } .www-jumble__letters span { width: 30px; height: 38px; font-size: 16px; } }
.www-pagehead--dark .www-chiplink { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.www-pagehead--dark .www-chiplink:hover { border-color: var(--www-gold); color: var(--www-gold); }

/* v2.6: prose sections, about page */
.www-prose { padding: 72px 0; }
.www-prose__grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 48px; align-items: start; }
.www-prose h2 { font-size: 32px; margin-bottom: 14px; }
.www-prose h3 { font-size: 21px; margin: 22px 0 8px; }
.www-prose p, .www-prose li { font-size: 17px; line-height: 1.65; color: var(--www-text); }
.www-prose ul, .www-prose ol { padding-left: 20px; }
.www-prose [data-www-aside].www-card { position: sticky; top: 90px; }
.www-prose [data-www-aside] li { font-size: 15px; margin-bottom: 8px; }
.www-aboutpage__head { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.www-aboutpage__head img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--www-gold), 0 10px 24px rgba(16,39,46,.16); }
.www-aboutpage__head > div { flex: 1; min-width: 260px; }
.www-newsguide h2 { font-size: 22px; }
.www-newsguide p, .www-newsguide li { font-size: 15px; }
.www-newsguide ol { padding-left: 18px; }
.www-newspage [data-www-aside] > .www-newsguide { margin-bottom: 28px; }
@media (max-width: 900px) { .www-prose__grid { grid-template-columns: 1fr; } .www-prose [data-www-aside].www-card { position: static; } .www-aboutpage__head img { width: 120px; height: 120px; } }
.www-surv__logh { font-size: 13px !important; font-weight: 700; color: var(--www-muted) !important; margin: 18px 0 4px !important; }
.www-surv__log { padding-left: 28px; }
.www-surv__log li { margin-bottom: 2px; }
.www-surv__all { margin-top: 12px; font-size: 14px; }
.www-surv__all summary { cursor: pointer; font-weight: 700; color: var(--www-peacock); }

/* v2.7: More menu */
.www-more { position: relative; }
.www-more summary { list-style: none; cursor: pointer; color: rgba(255,255,255,.82); font-size: 15px; }
.www-more summary::-webkit-details-marker { display: none; }
.www-more summary::after { content: " ▾"; font-size: 11px; }
.www-more[data-on] summary { color: #fff; box-shadow: inset 0 -2px 0 var(--www-gold); padding-bottom: 4px; }
.www-more__menu { position: absolute; right: 0; top: calc(100% + 14px); background: #fff; border-radius: 12px; box-shadow: 0 14px 30px rgba(16,39,46,.2); padding: 8px; min-width: 200px; display: grid; z-index: 60; }
.www-more__menu a { color: var(--www-ink) !important; padding: 10px 12px; border-radius: 8px; text-decoration: none; font-size: 15px; box-shadow: none !important; }
.www-more__menu a:hover, .www-more__menu a[aria-current] { background: var(--www-mist); }
@media (max-width: 900px) { .www-more__menu { position: static; box-shadow: none; background: transparent; padding: 4px 0 0 12px; } .www-more__menu a { color: rgba(255,255,255,.85) !important; } .www-more__menu a:hover { background: transparent; } }

/* Wealth Atlas */
.www-atlas { padding: 48px 0 24px; }
.www-atlas__metrics { margin: 0 0 18px; }
.www-atlas__grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 28px; align-items: start; }
.www-atlas__mapbox { background: #fff; border: 1px solid var(--www-line); border-radius: 14px; padding: 16px; }
.www-atlas__map { width: 100%; height: auto; max-height: 720px; display: block; }
.www-atlas__map path { stroke: #fff; stroke-width: 1.2; cursor: pointer; transition: opacity .15s; }
.www-atlas__map path:hover, .www-atlas__map path:focus { opacity: .8; outline: none; }
.www-atlas__map path.is-sel { stroke: var(--www-gold); stroke-width: 3.5; }
.www-atlas__legend p { font-size: 13px !important; font-weight: 700; margin: 10px 0 6px !important; }
.www-atlas__legend div { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--www-muted); }
.www-atlas__legend i { display: inline-block; width: 14px; height: 14px; border-radius: 3px; margin-right: 5px; vertical-align: -2px; border: 1px solid var(--www-line); }
.www-atlas__card { position: sticky; top: 90px; }
.www-atlas__card h2 { font-size: 30px; margin: 0 0 6px; }
.www-atlas__big { font-family: var(--www-serif); font-size: 36px !important; color: var(--www-peacock) !important; margin: 0 !important; }
.www-atlas__rankline { color: var(--www-muted) !important; margin: 0 0 14px !important; }
.www-atlas__dl div { padding: 12px 16px; }
.www-atlas__dl dd small { display: block; font-weight: 500; font-size: 12px; color: var(--www-muted); }
.www-atlas__rank { margin-top: 36px; }
.www-atlas__rank h2 { font-size: 26px; }
.www-atlas__bars { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 28px; }
.www-atlas__bars li { break-inside: avoid; }
.www .www-atlas__bars button { display: grid; grid-template-columns: 170px 1fr 110px; gap: 8px; align-items: center; width: 100%; border: 0; background: transparent; padding: 6px 4px; cursor: pointer; font-size: 13px; text-align: left; color: var(--www-text); border-radius: 6px; }
.www-atlas__bars button:hover, .www-atlas__bars li.is-sel button { background: #fff8ea; }
.www-atlas__bars i { display: block; height: 12px; border-radius: 6px; }
.www-atlas__bars b { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.www-world { padding: 64px 0; background: var(--www-mist); }
.www-tablewrap { overflow-x: auto; background: #fff; border: 1px solid var(--www-line); border-radius: 14px; }
.www-table--wide th, .www-table--wide td { text-align: left !important; padding: 14px 16px; font-size: 15px; }
.www-lesson { margin-top: 24px; border-left: 4px solid var(--www-gold); }

/* Wealth Score */
.www-score { padding: 48px 0 24px; }
.www-score__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.www-score__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.www-score__fields label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.www .www-score__fields input, .www .www-score__fields select { border: 1px solid var(--www-line); border-radius: 8px; padding: 10px 12px; font-size: 16px; background: var(--www-mist); width: 100%; }
.www-score__out { position: sticky; top: 90px; }
.www-iq__score small { font-size: 22px; color: var(--www-muted); }
.www-score__radar { position: relative; height: 260px; margin: 8px 0 14px; }
.www-score__list { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 8px; }
.www-score__list li { display: grid; grid-template-columns: 150px 1fr; gap: 2px 10px; align-items: center; font-size: 14px; }
.www-score__list i { display: block; height: 8px; background: var(--www-mist); border-radius: 4px; overflow: hidden; }
.www-score__list b { display: block; height: 100%; background: var(--www-gold); }
.www-score__list em { grid-column: 2; font-style: normal; font-size: 12px; color: var(--www-muted); }
.www-score__acts li { margin-bottom: 6px; }

/* Snakes & ladders */
.www-sl { display: grid; grid-template-columns: minmax(0, 1.2fr) 1fr; gap: 20px; align-items: start; }
.www-sl__board { position: relative; display: grid; grid-template-columns: repeat(10, 1fr); aspect-ratio: 1; border-radius: 10px; overflow: hidden; border: 2px solid var(--www-ink); }
.www-sl__cell { position: relative; background: #fffdf7; border: 1px solid #efe7d4; }
.www-sl__cell.is-alt { background: #f4f8f6; }
.www-sl__cell span { position: absolute; top: 2px; left: 4px; font-size: 10px; color: var(--www-muted); font-weight: 600; }
.www-sl__cell.is-lad { background: #e8f5ee; }
.www-sl__cell.is-snk { background: #fbeae4; }
.www-sl__board svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.www-sl__lad line { stroke: #1f8a5b; stroke-width: .7; stroke-linecap: round; }
.www-sl__snk path { stroke: var(--www-coral); stroke-width: 1.6; fill: none; stroke-linecap: round; opacity: .85; }
.www-sl__snk circle { fill: var(--www-coral); }
.www-sl__tok { position: absolute; width: 5.4%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.35); transition: left .4s ease, top .4s ease; z-index: 2; }
.www-sl__tok.is-you, .www-sl__dot.is-you { background: var(--www-gold); }
.www-sl__tok.is-cpu, .www-sl__dot.is-cpu { background: var(--www-peacock); }
.www-sl__dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: -1px; }
.www-sl__who { font-size: 14px !important; font-weight: 600; }
.www-sl__die { font-size: 56px !important; line-height: 1; margin: 6px 0 10px !important; }
.www-sl__msg { font-size: 15px !important; min-height: 60px; margin-top: 12px !important; }
.www-surv__log li.is-up { color: #1f6d4b; }
.www-surv__log li.is-down { color: #9a3b25; }
@media (max-width: 1080px) { .www-atlas__grid, .www-score__grid { grid-template-columns: 1fr; } .www-atlas__card, .www-score__out { position: static; } }
@media (max-width: 700px) { .www-atlas__bars { columns: 1; } .www .www-atlas__bars button { grid-template-columns: 120px 1fr 90px; } .www-score__fields { grid-template-columns: 1fr; } .www-sl { grid-template-columns: 1fr; } }
.www-game__grid--wide { grid-template-columns: 1fr; gap: 16px; }
.www-game__grid--wide .www-game__intro { max-width: 760px; }
.www-game__grid--wide .www-sl { grid-template-columns: minmax(0, 620px) 1fr; }
@media (max-width: 700px) { .www-game__grid--wide .www-sl { grid-template-columns: 1fr; } }

/* v2.8: newsletter, client corner, languages */
.www-subband { background: #fff8ea; border-top: 1px solid #f0dfb8; padding: 48px 0; }
.www-subband__grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 36px; align-items: center; }
.www-subband h2 { font-size: 32px; margin: 0 0 6px; }
.www-subband p { color: var(--www-muted); margin: 0; }
.www-sub__row { display: flex; flex-wrap: wrap; gap: 10px; }
.www-sub__row label { flex: 1 1 160px; }
.www .www-sub__row input, .www .www-sub__row select { width: 100%; border: 1.5px solid var(--www-line); border-radius: 999px; padding: 12px 16px; font-size: 15px; background: #fff; }
.www-sub__hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; }
.www-sub__consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; color: var(--www-muted); margin-top: 10px; }
.www-sub__consent input { margin-top: 2px; accent-color: var(--www-peacock); }
.www-sub__msg { font-size: 14px !important; color: var(--www-coral) !important; min-height: 18px; margin: 6px 0 0 !important; }
.www-sub__done { font-size: 16px !important; color: var(--www-ink) !important; background: #eaf6f0; border-radius: 12px; padding: 14px 16px; }
.www-sub--big .www-sub__row label { flex-basis: 100%; }
.www-card .www-sub__row label { flex-basis: 100%; }
.www-client { padding: 56px 0 8px; }
.www-reqs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.www-req { display: grid; gap: 6px; text-decoration: none; background: #fff; border: 1px solid var(--www-line); border-radius: 14px; padding: 18px; }
.www-req:hover { border-color: #25d366; }
.www-req b { font-size: 16px; color: var(--www-ink); }
.www-req span { font-size: 13px; color: #1f8a5b; font-weight: 700; }
.www-check { list-style: none; padding: 0 !important; margin: 0; }
.www-check li { border-bottom: 1px solid var(--www-line); padding: 10px 0; }
.www-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.www-check input { width: 18px; height: 18px; margin-top: 4px; accent-color: var(--www-peacock); flex: none; }
.www-check__prog { font-weight: 700; color: var(--www-peacock) !important; }
.www-cal { list-style: none; padding: 0 !important; margin: 0; }
.www-cal li { display: grid; grid-template-columns: 160px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--www-line); }
.www-cal b { color: var(--www-ink); }
.www-lang { font-size: 17px; }
.www-lang .www-prose p, .www-lang .www-prose li { font-size: 18px; line-height: 1.75; }
.www-lang__risk { font-weight: 700; margin-top: 24px !important; }
.www-hero__langs { font-size: 15px; margin: 0 0 8px !important; }
.www-hero__langs a { color: var(--www-gold); }
@media (max-width: 900px) { .www-subband__grid { grid-template-columns: 1fr; } .www-reqs { grid-template-columns: repeat(2, 1fr); } .www-cal li { grid-template-columns: 1fr; gap: 2px; } }
.www [lang="hi"], .www [lang="mr"], .www-lang, .www-lang h1, .www-lang h2, .www-lang h3 { font-family: "Mukta", "Nirmala UI", "Noto Sans Devanagari", var(--www-sans), sans-serif; }
.www-lang h1 { font-weight: 700; }

/* v2.9: passport, plan builder */
.www-passport { padding: 40px 0 8px; }
.www-passport__head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.www-passport__head h2 { font-size: 28px; margin: 0; }
.www-passport__head p { margin: 0; color: var(--www-muted); }
.www-passport__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.www-stamp { border: 2px dashed var(--www-line); border-radius: 14px; padding: 12px 10px; text-align: center; display: grid; gap: 2px; background: #fff; }
.www-stamp span { font-size: 28px; filter: grayscale(1); opacity: .35; }
.www-stamp b { font-size: 13px; color: var(--www-muted); }
.www-stamp small { font-size: 11px; color: var(--www-muted); line-height: 1.3; }
.www-stamp.is-on { border-style: solid; border-color: var(--www-gold); background: #fff8ea; }
.www-stamp.is-on span { filter: none; opacity: 1; }
.www-stamp.is-on b { color: var(--www-ink); }
.www-planb { padding: 40px 0 16px; }
.www-planb__set { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.www-planb__set label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.www .www-planb__set input, .www .www-planb__table input { border: 1px solid var(--www-line); border-radius: 8px; padding: 9px 10px; font-size: 15px; background: var(--www-mist); width: 100%; min-width: 90px; }
.www-planb__table td { text-align: left !important; }
.www-planb__table th:not(:first-child) { text-align: left !important; }
.www-planb__out { margin-top: 20px; }
.www-planb__out small { display: block; font-size: 12px; color: var(--www-muted); font-weight: 400; }
@media (max-width: 1080px) { .www-passport__grid { grid-template-columns: repeat(4, 1fr); } .www-planb__set { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .www-passport__grid { grid-template-columns: repeat(2, 1fr); } }
@media print {
	.www-ticker, .www-nav, .www-foot, .www-subband, .www-wa-float, .www-pagehead p, .www-prose, .www-game__actions, .www-planb__set, .www-planb__table, [data-plan-add], [data-plan-presets] { display: none !important; }
	.www-planb__out { margin: 0; }
	body { background: #fff; }
}

/* v3.0: fund pages */
.www-crumbs { font-size: 13px; color: var(--www-muted); margin-bottom: 10px; }
.www-pagehead--dark .www-crumbs { color: rgba(255,255,255,.7); }
.www-crumbs a { color: inherit; }
.www-fhead h1 { font-size: clamp(28px, 4vw, 46px); max-width: 980px; }
.www-fhead__row { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: flex-end; margin-top: 8px; }
.www-fhead__nav span { display: block; font-size: 13px; color: var(--www-muted); }
.www-fhead__nav strong { font-family: var(--www-serif); font-size: 36px; font-weight: 500; margin-right: 10px; color: var(--www-ink); }
.www-fhead__nav small { color: var(--www-muted); }
.www-fhead__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.www-fhead__tags span { background: #fff; border: 1px solid var(--www-line); border-radius: 999px; padding: 5px 12px; font-size: 13px; font-weight: 600; }
.www-fbody { padding: 36px 0 64px; }
.www-fbody__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.www-fbody__grid > div > .www-card, .www-fbody__grid > div > .www-kpis { margin-bottom: 20px; }
.www-fbody h2 { font-size: 24px; margin: 0 0 12px; }
.www-fsummary p { font-size: 16px; line-height: 1.65; }
.www-fside { display: grid; gap: 16px; position: sticky; top: 90px; }
.www-fside h3 { font-size: 20px; margin: 0 0 10px; }
.www-fcta { background: #fff8ea; border-color: #f0dfb8; }
.www-fcta .www-btn { display: block; text-align: center; margin: 12px 0 8px; }
.www-flinks { list-style: none; padding: 0; margin: 0; }
.www-flinks li { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--www-line); font-size: 14px; }
.www-flinks a { text-decoration: none; }
.www-flinks a:hover { text-decoration: underline; }
.www-na { color: var(--www-muted); }
.www-twin { border-left: 4px solid var(--www-peacock); }
.www-flist { padding: 32px 0 64px; }
.www-flist__kpis { margin-top: 18px; max-width: 760px; }
.www .www-flist__q { flex: 1 1 260px; max-width: 420px; font-size: 15px; padding: 10px 16px; border: 1.5px solid var(--www-line); border-radius: 999px; }
.www-flist__t th small { display: block; font-weight: 400; color: var(--www-muted); font-size: 12px; }
.www-flist__t th a { text-decoration: none; font-weight: 600; }
.www-flist__t th a:hover { text-decoration: underline; }
.www-flist__t td { text-align: right !important; white-space: nowrap; }
.www-flist__t thead th { cursor: pointer; user-select: none; white-space: nowrap; }
.www-flist__t thead th:not(:first-child) { text-align: right !important; }
.www-flist__t thead th[aria-sort="descending"]::after { content: " ↓"; }
.www-flist__t thead th[aria-sort="ascending"]::after { content: " ↑"; }
.www-flist__t tr[hidden] { display: none; }
.www-fhub { padding: 32px 0 64px; }
.www-fhub__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.www-fhub__cat { display: grid; gap: 4px; text-decoration: none; background: #fff; border: 1px solid var(--www-line); border-radius: 12px; padding: 14px 16px; }
.www-fhub__cat:hover { border-color: var(--www-ink); }
.www-fhub__cat b { font-size: 15px; color: var(--www-ink); }
.www-fhub__cat span { font-size: 13px; color: var(--www-muted); }
.www-fhub__amcs { display: flex; flex-wrap: wrap; gap: 8px; }
.www-fhub__amcs a { border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 7px 14px; font-size: 14px; text-decoration: none; color: var(--www-text); }
.www-fhub__amcs a:hover { border-color: var(--www-ink); }
.www-fhub__amcs small { color: var(--www-muted); margin-left: 4px; }
.www-hubsearch input { background: #fff; }
.www-fx-browse { margin: 12px 0 0 !important; font-weight: 600; }
@media (max-width: 1000px) { .www-fbody__grid { grid-template-columns: 1fr; } .www-fside { position: static; } }
.www-fbody .www-kpis, .www-flist__kpis { grid-template-columns: repeat(4, 1fr); }
.www-kpi strong .www-chg { font-size: inherit; font-weight: inherit; }
@media (max-width: 700px) { .www-fbody .www-kpis, .www-flist__kpis { grid-template-columns: 1fr 1fr; } }
.www-flist__kpis { grid-template-columns: repeat(auto-fit, minmax(170px, 220px)); }

/* ===================== v3.1 ===================== */
.www-eyebrow { font-size: 13px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--www-gold) !important; margin: 0 0 10px !important; }
.www-pagehead--dark h1 strong, .www-pagehead--dark p strong { color: #fff; }

/* Fund Simulator */
.www-simsearch input { font-size: 18px; }
.www-search__list li span { display: block; font-size: 12px; color: var(--www-muted); margin-top: 2px; }
.www-sim__strip { grid-template-columns: repeat(6, 1fr); margin: 18px 0 20px; }
.www-sim__strip .www-kpi small, .www-sim .www-kpi small { display: block; font-size: 11.5px; color: var(--www-muted); margin-top: 4px; line-height: 1.3; }
.www-chartbox--short { height: 260px; }
.www-sim { padding: 40px 0 56px; background: var(--www-mist); }
.www-simtabs { display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px; margin: 0 0 16px; }
.www .www-simtabs button { border: 1px solid var(--www-line); background: #fff; border-radius: 12px; padding: 10px 10px 9px; text-align: left; cursor: pointer; color: var(--www-text); display: grid; gap: 2px; }
.www-simtabs button b { font-size: 15px; }
.www-simtabs button small { font-size: 11.5px; color: var(--www-muted); line-height: 1.25; }
.www .www-simtabs button[aria-selected="true"] { background: var(--www-ink); border-color: var(--www-ink); color: #fff; }
.www-simtabs button[aria-selected="true"] small { color: rgba(255,255,255,.7); }
.www-sim__tool .www-kpis { grid-template-columns: repeat(3, 1fr); }
.www-tool__inputs select { border: 1px solid var(--www-line); border-radius: 8px; padding: 10px 12px; font-size: 16px; font-weight: 600; background: var(--www-mist); color: var(--www-text); width: 100%; }
.www-tool__inputs label small { font-weight: 500; color: var(--www-muted); font-size: 12px; }
.www-sim__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.www-sim__actions a.www-mini { text-decoration: none; }
.www-sim__table summary { cursor: pointer; font-weight: 700; margin: 8px 0 10px; }
.www-sim__table .www-tablewrap { max-height: 420px; overflow-y: auto; }
.www-sim__table th, .www-sim__table td { white-space: nowrap; font-variant-numeric: tabular-nums; }
.www-sim__table thead th { position: sticky; top: 0; background: #fff; z-index: 1; }
.www-simdemo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 0 18px; }
.www-simdemo__c { background: #fff; border: 1px solid var(--www-line); border-radius: 12px; padding: 14px 16px; }
.www-simdemo__c b { display: block; font-family: var(--www-serif); font-size: 20px; font-weight: 500; }
.www-simdemo__c span { font-size: 13px; color: var(--www-muted); }
.www-fund__head .www-err { margin-top: 8px; font-size: 14px; }
@media (max-width: 1080px) { .www-simtabs { grid-template-columns: repeat(4, 1fr); } .www-sim__strip { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) {
	.www-simtabs { grid-template-columns: repeat(2, 1fr); }
	.www-sim__strip, .www-sim__tool .www-kpis { grid-template-columns: 1fr 1fr; }
	.www-simdemo { grid-template-columns: 1fr 1fr; }
	.www-chartbox--short { height: 220px; }
}

/* World Wealth Atlas */
.www-world__tools { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; margin: 0 0 14px; }
.www-world__find input { border: 1px solid var(--www-line); border-radius: 999px; padding: 8px 14px; font-size: 15px; min-width: 240px; background: #fff; }
.www-world__map { max-height: 620px; background: #f6fbfa; border-radius: 10px; transition: none; }
.www-world__sea { fill: #f6fbfa; }
.www-world__map path { fill: #e4e9e7; stroke: #fff; stroke-width: .5; cursor: default; }
.www-world__map.is-zoom path { stroke-width: .25; }
.www-world__map path.has-data { cursor: pointer; }
.www-world__map path.is-sel { stroke: var(--www-gold); stroke-width: 1.6; }
.www-world__map.is-zoom path.is-sel { stroke-width: .8; }
.www-world__map circle { fill: var(--www-peacock); stroke: #fff; stroke-width: .8; cursor: pointer; }
.www-world__map circle.is-sel { stroke: var(--www-gold); stroke-width: 1.6; }
.www-world__vs { font-size: 15px; margin: 0 0 8px !important; }
.www-world__fact { background: var(--www-gold-soft); border-radius: 10px; padding: 12px 14px; font-size: 15px; margin: 10px 0 14px !important; }
.www-world__bars li.is-home button span { font-weight: 800; }
.www-world__bars em { font-style: normal; display: inline-block; min-width: 26px; color: var(--www-muted); font-size: 12px; }
.www .www-world__bars .www-world__grp { break-inside: avoid; margin: 0 0 16px; }
.www-world__grp > b { display: block; margin: 0 0 6px; }
.www-world__grp span { display: flex; flex-wrap: wrap; gap: 6px; }
.www .www-world__grp button { display: inline-block; width: auto; border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 4px 10px; font-size: 13px; grid-template-columns: none; }
.www-atlas__rank [data-world-all] { margin-top: 12px; }
.www-prose--alt { background: var(--www-mist); }

/* Story Corner */
.www-story { padding: 48px 0; }
.www-story .www-board__h small, .www-board__h small { font-family: var(--www-sans); font-size: 14px; color: var(--www-muted); font-weight: 600; margin-left: 8px; }
.www-story--warm { background: #fbf5e9; }
.www-story--dark { background: var(--www-ink); color: #fff; }
.www-story--dark .www-card__foot { color: rgba(255,255,255,.6); }
.www-story__lede { color: var(--www-muted); margin-top: -6px !important; }
.www-myth { max-width: 760px; }
.www-myth__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.www-myth__q { background: #fff; border: 1px solid var(--www-line); border-radius: 16px; padding: 22px 24px; }
.www-myth__s { font-family: var(--www-serif); font-size: 26px; line-height: 1.25; margin: 0 0 16px !important; }
.www-myth__btns { display: flex; gap: 10px; }
.www .www-myth__btns button { flex: 1; border: 2px solid var(--www-ink); background: #fff; color: var(--www-ink); border-radius: 12px; padding: 12px; font-size: 18px; font-weight: 800; cursor: pointer; }
.www .www-myth__btns button:hover { background: var(--www-mist); }
.www-myth__why { margin-top: 14px; background: var(--www-mist); border-radius: 12px; padding: 14px 16px; }
.www-myth__why p { margin: 0 0 10px !important; }
.www-myth.is-js .www-myth__q { display: none; }
.www-myth.is-js .www-myth__q.is-on { display: block; animation: www-pop .25s ease; }
.www-myth.is-js .www-myth__why { display: none; }
.www-myth.is-js .is-done .www-myth__why { display: block; }
.www .is-done .www-myth__btns button { pointer-events: none; opacity: .45; }
.www .is-right .www-myth__btns button.is-picked { background: #0f6e68; border-color: #0f6e68; color: #fff; opacity: 1; }
.www .is-wrong .www-myth__btns button.is-picked { background: var(--www-coral); border-color: var(--www-coral); color: #fff; opacity: 1; }
.is-right .www-myth__why { background: #e3f3ef; }
.is-wrong .www-myth__why { background: #fbe9e4; }
.www-myth__bar { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; font-weight: 700; font-size: 14px; }
.www-myth__bar i { flex: 1; height: 8px; background: var(--www-mist); border-radius: 8px; overflow: hidden; }
.www-myth__bar b { display: block; height: 100%; width: 0; background: var(--www-gold); transition: width .3s; }
.www-myth__end { background: #fff; border: 2px solid var(--www-gold); border-radius: 16px; padding: 24px; }
.www-myth__end h3 { font-size: 30px; }
@keyframes www-pop { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.www-flipgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.www .www-flip { border: 0; background: transparent; padding: 0; perspective: 900px; cursor: pointer; min-height: 190px; text-align: left; color: inherit; }
.www-flip__in { position: relative; display: block; width: 100%; height: 100%; min-height: 190px; transition: transform .5s; transform-style: preserve-3d; }
.www-flip[aria-pressed="true"] .www-flip__in { transform: rotateY(180deg); }
.www-flip__f, .www-flip__b { position: absolute; inset: 0; border-radius: 16px; padding: 18px; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.www-flip__f { background: var(--www-ink); color: #fff; font-family: var(--www-serif); font-size: 20px; line-height: 1.25; }
.www-flip__f small { font-family: var(--www-sans); font-size: 12px; color: var(--www-gold); font-weight: 700; }
.www-flip__b { background: var(--www-gold-soft); color: var(--www-text); font-size: 15px; line-height: 1.5; transform: rotateY(180deg); justify-content: center; }
@media (prefers-reduced-motion: reduce) { .www-flip__in { transition: none; } }

.www-tradgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 20px; }
.www-trad { background: #fff; border: 1px solid var(--www-line); border-radius: 16px; padding: 18px; }
.www-trad__i { font-size: 30px; display: block; margin-bottom: 6px; }
.www-trad h3 { font-size: 20px; margin-bottom: 6px; }
.www-trad p { font-size: 15px; margin-bottom: 10px !important; }
.www-trad__wise { background: var(--www-mist); border-radius: 10px; padding: 10px 12px; font-size: 14px !important; margin: 0 !important; }

.www-numgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.12); border-radius: 16px; overflow: hidden; margin: 0 0 14px; }
.www-num { background: var(--www-ink-2); padding: 22px; }
.www-num strong { display: block; font-family: var(--www-serif); font-weight: 500; font-size: clamp(28px, 3vw, 40px); color: var(--www-gold); line-height: 1.1; margin-bottom: 6px; }
.www-num span { color: rgba(255,255,255,.78); font-size: 15px; }

.www-timeline { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; border-top: 3px solid var(--www-gold); }
.www-timeline li { position: relative; padding: 18px 12px 8px 0; }
.www-timeline li::before { content: ""; position: absolute; top: -9px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--www-gold); border: 3px solid #fff; }
.www-timeline b { display: block; font-family: var(--www-serif); font-size: 24px; font-weight: 500; }
.www-timeline span { font-size: 14px; color: var(--www-muted); }

.www-readgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.www-read { display: block; background: #fff; border: 1px solid var(--www-line); border-radius: 16px; padding: 20px; text-decoration: none; }
.www-read:hover { border-color: var(--www-ink); }
.www-read h3 { font-size: 21px; }
.www-read p { font-size: 15px; color: var(--www-muted); }
.www-story--reads { background: var(--www-mist); }
.www-story__sub { margin-top: 28px; background: #fff; border-radius: 16px; padding: 22px; border: 1px solid var(--www-line); }

@media (max-width: 1080px) { .www-flipgrid, .www-tradgrid { grid-template-columns: repeat(2, 1fr); } .www-timeline { grid-template-columns: repeat(3, 1fr); row-gap: 18px; } .www-readgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
	.www-flipgrid, .www-tradgrid, .www-readgrid, .www-numgrid { grid-template-columns: 1fr; }
	.www-timeline { grid-template-columns: 1fr 1fr; }
	.www-myth__s { font-size: 21px; }
	.www-myth__q { padding: 18px; }
	.www-world__find input { min-width: 0; width: 100%; }
	.www-world__find { width: 100%; }
}
.www-world .www-atlas__grid { grid-template-columns: 1fr; }
.www-world .www-atlas__card { position: static; columns: 2; column-gap: 32px; }
.www-world .www-atlas__card > * { break-inside: avoid; }
.www-world .www-atlas__card dl { margin-top: 0; }
.www-world__map { max-height: none; }
@media (max-width: 900px) { .www-world .www-atlas__card { columns: 1; } }
.www-world__grp > b { text-align: left !important; }

/* ===================== v3.2: 3D globe ===================== */
.www-globe { padding: 36px 0 56px; background: var(--www-mist); }
.www-globe__metrics { margin: 0 0 14px; }
.www-globe__stage { position: relative; height: min(78vh, 720px); min-height: 480px; border-radius: 22px; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none;
	background-color: #06161d;
	background-image: radial-gradient(1.2px 1.2px at 23px 41px, rgba(255,255,255,.75), transparent 60%), radial-gradient(1px 1px at 141px 97px, rgba(255,255,255,.55), transparent 60%), radial-gradient(1.4px 1.4px at 77px 163px, rgba(255,255,255,.65), transparent 60%), radial-gradient(1px 1px at 199px 21px, rgba(255,230,180,.6), transparent 60%), radial-gradient(ellipse at 50% 45%, #14394a 0%, #0a222c 45%, #050f14 100%);
	background-size: 220px 220px, 260px 260px, 310px 310px, 180px 180px, 100% 100%; box-shadow: inset 0 0 80px rgba(0,0,0,.5); }
.www-globe__stage canvas { display: block; cursor: grab; }
.www-globe__stage canvas:active { cursor: grabbing; }
.www-globe__regions { position: absolute; top: 14px; left: 14px; right: 260px; display: flex; flex-wrap: wrap; gap: 6px; z-index: 3; }
.www .www-globe__regions button, .www .www-globe__ctrl button { border: 1px solid rgba(255,255,255,.22); background: rgba(8,30,38,.72); color: #fff; border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 700; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.www .www-globe__regions button:hover, .www .www-globe__ctrl button:hover { border-color: #ffd36b; }
.www .www-globe__regions button[aria-pressed="true"] { background: #ffd36b; color: #10272e; border-color: #ffd36b; }
.www-globe__find { position: absolute; top: 14px; right: 14px; z-index: 3; }
.www-globe__find input { width: 230px; border: 1px solid rgba(255,255,255,.25); background: rgba(8,30,38,.72); color: #fff; border-radius: 999px; padding: 8px 14px; font-size: 14px; backdrop-filter: blur(6px); }
.www-globe__find input::placeholder { color: rgba(255,255,255,.6); }
.www-globe__ctrl { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); display: grid; gap: 8px; z-index: 3; justify-items: end; }
.www .www-globe__ctrl button { width: 40px; height: 40px; padding: 0; font-size: 19px; line-height: 1; }
.www .www-globe__ctrl button[aria-pressed="true"] { border-color: #ffd36b; color: #ffd36b; }
.www .www-globe__ctrl .www-globe__mode { width: auto; height: auto; padding: 8px 12px; font-size: 12px; }
.www-globe__legend { position: absolute; left: 14px; bottom: 14px; z-index: 3; max-width: 62%; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; background: rgba(8,30,38,.72); color: rgba(255,255,255,.85); border-radius: 12px; padding: 8px 12px; font-size: 12px; backdrop-filter: blur(6px); }
.www-globe__legend b { width: 100%; color: #fff; font-size: 12px; }
.www-globe__legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -2px; }
.www-globe__hint { position: absolute; right: 16px; bottom: 12px; margin: 0 !important; font-size: 12px !important; color: rgba(255,255,255,.55) !important; z-index: 2; pointer-events: none; }
.www-globe__tip { position: absolute; z-index: 4; pointer-events: none; background: rgba(6,22,28,.92); color: #fff; border: 1px solid rgba(255,211,107,.5); border-radius: 10px; padding: 6px 10px; font-size: 13px; white-space: nowrap; }
.www-globe__tip b { display: block; }
.www-globe__tip span { color: #ffd36b; }
.www-globe__load { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; color: rgba(255,255,255,.8); font-weight: 600; z-index: 5; }
.www-globe__load span { width: 46px; height: 46px; border-radius: 50%; border: 3px solid rgba(255,255,255,.2); border-top-color: #ffd36b; animation: www-spin 1s linear infinite; }
@keyframes www-spin { to { transform: rotate(360deg); } }

.www-gpop { position: absolute; z-index: 6; width: 340px; background: #fff; color: var(--www-text); border-radius: 18px; padding: 18px 18px 16px; box-shadow: 0 24px 60px rgba(0,0,0,.45); animation: www-pop .22s ease; font-size: 15px; }
.www-gpop__x { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; color: var(--www-muted); }
.www-gpop__head { display: flex; gap: 12px; align-items: center; margin: 0 0 8px; padding-right: 24px; }
.www-gpop__head h3 { font-size: 24px !important; margin: 0 !important; }
.www-gpop__head p { margin: 0 !important; font-size: 13px; color: var(--www-muted); }
.www-gpop__kicker { text-transform: uppercase; letter-spacing: .08em; font-weight: 800; font-size: 11px !important; color: var(--www-peacock) !important; }
.www-gflag { width: 40px; height: auto; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); flex: none; }
.www-gpop__big { font-family: var(--www-serif); font-size: 34px !important; color: var(--www-peacock); margin: 4px 0 0 !important; line-height: 1.1; }
.www-gpop__sub { color: var(--www-muted); font-size: 14px; margin: 2px 0 10px !important; }
.www-gpop__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--www-line); border: 1px solid var(--www-line); border-radius: 12px; overflow: hidden; margin: 0 0 10px; }
.www-gpop__grid div { background: #fff; padding: 8px 9px; }
.www-gpop__grid span { display: block; font-size: 11px; color: var(--www-muted); line-height: 1.25; }
.www-gpop__grid b { display: block; font-size: 15px; margin-top: 2px; white-space: nowrap; }
.www-gpop__grid small { display: block; font-size: 11px; color: var(--www-muted); }
.www-gpop__vs { font-size: 14px; background: var(--www-gold-soft); border-radius: 10px; padding: 8px 10px; margin: 0 0 12px !important; }
.www-gpop__act { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.www-gpop__act .www-btn { padding: 9px 16px; font-size: 14px; }

.www-noscroll, .www-noscroll body { overflow: hidden; }
.www-gprof { position: fixed; inset: 0; z-index: 1000; background: rgba(5,18,24,.55); opacity: 0; transition: opacity .25s; }
.www-gprof.is-open { opacity: 1; }
.www-gprof[hidden] { display: none; }
.www-gprof__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(640px, 100%); background: #fff; box-shadow: -20px 0 60px rgba(0,0,0,.3); transform: translateX(100%); transition: transform .28s ease; display: flex; flex-direction: column; }
.www-gprof.is-open .www-gprof__panel { transform: none; }
.www-gprof__close { position: absolute; top: 12px; right: 14px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--www-line); background: #fff; font-size: 24px; cursor: pointer; }
.www-gprof__body { overflow-y: auto; padding: 26px 28px 40px; font-family: var(--www-sans); color: var(--www-text); font-size: 16px; line-height: 1.6; }
.www-gprof__body h2 { font-family: var(--www-serif); font-weight: 500; font-size: 36px; margin: 0; }
.www-gprof__body h3 { font-family: var(--www-serif); font-weight: 500; font-size: 23px; margin: 26px 0 8px; }
.www-gprof__body p { margin: 0 0 .8em; }
.www-gprof__head { display: flex; gap: 14px; align-items: center; margin: 0 0 16px; padding-right: 44px; }
.www-gprof__head .www-gflag { width: 56px; }
.www-gprof__score { display: flex; gap: 18px; align-items: center; background: var(--www-mist); border-radius: 16px; padding: 14px 16px; margin: 0 0 14px; }
.www-gprof__ring { --p: 50; width: 92px; height: 92px; flex: none; border-radius: 50%; background: conic-gradient(#d19a32 calc(var(--p) * 1%), #dfe7e4 0); display: grid; place-content: center; text-align: center; position: relative; }
.www-gprof__ring::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #fff; }
.www-gprof__ring b, .www-gprof__ring small { position: relative; display: block; line-height: 1; }
.www-gprof__ring b { font-family: var(--www-serif); font-size: 30px; font-weight: 500; }
.www-gprof__ring small { font-size: 11px; color: var(--www-muted); }
.www-gprof__note { font-size: 14px; color: var(--www-muted); }
.www-gstats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.www-gstat { border: 1px solid var(--www-line); border-radius: 12px; padding: 10px 12px; }
.www-gstat span { display: block; font-size: 12px; color: var(--www-muted); }
.www-gstat b { display: block; font-size: 19px; }
.www-gstat small { display: block; font-size: 12px; color: var(--www-muted); }
.www-gbar { position: relative; height: 6px; border-radius: 6px; background: linear-gradient(90deg, #fdf0d2, #e8ad4f, #9c4f1c); margin: 8px 0 2px; }
.www-gbar i { position: absolute; top: -4px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.www-gbar i.is-c { background: #d19a32; z-index: 2; }
.www-gbar i.is-in { background: #0f6e68; width: 10px; height: 10px; top: -2px; margin-left: -5px; }
.www-gvs__key { display: flex; gap: 16px; font-size: 13px; font-weight: 700; }
.www-gvs__key i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: #d19a32; margin-right: 6px; vertical-align: -1px; }
.www-gvs__key .is-in i { background: #0f6e68; }
.www-gvs__row { display: grid; grid-template-columns: 150px 1fr; gap: 10px; align-items: center; padding: 6px 0; border-top: 1px solid var(--www-line); font-size: 14px; }
.www-gvs__row p { display: flex; align-items: center; gap: 8px; margin: 2px 0 !important; }
.www-gvs__row p i { display: block; height: 10px; border-radius: 5px; background: #d19a32; min-width: 2px; }
.www-gvs__row p.is-in i { background: #0f6e68; }
.www-gvs__row p b { font-size: 13px; white-space: nowrap; }
.www-gnear { display: flex; flex-wrap: wrap; gap: 8px; }
.www .www-gnear button { border: 1px solid var(--www-line); background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 14px; cursor: pointer; }
.www-gnear button small { color: var(--www-muted); margin-left: 6px; }
.www-gnear button:hover { border-color: var(--www-ink); }
.www-gprof__act { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 22px 0 14px; }
.www-gtable th button.www-glink, .www-gprof .www-glink { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: var(--www-peacock); cursor: pointer; text-align: left; }
.www-gtable [data-sortk] { cursor: pointer; white-space: nowrap; }
.www-gtable [aria-sort="descending"]::after { content: " ↓"; } .www-gtable [aria-sort="ascending"]::after { content: " ↑"; }
.www-gprof .www-tablewrap { max-height: 420px; overflow: auto; }
.www-gprof .www-table--wide th, .www-gprof .www-table--wide td { padding: 9px 10px; font-size: 14px; }
.www-gprof .www-world__fact { margin-top: 0 !important; }
@media (max-width: 700px) {
	.www-globe__stage { height: 560px; min-height: 0; border-radius: 16px; }
	.www-globe__regions { right: 14px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
	.www-globe__regions button { flex: none; }
	.www-globe__find { top: 56px; left: 14px; right: 14px; }
	.www-globe__find input { width: 100%; }
	.www-globe__legend { max-width: calc(100% - 28px); font-size: 11px; bottom: 10px; left: 10px; }
	.www-globe__hint { display: none; }
	.www-globe__ctrl { top: auto; bottom: 96px; transform: none; right: 10px; }
	.www-gpop { left: 10px !important; right: 10px; top: auto !important; bottom: 10px; width: auto; max-height: 78%; overflow-y: auto; }
	.www-gpop__grid { grid-template-columns: 1fr 1fr 1fr; }
	.www-gprof__body { padding: 20px 16px 40px; }
	.www-gstats { grid-template-columns: 1fr; }
	.www-gvs__row { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 700px) {
	.www-globe__ctrl { top: 100px; bottom: auto; right: 10px; display: flex; gap: 6px; }
	.www .www-globe__ctrl button { width: 34px; height: 34px; font-size: 16px; }
	.www-gpop { max-height: 56%; padding: 14px 14px 12px; }
	.www-gpop__head h3 { font-size: 21px !important; }
	.www-gpop__big { font-size: 28px !important; }
	.www-gpop.is-region .www-gpop__sub { display: none; }
}
@media (max-width: 700px) { .www-gstats { grid-template-columns: 1fr 1fr; } .www-gstat b { font-size: 16px; } }

/* ===================== v3.2: menu, quiz pill, promo ribbon ===================== */
.www-nav .www-wrap.www-nav__row { width: min(1380px, 100% - 40px); gap: 22px; }
.www-nav__links { gap: 20px; align-items: center; }
.www-nav__links a, .www-more summary { font-size: 15px; white-space: nowrap; }
.www-nav__cta { white-space: nowrap; }
.www .www-nav__quiz { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px !important; border-radius: 999px; color: #10272e !important; font-weight: 800; background: linear-gradient(135deg, #ffe08a, #f2b443 55%, #d18a2a); box-shadow: 0 0 0 0 rgba(255,211,107,.6); animation: www-glow 2.4s ease-in-out infinite; }
.www .www-nav__quiz em { font-style: normal; font-size: 10px; font-weight: 900; letter-spacing: .06em; background: #c85a3f; color: #fff; border-radius: 999px; padding: 2px 6px; }
.www .www-nav__quiz[aria-current="page"] { box-shadow: 0 0 0 2px #fff; }
@keyframes www-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,211,107,.55); } 50% { box-shadow: 0 0 18px 4px rgba(255,211,107,.45); } }
.www-promo { position: relative; background: linear-gradient(90deg, #3a1f5c, #10272e 40%, #10272e 60%, #3a1f5c); border-bottom: 1px solid rgba(255,211,107,.35); }
.www-promo[hidden] { display: none; }
.www .www-promo__in { display: flex; align-items: center; gap: 12px; padding: 9px 40px 9px 0; text-decoration: none; color: #fff; font-size: 14px; }
.www-promo__badge { background: #c85a3f; color: #fff; font-weight: 900; font-size: 11px; letter-spacing: .08em; border-radius: 999px; padding: 3px 8px; animation: www-glow 2.4s ease-in-out infinite; }
.www-promo__txt b { color: #ffd36b; }
.www-promo__go { margin-left: auto; font-weight: 800; color: #ffd36b; white-space: nowrap; }
.www .www-promo__x { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; color: rgba(255,255,255,.7); font-size: 20px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .www .www-nav__quiz, .www-promo__badge { animation: none; } }
@media (max-width: 1240px) {
	.www-nav__links { display: none; position: absolute; top: 72px; left: 0; right: 0; background: var(--www-ink); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 20px 20px; max-height: calc(100vh - 110px); overflow-y: auto; }
	.www-nav__links.is-open { display: flex; }
	.www-nav__links a { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
	.www .www-nav__quiz { margin: 10px 0; justify-content: center; }
	.www-nav__toggle { display: block; }
	.www-nav__cta { margin-left: auto; padding: 9px 14px; font-size: 14px; }
	.www-nav__toggle { margin-left: 4px; }
	.www-more__menu { position: static; box-shadow: none; background: transparent; padding: 4px 0 0 12px; }
	.www-more__menu a { color: rgba(255,255,255,.85) !important; }
	.www-more summary { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 700px) { .www-nav__cta { display: none; } .www-promo__txt { font-size: 13px; } .www-promo__txt span { display: none; } .www .www-promo__in { padding-right: 34px; } .www-promo__go { display: none; } }

/* ===================== v3.2: Sawaal Crore Ka ===================== */
.www-scqpage { background: #040b10; padding: 22px 0 40px; }
.scq { --g1: #ffe08a; --g2: #f2b443; --g3: #c47f22; --ink: #07121a; position: relative; border-radius: 24px; overflow: hidden; min-height: 640px; color: #fff; font-family: var(--www-sans); isolation: isolate;
	background: radial-gradient(ellipse 70% 55% at 50% -12%, rgba(126,82,214,.55), transparent 70%), radial-gradient(ellipse 80% 50% at 50% 115%, rgba(15,110,104,.55), transparent 70%), #07121a; box-shadow: 0 30px 80px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,211,107,.18); }
.scq.is-max { position: fixed; inset: 0; z-index: 3000; border-radius: 0; overflow: auto; }
.scq-game, .scq-intro, .scq-result { position: relative; padding: 26px 28px 30px; }
.scq-game:fullscreen { overflow: auto; background: radial-gradient(ellipse 70% 55% at 50% -12%, rgba(126,82,214,.55), transparent 70%), radial-gradient(ellipse 80% 50% at 50% 115%, rgba(15,110,104,.55), transparent 70%), #07121a; padding: 3vh 3vw; }
.scq-beams { position: absolute; inset: -30% -10% 0; z-index: -1; pointer-events: none; background: repeating-conic-gradient(from 0deg at 50% 0%, rgba(255,255,255,.06) 0deg 5deg, transparent 5deg 16deg); -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%); animation: scq-sweep 22s linear infinite; transform-origin: 50% 0%; }
@keyframes scq-sweep { from { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } to { transform: rotate(-8deg); } }
.scq-loading { display: grid; place-content: center; justify-items: center; gap: 14px; min-height: 600px; color: rgba(255,255,255,.8); font-weight: 600; }
.scq-loading span { width: 48px; height: 48px; border-radius: 50%; border: 3px solid rgba(255,255,255,.2); border-top-color: var(--g2); animation: www-spin 1s linear infinite; }

/* logo & intro */
.scq-intro { text-align: center; max-width: 980px; margin: 0 auto; }
.scq-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: 12px !important; font-weight: 800; color: var(--g1) !important; margin: 6px 0 6px !important; }
.scq-logo { margin: 0 0 6px !important; line-height: .95 !important; font-family: var(--www-serif) !important; }
.scq-logo span { display: block; font-size: clamp(26px, 4vw, 40px); font-weight: 500; color: #fff; letter-spacing: .06em; }
.scq-logo b { display: block; font-size: clamp(54px, 9vw, 104px); font-weight: 600; background: linear-gradient(180deg, #fff6d8 0%, var(--g1) 30%, var(--g2) 60%, var(--g3) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 4px 24px rgba(242,180,67,.45)); }
.scq-tag { color: rgba(255,255,255,.8) !important; font-size: 17px; margin: 0 0 22px !important; }
.scq-name { display: grid; gap: 6px; max-width: 360px; margin: 0 auto 16px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.75); text-align: left; }
.scq-name input { border: 1px solid rgba(255,211,107,.45); background: rgba(255,255,255,.06); color: #fff; border-radius: 12px; padding: 12px 14px; font-size: 16px; }
.scq .scq-go { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; text-decoration: none; padding: 14px 28px; border-radius: 999px; font-weight: 900; font-size: 17px; color: #1b1205; background: linear-gradient(180deg, var(--g1), var(--g2) 55%, var(--g3)); box-shadow: 0 8px 30px rgba(242,180,67,.35), inset 0 1px 0 rgba(255,255,255,.6); }
.scq .scq-go:hover { filter: brightness(1.08); }
.scq-intro > .scq-go { font-size: 20px; padding: 16px 36px; animation: www-glow 2.4s ease-in-out infinite; }
.scq-toggles { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin: 16px 0 22px; font-size: 14px; color: rgba(255,255,255,.8); }
.scq-toggles input { accent-color: var(--g2); margin-right: 6px; }
.scq-introgrid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; text-align: left; }
.scq-rules, .scq-mystats { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 18px 20px; }
.scq-rules h3, .scq-mystats h3 { font-size: 20px !important; color: var(--g1); margin: 0 0 8px !important; }
.scq-rules ol { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 14.5px; color: rgba(255,255,255,.88); }
.scq-mystats p { display: flex; justify-content: space-between; gap: 10px; margin: 0 !important; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 14px; }
.scq-mystats p b { color: var(--g1); }
.scq-fine { font-size: 12px !important; color: rgba(255,255,255,.5) !important; margin: 18px 0 0 !important; }

/* game layout */
.scq-bar { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; }
.scq-mini { margin: 0 !important; font-family: var(--www-serif); font-size: 20px; }
.scq-mini b { color: var(--g2); font-weight: 600; }
.scq-prize { margin: 0 0 0 auto !important; font-weight: 900; font-size: 18px; color: var(--g1); background: rgba(255,211,107,.1); border: 1px solid rgba(255,211,107,.35); border-radius: 999px; padding: 6px 14px; font-variant-numeric: tabular-nums; }
.scq-tools { display: flex; gap: 6px; }
.scq .scq-tools button { border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); color: #fff; border-radius: 999px; min-width: 40px; height: 38px; padding: 0 12px; cursor: pointer; font-size: 15px; }
.scq .scq-ladbtn { display: none; font-weight: 800; font-size: 13px !important; }
.scq-main { display: grid; grid-template-columns: 1fr 290px; gap: 24px; align-items: start; }
.scq-stage { min-width: 0; display: grid; gap: 14px; }
.scq-host { display: flex; gap: 10px; align-items: center; justify-content: center; min-height: 30px; }
.scq-host p { margin: 0 !important; font-style: italic; color: rgba(255,255,255,.85); font-size: 15px; text-align: center; }
.scq-timer { position: relative; width: 86px; height: 86px; margin: 0 auto; }
.scq-timer[hidden] { display: none; }
.scq-timer svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.scq-timer__bg { fill: rgba(7,18,26,.85); stroke: rgba(255,255,255,.12); stroke-width: 8; }
.scq-timer__ring { fill: none; stroke: var(--g2); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1s linear, stroke .3s; filter: drop-shadow(0 0 6px rgba(242,180,67,.7)); }
.scq-timer b { position: absolute; inset: 0; display: grid; place-content: center; font-size: 30px; font-weight: 900; font-variant-numeric: tabular-nums; }
.scq-timer.is-urgent .scq-timer__ring { stroke: #ff6b4a; filter: drop-shadow(0 0 8px rgba(255,107,74,.9)); }
.scq-timer.is-urgent b { color: #ffb4a3; animation: scq-pulse 1s ease-in-out infinite; }
@keyframes scq-pulse { 50% { transform: scale(1.12); } }

/* hexagon panels */
.scq-q, .scq-opt { position: relative; isolation: isolate; clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 22px 100%, 0 50%); background: linear-gradient(180deg, var(--g1), var(--g3)); }
.scq-q::before, .scq-opt::before { content: ""; position: absolute; inset: 2px; z-index: -1; clip-path: polygon(21px 0, calc(100% - 21px) 0, 100% 50%, calc(100% - 21px) 100%, 21px 100%, 0 50%); background: linear-gradient(180deg, #1a2d63 0%, #0b1638 55%, #070f26 100%); transition: background .25s; }
.scq-q { padding: 22px 48px; text-align: center; min-height: 120px; display: grid; place-content: center; opacity: 0; transform: translateY(8px); transition: opacity .45s, transform .45s; }
.scq-q.is-in { opacity: 1; transform: none; }
.scq-q__meta { font-size: 12.5px !important; color: var(--g1) !important; margin: 0 0 6px !important; letter-spacing: .02em; }
.scq-q__text { font-size: clamp(19px, 2.2vw, 25px) !important; font-weight: 700; line-height: 1.35 !important; margin: 0 !important; }
.scq-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; position: relative; padding: 2px 0;
	background: linear-gradient(to bottom, transparent calc(25% - 1px), rgba(242,180,67,.45) calc(25% - 1px), rgba(242,180,67,.45) calc(25% + 1px), transparent calc(25% + 1px), transparent calc(75% - 1px), rgba(242,180,67,.45) calc(75% - 1px), rgba(242,180,67,.45) calc(75% + 1px), transparent calc(75% + 1px)); }
.scq .scq-opt { border: 0; cursor: pointer; color: #fff; text-align: left; display: flex; align-items: center; gap: 10px; padding: 15px 34px; min-height: 62px; font-size: 17px; font-weight: 600; opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s, filter .2s; }
.scq .scq-opt.is-show { opacity: 1; transform: none; }
.scq .scq-opt b { color: var(--g2); font-weight: 900; font-size: 16px; }
.scq .scq-opt:not(:disabled):hover { filter: brightness(1.25); }
.scq .scq-opt:disabled { cursor: default; }
.scq-opt.is-sel::before { background: linear-gradient(180deg, #ffb547, #e07b12 60%, #a8530a); }
.scq-opt.is-sel b, .scq-opt.is-locked b { color: #2a1400; }
.scq-opt.is-sel, .scq-opt.is-locked { color: #1b0d00 !important; }
.scq-opt.is-locked::before { background: linear-gradient(180deg, #ffb547, #e07b12 60%, #a8530a); animation: scq-lockp 0.7s ease-in-out infinite alternate; }
@keyframes scq-lockp { to { filter: brightness(1.3); } }
.scq-opt.is-right::before { background: linear-gradient(180deg, #5ee08a, #16a34a 60%, #0b6b30) !important; animation: scq-flash .35s ease-in-out 4 alternate !important; }
.scq-opt.is-right, .scq-opt.is-right b { color: #04210f !important; }
.scq-opt.is-wrong::before { background: linear-gradient(180deg, #ff8a7a, #dc2626 60%, #8f1515) !important; animation: none !important; }
.scq-opt.is-wrong, .scq-opt.is-wrong b { color: #fff !important; }
@keyframes scq-flash { from { filter: brightness(1); } to { filter: brightness(1.45); } }
.scq .scq-opt.is-gone { opacity: .14 !important; pointer-events: none; }
.is-flip { animation: scq-flip .6s ease; }
@keyframes scq-flip { 50% { transform: rotateX(90deg); opacity: .2; } }
.scq-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.scq .scq-lock { border: 0; cursor: pointer; border-radius: 999px; padding: 12px 26px; font-weight: 900; font-size: 16px; background: linear-gradient(180deg, #ffb547, #e07b12); color: #2a1400; box-shadow: 0 6px 22px rgba(224,123,18,.4); }
.scq .scq-lock:disabled { background: rgba(255,255,255,.1); color: rgba(255,255,255,.4); box-shadow: none; cursor: default; }
.scq .scq-walk { border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; border-radius: 999px; padding: 11px 20px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; }
.scq .scq-walk:disabled { opacity: .35; cursor: default; }
.scq .scq-wa { border-color: #25d366; color: #b9f5cf; }
.scq-expl { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-left: 4px solid var(--g2); border-radius: 14px; padding: 16px 18px; animation: www-pop .3s ease; }
.scq-expl[hidden] { display: none; }
.scq-expl p { margin: 0 0 10px !important; color: rgba(255,255,255,.9); }
.scq-expl__h { font-weight: 900; color: var(--g1) !important; }
.scq-expl__act { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* side: lifelines + ladder */
.scq-side { background: rgba(4,10,24,.55); border: 1px solid rgba(255,211,107,.2); border-radius: 18px; padding: 14px; }
.scq-lifelines { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 12px; }
.scq .scq-lifelines button { position: relative; border: 0; background: transparent; color: #fff; cursor: pointer; display: grid; justify-items: center; gap: 4px; padding: 0; font-size: 12px; font-weight: 700; }
.scq-lifelines i { width: 58px; height: 42px; border-radius: 50%; display: grid; place-content: center; font-style: normal; font-weight: 900; font-size: 15px; background: radial-gradient(circle at 50% 30%, #2a3f86, #0b1638); border: 2px solid var(--g2); box-shadow: 0 0 14px rgba(242,180,67,.35); overflow: hidden; }
.scq-lifelines .scq-exp-ic img { width: 100%; height: 100%; object-fit: cover; }
.scq .scq-lifelines button:not(:disabled):hover i { filter: brightness(1.3); }
.scq .scq-lifelines button:disabled { cursor: default; opacity: .55; }
.scq .scq-lifelines button.is-used { opacity: .5; }
.scq .scq-lifelines button.is-used i::after { content: ""; position: absolute; width: 64px; height: 3px; background: #ff4d3a; transform: rotate(-30deg); top: 20px; left: 50%; margin-left: -32px; box-shadow: 0 0 6px #ff4d3a; }
.scq-ladder { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-variant-numeric: tabular-nums; }
.scq-ladder li { display: flex; align-items: center; gap: 10px; padding: 5px 12px; border-radius: 999px; font-size: 14px; color: rgba(255,255,255,.72); font-weight: 600; }
.scq-ladder em { font-style: normal; width: 22px; text-align: right; font-size: 12px; color: rgba(255,255,255,.45); }
.scq-ladder li.is-safe { color: #fff; font-weight: 900; }
.scq-ladder li.is-safe span::after { content: " ★"; color: var(--g2); }
.scq-ladder li.is-jackpot { color: #e9c7ff; font-weight: 900; }
.scq-ladder li.is-won { color: var(--g1); }
.scq-ladder li.is-now { background: linear-gradient(90deg, var(--g2), var(--g3)); color: #1b1205; box-shadow: 0 0 14px rgba(242,180,67,.5); }
.scq-ladder li.is-now em { color: #1b1205; }

/* overlays */
.scq-layer { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; background: rgba(2,6,14,.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 20px; }
.scq-layer[hidden] { display: none; }
.scq-dialog { background: linear-gradient(180deg, #13214a, #0a1230); border: 1px solid rgba(255,211,107,.45); border-radius: 20px; padding: 24px; max-width: 460px; width: 100%; text-align: center; animation: www-pop .25s ease; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.scq-dialog h3 { color: var(--g1); font-size: 26px !important; }
.scq-dialog .scq-expl__act { justify-content: center; margin-top: 12px; }
.scq-expert__who { display: flex; gap: 12px; align-items: center; justify-content: center; margin: 0 0 14px; text-align: left; }
.scq-expert__who img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid var(--g2); }
.scq-expert__who b { display: block; color: #fff; }
.scq-expert__who span { font-size: 13px; color: rgba(255,255,255,.65); }
.scq-expert__say { background: rgba(255,255,255,.08); border-radius: 14px; padding: 14px; font-size: 17px; min-height: 60px; margin: 0 !important; }
.scq-dots { display: inline-flex; gap: 5px; }
.scq-dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--g1); animation: scq-dot 1s infinite; }
.scq-dots span:nth-child(2) { animation-delay: .15s; } .scq-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes scq-dot { 50% { opacity: .2; transform: translateY(-3px); } }
.scq-banner { text-align: center; animation: scq-zoom .5s cubic-bezier(.2,1.4,.4,1); }
.scq-banner p { text-transform: uppercase; letter-spacing: .2em; font-weight: 900; color: var(--g1) !important; margin: 0 !important; }
.scq-banner h3 { font-size: clamp(36px, 6vw, 64px) !important; margin: 4px 0 !important; color: #fff; text-shadow: 0 4px 30px rgba(242,180,67,.6); }
.scq-banner span { color: rgba(255,255,255,.8); }
@keyframes scq-zoom { from { transform: scale(.6); opacity: 0; } }
.scq-coin { position: absolute; top: 45%; z-index: 30; font-style: normal; font-size: 26px; pointer-events: none; animation: scq-coin 1.5s ease-out forwards; }
@keyframes scq-coin { to { transform: translate(var(--dx), var(--dy)) rotate(540deg); opacity: 0; } }

/* result */
.scq-result { text-align: center; max-width: 900px; margin: 0 auto; }
.scq-won { font-size: clamp(48px, 8vw, 92px) !important; font-weight: 900; margin: 0 !important; background: linear-gradient(180deg, #fff6d8, var(--g2) 60%, var(--g3)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 4px 24px rgba(242,180,67,.45)); line-height: 1.05; }
.scq-title { color: #fff; font-size: clamp(28px, 4vw, 42px) !important; }
.scq-cert { width: 100%; max-width: 720px; height: auto; border-radius: 12px; margin: 16px auto; display: block; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.scq-result__act { justify-content: center; margin: 6px 0 18px; }
.scq-review { text-align: left; background: rgba(255,255,255,.05); border-radius: 16px; padding: 18px; margin: 0 0 18px; }
.scq-review h3 { color: var(--g1); }
.scq-rv { border-top: 1px solid rgba(255,255,255,.1); padding: 12px 0; }
.scq-rv p { margin: 0 0 4px !important; font-size: 14.5px; color: rgba(255,255,255,.85); }
.scq-rv__n { font-size: 12px !important; font-weight: 800; color: var(--g1) !important; }
.scq-rv__q { font-weight: 700; color: #fff !important; }
.scq-rv.is-no .scq-rv__n { color: #ff8a7a !important; }
.scq-rv__x { color: #ff8a7a; }
.scq-rv__e { color: rgba(255,255,255,.65) !important; }
.scq-cta { background: rgba(255,211,107,.1); border: 1px solid rgba(255,211,107,.35); border-radius: 16px; padding: 18px; display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left; }
.scq-cta p { margin: 0 !important; max-width: 520px; }

/* home & games showcase */
.www-showcase { padding: 28px 0 8px; background: var(--www-paper); }
.www-showcase--tight { padding: 22px 0; background: transparent; }
.www .www-showcase__card { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "new new new" "logo txt go" "logo ladder go"; gap: 6px 26px; align-items: center; padding: 26px 30px; border-radius: 24px; text-decoration: none; color: #fff; background: radial-gradient(ellipse 60% 90% at 15% 0%, rgba(126,82,214,.7), transparent 70%), radial-gradient(ellipse 60% 80% at 100% 100%, rgba(15,110,104,.6), transparent 70%), #07121a; box-shadow: 0 20px 50px rgba(16,39,46,.25), inset 0 0 0 1px rgba(255,211,107,.3); transition: transform .2s; }
.www .www-showcase__card:hover { transform: translateY(-2px); }
.www-showcase__beams { position: absolute; inset: -60% -10% 0; z-index: -1; background: repeating-conic-gradient(from 0deg at 15% 0%, rgba(255,255,255,.07) 0deg 5deg, transparent 5deg 16deg); -webkit-mask-image: radial-gradient(ellipse at 15% 0%, #000, transparent 70%); mask-image: radial-gradient(ellipse at 15% 0%, #000, transparent 70%); animation: scq-sweep 18s linear infinite; transform-origin: 15% 0%; }
.www-showcase__new { grid-area: new; justify-self: start; background: #c85a3f; font-weight: 900; font-size: 11px; letter-spacing: .1em; border-radius: 999px; padding: 4px 10px; animation: www-glow 2.4s ease-in-out infinite; }
.www-showcase__logo { grid-area: logo; font-family: var(--www-serif); line-height: .9; }
.www-showcase__logo span { display: block; font-size: 24px; letter-spacing: .05em; }
.www-showcase__logo b { display: block; font-size: 58px; font-weight: 600; background: linear-gradient(180deg, #fff6d8, #ffe08a 30%, #f2b443 60%, #c47f22); -webkit-background-clip: text; background-clip: text; color: transparent; }
.www-showcase__txt { grid-area: txt; font-size: 17px; color: rgba(255,255,255,.88); }
.www-showcase__ladder { grid-area: ladder; display: flex; flex-wrap: wrap; gap: 6px; }
.www-showcase__ladder i { font-style: normal; font-size: 12px; font-weight: 800; border: 1px solid rgba(255,211,107,.4); border-radius: 999px; padding: 3px 9px; color: #ffe08a; }
.www-showcase__ladder i.is-top { background: linear-gradient(90deg, #f2b443, #c47f22); color: #1b1205; }
.www-showcase__go { grid-area: go; font-size: 17px !important; padding: 15px 26px !important; animation: www-glow 2.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .scq-beams, .www-showcase__beams, .scq-intro > .scq-go, .www-showcase__go { animation: none; } }

@media (max-width: 960px) {
	.scq-main { grid-template-columns: 1fr; }
	.scq-side { order: -1; padding: 10px; background: transparent; border: 0; }
	.scq-lifelines { margin: 0; }
	.scq-ladder { display: none; }
	.scq.is-ladder .scq-ladder { display: grid; position: absolute; z-index: 25; top: 64px; right: 14px; width: 260px; background: #0a1230; border: 1px solid rgba(255,211,107,.4); border-radius: 16px; padding: 10px; box-shadow: 0 20px 60px rgba(0,0,0,.6); }
	.scq .scq-ladbtn { display: inline-block; }
	.scq-introgrid { grid-template-columns: 1fr; }
	.www .www-showcase__card { grid-template-columns: 1fr; grid-template-areas: "new" "logo" "txt" "ladder" "go"; padding: 22px; }
	.www-showcase__go { justify-self: start; }
}
@media (max-width: 640px) {
	.scq-game, .scq-intro, .scq-result { padding: 16px 12px 22px; }
	.scq { border-radius: 16px; min-height: 0; }
	.scq-mini { display: none; }
	.scq-prize { margin-left: 0 !important; font-size: 16px; }
	.scq-tools { margin-left: auto; }
	.scq-opts { grid-template-columns: 1fr; background: none; gap: 10px; }
	.scq .scq-opt { min-height: 54px; padding: 12px 28px; font-size: 16px; }
	.scq-q { padding: 18px 30px; min-height: 100px; }
	.scq-timer { width: 70px; height: 70px; }
	.scq-timer b { font-size: 24px; }
	.scq-host p { font-size: 14px; }
	.www-showcase__logo b { font-size: 46px; }
}

/* ===================== v3.3: Sawaal Crore Ka upgrades ===================== */
.scq-intro, .scq-result { min-height: 600px; }
.scq-lifelines { grid-template-columns: repeat(4, 1fr); gap: 6px; }
.scq-lifelines i { width: 54px; height: 40px; }
.scq-poll-ic { display: flex !important; align-items: flex-end; justify-content: center; gap: 3px; padding-bottom: 9px; }
.scq-poll-ic b { display: block; width: 5px; background: var(--g1); border-radius: 2px 2px 0 0; }
.scq-poll-ic b:nth-child(1) { height: 9px; } .scq-poll-ic b:nth-child(2) { height: 20px; } .scq-poll-ic b:nth-child(3) { height: 6px; } .scq-poll-ic b:nth-child(4) { height: 13px; }
.scq-lv { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; padding: 2px 9px; border-radius: 999px; font-weight: 800; font-size: 11.5px; letter-spacing: .03em; border: 1px solid currentColor; vertical-align: 1px; }
.scq-lv i { font-style: normal; letter-spacing: 1px; font-size: 9px; }
.scq-lv.is-easy { color: #7ee2a8; } .scq-lv.is-tough { color: #ffd36b; } .scq-lv.is-tougher { color: #ffa25c; } .scq-lv.is-toughest { color: #ff7a8a; }
.scq-ladder li { position: relative; }
.scq-ladder__lv { margin-left: auto; width: 8px; height: 8px; border-radius: 50%; }
.scq-ladder__lv.is-easy { background: #7ee2a8; } .scq-ladder__lv.is-tough { background: #ffd36b; } .scq-ladder__lv.is-tougher { background: #ffa25c; } .scq-ladder__lv.is-toughest { background: #ff7a8a; }
/* the difficulty climb on the intro */
.scq-climb { display: grid; grid-template-columns: repeat(16, 1fr); grid-template-rows: 46px auto; column-gap: 4px; align-items: end; max-width: 420px; margin: 0 auto 20px; }
.scq-climb i { display: block; height: var(--h); border-radius: 4px 4px 1px 1px; grid-row: 1; }
.scq-climb i.is-easy { background: #7ee2a8; } .scq-climb i.is-tough { background: #ffd36b; } .scq-climb i.is-tougher { background: #ffa25c; } .scq-climb i.is-toughest { background: #ff7a8a; }
.scq-climb span { grid-row: 2; font-size: 11px; font-weight: 800; letter-spacing: .04em; color: rgba(255,255,255,.65); padding-top: 4px; }
.scq-climb span:nth-of-type(1) { grid-column: 1 / 6; color: #7ee2a8; } .scq-climb span:nth-of-type(2) { grid-column: 6 / 11; color: #ffd36b; } .scq-climb span:nth-of-type(3) { grid-column: 11 / 14; color: #ffa25c; } .scq-climb span:nth-of-type(4) { grid-column: 14 / 17; color: #ff7a8a; }
/* poll results shown on the answer buttons */
.scq .scq-opt__poll { margin-left: auto; font-style: normal; font-weight: 900; font-size: 14px; color: var(--g1); }
.scq-opt.has-poll::after { content: ""; position: absolute; left: 22px; bottom: 7px; height: 4px; width: calc((100% - 44px) * var(--poll, 0%) / 100%); border-radius: 2px; background: var(--g1); opacity: .75; }
.scq-opt.is-sel .scq-opt__poll, .scq-opt.is-locked .scq-opt__poll, .scq-opt.is-right .scq-opt__poll { color: #1b0d00; }
.scq-poll .scq-poll__sub { font-size: 13.5px; color: rgba(255,255,255,.7); margin: 0 0 14px !important; }
.scq-poll__bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; align-items: end; height: 200px; padding: 0 6px; }
.scq-poll__col { display: grid; grid-template-rows: auto 1fr auto; height: 100%; gap: 6px; text-align: center; }
.scq-poll__col b { font-size: 18px; color: var(--g1); font-variant-numeric: tabular-nums; }
.scq-poll__col i { position: relative; display: block; background: rgba(255,255,255,.06); border-radius: 8px 8px 2px 2px; overflow: hidden; }
.scq-poll__col i span { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(180deg, var(--g1), var(--g3)); border-radius: 6px 6px 0 0; box-shadow: 0 0 18px rgba(242,180,67,.5); }
.scq-poll__col em { font-style: normal; font-weight: 900; color: #fff; }
.scq-poll__col.is-gone { opacity: .25; }
.scq-poll__note { margin: 14px 0 0 !important; font-weight: 700; color: #fff; }
/* challenge, record, account */
.scq-challenge { background: linear-gradient(90deg, rgba(255,122,138,.25), rgba(242,180,67,.25)); border: 1px solid rgba(255,211,107,.5); border-radius: 14px; padding: 12px 16px; margin: 0 auto 14px; max-width: 640px; font-size: 15px; animation: www-pop .4s ease; }
.scq-mystats__note { display: block !important; font-size: 12.5px !important; color: rgba(255,255,255,.6); border-top: 1px solid rgba(255,255,255,.08); }
.scq-acct { max-width: 720px; margin: 0 auto 20px; }
.scq-acct__in { display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left; background: rgba(255,255,255,.05); border: 1px dashed rgba(255,211,107,.45); border-radius: 16px; padding: 14px 16px; }
.scq-acct__in.is-on { border-style: solid; background: rgba(126,226,168,.08); border-color: rgba(126,226,168,.45); }
.scq-acct__in b { display: block; color: var(--g1); font-size: 15px; }
.scq-acct__in span { display: block; font-size: 13px; color: rgba(255,255,255,.72); max-width: 480px; }
.scq-acct__btns { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.scq .scq-link { border: 0; background: none; color: var(--g1); text-decoration: underline; cursor: pointer; font-weight: 700; font-size: 14px; padding: 4px; }
.scq .scq-link.is-danger { color: #ff8a7a; }
.scq .scq-gold { border: 0; cursor: pointer; border-radius: 999px; padding: 12px 22px; font-weight: 900; font-size: 15px; color: #fff; background: linear-gradient(180deg, #ff7a8a, #c8344f); box-shadow: 0 6px 22px rgba(200,52,79,.4); animation: www-glow 2.4s ease-in-out infinite; }
.scq .scq-gold:disabled { opacity: .6; cursor: wait; }
.scq-status { min-height: 20px; margin: 0 0 12px !important; color: #7ee2a8 !important; font-weight: 700; font-size: 14px; }
.scq-vs { font-weight: 800; color: var(--g1) !important; margin: 4px 0 0 !important; }
.scq-vs.is-win { color: #7ee2a8 !important; font-size: 18px; }
.scq-sharebox { margin: 0 auto 14px; max-width: 760px; }
/* dialogs: sign-in, my stuff */
.scq-layer { overflow-y: auto; align-items: start; }
.scq-layer > .scq-dialog, .scq-layer > .scq-banner { margin: auto; }
.scq-dialog { position: relative; }
.scq .scq-x { position: absolute; top: 10px; right: 12px; border: 0; background: rgba(255,255,255,.08); color: #fff; width: 34px; height: 34px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; }
.scq-signin, .scq-mine { max-width: 520px; text-align: left; }
.scq-signin h3, .scq-mine h3 { padding-right: 36px; font-size: 22px !important; }
.scq-signin__why { color: rgba(255,255,255,.8); margin: 0 0 10px !important; }
.scq-field { display: grid; gap: 5px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.8); margin: 0 0 10px; }
.scq-field input { border: 1px solid rgba(255,211,107,.45); background: rgba(255,255,255,.07); color: #fff; border-radius: 10px; padding: 11px 12px; font-size: 16px; width: 100%; box-sizing: border-box; }
.scq-consent { display: grid; gap: 8px; margin: 4px 0 12px; }
.scq-consent label { display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; color: rgba(255,255,255,.85); line-height: 1.4; cursor: pointer; }
.scq-consent input { accent-color: var(--g2); width: 18px; height: 18px; flex: 0 0 18px; margin-top: 1px; }
.scq-gbtn { min-height: 44px; display: flex; justify-content: center; margin: 4px 0; }
.scq-or { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.5); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; margin: 10px 0 !important; }
.scq-or::before, .scq-or::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.15); }
.scq-emailflow { display: grid; gap: 6px; }
.scq-emailflow[hidden] { display: none; }
.scq-emailflow .scq-go { font-size: 15px; padding: 12px 18px; }
.scq-err { min-height: 18px; color: #ffb4a3 !important; font-weight: 700; font-size: 13.5px; margin: 8px 0 0 !important; }
.scq-signin .scq-fine a { color: var(--g1); }
.scq-mine h4 { color: var(--g1); margin: 16px 0 8px !important; font-size: 16px !important; }
.scq-mine__sum { color: rgba(255,255,255,.8); margin: 0 !important; }
.scq-certlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-height: 260px; overflow-y: auto; }
.scq-certlist li { display: flex; gap: 12px; align-items: center; background: rgba(255,255,255,.05); border-radius: 12px; padding: 8px; }
.scq-certlist img { width: 96px; height: 54px; object-fit: cover; border-radius: 6px; }
.scq-certlist b { display: block; color: var(--g1); }
.scq-certlist span { display: block; font-size: 13px; color: rgba(255,255,255,.75); }
.scq-certlist a { color: var(--g1); }
.scq-scoretab { width: 100%; border-collapse: collapse; font-size: 13px; }
.scq-scoretab th, .scq-scoretab td { padding: 6px 4px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; }
.scq-scoretab th { color: rgba(255,255,255,.6); font-weight: 700; }
.scq-mine__del { margin: 16px 0 0 !important; }
/* hall of fame */
.scq-fame { max-width: 520px; margin: 18px auto 0; text-align: left; background: rgba(255,255,255,.05); border: 1px solid rgba(255,211,107,.3); border-radius: 18px; padding: 16px 18px; }
.scq-fame h3 { color: var(--g1); font-size: 20px !important; margin: 0 0 8px !important; }
.scq-fame__tabs { display: flex; gap: 6px; margin: 0 0 8px; }
.scq .scq-fame__tabs button { border: 1px solid rgba(255,211,107,.4); background: transparent; color: #fff; border-radius: 999px; padding: 5px 12px; font-weight: 700; font-size: 13px; cursor: pointer; }
.scq .scq-fame__tabs button[aria-selected="true"] { background: var(--g2); color: #1b1205; }
.scq-fame ol { margin: 0; padding-left: 22px; display: grid; gap: 4px; }
.scq-fame li { font-size: 14.5px; }
.scq-fame li::marker { color: var(--g1); font-weight: 900; }
.scq-fame li span { display: inline-block; min-width: 60%; }
.scq-fame li b { color: var(--g1); }
.scq-fame__empty, .scq-fame__load { color: rgba(255,255,255,.65); font-size: 14px; margin: 0 !important; }
@media (max-width: 640px) {
	.scq-lifelines i { width: 48px; height: 36px; font-size: 13px; }
	.scq-poll__bars { height: 160px; gap: 8px; }
	.scq-acct__in { flex-direction: column; align-items: stretch; }
	.scq-climb { max-width: 100%; }
}

/* share bar (quiz result, certificate page) */
.www-sharebar { text-align: center; }
.www-sharebar__h { font-weight: 800; margin: 0 0 10px !important; }
.www-sharebar__row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.www .www-sh, .scq .www-sh { display: inline-flex; align-items: center; gap: 7px; border: 0; cursor: pointer; text-decoration: none; border-radius: 999px; padding: 9px 14px; font-weight: 800; font-size: 14px; color: #fff; background: #3c4a52; line-height: 1; }
.www-sh svg { flex: 0 0 auto; }
.www-sh.is-native { background: linear-gradient(180deg, #ffd36b, #c47f22); color: #1b1205 !important; }
.www-sh.is-wa { background: #1fa855; } .www-sh.is-fb { background: #1877f2; } .www-sh.is-x { background: #111; } .www-sh.is-li { background: #0a66c2; }
.www-sh.is-tg { background: #229ed9; } .www-sh.is-mail { background: #6b5b4b; } .www-sh.is-ig { background: linear-gradient(45deg, #f9a43a, #e1306c 50%, #833ab4); } .www-sh.is-link { background: #4b5b63; }
.www .www-sh:hover, .scq .www-sh:hover { filter: brightness(1.1); transform: translateY(-1px); }
.scq-sharebox .www-sharebar__h { color: var(--g1); }
.www-sharetoast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9999; background: #10272e; color: #fff; padding: 12px 18px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.3); font-weight: 700; max-width: 90vw; }

/* public certificate page */
.www-certpage { padding: 34px 0 48px; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(126,82,214,.35), transparent 70%), #07121a; color: #fff; text-align: center; }
.www-certpage .www-eyebrow { color: #ffe08a; }
.www-certpage h1 { color: #fff; font-size: clamp(28px, 4.4vw, 48px); margin: 6px 0; }
.www-certpage h1 span { color: #ffd36b; }
.www-certpage__sub { color: rgba(255,255,255,.8); }
.www-certpage__img { margin: 18px auto; max-width: 860px; }
.www-certpage__img img { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 24px 70px rgba(0,0,0,.55); }
.www-certpage__act { margin: 10px 0 18px; }
.www-certpage .www-sharebar__h { color: #ffe08a; }
.www-certpage__fine { font-size: 12.5px; color: rgba(255,255,255,.55); max-width: 640px; margin: 18px auto 0; }

/* ===================== v3.3: chart tooltip ===================== */
.www-ctip { position: absolute; z-index: 5; pointer-events: none; min-width: 150px; max-width: 280px; background: #fff; color: #10272e; border: 1px solid #dfe7e4; border-radius: 12px; padding: 9px 12px; box-shadow: 0 12px 30px rgba(16,39,46,.16); opacity: 0; transform: translateY(4px); transition: opacity .12s, transform .12s; font-size: 12.5px; line-height: 1.35; }
.www-ctip.is-on { opacity: 1; transform: none; }
.www-ctip p { margin: 0 !important; }
.www-ctip__h { font-weight: 700; color: #5a6b70; font-size: 11.5px; margin-bottom: 4px !important; }
.www-ctip__r { display: grid; grid-template-columns: 14px auto 1fr; gap: 7px; align-items: center; padding: 2px 0; }
.www-ctip__r i { display: block; width: 14px; height: 3px; border-radius: 2px; }
.www-ctip__r i.is-dash { background-image: linear-gradient(90deg, currentColor 50%, transparent 50%) !important; background-size: 6px 3px; opacity: .7; }
.www-ctip__r b { font-variant-numeric: tabular-nums; font-size: 13.5px; }
.www-ctip__r span { color: #5a6b70; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.www-ctip__r.is-extra { border-top: 1px solid #edf1ef; margin-top: 3px; padding-top: 5px; }
.www-ctip__n { margin-top: 5px !important; padding-top: 5px; border-top: 1px solid #edf1ef; color: #0f6e68; font-weight: 700; }
.www-dark .www-ctip, .www-hero .www-ctip { background: #0f2a31; color: #f0efec; border-color: rgba(255,255,255,.14); }
.www-dark .www-ctip__h, .www-dark .www-ctip__r span, .www-hero .www-ctip__h, .www-hero .www-ctip__r span { color: rgba(255,255,255,.65); }

/* ===================== v3.3: The Inflation Alligator ===================== */
.gator-hero { position: relative; overflow: hidden; padding: 48px 0 40px; color: #fff; background: radial-gradient(ellipse 60% 70% at 85% 30%, rgba(132,204,22,.22), transparent 70%), radial-gradient(ellipse 80% 60% at 10% 100%, rgba(14,116,144,.35), transparent 70%), linear-gradient(180deg, #0b2a1f, #0f3a2a 60%, #123f2e); }
.gator-hero__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 30px; align-items: center; }
.gator-hero .www-eyebrow { color: #c5e86c; }
.gator-hero h1 { font-size: clamp(38px, 6vw, 72px); line-height: 1; margin: 6px 0 14px; color: #fff; }
.gator-hero h1 span { color: #b5e04a; text-shadow: 0 6px 30px rgba(181,224,74,.35); }
.gator-hero__lead { font-size: 18px; color: rgba(255,255,255,.88); max-width: 620px; }
.gator-chomp { display: grid; gap: 2px; margin: 18px 0; padding: 14px 18px; border-radius: 16px; background: rgba(0,0,0,.25); border: 1px solid rgba(181,224,74,.35); max-width: 560px; }
.gator-chomp span { color: rgba(255,255,255,.75); font-size: 14px; }
.gator-chomp b { font-size: clamp(30px, 4.4vw, 46px); color: #ffd36b; font-variant-numeric: tabular-nums; line-height: 1.1; }
.gator-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 620px; }
.gator-stats div { background: rgba(255,255,255,.06); border-radius: 14px; padding: 12px 14px; }
.gator-stats b { display: block; font-size: 24px; color: #fff; }
.gator-stats span { font-size: 12.5px; color: rgba(255,255,255,.7); }
.gator-hero__go { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 20px 0 4px !important; }
.gator-hero__alt { color: #c5e86c; font-weight: 700; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }
.gator-fine { font-size: 12px; color: rgba(255,255,255,.55); }
.gator-svg { width: 100%; height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); }
.gator-jaw { transform-origin: 160px 214px; }
.gator-jaw.is-chomp { animation: gator-chomp 2.6s ease-in-out infinite; }
@keyframes gator-chomp { 0%, 55%, 100% { transform: rotate(0); } 65% { transform: rotate(-13deg); } 78% { transform: rotate(1deg); } 86% { transform: rotate(-6deg); } }
.gator-note { animation: gator-note 2.6s ease-in-out infinite; transform-origin: 380px 205px; }
@keyframes gator-note { 0%, 70%, 100% { transform: none; } 78% { transform: translateX(-4px) rotate(-2deg); } }

/* the time machine room */
.gator-tm { padding: 46px 0 50px; color: #fff; background: radial-gradient(ellipse 60% 50% at 50% 18%, rgba(255,214,140,.16), transparent 70%), repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 2px, transparent 2px 46px), linear-gradient(180deg, #2a1a12, #1b110c 70%, #140d09); }
.gator-tm__head { text-align: center; max-width: 820px; margin: 0 auto 26px; }
.gator-tm__head .www-eyebrow { color: #ffcf7a; }
.gator-tm__head h2 { color: #fff; font-size: clamp(28px, 4vw, 42px); margin: 6px 0 10px; }
.gator-tm__head p { color: rgba(255,255,255,.8); }
/* ---- birth-year bill ---- */
.gator-receipt-sec { padding: 46px 0; background: var(--www-paper, #f7f4ec); }
.gator-receipt-sec__grid { display: grid; grid-template-columns: 1fr 420px; gap: 34px; align-items: start; }
.gator-receipt-sec .gator-fine { color: #6b6f70; }
.gator-byear { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; margin: 14px 0; }
.gator-byear label { display: grid; gap: 4px; font-weight: 700; font-size: 13px; }
.gator-byear input { width: 120px; font-size: 22px; font-weight: 800; padding: 8px 12px; border-radius: 10px; border: 1px solid #d8cfba; }
.gator-receipt { position: relative; }
.gator-receipt.is-print .grc { animation: grc-print .9s cubic-bezier(.2,.8,.3,1); }
@keyframes grc-print { from { clip-path: inset(0 0 100% 0); transform: translateY(-20px); } to { clip-path: inset(0 0 0 0); transform: none; } }
.grc { background: #fffdf6; color: #222; font-family: 'Courier New', monospace; padding: 22px 20px 30px; box-shadow: 0 18px 40px rgba(0,0,0,.15); -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 12px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 16px 12px repeat-x; mask: linear-gradient(#000 0 0) top / 100% calc(100% - 12px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 16px 12px repeat-x; }
.grc__shop { text-align: center; font-weight: 900; letter-spacing: .08em; border-bottom: 2px dashed #999; padding-bottom: 10px; margin: 0 0 8px !important; }
.grc__shop small { font-weight: 400; letter-spacing: 0; }
.grc table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.grc th { text-align: left; border-bottom: 1px dashed #999; padding: 4px 2px; font-size: 12px; }
.grc td { padding: 5px 2px; border-bottom: 1px dotted #ddd; vertical-align: top; }
.grc td small { display: block; font-size: 10.5px; color: #626262; }
.grc .r { text-align: right; white-space: nowrap; }
.grc__tot { border-top: 2px dashed #999; margin: 10px 0 0 !important; padding-top: 10px; text-align: center; font-size: 15px; }
.grc__tot b { font-size: 22px; }
.grc__thx { text-align: center; font-size: 12px; color: #555; margin: 8px 0 0 !important; }
.grc__act { text-align: center; margin: 12px 0 0 !important; font-family: Manrope, sans-serif; }

/* ---- guess the price ---- */
.gator-game-sec { padding: 40px 0; background: linear-gradient(180deg, #0f3a2a, #0b2a1f); color: #fff; }
.ggm { max-width: 760px; margin: 0 auto; text-align: center; }
.ggm .www-eyebrow { color: #c5e86c; }
.ggm h2 { color: #fff; font-size: clamp(24px, 3.4vw, 34px); }
.ggm__sub { color: rgba(255,255,255,.7); }
.ggm__opts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 18px 0; }
.ggm__opts button { border: 2px solid rgba(181,224,74,.45); background: rgba(255,255,255,.06); color: #fff; border-radius: 16px; padding: 18px; font-size: 22px; font-weight: 900; cursor: pointer; transition: transform .1s, background .2s; }
.ggm__opts button:not(:disabled):hover { background: rgba(181,224,74,.18); transform: translateY(-1px); }
.ggm__opts button.is-right { background: #1f9d55; border-color: #1f9d55; }
.ggm__opts button.is-wrong { background: #b93838; border-color: #b93838; }
.ggm__res { font-size: 16px; text-align: center; line-height: 1.7; } .ggm__res .www-btn { margin: 8px 0 0 8px; }

/* ---- the race ---- */
.gator-race-sec { padding: 46px 0; background: #fff; }
.gator-race__intro { max-width: 820px; }
.gator-race__bar { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 14px 0; }
.gator-race__chart { position: relative; height: 420px; }
.gator-race__table { overflow-x: auto; margin-top: 12px; }
.gator-race .gator-fine { color: #6b6f70; margin-top: 10px; }

/* ---- the calculator ---- */
.gator-calc-sec { padding: 46px 0; background: var(--www-paper, #f7f4ec); }
.gator-calc { display: grid; grid-template-columns: 1fr 1.2fr; gap: 30px; align-items: start; }
.gator-calc form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0 16px; }
.gator-calc label { display: grid; gap: 4px; font-weight: 700; font-size: 13px; }
.gator-calc input { font-size: 18px; font-weight: 800; padding: 9px 10px; border-radius: 10px; border: 1px solid #d8cfba; width: 100%; box-sizing: border-box; }
.gc-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.gc-tiles div { background: #fff; border-radius: 14px; padding: 12px; box-shadow: 0 6px 18px rgba(16,39,46,.06); }
.gc-tiles span { display: block; font-size: 12.5px; color: #5a6b70; }
.gc-tiles b { display: block; font-size: 22px; color: #10272e; margin-top: 4px; }
.gc-tiles em { font-style: normal; font-size: 12px; color: #c8453f; font-weight: 700; }
.gc-note { font-size: 14px; color: #3d4b50; margin-top: 12px !important; }
.gator-calc__chart { position: relative; height: 360px; background: #fff; border-radius: 18px; padding: 14px; box-shadow: 0 10px 30px rgba(16,39,46,.06); }

@media (max-width: 1000px) {
	.gator-hero__grid, .gator-receipt-sec__grid, .gator-calc { grid-template-columns: 1fr; }
	.gator-hero__art { max-width: 340px; margin: 0 auto; }
}
@media (max-width: 640px) {
	.gator-stats { grid-template-columns: 1fr 1fr 1fr; } .gator-stats b { font-size: 19px; }
	.gator-calc form, .gc-tiles { grid-template-columns: 1fr; }
	.ggm__opts button { font-size: 18px; padding: 14px; }
	.gator-race__chart { height: 340px; }
}
@media (prefers-reduced-motion: reduce) { .gator-jaw.is-chomp, .gator-note, .gtv.e80 .gtv__body { animation: none; } }
.www .www-btn--wa, .www-btn--wa { background: #1fa855; color: #fff !important; border-color: #1fa855; }
.scq-signin .scq-agree, .scq-signin .scq-nocode { margin: 4px 0 8px !important; }

/* ===================== v3.4: time machine — TV beside the phone, auto-playing decades ===================== */
.gator-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; position: relative; z-index: 1; }
.gator-jump a { color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(181,224,74,.3); }
.gator-jump a:hover { background: rgba(181,224,74,.18); }
.gator-hero { padding-bottom: 26px; }
#time-machine, #my-year, #guess, #race, #feed { scroll-margin-top: 76px; }
.gator-tm { padding: 38px 0 44px; }
.gator-tm__head { margin-bottom: 18px; }
.gator-stagegrid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .85fr); column-gap: 26px; align-items: start; scroll-margin-top: 76px; }
.gator-stagegrid__tv { display: contents; }
.gator-stagegrid .gtv-stage { grid-column: 1; grid-row: 1; }
.gator-stagegrid .gtv-remote { grid-column: 1; grid-row: 2; width: 100%; }
.gator-stagegrid .gtv-cap { grid-column: 1; grid-row: 3; width: 100%; }
.gator-stagegrid__phone { grid-column: 2; grid-row: 1; align-self: center; position: relative; max-width: 400px; width: 100%; justify-self: center; }
.gator-stagegrid.was-dialled.is-nudge .gph-hint { opacity: 1; }
.gph-hint { text-align: center; margin: 0 0 4px !important; transition: opacity .3s; }
.gph-hint span { display: inline-block; background: #ffd36b; color: #2a1709; font-weight: 900; font-size: 14px; padding: 7px 14px; border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.35); animation: gph-bob 1.6s ease-in-out infinite; }
@keyframes gph-bob { 50% { transform: translateY(-4px); } }
.was-dialled ~ * .gph-hint, .gator-stagegrid.was-dialled .gph-hint { opacity: 0; }
.gph-pulse { fill: none; stroke: #ffd36b; stroke-width: 4; pointer-events: none; transform-box: fill-box; transform-origin: center; animation: gph-pulse 1.4s ease-out infinite; }
.was-dialled .gph-pulse { display: none; }
@keyframes gph-pulse { 0% { opacity: .95; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.5); } }
.gph-svg { width: 100%; height: auto; display: block; margin: 0 auto; overflow: visible; }
.gph-lbl { font: 800 11px/1 Manrope, sans-serif; fill: #5b0e0e; letter-spacing: .04em; }
.gph-center { font: 900 11px/1 Manrope, sans-serif; fill: #5b0e0e; letter-spacing: .12em; }
.gph-hit { fill: transparent; stroke: transparent; stroke-width: 3; cursor: pointer; outline: none; transition: stroke .15s; }
.gph-hit:hover, .gph-hit:focus-visible, .gph-hit.is-on { stroke: #ffd36b; }
.is-dialling .gph-hit { cursor: progress; }
.gph-hand { transition: transform .35s cubic-bezier(.2,1.4,.4,1); transform-origin: 220px 130px; }
.gph-hand.is-ring { animation: gph-ring .09s linear infinite; }
.gph-hand.is-up { transform: translateY(-30px) rotate(-5deg); }
@keyframes gph-ring { 0% { transform: rotate(-1.4deg) translateY(-2px); } 50% { transform: rotate(1.4deg) translateY(-3px); } 100% { transform: rotate(-1.4deg) translateY(-2px); } }

/* the TV sits in a fixed stage so nothing jumps when its style changes with the decades */
.gtv-stage { position: relative; container-type: inline-size; aspect-ratio: 50 / 39; display: flex; align-items: flex-end; justify-content: center; scroll-margin-top: 80px; }
.gtv { position: relative; width: 86cqw; transition: width .45s ease, filter .3s; }
.gtv__cab { position: relative; display: grid; grid-template-columns: 1fr 12cqw; gap: 2.6cqw; padding: 3.6cqw; border-radius: 3.6cqw; }
.gtv__screen { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: #050505; border-radius: 3cqw; container-type: inline-size; }
.gtv__osd { position: absolute; z-index: 3; top: 3.5cqw; left: 4.5cqw; right: 4.5cqw; display: flex; justify-content: space-between; font: 700 clamp(9px, 2.8cqw, 14px)/1 'Courier New', monospace; letter-spacing: .08em; color: #8f8; text-shadow: 0 0 6px rgba(120,255,120,.6); }
.gtv__body { position: absolute; inset: 0; z-index: 2; padding: 9cqw 6cqw 4cqw; display: grid; align-content: center; color: #fff; }
.gtv__body.is-in { animation: gtv-in .45s ease; }
@keyframes gtv-in { from { opacity: 0; transform: scale(.97); } }
.gtv__fx { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.gtv__flash { position: absolute; z-index: 5; left: 0; right: 0; top: 50%; height: 2px; background: #fff; box-shadow: 0 0 30px 8px rgba(255,255,255,.8); opacity: 0; pointer-events: none; }
.gtv__flash.is-go { animation: gtv-on .55s ease-out; }
@keyframes gtv-on { 0% { opacity: 1; transform: scaleX(.02); } 35% { opacity: 1; transform: scaleX(1); } 70% { opacity: .9; transform: scaleY(120); } 100% { opacity: 0; transform: scaleY(200); } }
.gtv.is-zap .gtv__fx { background: repeating-radial-gradient(circle at 37% 61%, rgba(255,255,255,.45) 0 1px, rgba(0,0,0,.5) 1px 2px, transparent 2px 3px); animation: gtv-snow .08s steps(2) infinite; }
@keyframes gtv-snow { 50% { background-position: 7px 3px; } }
.gtv__side { display: none; flex-direction: column; align-items: center; gap: 2.4cqw; padding-top: 1cqw; }
.gtv__knob { width: 8cqw; height: 8cqw; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #f3e2c3, #b6905a 60%, #6b4c25); box-shadow: 0 .6cqw 1.2cqw rgba(0,0,0,.45), inset 0 -.5cqw 1cqw rgba(0,0,0,.35); position: relative; }
.gtv__knob::after { content: ""; position: absolute; left: 50%; top: 1cqw; width: .7cqw; height: 2.4cqw; margin-left: -.35cqw; background: #3a2610; border-radius: 2px; }
.gtv__knob.is-small { width: 5.4cqw; height: 5.4cqw; }
.gtv__grille { flex: 1; width: 9cqw; min-height: 12cqw; border-radius: 1.4cqw; background: repeating-linear-gradient(0deg, rgba(0,0,0,.45) 0 .45cqw, transparent .45cqw 1.05cqw); }
.gtv__under { display: none; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 2cqw; height: 4cqw; }
.gtv__brand { font: 800 clamp(8px, 1.9cqw, 13px)/1 Manrope, sans-serif; letter-spacing: .3em; }
.gtv__led { width: 1.5cqw; height: 1.5cqw; border-radius: 50%; background: #444; }
.gtv.is-on .gtv__led { background: #ff3b30; box-shadow: 0 0 10px #ff3b30; }
.gtv__ant { display: none; position: absolute; left: 50%; top: -8.6cqw; width: 0; height: 9cqw; }
.gtv__ant i { position: absolute; bottom: 0; left: 0; width: .6cqw; height: 11cqw; background: linear-gradient(#ddd, #888); border-radius: 2px; transform-origin: bottom center; }
.gtv__ant i:first-child { transform: rotate(-34deg); } .gtv__ant i:last-child { transform: rotate(30deg); }
.gtv__ant::after { content: ""; position: absolute; bottom: -1cqw; left: -3.6cqw; width: 7.6cqw; height: 2.6cqw; border-radius: 4cqw 4cqw .6cqw .6cqw; background: #2b2b2b; }
.gtv__legs { display: none; justify-content: space-between; padding: 0 11cqw; }
.gtv__legs i { width: 2cqw; height: 6cqw; background: linear-gradient(90deg, #4a2b12, #6b4020); border-radius: 0 0 .6cqw .6cqw; transform: skewX(8deg); }
.gtv__legs i:last-child { transform: skewX(-8deg); }

.gtv.e80 { width: 86cqw; }
.gtv.e80 .gtv__cab { background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.25)), repeating-linear-gradient(90deg, #6e421f 0 5px, #7d4c26 5px 9px, #623a1b 9px 15px); box-shadow: 0 30px 60px rgba(0,0,0,.6), inset 0 0 0 3px #3e230e; }
.gtv.e80 .gtv__screen { border-radius: 6cqw / 4.6cqw; box-shadow: inset 0 0 0 1.6cqw #1a1a1a, inset 0 0 60px rgba(0,0,0,.9); background: #101010; }
.gtv.e80 .gtv__body { filter: grayscale(1) contrast(1.15) brightness(1.05); font-family: 'Courier New', monospace; animation: gtv-flicker 4s infinite; }
.gtv.e80 .gtv__fx { background: repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 1px, transparent 1px 3px), radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.65)); }
.gtv.e80 .gtv__osd { color: #eee; text-shadow: 0 0 6px rgba(255,255,255,.6); }
.gtv.e80 .gtv__side { display: flex; } .gtv.e80 .gtv__ant { display: block; } .gtv.e80 .gtv__legs { display: flex; }
@keyframes gtv-flicker { 0%, 100% { opacity: 1; } 47% { opacity: .96; } 48% { opacity: .9; } 49% { opacity: 1; } }
.gtv.e90 { width: 80cqw; }
.gtv.e90 .gtv__cab { grid-template-columns: 1fr; background: linear-gradient(180deg, #3a3d42, #25272b); box-shadow: 0 30px 60px rgba(0,0,0,.6), inset 0 2px 0 rgba(255,255,255,.12); }
.gtv.e90 .gtv__screen { border-radius: 4.6cqw / 3.8cqw; box-shadow: inset 0 0 0 1.2cqw #111, inset 0 0 50px rgba(0,0,0,.85); }
.gtv.e90 .gtv__fx { background: repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px), radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,.55)); }
.gtv.e90 .gtv__body { font-family: Verdana, Tahoma, sans-serif; text-shadow: 1px 0 rgba(255,0,60,.45), -1px 0 rgba(0,200,255,.45); }
.gtv.e90 .gtv__under { display: flex; color: #c9ccd1; }
.gtv.e90 .gtv__under::before { content: ""; flex: 1; height: 100%; border-radius: .8cqw; background: repeating-linear-gradient(90deg, rgba(0,0,0,.6) 0 3px, transparent 3px 7px); order: 2; }
.gtv.e90 .gtv__brand { order: 1; } .gtv.e90 .gtv__led { order: 3; }
.gtv.e90 .gtv__ant { display: block; }
.gtv.e00 { width: 92cqw; }
.gtv.e00 .gtv__cab { grid-template-columns: 7cqw 1fr 7cqw; background: linear-gradient(180deg, #eef0f3, #b8bdc4 70%, #9aa0a8); box-shadow: 0 30px 60px rgba(0,0,0,.55), inset 0 2px 0 #fff; border-radius: 2.6cqw; }
.gtv.e00 .gtv__cab::before, .gtv.e00 .gtv__cab::after { content: ""; border-radius: 1.4cqw; background: repeating-linear-gradient(0deg, rgba(60,66,74,.55) 0 2px, transparent 2px 5px); grid-row: 1; }
.gtv.e00 .gtv__cab::before { grid-column: 1; } .gtv.e00 .gtv__cab::after { grid-column: 3; }
.gtv.e00 .gtv__screen { grid-column: 2; grid-row: 1; border-radius: 1.4cqw; box-shadow: inset 0 0 0 .9cqw #1d1f23, inset 0 0 30px rgba(0,0,0,.7); }
.gtv.e00 .gtv__fx { background: repeating-linear-gradient(0deg, rgba(0,0,0,.08) 0 1px, transparent 1px 3px); }
.gtv.e00 .gtv__body { font-family: Tahoma, Verdana, sans-serif; background: radial-gradient(ellipse at 30% 20%, #1c64d6, #0a2a6b 70%); }
.gtv.e00 .gtv__osd { color: #cfe6ff; text-shadow: 0 0 6px rgba(80,170,255,.8); }
.gtv.e00 .gtv__under { display: flex; color: #5c636c; justify-content: center; gap: 2.6cqw; }
.gtv.e00.is-on .gtv__led { background: #39f; box-shadow: 0 0 10px #39f; }
.gtv.e10 { width: 96cqw; }
.gtv.e10 .gtv__cab { grid-template-columns: 1fr; padding: 1.6cqw; border-radius: 1cqw; background: #0b0b0c; box-shadow: 0 30px 60px rgba(0,0,0,.55), inset 0 0 0 1px #333; }
.gtv.e10 .gtv__screen { aspect-ratio: 16 / 9; border-radius: 2px; }
.gtv.e10 .gtv__body { font-family: Manrope, system-ui, sans-serif; background: linear-gradient(160deg, #0f2733, #091820); }
.gtv.e10 .gtv__osd { color: #9be7d8; text-shadow: none; font-family: Manrope, sans-serif; }
.gtv.e10 .gtv__legs, .gtv.e20 .gtv__legs { display: flex; justify-content: center; padding: 0; }
.gtv.e10 .gtv__legs i { width: 30cqw; height: 2.4cqw; border-radius: 0 0 40% 40%; background: linear-gradient(#2a2a2e, #111); transform: none; }
.gtv.e10 .gtv__legs i:last-child, .gtv.e20 .gtv__legs i:last-child { display: none; }
.gtv.e20 { width: 98cqw; }
.gtv.e20 .gtv__cab { grid-template-columns: 1fr; padding: .7cqw; border-radius: .8cqw; background: #111; box-shadow: 0 0 90px rgba(140,90,255,.45), 0 0 160px rgba(0,200,255,.25), 0 30px 60px rgba(0,0,0,.5); }
.gtv.e20 .gtv__screen { aspect-ratio: 16 / 9; border-radius: 3px; }
.gtv.e20 .gtv__body { font-family: Manrope, system-ui, sans-serif; background: radial-gradient(ellipse at 15% 0%, rgba(255,90,170,.35), transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(0,190,255,.35), transparent 55%), #07070d; }
.gtv.e20 .gtv__osd { color: #fff; text-shadow: none; font-family: Manrope, sans-serif; }
.gtv.e20 .gtv__osd span:first-child { background: linear-gradient(90deg, #ff6fb3, #7c5cff); padding: .5cqw 1.2cqw; border-radius: 1cqw; }
.gtv.e20 .gtv__legs i { width: 16cqw; height: 1.4cqw; border-radius: 1cqw; background: linear-gradient(#3a3a40, #1b1b1f); transform: none; }
.gtv.e10 .gtv__body, .gtv.e20 .gtv__body { padding: 7cqw 6cqw 3cqw; }

/* screen content (sizes follow the screen width) */
.gtv-idle { text-align: center; }
.gtv-bars { display: grid; grid-template-columns: repeat(7, 1fr); height: 22cqw; margin: 0 0 4cqw; border-radius: 1cqw; overflow: hidden; }
.gtv-idle p { font-size: clamp(11px, 3.4cqw, 17px); margin: 0 !important; color: rgba(255,255,255,.85); line-height: 1.4; }
.gtv-idle b { display: block; font-size: clamp(16px, 6cqw, 32px); color: #fff; margin-bottom: 1cqw; }
.gtv-idle__m { display: none; }
.tv-stop, .tv-sum { display: grid; gap: 1.6cqw; text-align: center; justify-items: center; }
.tv-stop p, .tv-sum p { margin: 0 !important; }
.tv-k { display: flex; align-items: center; justify-content: center; gap: 1.4cqw; font-size: clamp(10px, 3.3cqw, 17px); color: rgba(255,255,255,.8); }
.tv-ic { font-size: 1.5em; }
.tv-year { font-weight: 900; font-size: clamp(30px, 14cqw, 92px); line-height: .95; letter-spacing: .02em; color: #fff; }
.tv-price { font-size: clamp(12px, 4.2cqw, 22px); color: rgba(255,255,255,.9); }
.tv-price b { display: inline-block; font-size: 2.05em; color: #ffd34d; line-height: 1.05; margin: 0 .15em; }
.tv-price small { font-size: .8em; color: rgba(255,255,255,.7); }
.tv-meter { width: 70%; height: clamp(6px, 2.4cqw, 14px); border-radius: 999px; background: rgba(255,255,255,.15); overflow: hidden; }
.tv-meter i { display: block; height: 100%; width: var(--w); border-radius: 999px; background: linear-gradient(90deg, #ffd34d, #ff8a4c); animation: tv-meter .9s ease-out; }
@keyframes tv-meter { from { width: 0; } }
.tv-mlbl { font-size: clamp(10px, 3cqw, 15px); color: rgba(255,255,255,.75); }
.tv-cmp { display: flex; align-items: center; justify-content: center; gap: 3cqw; }
.tv-cmp span { display: grid; justify-items: center; }
.tv-cmp em { font-style: normal; font-size: clamp(10px, 2.8cqw, 15px); color: rgba(255,255,255,.7); font-weight: 700; }
.tv-cmp b { font-size: clamp(20px, 7.4cqw, 46px); color: #ffd34d; line-height: 1.05; }
.tv-cmp b.is-now { color: #7ef0c6; }
.tv-cmp i { font-style: normal; font-size: clamp(16px, 5cqw, 30px); color: rgba(255,255,255,.6); }
.tv-x { font-size: clamp(11px, 3.4cqw, 18px); }
.tv-x b { color: #ff9a6b; }
.tv-spark { display: block; width: 92%; height: 13cqw; }
.tv-src { font-size: clamp(9px, 2.4cqw, 13px); color: rgba(255,255,255,.55); }
.gtv.e80 .tv-price b, .gtv.e80 .tv-cmp b, .gtv.e80 .tv-x b { color: #fff; }
.gtv.e80 .tv-meter i { background: #eee; }
.gtv.e20 .tv-price b { background: linear-gradient(90deg, #ffd34d, #ff6fb3); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* remote: decade dots, pause/replay, sound */
.gtv-remote { display: flex; align-items: center; gap: 10px; margin: 14px auto 0; max-width: 620px; }
.gtv-remote[hidden] { display: none; }
.gtv-remote button { cursor: pointer; }
.gtv-remote__pp, .gtv-remote__snd { flex: 0 0 40px; height: 40px; border-radius: 50%; border: 0; font-size: 17px; color: #2a1709; background: radial-gradient(circle at 35% 30%, #fff1d2, #e3b25c 75%); box-shadow: 0 3px 8px rgba(0,0,0,.4); }
.gtv-remote__dots { flex: 1; display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }
.gtv-remote__dots button { border: 1px solid rgba(255,207,122,.4); background: rgba(255,255,255,.06); color: rgba(255,255,255,.85); border-radius: 999px; padding: 6px 12px; font-weight: 800; font-size: 13px; font-variant-numeric: tabular-nums; }
.gtv-remote__dots button.is-past { border-color: rgba(255,207,122,.7); color: #ffcf7a; }
.gtv-remote__dots button.is-on { background: #ffb347; color: #2a1709; border-color: #ffb347; }
.gtv-cap { margin: 12px auto 0; max-width: 640px; min-height: 52px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,207,122,.25); border-radius: 16px; padding: 12px 16px; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.5; }
.gtv-cap p { margin: 0 0 6px !important; } .gtv-cap p:last-child { margin: 0 !important; }
.gtv-cap b { color: #ffcf7a; }
.gtv-cap__trail { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-variant-numeric: tabular-nums; }
.gtv-cap__trail span { display: inline-grid; background: rgba(255,255,255,.08); border-radius: 10px; padding: 4px 9px; font-weight: 800; color: #fff; line-height: 1.2; }
.gtv-cap__trail em { font-style: normal; font-size: 11px; color: #ffcf7a; font-weight: 700; }
.gtv-cap__trail i { font-style: normal; color: rgba(255,255,255,.4); }
.gtv-cap__note { font-size: 13px; color: rgba(255,255,255,.65); }
.gtv-cap__act { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px !important; }
.gtv-cap__act .www-btn--ghost { background: transparent; color: #ffcf7a; border: 1px solid rgba(255,207,122,.5); }
.gtv-cap .www-btn { padding: 9px 16px; font-size: 14px; }

@media (max-width: 900px) {
	.gator-stagegrid { grid-template-columns: 1fr; }
	.gator-stagegrid__phone { grid-column: 1; grid-row: 4; max-width: 290px; margin-top: 14px; }
	.gtv-idle__d { display: none; } .gtv-idle__m { display: inline; }
	.gtv-cap { font-size: 14px; }
	.gator-tm__head p { font-size: 15px; }
}
@media (max-width: 640px) {
	.gator-tm { padding: 26px 0 30px; }
	.gator-tm__head h2 { font-size: 25px; }
	.gator-jump { margin-top: 18px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.gator-jump::-webkit-scrollbar { display: none; }
	.gator-jump a { font-size: 13px; padding: 7px 11px; white-space: nowrap; flex: 0 0 auto; }
	.gator-chomp { margin: 16px 0 12px; padding: 12px 14px; }
	.gator-stats div { padding: 10px; } .gator-stats b { font-size: 17px; } .gator-stats span { font-size: 11.5px; line-height: 1.35; display: block; }
	.grc { padding: 18px 12px 26px; } .grc table { font-size: 12px; } .grc th { font-size: 11px; } .grc .r { padding-left: 7px; }
	.grc__shop { font-size: 14px; }
	.gtv-remote { gap: 6px; } .gtv-remote__dots { flex-wrap: nowrap; gap: 4px; min-width: 0; }
	.gtv-remote__dots button { flex: 1 1 0; min-width: 0; padding: 6px 0; font-size: 12.5px; }
	.gtv-cap { padding: 11px 12px; }
	.gtv-cap__trail { gap: 4px; flex-wrap: nowrap; }
	.gtv-cap__trail i { display: none; }
	.gtv-cap__trail span { flex: 1 1 auto; min-width: 0; padding: 4px 5px; font-size: 12.5px; text-align: center; justify-items: center; }
	.gtv-cap__trail em { font-size: 10.5px; }
	.gtv-cap__act .www-btn { flex: 1 1 auto; text-align: center; }
	.gtv-remote__pp, .gtv-remote__snd { flex-basis: 36px; height: 36px; }
	.gator-hero { padding-top: 28px; } .gator-hero h1 { font-size: 40px; }
	.gator-hero__art { max-width: 260px; }
}
@media (prefers-reduced-motion: reduce) { .gph-hint span, .gph-pulse, .tv-meter i { animation: none; } }

/* ===================== v3.4.1: Inflation Alligator pill in the top bar ===================== */
.www .www-nav__gator { color: #0b2a1f !important; background: linear-gradient(135deg, #d9f78a, #8fcf4a 55%, #4f9a2f); animation-name: www-glow-g; }
.www .www-nav__gator em { background: #1f6b3a; }
@keyframes www-glow-g { 0%, 100% { box-shadow: 0 0 0 0 rgba(181,224,74,.5); } 50% { box-shadow: 0 0 18px 4px rgba(181,224,74,.42); } }
@media (min-width: 1321px) {
	.www .www-nav .www-wrap.www-nav__row { gap: 16px; }
	.www-nav__links { gap: 15px; }
	.www-nav__links a, .www-more summary { font-size: 14px; }
	.www .www-nav__quiz { padding: 7px 11px !important; gap: 5px; }
	.www-nav__cta { padding: 9px 14px; font-size: 14px; }
	.www-logo { font-size: 19px; }
}
@media (min-width: 1321px) and (max-width: 1399px) { .www .www-nav__quiz em { display: none; } }
@media (max-width: 1320px) {
	.www-nav__links { display: none; position: absolute; top: 72px; left: 0; right: 0; background: var(--www-ink); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 20px 20px; max-height: calc(100vh - 110px); overflow-y: auto; }
	.www-nav__links.is-open { display: flex; }
	.www-nav__links a { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
	.www .www-nav__quiz { margin: 6px 0; justify-content: center; }
	.www .www-nav__quiz + .www-nav__gator { margin-top: 2px; }
	.www-nav__toggle { display: block; margin-left: 4px; }
	.www-nav__cta { margin-left: auto; padding: 9px 14px; font-size: 14px; }
	.www-more__menu { position: static; box-shadow: none; background: transparent; padding: 4px 0 0 12px; }
	.www-more__menu a { color: rgba(255,255,255,.85) !important; }
	.www-more summary { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 700px) { .www-nav__cta { display: none; } }
@media (prefers-reduced-motion: reduce) { .www .www-nav__gator { animation: none; } }

/* ===================== v3.5: written guides on tool pages ===================== */
.www-guide { padding-top: 8px; }
.www-guide .www-wrap { max-width: 860px; }
.www-guide h2 { margin-bottom: 10px; }
.www-guide h3 { margin-top: 28px; }
.www-guide__list { padding-left: 22px; display: grid; gap: 10px; }
.www-guide__list li { line-height: 1.6; }
.www-guide__list a { color: inherit; }
.www-guide details, .www-prose details { border-bottom: 1px solid var(--www-line); padding: 14px 0; }
.www-guide summary, .www-prose details summary { font-weight: 700; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.www-guide summary::-webkit-details-marker, .www-prose details summary::-webkit-details-marker { display: none; }
.www-guide summary::after, .www-prose details summary::after { content: "+"; color: var(--www-gold); font-size: 20px; line-height: 1; }
.www-guide details[open] summary::after, .www-prose details[open] summary::after { content: "−"; }
.www-guide details p, .www-prose details p { color: var(--www-muted); margin: 8px 0 0 !important; }

/* ===================== v3.6: Start here reading paths ===================== */
.www-paths { padding: 10px 0 70px; }
.www-path-block { margin: 0 0 40px; }
.www-path-block__head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 14px; }
.www-path-block__n { flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--www-ink); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 18px; }
.www-path-block__head h2 { margin: 2px 0 2px; font-size: 26px; }
.www-path-block__head p { margin: 0 !important; color: var(--www-muted); }
.www-path-block__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.www-path-block__list a { display: grid; grid-template-rows: auto 1fr; height: 100%; background: #fff; border: 1px solid var(--www-line); border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; transition: transform .15s, box-shadow .15s; }
.www-path-block__list a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(16,39,46,.1); }
.www-path-block__list img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.www-path-block__list span { display: grid; gap: 6px; padding: 12px 14px 14px; }
.www-path-block__list b { color: var(--www-ink); line-height: 1.3; }
.www-path-block__list em { font-style: normal; font-size: 14px; color: var(--www-muted); line-height: 1.45; }
@media (max-width: 900px) { .www-path-block__list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .www-path-block__list { grid-template-columns: 1fr; } .www-path-block__head h2 { font-size: 22px; } }

/* ===== v3.7.1: accessibility and small layout fixes ===== */
.www-skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: #fff; color: var(--www-ink); padding: 10px 16px; border-radius: 8px; font-weight: 700; text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.2); transition: top .15s; }
.www-skip:focus { top: 12px; }
.www-main { display: block; }
.www .www-nav .www-nav__cta, .www .www-nav .www-nav__cta:hover { color: var(--www-ink); }
.www-promo__badge, .www-showcase__new { background: #b0472f; }
.www .www-mini--wa { color: var(--www-ink); }
.www-pagehead:not(.www-pagehead--dark) .www-eyebrow { color: #8a5f0e !important; }
.www-foot nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.www .www-btn.www-btn--gold, .www .www-btn.www-btn--gold:hover { color: var(--www-ink); }
.gator-calc__form > .www-eyebrow, .gator-receipt-sec .www-eyebrow { color: #8a5f0e !important; }