/* ============================================================
   CalculoBR — Design System v5 · "Recibo"
   Fintech editorial, caloroso e confiante. Papel creme, tinta
   morna, verde-dinheiro profundo e mel vivo. Metáfora de recibo:
   tíquetes serrilhados, livro-razão, números tabulares de máquina
   registradora. Friendly, dramático e cheio de confiança.
   Tipografia: Bricolage Grotesque (display/números) + Instrument Sans (corpo).
   Classes 100% preservadas (compatível com HTML/SEO/JS existente).
   ============================================================ */
:root{
  --font:'Instrument Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Bricolage Grotesque','Instrument Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* Papel & tinta */
  --paper:#f6efe1; --paper-2:#fdf9f0; --card:#fffdf8;
  --ink:#14120c; --body:#4c463a; --muted:#8a8270;
  --line:#e6dcc6; --line-2:#f0e8d8;

  /* Verde-dinheiro */
  --brand:#0c7a4e; --brand-700:#0a6041; --brand-800:#073f2c; --brand-ink:#06301f;
  --brand-soft:#dcefe2; --brand-bright:#16a868;

  /* Mel / sol */
  --accent:#f2a31d; --accent-700:#cf8208; --accent-soft:#fbe7bd; --accent-ink:#6e4806;

  --ok:#0c7a4e; --warn:#b45309; --warn-bd:#f3dca6; --bad:#d6432f;
  --grid:rgba(20,18,12,.05);
  --grid-dark:rgba(255,255,255,.07);

  --radius-sm:11px; --radius:16px; --radius-lg:26px;
  --shadow-sm:0 1px 2px rgba(50,38,12,.07);
  --shadow:0 22px 50px -26px rgba(50,38,12,.34);
  --shadow-lg:0 40px 80px -34px rgba(40,30,8,.46);
  --ring:0 0 0 4px rgba(12,122,78,.20);
  --grad:linear-gradient(135deg,#0c7a4e 0%,#13935f 52%,#1cab70 100%);
  --grad-warm:linear-gradient(135deg,#f2a31d 0%,#f7b73f 100%);
  --hero-bg:#073f2c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);color:var(--body);background:var(--paper);
  line-height:1.66;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
::selection{background:rgba(242,163,29,.32);color:var(--ink)}
img{max-width:100%;display:block}
a{color:var(--brand-700);text-decoration:none;transition:color .15s}
a:hover{color:var(--brand)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.container{width:100%;max-width:980px;margin:0 auto;padding:0 22px}

/* ---------- Header ---------- */
header.site{position:sticky;top:0;z-index:50;background:rgba(246,239,225,.82);
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:12px;height:68px}
.brand{flex:0 0 auto;font-family:var(--font-display);font-weight:800;font-size:1.28rem;color:var(--ink);display:flex;align-items:center;gap:11px;white-space:nowrap;letter-spacing:-.035em}
.brand .logo{width:36px;height:36px;background:var(--grad);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;font-family:var(--font-display);box-shadow:0 10px 18px -7px rgba(12,122,78,.75);transform:rotate(-4deg);letter-spacing:-.02em}
.brand b{color:var(--brand);font-weight:800}
.nav-links{display:flex;align-items:center;gap:2px;font-size:.88rem;font-weight:500;flex:0 1 auto;min-width:0;margin-left:auto;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{color:var(--body);padding:8px 12px;border-radius:10px;white-space:nowrap;transition:color .15s,background .15s}
.nav-links a:hover{color:var(--brand-700);background:var(--brand-soft);text-decoration:none}

/* ---------- Breadcrumb ---------- */
.breadcrumb{font-size:.82rem;color:var(--muted);padding:22px 0 0;letter-spacing:.01em;font-weight:500}
.breadcrumb a{color:var(--muted)} .breadcrumb a:hover{color:var(--brand-700)}

/* ---------- Hero — banda verde profunda, dramática ---------- */
.hero{position:relative;overflow:hidden;padding:84px 0 78px;color:#eef6ee;
  background:
    radial-gradient(130% 120% at 84% -10%,rgba(28,171,112,.42) 0%,transparent 50%),
    radial-gradient(90% 90% at 10% 110%,rgba(242,163,29,.16) 0%,transparent 55%),
    linear-gradient(165deg,#0a5a3c 0%,var(--hero-bg) 60%,#052a1d 100%);
  border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:radial-gradient(90% 90% at 24% 0%,#000,transparent 72%);
          mask-image:radial-gradient(90% 90% at 24% 0%,#000,transparent 72%)}
.hero .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#bdf0d4;margin:0 0 22px;background:rgba(255,255,255,.08);padding:8px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}
.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px rgba(242,163,29,.28)}
.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6.8vw,4.3rem);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#fffdf6;max-width:15ch}
.hero h1 .accent{position:relative;color:#ffe7ad;white-space:nowrap}
.hero h1 .accent::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.05em;height:.34em;background:var(--accent);border-radius:999px;z-index:-1;opacity:.92;transform:rotate(-1.4deg)}
.hero>.container>.hero-grid p,.hero p{color:#d6e8dc;max-width:50ch;margin:22px 0 0;font-size:clamp(1.05rem,2.4vw,1.22rem)}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}
.hero-badges span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#eaf4ec;font-size:.83rem;font-weight:600;padding:9px 15px;border-radius:999px;backdrop-filter:blur(4px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-cta a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.02rem;padding:15px 26px;border-radius:13px;transition:transform .14s,box-shadow .2s,background .2s,color .2s}
.hero-cta a.primary{background:var(--grad-warm);color:#3d2904;box-shadow:0 16px 32px -12px rgba(242,163,29,.6)}
.hero-cta a.primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -12px rgba(242,163,29,.7)}
.hero-cta a.ghost{background:rgba(255,255,255,.08);color:#fffdf6;border:1.5px solid rgba(255,255,255,.24)}
.hero-cta a.ghost:hover{border-color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px)}

/* Hero — tíquete/recibo de amostra, serrilhado */
.hero-receipt{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:26px 26px 30px;transform:rotate(1.6deg);
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.28))}
.hero-receipt::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--grad)}
.hero-receipt::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:22px;
  background:radial-gradient(circle at 11px -2px,transparent 0 11px,var(--card) 11px);
  background-size:22px 22px;background-repeat:repeat-x;background-position:left top;filter:drop-shadow(0 8px 6px rgba(0,0,0,.05))}
.hero-receipt .rc-head{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:700;color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.hero-receipt .rc-head .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.hero-receipt .rc-big{font-family:var(--font-display);font-weight:800;font-size:2.7rem;letter-spacing:-.045em;color:var(--ink);margin:14px 0 4px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.hero-receipt .rc-tag{display:inline-block;font-size:.74rem;font-weight:700;color:#fff;background:var(--brand);padding:5px 12px;border-radius:999px;letter-spacing:.01em}
.hero-receipt .rc-rows{margin-top:20px;border-top:1.5px dashed var(--line);padding-top:6px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.hero-receipt .rc-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:.9rem;border-bottom:1px solid var(--line-2)}
.hero-receipt .rc-row:last-child{border-bottom:none}
.hero-receipt .rc-row span:first-child{color:var(--body)}
.hero-receipt .rc-row span:last-child{font-weight:700;color:var(--ink)}

/* ---------- Faixa de confiança (trust strip) ---------- */
.trust{background:var(--brand-800);color:#cfe9d8}
.trust .container{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;padding:18px 22px;font-size:.92rem;font-weight:600;text-align:center}
.trust b{color:#fff;font-family:var(--font-display)}
.trust span{display:inline-flex;align-items:center;gap:9px}
.trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* ---------- Tipografia ---------- */
main{padding:8px 0 64px}
h1{font-family:var(--font-display);font-size:clamp(1.95rem,4.6vw,2.7rem);line-height:1.05;letter-spacing:-.04em;margin:26px 0 12px;color:var(--ink);font-weight:800}
h2{font-family:var(--font-display);font-size:clamp(1.45rem,3.1vw,1.9rem);margin:50px 0 16px;letter-spacing:-.03em;color:var(--ink);font-weight:700}
h1,h2{scroll-margin-top:96px}
main h2::before{content:"";display:block;width:38px;height:5px;background:var(--accent);border-radius:3px;margin-bottom:16px}
h3{font-size:1.16rem;margin:22px 0 8px;color:var(--ink);font-weight:700;letter-spacing:-.018em;font-family:var(--font-display)}
p{margin:14px 0;text-wrap:pretty}
.lead{font-size:clamp(1.1rem,2.3vw,1.28rem);color:#403b31;line-height:1.6}
ul,ol{margin:14px 0 14px 22px}
li{margin:8px 0}
li::marker{color:var(--brand);font-weight:700}
strong{color:var(--ink);font-weight:700}

/* ---------- Card / calculadora — folha de recibo ---------- */
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px;margin:30px 0}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--grad)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:2px}
.field.full{grid-column:1 / -1}
label{font-weight:600;font-size:.9rem;color:var(--ink);letter-spacing:-.005em}
input,select{width:100%;padding:14px 15px;border:1.5px solid var(--line);border-radius:var(--radius-sm);
  font-size:1rem;font-family:inherit;color:var(--ink);background:var(--paper-2);transition:border-color .15s,box-shadow .15s,background .15s;appearance:none;-webkit-appearance:none}
input[type=number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8270' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;cursor:pointer}
input:focus,select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:var(--ring)}
input::placeholder{color:#ada690}
.hint{font-size:.8rem;color:var(--muted)}
.btn{width:100%;margin-top:16px;padding:17px 22px;border:none;border-radius:var(--radius-sm);
  background:var(--grad);color:#fff;font-size:1.08rem;font-weight:700;cursor:pointer;font-family:var(--font-display);letter-spacing:-.01em;
  box-shadow:0 16px 28px -10px rgba(12,122,78,.62);transition:transform .12s,box-shadow .2s,filter .2s}
.btn:hover{filter:brightness(1.06);box-shadow:0 20px 34px -10px rgba(12,122,78,.7);transform:translateY(-2px);text-decoration:none}
.btn:active{transform:translateY(0)}

/* ---------- Resultado (livro-razão) ---------- */
.result{display:none;margin-top:28px;padding:30px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";position:relative;overflow:hidden}
.result.show{display:block;animation:rise .42s cubic-bezier(.2,.7,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.result .big{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,3.4rem);font-weight:800;line-height:1;text-align:center;letter-spacing:-.045em;color:var(--brand-ink)}
.result .tag{display:block;width:fit-content;margin:14px auto 0;padding:7px 18px;border-radius:999px;font-weight:700;font-size:.85rem;letter-spacing:.01em;color:#fff;background:var(--brand)}
.result .tag.ok{background:var(--accent);color:var(--accent-ink)} .result .tag.warn{background:var(--warn)} .result .tag.bad{background:var(--bad)}
.result .desc{margin-top:16px;color:var(--body);font-size:.94rem;text-align:center}

/* ---------- Detalhamento (linhas / livro-razão) ---------- */
.lines{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.lines .row{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line-2);font-size:.95rem}
.lines .row:last-child{border-bottom:none}
.lines .row span:first-child{color:var(--body)}
.lines .row span:last-child{font-weight:700;white-space:nowrap;color:var(--ink)}
.lines .row.total{border-top:2.5px solid var(--ink);background:var(--brand-soft);font-size:1.1rem}
.lines .row.total span{font-weight:800;color:var(--brand-ink)}
.lines .row.muted span{color:var(--muted);font-weight:500}

/* ---------- Tabela ---------- */
table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;font-size:.95rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line-2)}
th{background:var(--paper);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#6f6757;font-weight:700;font-family:var(--font-display)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--paper-2)}

/* ---------- FAQ ---------- */
details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2px 22px;margin:11px 0;transition:box-shadow .2s,border-color .2s}
details[open]{box-shadow:var(--shadow-sm);border-color:#dcd2bf}
summary{cursor:pointer;font-weight:700;color:var(--ink);padding:16px 0;list-style:none;position:relative;padding-right:34px;font-family:var(--font-display);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:27px;height:27px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--brand);font-weight:400;font-family:var(--font-display);background:var(--brand-soft);border-radius:9px;transition:transform .2s}
details[open] summary::after{content:"–";transform:translateY(-50%) rotate(180deg)}
details p{margin:0 0 17px;color:var(--body)}
details a{font-weight:700}

/* ---------- Anúncios (ocultos até aprovação do AdSense) ---------- */
.ad-slot{margin:34px 0;min-height:90px;align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#fff,#fff 10px,#f6f0e3 10px,#f6f0e3 20px);
  border:1px dashed #d6cbb4;border-radius:var(--radius);color:#a89f8a;font-size:.78rem;letter-spacing:.02em}
.ad-slot{display:none}
body.ads-on .ad-slot{display:flex}

/* ---------- Grade de calculadoras (tíquetes numerados) ---------- */
.tools{counter-reset:tool;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}
.tool{counter-increment:tool;position:relative;overflow:hidden;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .22s,border-color .2s}
.tool::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .22s ease}
.tool:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d8cdb8;text-decoration:none}
.tool:hover::after{transform:scaleY(1)}
.tool::before{content:counter(tool,decimal-leading-zero);position:absolute;top:26px;right:26px;font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#cabfa8;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.tool:hover::before{color:var(--accent-700)}
.tool .ico{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--brand-soft);border:1px solid #cfe6d8}
.tool h3{margin:18px 0 5px;color:var(--ink);font-size:1.14rem}
.tool p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55;font-family:var(--font)}

/* ---------- Relacionadas ---------- */
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.related a{background:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:700;color:var(--brand-700);transition:transform .15s,border-color .15s,background .15s}
.related a:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px);text-decoration:none}

/* ---------- Aviso ---------- */
.note{background:var(--accent-soft);border:1px solid #f0dcae;border-left:5px solid var(--accent);border-radius:var(--radius);padding:17px 20px;font-size:.92rem;color:#73510e;margin:24px 0}
.note strong{color:#5c400a}

/* ---------- Footer ---------- */
footer.site{background:var(--ink);color:#b3ada0;padding:54px 0 42px;margin-top:60px;font-size:.92rem;position:relative}
footer.site::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad)}
footer.site a{color:#7fd3ad} footer.site a:hover{color:#a5e3c8}
footer.site .cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px}
footer.site .cols>div{flex:1 1 260px}
footer.site .cols strong{font-family:var(--font-display)}
footer.site .disc{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:#8a8478;line-height:1.6}

/* ---------- Responsivo ---------- */
@media(max-width:820px){
  .hero{padding:60px 0 56px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-receipt{max-width:420px;transform:rotate(0)}
}
@media(max-width:640px){
  body{font-size:16px}
  .container{padding:0 16px}
  .hero{padding:46px 0 44px}
  .card{padding:22px}
  .calc-grid,.tools{grid-template-columns:1fr}
  .nav{gap:8px;height:60px}
  .brand{font-size:1.1rem;gap:9px}
  .brand .logo{width:32px;height:32px;font-size:13px}
  .nav-links a{background:var(--brand-soft);color:var(--brand-700)}
  .hero-receipt{transform:rotate(0)}
  .trust .container{gap:10px 24px;font-size:.85rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}

/* ---------- Toggle de tema ---------- */
.theme-toggle{flex:0 0 auto;width:39px;height:39px;border-radius:11px;border:1px solid var(--line);
  background:var(--card);cursor:pointer;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  padding:0;transition:background .15s,border-color .15s,transform .12s}
.theme-toggle::before{content:"🌙"}
.theme-toggle:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}
html[data-theme="dark"] .theme-toggle::before{content:"☀️"}

/* ============================================================
   DARK MODE — "Recibo" depois do expediente
   ============================================================ */
html[data-theme="dark"]{
  --paper:#100f0c; --paper-2:#17170f; --card:#1b1b13;
  --ink:#f4f1e8; --body:#cac6ba; --muted:#928d7e;
  --line:#2c2c22; --line-2:#25251c;
  --brand:#3fc187; --brand-700:#65d3a2; --brand-800:#0c3a28; --brand-ink:#c9f0dc; --brand-soft:rgba(63,193,135,.15); --brand-bright:#4cd494;
  --accent:#f6b743; --accent-700:#f9c969; --accent-soft:rgba(246,183,67,.16); --accent-ink:#1a1408;
  --ok:#3fc187; --warn:#fbbf24; --warn-bd:#4a3a1a; --bad:#f4796a;
  --grid:rgba(255,255,255,.05);
  --grad:linear-gradient(135deg,#13935f 0%,#1faf74 100%);
  --grad-warm:linear-gradient(135deg,#e0991f 0%,#f6b743 100%);
  --hero-bg:#08130e;
  --shadow-sm:0 1px 2px rgba(0,0,0,.45);
  --shadow:0 22px 50px -26px rgba(0,0,0,.78);
  --shadow-lg:0 40px 80px -34px rgba(0,0,0,.88);
  --ring:0 0 0 4px rgba(63,193,135,.28);
}
html[data-theme="dark"] body{background:var(--paper)}
html[data-theme="dark"] header.site{background:rgba(16,15,12,.8)}
html[data-theme="dark"] .hero{background:
    radial-gradient(130% 120% at 84% -10%,rgba(31,175,116,.30) 0%,transparent 50%),
    radial-gradient(90% 90% at 10% 110%,rgba(246,183,67,.12) 0%,transparent 55%),
    linear-gradient(165deg,#0a3325 0%,var(--hero-bg) 60%,#040c08 100%)}
html[data-theme="dark"] .hero-receipt{background:var(--card)}
html[data-theme="dark"] .lead{color:#d4d1c7}
html[data-theme="dark"] input,html[data-theme="dark"] select{background:#12120c;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus{background:#15150e}
html[data-theme="dark"] input::placeholder{color:#75715f}
html[data-theme="dark"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23928d7e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
html[data-theme="dark"] .result,html[data-theme="dark"] .lines,html[data-theme="dark"] table,html[data-theme="dark"] details,html[data-theme="dark"] .tool,html[data-theme="dark"] .related a{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] .result{background:var(--paper-2)}
html[data-theme="dark"] .result .big{color:var(--brand-700)}
html[data-theme="dark"] .lines .row.total{background:var(--brand-soft)}
html[data-theme="dark"] th{background:#1e1e15;color:#b3afa2}
html[data-theme="dark"] tbody tr:hover{background:#1c1c14}
html[data-theme="dark"] .tool .ico{border-color:var(--line)}
html[data-theme="dark"] .note{background:rgba(246,183,67,.1);color:#f3d79a;border-color:#4a3a1a}
html[data-theme="dark"] .note strong{color:#fbe2a8}
html[data-theme="dark"] .trust{background:#0a1410}
html[data-theme="dark"] .ad-slot{background:repeating-linear-gradient(45deg,#17170f,#17170f 10px,#1e1e15 10px,#1e1e15 20px);border-color:#2c2c22;color:#726e62}
html[data-theme="dark"] footer.site{background:#090906}