:root{--ml-ink:#0b2016;--ml-green:#1f8f4a;--ml-deep:#126632;--ml-line:rgba(13,64,37,.10);--ml-shadow:0 28px 70px rgba(10,43,25,.12)}html{scroll-behavior:smooth}body{background:#fff;color:var(--ml-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:#bdeec9;color:#0c321d}.st-site-header{z-index:1000}.st-navbar{padding-top:12px}.st-navbar__inner{max-width:1440px;min-height:72px;border-radius:22px;padding-inline:18px;box-shadow:0 18px 55px rgba(6,30,17,.13)}body.st-homepage .st-site-header:not(.is-scrolled) .st-navbar__inner{background:linear-gradient(180deg,rgba(6,25,16,.34),rgba(7,31,19,.20));border-color:rgba(255,255,255,.18);box-shadow:0 20px 70px rgba(3,20,11,.16),inset 0 1px 0 rgba(255,255,255,.12)}.st-site-header.is-scrolled .st-navbar__inner,body:not(.st-homepage) .st-navbar__inner{background:rgba(250,253,251,.92);border-color:rgba(13,65,37,.08);box-shadow:0 16px 50px rgba(8,36,21,.10)}.st-brand img{width:154px}.st-nav{gap:.16rem}.st-nav__trigger,.st-login-link{font-weight:760;letter-spacing:-.01em}.st-nav__trigger{padding-inline:.88rem}.st-nav__trigger::after,.st-login-link::after{display:none}.st-nav__trigger:hover,.st-nav__item.is-open>.st-nav__trigger,.st-login-link:hover,.lang-toggle:hover{transform:translateY(-1px)}.st-header-cta{min-height:48px;padding:.78rem 1.16rem;background:linear-gradient(135deg,#36ad61,#197e40);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px rgba(23,126,63,.26)}.st-header-cta:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(23,126,63,.31)}.st-mega{top:calc(100% + 12px);padding:12px;border-radius:26px;background:rgba(250,253,251,.965);border:1px solid rgba(12,59,34,.09);box-shadow:0 34px 90px rgba(5,31,17,.20),inset 0 1px 0 #fff;gap:12px}.st-mega--product,.st-mega--compact{grid-template-columns:minmax(270px,315px) minmax(0,1fr)}.st-mega__intro{border-radius:20px;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(164,239,185,.25),transparent 34%),linear-gradient(145deg,#103b26,#17633a);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.st-mega__intro strong{font-size:1.38rem;line-height:1.18;letter-spacing:-.035em}.st-mega__intro p{line-height:1.62;color:rgba(255,255,255,.72)}.st-mega__eyebrow{letter-spacing:.13em;font-size:.66rem}.st-mega__links{gap:8px;padding:2px}.st-mega__links>a{min-height:94px;border-radius:17px;padding:14px 15px;background:transparent;border:1px solid transparent;box-shadow:none}.st-mega__links>a:hover{background:#fff;border-color:rgba(16,86,47,.09);box-shadow:0 14px 32px rgba(15,57,34,.08);transform:translateY(-2px)}.st-mega__icon{width:36px;height:36px;border-radius:12px;background:#e7f6eb;color:#1b7540;box-shadow:inset 0 0 0 1px rgba(27,117,64,.08)}.st-mega__links small{line-height:1.45;color:#66796e}.st-mega__footer{grid-column:2;padding:.42rem .25rem .05rem;border-top:0}.st-mega__footer a{border-radius:15px;background:#edf7f0;border:1px solid rgba(25,116,62,.08)}body.st-homepage{--st-nav-height:92px}body.st-homepage .home-hero{min-height:max(760px,100svh);padding-top:calc(var(--st-nav-height) + 3.8rem);padding-bottom:1.8rem;background:#0b2819;color:#fff}.home-hero{isolation:isolate;overflow:hidden}.home-hero__video-placeholder{inset:0;background:#0c2c1c url('/assets/images/smartteller-hero-video-poster.webp') center/cover no-repeat}.home-hero__video-placeholder::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,24,14,.83) 0%,rgba(7,31,18,.68) 35%,rgba(8,34,20,.28) 61%,rgba(6,24,14,.34) 100%)}.home-hero__video-placeholder::after{z-index:2;background:radial-gradient(circle at 78% 44%,rgba(104,231,139,.16),transparent 36%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(3,18,10,.24));box-shadow:inset 0 -180px 180px -140px rgba(0,0,0,.50)}.home-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transform:scale(1.012);filter:saturate(.92) contrast(1.04) brightness(.78)}.home-hero__video.is-ready{animation:mlVideo .8s ease both}@keyframes mlVideo{from{opacity:0}to{opacity:1}}.home-hero__glow{z-index:3;width:48vw;height:48vw;right:-12vw;top:8%;background:rgba(80,231,126,.13);filter:blur(110px)}.home-hero__grid{z-index:4;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(3.5rem,7vw,7.5rem);min-height:590px}.home-hero__copy{max-width:680px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-kicker{color:#b7eec7;letter-spacing:.02em;font-weight:760}.home-hero h1{max-width:10.5ch;color:#fff;font-size:clamp(3.7rem,6.25vw,6.9rem);line-height:.91;letter-spacing:-.067em;text-shadow:0 12px 45px rgba(0,0,0,.14)}.home-hero__lead{max-width:58ch;color:rgba(239,249,242,.78);font-size:clamp(1.04rem,1.35vw,1.25rem);line-height:1.65}.home-hero__actions .btn{min-height:56px;border-radius:999px;padding-inline:1.28rem;font-weight:800}.home-hero__actions .btn-primary{background:linear-gradient(135deg,#54cf79,#289f54);border-color:rgba(255,255,255,.17);box-shadow:0 16px 38px rgba(33,160,80,.28)}.home-hero__actions .btn-secondary{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.20);backdrop-filter:blur(10px)}.home-hero__proof{margin-top:1.55rem;color:rgba(239,249,242,.76)}.home-platform{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:none;backdrop-filter:blur(10px)}.home-platform small{color:rgba(255,255,255,.58)}.home-hero__visual{padding:0;perspective:1200px}.home-hero__visual::before{inset:5% 1% 7% 1%;border-radius:42px;background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);box-shadow:0 60px 130px rgba(0,0,0,.30);backdrop-filter:blur(12px)}.home-hero__visual picture{width:min(100%,820px);padding:13px;border-radius:32px;background:linear-gradient(180deg,rgba(10,36,22,.96),rgba(10,52,29,.88));border:1px solid rgba(255,255,255,.12);box-shadow:0 44px 100px rgba(0,0,0,.35);transform:rotateY(-3deg) rotateX(1deg)}.home-hero__visual img{border-radius:21px;border-color:rgba(255,255,255,.09);filter:none}.home-float-card{background:rgba(250,255,252,.90);border-color:rgba(255,255,255,.68);box-shadow:0 24px 60px rgba(0,0,0,.24);backdrop-filter:blur(18px);color:#153b28}.home-hero__trustline{z-index:4;color:rgba(255,255,255,.67);border-top:1px solid rgba(255,255,255,.13)}.home-hero__trustline strong{color:#fff}.home-section{padding:clamp(5.5rem,9vw,9.5rem) 0}.home-problem-grid article,.home-trust__panel,.home-knowledge-grid,.home-showcase__media{border-color:var(--ml-line);box-shadow:var(--ml-shadow)}.home-problem-grid article,.home-audience-card{transition:transform .28s ease,box-shadow .28s ease}.home-problem-grid article:hover,.home-audience-card:hover{transform:translateY(-6px)}.home-showcase__media,.home-knowledge-grid{border-radius:30px}.home-final__box{border-radius:42px;background:radial-gradient(circle at 85% 15%,rgba(112,226,143,.18),transparent 30%),linear-gradient(135deg,#0b3320,#17633a);box-shadow:0 42px 110px rgba(7,35,20,.20)}.btn{border-radius:999px;font-weight:780;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:14px;border-color:rgba(13,64,37,.14);background:#fff}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:0;border-color:rgba(31,143,74,.52);box-shadow:0 0 0 4px rgba(31,143,74,.10)}@media(max-width:1180px){.home-hero__grid{grid-template-columns:1fr;min-height:0;gap:2rem}.home-hero__copy{max-width:820px}.home-hero__visual{max-width:880px;margin-inline:auto;width:100%}.home-hero__visual picture{transform:none}}@media(max-width:992px){body.st-homepage{--st-nav-height:78px}.st-mega__footer{grid-column:auto}.st-nav{background:rgba(249,252,250,.985)!important;box-shadow:0 30px 80px rgba(5,31,17,.18)}.st-nav__trigger{color:#163729!important}}@media(max-width:800px){body.st-homepage .home-hero{min-height:auto;padding-top:calc(var(--st-nav-height) + 1.6rem);padding-bottom:2rem}.home-hero h1{font-size:clamp(3rem,14vw,4.7rem)}.home-hero__copy{padding:0}.home-hero__visual picture{padding:9px;border-radius:25px}.home-platforms{grid-template-columns:1fr 1fr}}@media(max-width:560px){.st-navbar{padding-top:8px}.st-navbar__inner{min-height:62px;padding-inline:12px;border-radius:17px}.st-brand img{width:132px}body.st-homepage .home-hero{padding-top:92px}.home-platforms{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero__video{display:none!important}.home-hero__video-placeholder{background:#0b2819 url('/assets/images/smartteller-hero-video-poster.webp') center/cover no-repeat}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* Smartteller QA hotfix 2026-08-22: navigation + hero layout */
@media (min-width:1101px){
  .st-mega,
  .st-mega--product,
  .st-mega--compact{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:calc(var(--st-nav-height, 80px) + 12px) !important;
    width:min(1100px, calc(100vw - 64px)) !important;
    max-width:none !important;
    transform:translateX(-50%) translateY(8px) !important;
  }
  .st-nav__item:hover > .st-mega,
  .st-nav__item.is-open > .st-mega,
  .st-nav__item:focus-within > .st-mega{
    transform:translateX(-50%) translateY(0) !important;
  }
  .st-mega--compact{width:min(980px, calc(100vw - 64px)) !important}
  body.st-homepage .home-hero__grid{
    width:min(calc(100% - 64px), 1440px);
    max-width:1440px;
    grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);
    gap:clamp(2.5rem,4vw,4.75rem);
  }
  body.st-homepage .home-hero h1{
    max-width:12ch;
    font-size:clamp(3.25rem,4.35vw,5.15rem);
    line-height:.94;
    letter-spacing:-.058em;
    overflow-wrap:normal;
    hyphens:none;
  }
  body.st-homepage .home-hero__copy{position:relative;z-index:6;min-width:0}
  body.st-homepage .home-hero__visual{position:relative;z-index:5;min-width:0}
  body.st-homepage .home-hero__visual picture{position:relative;z-index:2}
  body.st-homepage .home-float-card{z-index:7}
  body.st-homepage .home-float-card--budget{left:-3%;bottom:5%}
  body.st-homepage .home-float-card--flow{right:-1%;top:5%}
}
.st-nav__trigger{gap:0 !important}
.st-nav__chevron{display:none !important}
.home-hero__video-placeholder{background-color:#0b2819}
.home-hero__video{z-index:0;visibility:visible !important}
.home-hero__video.is-ready{visibility:visible !important}


/* Header initial-state hardening 2026-08-22
   All inner/editorial/tool pages render in the solid premium header state.
   This intentionally does not depend on JavaScript or the first scroll event. */
body.st-page .st-site-header,
body.st-page .st-site-header.is-scrolled{
  color:#163729;
}
body.st-page .st-site-header .st-navbar__inner,
body.st-page .st-site-header.is-scrolled .st-navbar__inner{
  background:rgba(250,253,251,.96) !important;
  border-color:rgba(13,65,37,.08) !important;
  box-shadow:0 16px 50px rgba(8,36,21,.10) !important;
}
body.st-page .st-site-header .st-brand img{
  filter:none !important;
  opacity:1 !important;
}
body.st-page .st-site-header .st-nav__trigger,
body.st-page .st-site-header .st-login-link,
body.st-page .st-site-header .lang-toggle,
body.st-page .st-site-header .hamburger{
  color:#163729 !important;
}
body.st-page .st-site-header .hamburger span{
  background:#163729 !important;
}
body.st-page .st-site-header .lang-toggle svg{
  stroke:currentColor !important;
}

/* Smartteller header/hero integration fix 2026-08-22 v4
   Homepage: the hero reaches the absolute top edge and the complete header is
   visually transparent. Only after scrolling does the header become white.
   Inner pages retain the solid header from first paint. */
body.st-homepage .st-site-header{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  min-height:0 !important;
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .st-navbar{
  background:transparent !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .st-navbar__inner{
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.st-homepage .st-site-header.is-scrolled{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(13,65,37,.08) !important;
  box-shadow:0 14px 42px rgba(21,50,30,.08) !important;
  backdrop-filter:saturate(145%) blur(18px) !important;
  -webkit-backdrop-filter:saturate(145%) blur(18px) !important;
}
body.st-homepage .st-site-header.is-scrolled .st-navbar__inner{
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.st-homepage .home-v3,
body.st-homepage .home-hero{
  margin-top:0 !important;
}
body.st-homepage .home-hero{
  position:relative;
  z-index:0;
}
/* Preserve readable spacing for hero content while the media itself begins at y=0. */
body.st-homepage .home-hero__grid{
  padding-top:0;
}
@media (max-width:992px){
  body.st-homepage .st-site-header:not(.is-scrolled) .st-navbar__inner{
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
}

/* Smartteller transparent homepage header content fix 2026-08-22 v5
   Keep the homepage header completely transparent at scrollY=0, but do not
   invert or bleach the brand/navigation controls. The visual identity remains
   identical to the solid header state while the hero media continues behind it. */
body.st-homepage .st-site-header:not(.is-scrolled) .st-brand img{
  filter:none !important;
  opacity:1 !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__trigger,
body.st-homepage .st-site-header:not(.is-scrolled) .st-login-link,
body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle,
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger{
  color:#163729 !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__trigger:hover,
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__item.is-open > .st-nav__trigger,
body.st-homepage .st-site-header:not(.is-scrolled) .st-login-link:hover,
body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle:hover{
  background:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 0 0 1px rgba(17,77,43,.10),0 8px 24px rgba(8,36,21,.08) !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(13,65,37,.12) !important;
  box-shadow:0 10px 24px rgba(8,36,21,.08) !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle svg{
  color:#163729 !important;
  stroke:#163729 !important;
  background:transparent !important;
}
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger span{
  color:#163729 !important;
  background:#163729 !important;
}
/* Make the language popup deterministic even if an older stylesheet tries to
   override its display state. JS still owns hidden/aria-expanded semantics. */
.lang-switcher{overflow:visible !important}
.lang-dropdown{
  z-index:1500 !important;
  color:#163729 !important;
}
.lang-toggle[aria-expanded="true"] + .lang-dropdown:not([hidden]){
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Smartteller hero image rollout 2026-08-22 */
body.st-homepage:not(.nav-is-open) .st-site-header:not(.is-scrolled) .st-brand img{
  content:url('/assets/images/smartteller-logo-horizontal-hero.webp');
  filter:none !important;
  opacity:1 !important;
}

.kh-hero,
.help-hero,
.faq-hero,
.trust-hero,
.st-tools-hero,
.roadmap-hero,
.conversion-hero,
.hero.hero-small{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.kh-hero > .container,
.help-hero > .container,
.faq-hero > .container,
.trust-hero > .container,
.st-tools-hero > .container,
.roadmap-hero > .container,
.conversion-hero > .container,
.hero.hero-small > .container,
.hero.hero-small > .narrow{
  position:relative;
  z-index:2;
}
.kh-hero::before,
.help-hero::before,
.faq-hero::before,
.trust-hero::before,
.st-tools-hero::before,
.roadmap-hero::before,
.conversion-hero::before,
.hero.hero-small::before,
.kh-hero::after,
.help-hero::after,
.faq-hero::after,
.trust-hero::after,
.st-tools-hero::after,
.roadmap-hero::after,
.conversion-hero::after,
.hero.hero-small::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.kh-hero::before{background:linear-gradient(90deg,rgba(8,31,20,.90) 0%,rgba(10,42,27,.82) 34%,rgba(10,42,27,.54) 100%),var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-data.webp')) center/cover no-repeat}
.help-hero::before,
.faq-hero::before{background:linear-gradient(90deg,rgba(8,31,20,.88) 0%,rgba(10,42,27,.80) 36%,rgba(10,42,27,.48) 100%),var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-app.webp')) center/cover no-repeat}
.trust-hero::before,
.hero.hero-small::before{background:linear-gradient(90deg,rgba(8,31,20,.90) 0%,rgba(10,42,27,.82) 34%,rgba(10,42,27,.50) 100%),var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-workspace.webp')) center/cover no-repeat}
.st-tools-hero::before,
.conversion-hero::before{background:linear-gradient(90deg,rgba(8,31,20,.90) 0%,rgba(10,42,27,.82) 34%,rgba(10,42,27,.50) 100%),var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-budget.webp')) center/cover no-repeat}
.roadmap-hero::before{background:linear-gradient(90deg,rgba(8,31,20,.90) 0%,rgba(10,42,27,.82) 34%,rgba(10,42,27,.50) 100%),var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-data.webp')) center/cover no-repeat}
.kh-hero::after,
.help-hero::after,
.faq-hero::after,
.trust-hero::after,
.st-tools-hero::after,
.roadmap-hero::after,
.conversion-hero::after,
.hero.hero-small::after{
  background:
    radial-gradient(circle at 82% 18%, rgba(113,236,141,.18), transparent 28%),
    radial-gradient(circle at 76% 74%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(3,18,10,.18));
  mix-blend-mode:screen;
  opacity:.9;
}
.trust-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.92fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.trust-hero-side{display:grid;gap:1rem;align-items:start}
.trust-hero-media{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.trust-hero-media .smart-image__img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.st-tools-hero__side{display:grid;gap:1rem;align-items:start}
.st-tools-hero__media{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.st-tools-hero__media .smart-image__img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.faq-quick,
.kh-hero__panel,
.conversion-card,
.trust-summary,
.st-tools-hero__panel{
  backdrop-filter:blur(10px);
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 70px rgba(8,31,20,.12);
}
@media (max-width: 980px){
  .trust-hero-grid{grid-template-columns:1fr}
  .st-tools-hero__grid{grid-template-columns:1fr !important}
}

/* Smartteller v9 visual differentiation */
:root{
  --st-hero-overlay-start: rgba(7,33,24,.94);
  --st-hero-overlay-mid: rgba(14,65,46,.76);
  --st-hero-overlay-end: rgba(12,42,29,.34);
  --st-hero-accent: rgba(113,236,141,.38);
  --st-hero-accent-soft: rgba(244,255,248,.16);
  --st-hero-panel-bg: rgba(251,255,253,.90);
  --st-hero-panel-border: rgba(180,236,193,.34);
  --st-hero-shadow: rgba(11,61,34,.21);
  --st-hero-kicker: #d8ffe4;
}

body.st-page .eyebrow-light,
body.st-page .kh-hero .eyebrow,
body.st-page .faq-hero .eyebrow,
body.st-page .trust-hero .eyebrow,
body.st-page .st-tools-hero .eyebrow,
body.st-page .conversion-hero .eyebrow,
body.st-page .roadmap-hero .eyebrow,
body.st-page .hero.hero-small .eyebrow{
  color: var(--st-hero-kicker) !important;
}

.kh-hero::before,
.help-hero::before,
.faq-hero::before,
.trust-hero::before,
.st-tools-hero::before,
.roadmap-hero::before,
.conversion-hero::before,
.hero.hero-small::before{
  background:
    linear-gradient(90deg, var(--st-hero-overlay-start) 0%, var(--st-hero-overlay-mid) 34%, var(--st-hero-overlay-end) 100%),
    var(--st-page-hero-image, url('/assets/images/generated-hero/v8/smartteller-hero-planning.webp')) center/cover no-repeat !important;
}

.kh-hero::after,
.help-hero::after,
.faq-hero::after,
.trust-hero::after,
.st-tools-hero::after,
.roadmap-hero::after,
.conversion-hero::after,
.hero.hero-small::after{
  background:
    radial-gradient(circle at 82% 18%, var(--st-hero-accent), transparent 28%),
    radial-gradient(circle at 76% 74%, var(--st-hero-accent-soft), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(3,18,10,.18));
}

.faq-quick,
.kh-hero__panel,
.conversion-card,
.trust-summary,
.st-tools-hero__panel,
.contact-aside,
.hero .trust-summary,
.section-visual,
.content-hero__visual,
.trust-hero-media,
.st-tools-hero__media{
  background: var(--st-hero-panel-bg) !important;
  border: 1px solid var(--st-hero-panel-border) !important;
  box-shadow: 0 24px 80px var(--st-hero-shadow) !important;
}

body.st-page .btn-secondary,
body.st-page .btn-ghost-light,
body.st-page .st-mega__textlink{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
body.st-page .btn-secondary:hover,
body.st-page .btn-ghost-light:hover,
body.st-page .st-mega__textlink:hover{
  transform: translateY(-2px);
}

body.st-tone-warm .kh-hero h1,
body.st-tone-warm .trust-hero h1,
body.st-tone-warm .faq-hero h1,
body.st-tone-warm .st-tools-hero h1,
body.st-tone-warm .conversion-hero h1,
body.st-tone-warm .hero.hero-small h1{max-width:13ch}
body.st-tone-warm .trust-summary strong,
body.st-tone-warm .faq-quick strong{color:#935420}

body.st-tone-analytic .faq-quick,
body.st-tone-analytic .kh-hero__panel,
body.st-tone-analytic .trust-summary,
body.st-tone-analytic .st-tools-hero__panel,
body.st-tone-analytic .contact-aside{backdrop-filter: blur(14px) saturate(120%)}
body.st-tone-analytic .faq-quick strong,
body.st-tone-analytic .trust-summary strong,
body.st-tone-analytic .kh-hero__panel strong{color:#0f5771}
body.st-tone-analytic .btn-primary{box-shadow:0 18px 40px rgba(20,102,132,.26)}

body.st-tone-futuristic .kh-hero::after,
body.st-tone-futuristic .help-hero::after,
body.st-tone-futuristic .faq-hero::after,
body.st-tone-futuristic .trust-hero::after,
body.st-tone-futuristic .st-tools-hero::after,
body.st-tone-futuristic .conversion-hero::after,
body.st-tone-futuristic .hero.hero-small::after{
  filter: saturate(135%);
}
body.st-tone-futuristic .content-hero__visual,
body.st-tone-futuristic .section-visual,
body.st-tone-futuristic .trust-hero-media,
body.st-tone-futuristic .st-tools-hero__media{
  outline:1px solid rgba(124,227,255,.35);
  box-shadow:0 24px 90px rgba(30,36,115,.28), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.st-tone-futuristic .btn-primary{background:linear-gradient(135deg,#4dd4ff,#55e9c0); color:#0b1631}

body.st-tone-support .faq-contact .container,
body.st-tone-support .contact-grid,
body.st-tone-support .trust-cta .container{
  border-color: var(--st-hero-panel-border);
}
body.st-tone-support .faq-quick,
body.st-tone-support .trust-summary,
body.st-tone-support .contact-aside{border-radius:24px}
body.st-tone-support .btn-primary{box-shadow:0 18px 40px rgba(19,120,66,.24)}

body.st-tone-calm .faq-quick,
body.st-tone-calm .trust-summary,
body.st-tone-calm .contact-aside{box-shadow:0 18px 54px rgba(41,54,58,.14) !important}
body.st-tone-calm .btn-primary{background:linear-gradient(135deg,#34b46b,#71b6a4)}

body.st-tone-earthy .kh-hero__panel strong,
body.st-tone-earthy .trust-summary strong,
body.st-tone-earthy .faq-quick strong{color:#567b19}
body.st-tone-earthy .btn-primary{background:linear-gradient(135deg,#5fbe4c,#9ad451)}

body.st-slug-familien .content-hero__visual,
body.st-slug-alleinerziehende .content-hero__visual{transform: rotate(-1.5deg)}
body.st-slug-budgetplanung .conversion-card,
body.st-slug-monatsbudget .conversion-card,
body.st-slug-haushaltsbuch .conversion-card,
body.st-slug-fixkosten .conversion-card,
body.st-slug-variable-kosten .conversion-card{position:relative; overflow:hidden}
body.st-slug-budgetplanung .conversion-card::after,
body.st-slug-monatsbudget .conversion-card::after,
body.st-slug-haushaltsbuch .conversion-card::after,
body.st-slug-fixkosten .conversion-card::after,
body.st-slug-variable-kosten .conversion-card::after{
  content:""; position:absolute; inset:auto 0 0 0; height:4px; background:linear-gradient(90deg,transparent, var(--st-hero-accent), transparent); opacity:.9;
}
body.st-slug-ki-essensplanung .section-visual,
body.st-slug-ki-rezeptgenerator .section-visual{transform: perspective(1200px) rotateY(-8deg)}
body.st-slug-kontakt .contact-aside,
body.st-slug-hilfe .contact-aside,
body.st-slug-faq .faq-quick{box-shadow:0 20px 55px rgba(14,71,44,.18) !important}

@media (max-width: 980px){
  body.st-slug-ki-essensplanung .section-visual,
  body.st-slug-ki-rezeptgenerator .section-visual,
  body.st-slug-familien .content-hero__visual,
  body.st-slug-alleinerziehende .content-hero__visual{transform:none}
}

/* Smartteller v10 mega-menu interaction fix
   Desktop menus are hover / JS-focus driven. Clicking a top-level trigger must
   not pin its panel via :focus-within while another menu is hovered. */
@media (min-width:1101px){
  .st-nav__item:focus-within > .st-mega:not(:where(.st-nav__item.is-open > .st-mega)){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(8px) !important;
  }
  .st-nav__item.is-open > .st-mega,
  .st-nav__item:hover > .st-mega{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }
}

/* Language switcher: show current country flag beside globe */
.lang-toggle{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  min-width:58px;
  padding-inline:.66rem !important;
}
.lang-toggle__globe{flex:0 0 auto}
.lang-toggle__flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  line-height:1;
  width:1.25rem;
  height:1.25rem;
  filter:saturate(1.05);
}
.lang-option{
  display:flex !important;
  align-items:center;
  gap:.58rem;
}
.lang-option__flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.35rem;
  flex:0 0 1.35rem;
  font-size:1.05rem;
  line-height:1;
}
@media(max-width:560px){
  .lang-toggle{min-width:54px;padding-inline:.55rem !important;gap:.34rem}
  .lang-toggle__flag{font-size:1rem}
}

/* Smartteller real language flag images v12 */
.lang-toggle__flag,
.lang-option__flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  line-height:0;
}
.lang-toggle__flag img,
.lang-option__flag img{
  display:block;
  width:24px;
  height:16px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(11,32,22,.13),0 2px 5px rgba(8,36,21,.08);
}
.lang-toggle{
  gap:.45rem;
}
.lang-option{
  gap:.65rem;
}

/* Search Domination 2.0 Phase 5 — homepage transparent-header readability */
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__trigger,
body.st-homepage .st-site-header:not(.is-scrolled) .st-login-link,
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.22)}
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger span{color:#fff!important;background:#fff!important}
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__trigger:hover,
body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__item.is-open>.st-nav__trigger,
body.st-homepage .st-site-header:not(.is-scrolled) .st-login-link:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 24px rgba(0,0,0,.10)!important}