:root{
  --st-header-radius:24px;
  --st-header-shadow:0 28px 70px rgba(10,32,22,.16);
  --st-header-shell:rgba(9,28,20,.22);
  --st-header-shell-border:rgba(255,255,255,.16);
  --st-header-shell-scrolled:rgba(255,255,255,.92);
  --st-header-shell-scrolled-border:rgba(20,67,43,.09);
  --st-header-text:#fff;
  --st-header-text-scrolled:#163729;
  --st-premium-green:#1e8b47;
  --st-premium-green-strong:#156c35;
  --st-premium-green-soft:#dff5e7;
  --st-premium-ink:#10271d;
}

body.st-homepage .st-site-header{
  position:fixed;
  inset:0 0 auto;
  background:transparent;
  box-shadow:none;
  border-bottom:0;
}

body.st-homepage{
  --st-nav-height:94px;
}

.st-site-header{
  transition:background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.st-navbar{
  padding:14px 0 0;
}

.st-navbar__inner{
  min-height:76px;
  padding:0 20px;
  border-radius:var(--st-header-radius);
  border:1px solid var(--st-header-shell-border);
  background:var(--st-header-shell);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:var(--st-header-shadow);
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease;
}

.st-site-header.is-scrolled .st-navbar__inner,
body:not(.st-homepage) .st-navbar__inner{
  background:var(--st-header-shell-scrolled);
  border-color:var(--st-header-shell-scrolled-border);
  box-shadow:0 20px 50px rgba(16,41,29,.12);
}

.st-brand{position:relative;z-index:2}
.st-brand img{
  width:168px;
  height:auto;
  display:block;
  transition:transform .24s ease, filter .28s ease, opacity .28s ease;
}
body.st-homepage:not(.nav-is-open) .st-site-header:not(.is-scrolled) .st-brand img{
  filter:brightness(0) invert(1);
}
.st-brand:hover img{transform:translateY(-1px) scale(1.01)}

.st-nav{
  gap:.3rem;
}

.st-nav__item{position:relative}
.st-nav__trigger,
.st-login-link,
.lang-toggle{
  position:relative;
  overflow:hidden;
}

.st-nav__trigger{
  min-height:48px;
  padding:.8rem 1rem;
  border-radius:999px;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--st-header-text-scrolled);
  transition:color .24s ease, background-color .24s ease, transform .24s ease, box-shadow .24s ease;
}

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:var(--st-header-text);
}

.st-nav__trigger:hover,
.st-nav__item.is-open > .st-nav__trigger,
.st-login-link:hover,
.lang-toggle:hover{
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.st-site-header.is-scrolled .st-nav__trigger:hover,
.st-site-header.is-scrolled .st-nav__item.is-open > .st-nav__trigger,
body:not(.st-homepage) .st-nav__trigger:hover,
body:not(.st-homepage) .st-nav__item.is-open > .st-nav__trigger,
.st-site-header.is-scrolled .st-login-link:hover,
body:not(.st-homepage) .st-login-link:hover,
.st-site-header.is-scrolled .lang-toggle:hover,
body:not(.st-homepage) .lang-toggle:hover{
  background:rgba(17,77,43,.06);
  box-shadow:inset 0 0 0 1px rgba(17,77,43,.08);
}

.st-nav__trigger::after,
.st-login-link::after{
  content:"";
  position:absolute;
  inset:auto 18px 9px;
  height:1.5px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  opacity:.55;
  transition:transform .26s ease;
}
.st-nav__trigger:hover::after,
.st-nav__item.is-open > .st-nav__trigger::after,
.st-login-link:hover::after{transform:scaleX(1)}

.st-nav__chevron{
  width:11px;
  height:11px;
  margin-left:.6rem;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  position:relative;
  transform:translateY(-1px);
}
.st-nav__chevron::before{
  content:"";
  width:7px;
  height:7px;
  border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;
  transform:rotate(45deg);
  transition:transform .24s ease,opacity .24s ease;
  opacity:.72;
}
.st-nav__item.is-open .st-nav__chevron::before,
.st-nav__trigger[aria-expanded="true"] .st-nav__chevron::before{
  transform:rotate(-135deg) translate(-1px,-1px);
  opacity:1;
}

.st-login-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.8rem 1rem;
  border-radius:999px;
  color:var(--st-header-text-scrolled);
  text-decoration:none;
  font-weight:800;
}

.st-header-cta{
  min-height:50px;
  padding:.86rem 1.2rem;
  border-radius:999px;
  box-shadow:0 18px 35px rgba(29,131,72,.22);
}

body.st-homepage:not(.nav-is-open) .st-site-header:not(.is-scrolled) .st-header-cta{
  box-shadow:0 18px 35px rgba(0,0,0,.18);
}

.lang-toggle,
.hamburger{
  border-radius:999px !important;
}

