/* Invoral website look (Batch E, 2026-11-10): "Classic", in the logo's colours.
   White pages, serif headings (Gelasio), Noto Sans for text, the logo's violet for buttons and highlights and its
   saffron dot for the line under the menu; square corners, thin borders, no gradients, glows, glass or fade-ins.
   The page text and layout are unchanged. The logo itself is left exactly as it is.
   To go back to the earlier look: remove the <link href="/site-theme.css"> lines (and this file). */

/* ---- Fonts (served from Invoral; the same on every device) ---- */
@font-face{font-family:'Gelasio';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/gelasio-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gelasio';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/gelasio-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-rupee.woff2) format('woff2');unicode-range:U+20B9}

/* ---- Colours and shapes ---- */
:root{
  --rd-page:#ffffff; --rd-card:#ffffff; --rd-nav:#ffffff;
  --rd-font:'Noto Sans',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --rd-font-h:'Gelasio',Georgia,"Times New Roman",serif;
  --rd-h-ls:0; --rd-h1-w:700; --rd-h2-w:700;
  --rd-shadow:none; --rd-r:3px; --rd-rb:3px;
  --rd-btn:#6b4ef0; --rd-btn-text:#ffffff; --rd-band:#6b4ef0;
  --rd-accent-text:#6b4ef0; --rd-link:#5b3fe0; --rd-tint:rgba(107,78,240,.08);
  --rd-eyebrow:#6b4ef0; --rd-eyebrow-ls:.12em; --rd-eyebrow-tt:uppercase;
  --rd-saffron:#F59E0B;
  --text:#181724; --text-dim:#45425a; --text-mut:#6a6780;
  --card-brd:#dedbea; --chip:#ffffff; --chip-brd:#d3cfe3; --hair:#e3e0ee; --inset:#f7f6fc;
  --v1:#6b4ef0; --v2:#8a72f4; --green:#1d7a46;
}
:root[data-theme="dark"]{
  --rd-page:#121119; --rd-card:#1a1825; --rd-nav:#121119;
  --rd-btn:#7c62f2; --rd-band:#5b45d6;
  --rd-accent-text:#a998f8; --rd-link:#a998f8; --rd-tint:rgba(124,98,242,.18);
  --rd-eyebrow:#a998f8;
  --text:#f1f0f7; --text-dim:rgba(241,240,247,.76); --text-mut:rgba(241,240,247,.54);
  --card-brd:rgba(255,255,255,.12); --chip:#1a1825; --chip-brd:rgba(255,255,255,.16); --hair:rgba(255,255,255,.1); --inset:rgba(255,255,255,.04);
  --v1:#7c62f2; --v2:#9a84f6; --green:#2fb87d;
}

/* Native parts (drop-down lists, date pickers, scrollbars) in the page's own light or dark */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"] select option,:root[data-theme="dark"] select optgroup{background-color:#1a1825;color:#f1f0f7}

/* ---- Website pages (home, pricing, features, calculators, TDS guides) ---- */
body{background:var(--rd-page)!important;font-family:var(--rd-font)!important;color:var(--text)}
button,input,select,textarea{font-family:var(--rd-font)!important}
h1,h2,h3{font-family:var(--rd-font-h)!important;letter-spacing:var(--rd-h-ls)!important}
h1{font-weight:var(--rd-h1-w)!important}
h2{font-weight:var(--rd-h2-w)!important}
h1[style*="font-size:clamp(34px,5.4vw,58px)"]{font-size:clamp(32px,4.8vw,52px)!important;line-height:1.12!important}
/* No fade-in on scroll, no floating, no hover lift */
[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.lp-card,.lp-card:hover,.lp-btn,.lp-btn:hover,.calc-cta:hover{transform:none!important}
.lp-card:hover{box-shadow:var(--rd-shadow)!important}
.lp-btn-primary:hover,.lp-btn-ghost:hover{box-shadow:none!important}
*{animation:none!important}
.nav-link::after{display:none!important}
/* No glows, glass or gradient text */
body > div[style*="position:fixed"][style*="radial-gradient"]{display:none!important}
[style*="radial-gradient"]{background-image:none!important}
[style*="backdrop-filter"],.calc-card,.calc-live,.mob-drawer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Solid brand colour where there were gradients (not the logo: the tile with the saffron dot) */
[style*="linear-gradient(135deg,var(--v1),var(--v2))"]:not(:has(circle[fill="#F59E0B"])),[style*="linear-gradient(120deg,var(--v1),var(--v2))"],.calc-ico,.calc-cta,.calc-modes button.on,.sec-icon{background:var(--rd-btn)!important;box-shadow:none!important;color:var(--rd-btn-text)!important}
[style*="border-radius:24px;background:linear-gradient"]{background:var(--rd-band)!important}
[style*="linear-gradient(135deg,rgba(107,78,240"]{background:var(--rd-card)!important}
.sec-divider{background:var(--hair)!important;max-width:1136px!important;opacity:1!important}
/* Coloured words in headings: plain coloured text */
[style*="background-clip:text"][style],.stat-num{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--rd-accent-text)!important}
/* Cards: solid, thin border, no shadow */
[style*="background:var(--card)"],.calc-card,.calc-live,.fcard{background:var(--rd-card)!important}
[style*="box-shadow"]:not([style*="border-radius:999px"]):not(:has(circle[fill="#F59E0B"])){box-shadow:var(--rd-shadow)!important}
.calc-card,.fcard{box-shadow:var(--rd-shadow)!important}
nav[style]{background:var(--rd-nav)!important;box-shadow:none!important;border-bottom:3px solid var(--rd-saffron)!important}
/* Square corners (the logo keeps its own) */
[style*="border-radius"]:not([style*="50%"]):not([style*="999px"]):not(:has(circle[fill="#F59E0B"])),.calc-card,.calc-out,.calc-amt,.calc-modes,.calc-modes button,.calc-chips button,.calc-chips input,#calcTds,.faq-item,.calc-live,.fcard{border-radius:var(--rd-r)!important}
.lp-btn,.nav-btn,.calc-cta,[style*="padding:13px 20px;border-radius:12px"]{border-radius:var(--rd-rb)!important}
/* Small labels above headings */
[style*="letter-spacing:.08em;text-transform:uppercase"],.sec-h .k{color:var(--rd-eyebrow)!important;letter-spacing:var(--rd-eyebrow-ls)!important;text-transform:var(--rd-eyebrow-tt)!important}
/* Links and the calculator's highlights */
a{color:var(--rd-link)}
.calc-out .calc-key span:last-child{color:var(--rd-accent-text)!important}
.calc-chips button.on,.calc-chips input.on{border-color:var(--rd-btn)!important;background:var(--rd-tint)!important;color:var(--rd-accent-text)!important}
.calc-amt:focus-within{border-color:var(--rd-btn)!important;box-shadow:none!important}

/* Class-styled boxes on the features page and the free tools (TDS and GST calculators, TDS guides) */
.cta-band>div{background:var(--rd-band)!important;box-shadow:none!important;border-radius:var(--rd-r)!important}
.cta-band a{border-radius:var(--rd-rb)!important;box-shadow:none!important}
.tds-rate{background:var(--rd-btn)!important}
.sx-tool,.tds-tool,.cmp-wrap,.nav-dd-menu>div{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sx-tool,.tds-tool{background:var(--rd-card)!important}
.cmp-wrap,.ficon,.mob-drawer-links a,.mob-toggle,.nav-dd-menu a,.nav-dd-menu>div,.pro,.sx-chip,.sx-in,.sx-pills button,.sx-res div,.sx-tool,.tds-card,.tds-field input,.tds-rate,.tds-tool,.sec-icon{border-radius:var(--rd-r)!important}
.sx-in:focus-within,.tds-field input:focus{box-shadow:none!important;border-color:var(--rd-btn)!important}

/* ---- Document pages (about, contact, terms, privacy, refund): the same light look ---- */
body:has(> header > .nav){--bg:#ffffff;--panel:#ffffff;--text:#181724;--soft:#5d5a72;--border:#e3e0ee;--brand:#6B4EF0;--brand-2:#5b3fe0}
body:has(> header > .nav) header{background:#ffffff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:3px solid var(--rd-saffron)!important}
body:has(> header > .nav) p,body:has(> header > .nav) li{color:#3f3c55}
body:has(> header > .nav) li b,body:has(> header > .nav) p b,body:has(> header > .nav) .callout b{color:var(--text)}
body:has(> header > .nav) .btn{border-radius:var(--rd-rb)!important}
body:has(> header > .nav) .btn-primary{background:var(--rd-btn)!important;color:#fff!important}
body:has(> header > .nav) .btn-primary:hover{box-shadow:none!important;transform:none!important}
body:has(> header > .nav) .callout,body:has(> header > .nav) .contact-card,body:has(> header > .nav) .toc,body:has(> header > .nav) .summary-card{border-radius:var(--rd-r)!important}
body:has(> header > .nav) .callout{background:var(--rd-tint)!important;border-color:rgba(107,78,240,.22)!important}
body:has(> header > .nav) .callout.warn{background:rgba(245,158,11,.08)!important;border-color:rgba(245,158,11,.3)!important}
body:has(> header > .nav) .divider{background:var(--border)!important;max-width:none!important;opacity:1!important}
body:has(> header > .nav) ::selection{background:rgba(107,78,240,.18)}
/* Dark mode on the document pages, when chosen: the same choice as the rest of the website and the app */
:root[data-theme="dark"] body:has(> header > .nav){--bg:#121119;--panel:#1a1825;--text:#f1f0f7;--soft:rgba(241,240,247,.62);--border:rgba(255,255,255,.12)}
:root[data-theme="dark"] body:has(> header > .nav) header{background:#121119!important}
:root[data-theme="dark"] body:has(> header > .nav) p,:root[data-theme="dark"] body:has(> header > .nav) li{color:rgba(241,240,247,.82)}
:root[data-theme="dark"] body:has(> header > .nav) a:not(.btn):not(.brand),:root[data-theme="dark"] body:has(> header > .nav) h2 .num{color:#a998f8}
:root[data-theme="dark"] body:has(> header > .nav) .callout{background:rgba(124,98,242,.14)!important;border-color:rgba(124,98,242,.32)!important}
:root[data-theme="dark"] body:has(> header > .nav) .callout.warn{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.32)!important}
:root[data-theme="dark"] body:has(> header > .nav) ::selection{background:rgba(124,98,242,.35)}
/* The light / dark button in their header */
body:has(> header > .nav) .doc-theme{width:38px;height:38px;padding:0;justify-content:center;cursor:pointer;font:inherit}
.doc-theme .ic-sun{display:none} :root[data-theme="dark"] .doc-theme .ic-sun{display:block} :root[data-theme="dark"] .doc-theme .ic-moon{display:none}
/* The space above the page title (a general rule had taken it away) */
body:has(> header > .nav) main.wrap{padding-top:48px;padding-bottom:80px}
@media(max-width:640px){body:has(> header > .nav) main.wrap{padding-top:32px;padding-bottom:56px}}

/* ---- Phones: bigger tap targets (footer links, the menu button, small links under the calculators) ---- */
@media(max-width:900px){
  .mob-toggle{flex:0 0 40px!important;min-width:40px}
  .foot-link{display:inline-block;padding:7px 0}
  .sx-inv,.tds-tool a[href*="calc=1"]{display:inline-block;padding:9px 0}
  body:has(> header > .nav) .foot-links a{display:inline-block;padding:8px 0}
}