body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle,
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
}
body.st-homepage .st-site-header:not(.is-scrolled) .hamburger span,
body.st-homepage .st-site-header:not(.is-scrolled) .lang-toggle svg{
  color:#fff;
  stroke:#fff;
  background:#fff;
}

.st-mega{
  top:calc(100% + 16px);
  width:min(1100px,calc(100vw - 48px));
  padding:16px;
  border-radius:28px;
  border:1px solid rgba(16,67,43,.08);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(24px) saturate(1.15);
  -webkit-backdrop-filter:blur(24px) saturate(1.15);
  box-shadow:0 35px 80px rgba(10,33,23,.18);
  gap:16px;
}

.st-mega--product,
.st-mega--compact{
  grid-template-columns:minmax(260px,320px) minmax(0,1fr);
}

.st-mega__intro{
  position:relative;
  min-height:100%;
  padding:22px 22px 20px;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(132,241,166,.32), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(76,180,108,.24), transparent 28%),
    linear-gradient(150deg, #0f2b1f 0%, #174a32 58%, #20703f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.st-mega__intro::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-44px;
  width:170px;
  height:170px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 24px rgba(255,255,255,.03),0 0 0 54px rgba(255,255,255,.02);
}
.st-mega__intro > *{position:relative;z-index:1}
.st-mega__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.42rem .75rem;
  margin-bottom:1rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#e8fff0;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.st-mega__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#76ec9d;
  box-shadow:0 0 0 8px rgba(118,236,157,.1);
}
.st-mega__intro strong{
  display:block;
  margin:0 0 .85rem;
  color:#fff;
  font-size:1.45rem;
  line-height:1.18;
  letter-spacing:-.03em;
}
.st-mega__intro p{
  margin:0 0 1.15rem;
  color:rgba(235,255,241,.78);
  line-height:1.65;
  font-size:.95rem;
}
.st-mega__textlink{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1rem;
  border-radius:16px;
  background:rgba(255,255,255,.1);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  transition:transform .2s ease, background .2s ease;
}
.st-mega__textlink:hover{background:rgba(255,255,255,.15);transform:translateX(2px)}

.st-mega__links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.st-mega__links > a{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-height:110px;
  padding:18px 18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(17,73,43,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,251,248,.98) 100%);
  box-shadow:0 14px 36px rgba(20,58,38,.06);
  text-decoration:none;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.st-mega__links > a:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 44px rgba(20,58,38,.12);
  border-color:rgba(17,113,58,.18);
}
.st-mega__icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, #e5f7eb 0%, #c9efd8 100%);
  color:#156c35;
  font-size:.88rem;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.st-mega__links strong{
  display:block;
  color:#153628;
  font-size:1rem;
  line-height:1.25;
  margin-bottom:.42rem;
}
.st-mega__links small{
  display:block;
  color:#5d7268;
  line-height:1.55;
  font-size:.84rem;
}

.st-mega__links--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.st-mega__links--compact > a{
  min-height:96px;
}
.st-mega__links--compact .st-mega__icon{display:none}
.st-mega__footer{
  grid-column:1/-1;
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.st-mega__footer a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:64px;
  padding:0 18px;
  border-radius:18px;
  background:linear-gradient(135deg, #edf8f0 0%, #e4f5ea 100%);
  border:1px solid rgba(18,95,50,.08);
  color:#17472d;
}
.st-mega__footer a:hover{background:linear-gradient(135deg,#e8f7ed 0%,#daf1e2 100%)}

.lang-dropdown{
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(17,75,43,.1);
  box-shadow:0 22px 40px rgba(14,41,29,.14);
}
.lang-option{border-radius:12px}

body.st-homepage .home-hero{
  min-height:100svh;
  padding-top:calc(var(--st-nav-height) + 2rem);
  background:#edf8f1;
}
.home-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.home-hero__video-placeholder{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#dfeee4 url('/assets/images/smartteller-hero-video-poster.webp') center/cover no-repeat;
  pointer-events:none;
}
.home-hero__video-placeholder img,
.home-hero__video-placeholder video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.88;
  transform:scale(1.025);
}

.home-hero__video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.home-hero__video-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.74) 34%, rgba(255,255,255,.18) 58%, transparent 72%),
    linear-gradient(90deg, rgba(247,252,248,.92) 0%, rgba(247,252,248,.7) 38%, rgba(247,252,248,.2) 56%, rgba(247,252,248,.08) 100%);
}
.home-hero__glow{
  z-index:1;
  pointer-events:none;
  width:52vw;
  height:52vw;
  right:-18vw;
  top:-6%;
  background:rgba(84,211,133,.16);
  filter:blur(90px);
}
.home-hero__grid{
  position:relative;
  z-index:2;
  gap:clamp(2rem,6vw,5.5rem);
  align-items:center;
}
.home-hero__copy{
  position:relative;
  padding:2.1rem 1.85rem 2.1rem;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.7);
  border-radius:32px;
  box-shadow:0 26px 70px rgba(13,47,31,.1);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.home-hero h1{
  max-width:11ch;
  color:#10281d;
  text-wrap:balance;
}
.home-hero__lead{color:#53665d}
.home-platform{
  background:rgba(255,255,255,.84);
  border-color:rgba(16,83,49,.12);
}
.home-hero__visual{
  position:relative;
  display:grid;
  place-items:center;
  padding:clamp(1.25rem,3vw,2rem);
}
.home-hero__visual::before{
  content:"";
  position:absolute;
  inset:6% 3% 9% 7%;
  border-radius:34px;
  background:linear-gradient(145deg, rgba(10,39,27,.08), rgba(255,255,255,.55));
  box-shadow:0 36px 80px rgba(14,44,31,.14);
  border:1px solid rgba(255,255,255,.58);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.home-hero__visual picture{
  position:relative;
  display:block;
  width:min(100%, 780px);
  padding:18px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(16,43,31,.98) 0%, rgba(17,70,44,.92) 100%);
  box-shadow:0 36px 90px rgba(10,33,23,.25);
  z-index:2;
}
.home-hero__visual img{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.22));
}
.home-hero__visual-ring{
  inset:3% 2% 8% 9%;
  border-color:rgba(40,129,76,.18);
}
.home-float-card{
  border-radius:18px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 18px 46px rgba(12,46,30,.14);
}
.home-float-card--budget{left:-2%;bottom:8%}
.home-float-card--flow{right:-1%;top:6%}
.home-hero__trustline{
  position:relative;
  z-index:2;
  margin-top:1rem;
  padding:1.15rem 0 1.6rem;
  border-top-color:rgba(18,92,50,.08);
}

@media (min-width:1101px){
  .st-nav__item:hover > .st-mega,
  .st-nav__item.is-open > .st-mega,
  .st-nav__item:focus-within > .st-mega{
    display:grid;
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
}

@media (max-width:1100px){
  .st-brand img{width:150px}
  .st-navbar__inner{padding:0 16px}
  .home-hero__copy{padding:1.75rem}
  .home-hero__visual picture{width:min(100%,720px)}
}

@media (max-width:992px){
  body.st-homepage{--st-nav-height:74px}
  .st-navbar{padding-top:10px}
  .st-navbar__inner{
    min-height:64px;
    border-radius:22px;
    padding:0 12px 0 14px;
  }
  body.st-homepage.nav-is-open .st-site-header .st-navbar__inner,
  body.st-homepage .st-site-header.is-scrolled .st-navbar__inner,
  body.st-homepage:not(.nav-is-open) .st-site-header.is-scrolled .st-navbar__inner{
    background:var(--st-header-shell-scrolled);
  }
  .st-nav{
    padding:1rem var(--st-gutter) max(2rem,env(safe-area-inset-bottom)) !important;
    background:linear-gradient(180deg, rgba(248,251,249,.98) 0%, rgba(255,255,255,.98) 100%) !important;
  }
  .st-nav__trigger,
  body.st-homepage .st-site-header:not(.is-scrolled) .st-nav__trigger{
    color:#163729;
    background:#fff;
    box-shadow:0 10px 28px rgba(18,48,34,.05);
  }
  .st-mega--product,
  .st-mega--compact{grid-template-columns:1fr}
  .st-mega__intro{display:block;padding:18px 18px 16px;margin-bottom:.5rem}
  .st-mega__links,
  .st-mega__links--compact{grid-template-columns:1fr}
  .st-mega__links > a{min-height:auto}
  .st-mega__footer a{min-height:56px}
}

@media (max-width:800px){
  body.st-homepage .home-hero{
    padding-top:calc(var(--st-nav-height) + 1rem);
  }
  .home-hero__grid{gap:1rem}
  .home-hero__copy{padding:1.4rem 1.2rem 1.35rem;border-radius:26px}
  .home-hero__visual{padding:1rem 0 0}
  .home-hero__visual::before{inset:4% 0 8% 0}
  .home-hero__visual picture{padding:12px;border-radius:28px}
  .home-float-card{display:none}
  .home-hero__trustline{padding-bottom:1rem}
}

@media (max-width:640px){
  .st-login-link{display:none}
  .home-hero__copy{box-shadow:0 18px 50px rgba(13,47,31,.08)}
}

@media (prefers-reduced-motion:reduce){
  .st-navbar__inner,
  .st-brand img,
  .st-nav__trigger,
  .st-nav__chevron::before,
  .st-mega__links > a,
  .home-hero__video-placeholder img,
  .home-hero__video-placeholder video,
  .home-hero__visual picture{transition:none !important}
}

@media (prefers-reduced-motion:reduce){
  .home-hero__video{display:none}
  .home-hero__video-placeholder{
    background:url('/assets/images/smartteller-hero-video-poster.webp') center/cover no-repeat;
  }
}