/* Editorial Trust overlay for 360bewerben.ch */

:root{
  --bg:#f8f2e9;
  --bg-alt:#efe3d4;
  --panel:rgba(255,251,246,.86);
  --panel-strong:#fffaf4;
  --text:#221813;
  --muted:#665b52;
  --brand:#c96d23;
  --brand-2:#2f3c63;
  --accent:#e1842e;
  --accent-2:#f0ad56;
  --line:rgba(47,60,99,.11);
  --line-strong:rgba(47,60,99,.17);
  --shadow:0 18px 40px rgba(36,24,14,.12);
  --shadow-soft:0 10px 24px rgba(36,24,14,.08);
  --radius:22px;
  --radius-lg:28px;
  --max:1160px;
  --font-body:Inter, "Segoe UI", Arial, sans-serif;
  --font-head:"Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
}

html{
  background:var(--bg);
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(201,109,35,.18), transparent 30%),
    radial-gradient(circle at top right, rgba(47,60,99,.16), transparent 28%),
    linear-gradient(180deg, #fcf8f2 0%, #f6eee2 48%, #f0e2d2 100%);
  background-attachment:fixed;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mix-blend-mode:soft-light;
  opacity:.34;
}

body.nav-open{
  overflow:hidden;
}

a{
  color:inherit;
}

a:hover{
  color:var(--brand-2);
}

:focus-visible{
  outline:3px solid rgba(201,109,35,.28);
  outline-offset:3px;
}

img{
  display:block;
}

button,
input,
select,
textarea{
  font:inherit;
}

.container{
  width:min(var(--max), calc(100vw - 2rem));
}

.main{
  position:relative;
  z-index:1;
}

section{
  position:relative;
}

section.section{
  padding:clamp(1.8rem, 4vw, 4rem) 0;
}

h1,
h2,
h3,
h4{
  font-family:var(--font-head);
  color:var(--text);
  letter-spacing:-0.03em;
}

h1{
  font-size:clamp(1.5rem, 2.85vw, 2.85rem);
  line-height:1.02;
}

h2{
  font-size:clamp(1.85rem, 3.2vw, 2.9rem);
  line-height:1.02;
}

h3{
  font-size:clamp(1.1rem, 1.5vw, 1.45rem);
  line-height:1.15;
}

p,
li{
  color:var(--text);
}

.lead{
  font-size:clamp(1.02rem, 1.45vw, 1.18rem);
  line-height:1.75;
  color:var(--muted);
  max-width:64ch;
}

.muted{
  color:var(--muted);
}

.small{
  color:var(--muted);
}

.prose{
  max-width:72ch;
}

.prose p:last-child,
.prose ul:last-child,
.prose ol:last-child{
  margin-bottom:0;
}

.prose ul,
.prose ol,
.note ul,
.note ol,
.muted ul,
.muted ol{
  margin-top:.8rem;
}

.topbar{
  position:sticky;
  top:0;
  z-index:120;
  border-bottom:1px solid rgba(40,28,17,.10);
  background:rgba(251,247,241,.84);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 1px 0 rgba(255,255,255,.32), 0 18px 30px rgba(38,26,15,.04);
}

.topbar__inner{
  padding:14px 0;
  gap:14px;
}

.topbar .container{
  width:min(var(--max), calc(100vw - 2rem));
}

.brand{
  gap:.7rem;
  font-family:var(--font-head);
  color:var(--brand-2);
  font-size:.98rem;
  letter-spacing:-.01em;
}

.brand__logo{
  width:38px;
  height:38px;
  border-radius:12px;
  box-shadow:0 8px 18px rgba(35,24,13,.12);
}

.nav{
  gap:.35rem;
}

.nav a{
  display:inline-flex;
  align-items:center;
  padding:.6rem .9rem;
  border-radius:999px;
  border:1px solid transparent;
  color:rgba(32,25,19,.74);
  font-weight:600;
  line-height:1.1;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}

.nav a:hover{
  background:rgba(255,255,255,.55);
  border-color:rgba(40,28,17,.10);
  color:var(--text);
}

.nav a.is-active{
  background:rgba(47,60,99,.10);
  border-color:rgba(47,60,99,.18);
  color:var(--brand-2);
}

.topbar__right{
  gap:.75rem;
}

.topbar__right .btn{
  margin:0;
}

.langSelect{
  background:rgba(255,255,255,.76);
  border:1px solid var(--line);
  border-radius:999px;
  padding:.65rem 1rem;
  color:var(--text);
  box-shadow:var(--shadow-soft);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.78rem 1.15rem;
  border-radius:999px;
  border:1px solid rgba(40,28,17,.12);
  background:rgba(255,255,255,.74);
  color:var(--text);
  box-shadow:var(--shadow-soft);
  font-weight:700;
  letter-spacing:-.01em;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(38,26,15,.12);
}

.btn--primary{
  background:linear-gradient(135deg, var(--brand-2) 0%, #445684 100%);
  color:#fff;
  border-color:transparent;
}

.btn--primary:hover{
  color:#fff;
}

.btn--accent{
  background:linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
  color:#fff;
  border-color:transparent;
}

.btn--accent:hover{
  color:#fff;
}

.btn--ghost{
  background:transparent;
  border-color:var(--line);
  box-shadow:none;
}

.burger{
  border:1px solid var(--line);
  background:rgba(255,255,255,.74);
  border-radius:999px;
  box-shadow:var(--shadow-soft);
}

.burger span{
  background:var(--text);
}

.mobileNav{
  background:rgba(250,245,238,.96);
  border-bottom:1px solid var(--line);
  box-shadow:0 20px 45px rgba(38,26,15,.08);
}

.mobileNav__inner{
  display:grid;
  gap:.35rem;
  padding:.85rem 0 1.15rem;
}

.mobileNav a{
  padding:.85rem 0;
  border-bottom:1px solid rgba(40,28,17,.08);
  color:var(--text);
  font-weight:600;
}

.mobileNav a:hover{
  color:var(--brand);
}

.mobileNav a.is-active{
  color:var(--brand);
}

.grid,
.grid-2,
.grid--2,
.grid--3{
  gap:clamp(1rem, 2vw, 1.6rem);
}

.card,
.item,
.contactSplit__media,
.cvEmbed,
.hero__img img{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px) saturate(120%);
}

.card__pad{
  padding:clamp(1.15rem, 2vw, 1.75rem);
}

.item{
  padding:clamp(1rem, 1.8vw, 1.25rem);
}

.thumb{
  border-radius:18px;
  border:1px solid rgba(40,28,17,.08);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.hero{
  padding:clamp(1.35rem, 3vw, 2.5rem) 0 0;
  background:transparent;
  color:var(--text);
}

.hero > .container{
  position:relative;
  z-index:1;
}

.hero::before{
  content:"";
  position:absolute;
  inset:1rem auto auto 50%;
  transform:translateX(-50%);
  width:min(1120px, calc(100vw - 2rem));
  height:calc(100% - 1rem);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.16) 100%);
  border:1px solid rgba(40,28,17,.08);
  box-shadow:0 26px 60px rgba(38,26,15,.08);
  pointer-events:none;
}

.hero h1,
.hero .lead{
  color:var(--text);
}

.hero__grid{
  display:grid;
  gap:clamp(1rem, 2.6vw, 2rem);
  align-items:stretch;
}

.page-home .hero{
  padding-top:1.25rem;
}

.page-home .hero__grid{
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
}

.page-home .heroLeftCard .card__pad,
.page-home .heroRight .card__pad{
  display:flex;
  flex-direction:column;
  gap:1rem;
  min-height:100%;
}

.page-home .heroLeftCard .card__pad{
  padding:clamp(1.35rem, 2.8vw, 2.2rem);
}

.page-home .heroRight .card__pad{
  padding:clamp(1.25rem, 2.4vw, 2rem);
}

.page-home .hero .btn--ghost,
.page-generator .hero .btn--ghost,
.page-tips .hero .btn--ghost{
  background:rgba(255,255,255,.88);
  border-color:rgba(47,60,99,.14);
  color:var(--brand-2);
  box-shadow:none;
}

.page-home .hero .btn--ghost:hover,
.page-generator .hero .btn--ghost:hover,
.page-tips .hero .btn--ghost:hover{
  background:#fff;
  border-color:rgba(47,60,99,.2);
  color:var(--brand-2);
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  max-width:max-content;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(196,106,47,.08);
  border:1px solid rgba(196,106,47,.18);
  color:var(--brand);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero__bullets{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.65rem;
  list-style:none;
  padding:0;
  margin:.35rem 0 0;
}

.hero__bullets li{
  margin:0;
  padding:.75rem .92rem;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  line-height:1.45;
}

.heroVideoWrap{
  border:1px solid rgba(40,28,17,.08);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 36px rgba(38,26,15,.14);
}

.heroCardImg{
  border-radius:inherit;
}

.heroCardPoster,
.heroCardVideo,
.heroCardMobileImg{
  object-fit:cover;
}

.page-home .heroCardPoster,
.page-home .heroCardVideo{
  height:clamp(230px, 30vw, 420px);
}

.heroRight .reasonHero{
  margin:.4rem 0 .2rem;
}

.reasonHero{
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(40,28,17,.08);
  box-shadow:var(--shadow-soft);
}

.reasonHeroImg{
  width:100%;
  height:auto;
}

.shortContact{
  margin-top:auto;
  padding:1rem 1.1rem;
  border-radius:20px;
  background:rgba(247,239,228,.82);
  border:1px solid var(--line);
}

.section__head{
  margin-bottom:1rem;
}

.homeBenefitsGrid .thumb{
  height:200px;
  object-fit:cover;
}

.homeBenefitsGrid .card{
  overflow:hidden;
}

.hero--slim{
  padding:clamp(1.3rem, 3vw, 2.4rem) 0 1rem;
  background:transparent;
}

.hero--slim::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  transform:translateX(-50%);
  width:min(920px, calc(100vw - 20px));
  height:calc(100% - .5rem);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,.18) 100%);
  border:1px solid rgba(40,28,17,.08);
  pointer-events:none;
}

.hero--slim .container{
  position:relative;
  z-index:1;
  width:min(920px, calc(100vw - 20px));
  padding:clamp(1rem, 1.8vw, 1.5rem) 10px clamp(1rem, 2vw, 1.6rem);
}

.hero--slim .container::before{
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin-bottom:1rem;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand), var(--accent));
}

.hero--slim h1{
  font-size:clamp(1.32rem, 2.46vw, 2.46rem);
  max-width:17ch;
  margin-bottom:.7rem;
}

.hero--slim .lead{
  max-width:60ch;
}

.hero__img{
  width:100%;
  height:100%;
}

.hero__img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tipsGrid .tipTile{
  min-height:100%;
}

.tipsGrid .bullets{
  margin-top:.65rem;
}

.tipsGrid--spaced{
  margin-top:1rem;
}

.flowGrid{
  gap:clamp(1rem, 2vw, 1.3rem);
}

.flowStepCard{
  overflow:hidden;
}

.flowStepCard .thumb{
  height:220px;
  margin:0;
  border-radius:0;
  border:0;
  box-shadow:none;
}

.flowStepTitle{
  margin-bottom:.55rem;
}

.stepBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0 0 .85rem;
  border-radius:999px;
  background:rgba(196,106,47,.12);
  border:1px solid rgba(196,106,47,.18);
  color:var(--brand);
  font-weight:900;
}

.card--dashed{
  border-style:dashed;
}

.flowEndGrid{
  align-items:stretch;
}

.flowCta{
  background:linear-gradient(135deg, rgba(196,106,47,.12), rgba(255,255,255,.82));
}

.flowCardTitle{
  margin-top:0;
}

.flowCtaButtons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.price{
  margin-top:12px;
  font-family:var(--font-head);
  font-size:clamp(1.65rem, 2.5vw, 2.15rem);
  font-weight:800;
  color:var(--brand);
}

.page-preise .card,
.page-preise .item{
  overflow:hidden;
}

.page-preise .section > .container > .grid-2{
  align-items:stretch;
}

.page-preise .h3,
.page-preise h2.h3{
  font-size:17px !important;
  line-height:1.3;
}

.contactSplit{
  display:grid;
  gap:clamp(1rem, 2.6vw, 2rem);
  align-items:start;
  margin-top:10px;
}

.contactSplit__media{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  padding:0;
  overflow:hidden;
  background:var(--panel-strong);
  backdrop-filter:none;
}

.contactSplit__media picture{
  display:block;
  width:100%;
  height:100%;
}

.contactSplit__img{
  width:100%;
  max-width:none;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
}

.contactSplit__form .card{
  background:var(--panel-strong);
  box-shadow:var(--shadow);
  backdrop-filter:none;
}

.consentBox{
  margin-top:1rem;
  padding:1rem;
  border-radius:18px;
  background:rgba(255,255,255,.66);
  border:1px solid var(--line);
}

.consentTitle{
  font-weight:800;
  margin-bottom:.55rem;
}

.consentRow{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
}

label{
  color:var(--text);
  font-weight:700;
}

input,
textarea,
select{
  background:rgba(255,255,255,.82);
  border:1px solid var(--line);
  border-radius:14px;
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

input:focus,
textarea:focus,
select:focus{
  border-color:rgba(196,106,47,.35);
  box-shadow:0 0 0 4px rgba(196,106,47,.10);
}

.cvEmbed{
  border-radius:24px;
  overflow:hidden;
}

.cvEmbed iframe{
  display:block;
  width:100%;
  min-height:520px;
  border:0;
  background:#fff;
}

.footer{
  margin-top:clamp(2rem, 5vw, 4rem);
  background:#2f3c63;
  color:#f7f0e7;
}

.footer__inner{
  padding:clamp(1.8rem, 3vw, 2.4rem) 0;
}

.footer strong{
  font-family:var(--font-head);
  font-size:1.08rem;
}

.footer .muted,
.footer a{
  color:rgba(247,240,231,.78);
}

.footer a:hover{
  color:#fff;
}

.footer__links{
  align-items:flex-end;
}

.footer__links a{
  padding:.16rem 0;
}

/* Unified internal hero treatment */
.page-contact .hero.hero--slim,
.page-flow .hero.hero--slim,
.page-preise .hero.hero--slim,
.page-prices .hero.hero--slim,
.page-generator .hero.hero--slim,
.page-tips .hero.hero--slim{
  padding:clamp(1.3rem, 3vw, 2.2rem) 0 1rem;
  background:transparent;
  background-image:none;
  color:var(--text);
}

.page-contact .hero.hero--slim::before,
.page-flow .hero.hero--slim::before,
.page-preise .hero.hero--slim::before,
.page-prices .hero.hero--slim::before,
.page-generator .hero.hero--slim::before,
.page-tips .hero.hero--slim::before{
  display:block;
  width:min(var(--max), calc(100vw - 2rem));
  background:linear-gradient(180deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,.18) 100%);
  border:1px solid rgba(40,28,17,.08);
}

.page-contact .hero.hero--slim .container,
.page-flow .hero.hero--slim .container,
.page-preise .hero.hero--slim .container,
.page-prices .hero.hero--slim .container,
.page-generator .hero.hero--slim .container,
.page-tips .hero.hero--slim .container{
  width:min(var(--max), calc(100vw - 2rem));
  padding:clamp(1rem, 1.8vw, 1.5rem) 10px clamp(1rem, 2vw, 1.6rem);
}

.page-contact .hero.hero--slim .container::before,
.page-flow .hero.hero--slim .container::before,
.page-preise .hero.hero--slim .container::before,
.page-prices .hero.hero--slim .container::before,
.page-generator .hero.hero--slim .container::before,
.page-tips .hero.hero--slim .container::before{
  width:72px;
  height:3px;
  margin-bottom:1rem;
}

.page-contact .hero.hero--slim .pill,
.page-flow .hero.hero--slim .pill,
.page-preise .hero.hero--slim .pill,
.page-prices .hero.hero--slim .pill,
.page-generator .hero.hero--slim .pill,
.page-tips .hero.hero--slim .pill{
  background:rgba(196,106,47,.08);
  border-color:rgba(196,106,47,.18);
  color:var(--brand);
}

.page-contact .hero.hero--slim h1,
.page-flow .hero.hero--slim h1,
.page-preise .hero.hero--slim h1,
.page-prices .hero.hero--slim h1,
.page-generator .hero.hero--slim h1,
.page-tips .hero.hero--slim h1{
  font-size:clamp(1.08rem, 1.7vw, 1.58rem);
  max-width:18ch;
  margin-bottom:.42rem;
  line-height:1.08;
}

.page-contact .hero.hero--slim .lead,
.page-flow .hero.hero--slim .lead,
.page-preise .hero.hero--slim .lead,
.page-prices .hero.hero--slim .lead,
.page-generator .hero.hero--slim .lead,
.page-tips .hero.hero--slim .lead{
  color:var(--muted);
  max-width:60ch;
  margin:0;
  line-height:1.42;
  font-size:.96rem;
}

.page-tips .tipsHeroLayout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(180px, 220px);
  gap:clamp(.6rem, 1.25vw, 1rem);
  align-items:center;
}

.page-tips .tipsHeroCopy{
  min-width:0;
}

.page-tips .tipsHeroVisual{
  justify-self:end;
  width:100%;
  max-width:220px;
  margin:0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(40,28,17,.08);
  box-shadow:var(--shadow-soft);
  background:var(--panel-strong);
  aspect-ratio:16 / 9;
}

.page-tips .tipsHeroVisual picture,
.page-tips .tipsHeroVisual img{
  display:block;
  width:100%;
  height:100%;
}

.page-tips .tipsHeroVisual img{
  object-fit:cover;
}

@media (max-width: 980px){
  .page-tips .tipsHeroLayout{
    grid-template-columns:1fr;
  }

  .page-tips .tipsHeroVisual{
    max-width:320px;
    justify-self:start;
  }
}

.reveal{
  opacity:0;
  transform:translate3d(0, 22px, 0);
  transition:transform .72s cubic-bezier(.22,.61,.36,1), opacity .72s ease;
}

.reveal--from-left{
  transform:translate3d(-32px, 0, 0);
}

.reveal--from-right{
  transform:translate3d(32px, 0, 0);
}

.reveal--from-up{
  transform:translate3d(0, 24px, 0);
}

.reveal.is-visible{
  opacity:1;
  transform:none;
}

.reveal-grid > *{
  opacity:0;
  transform:translate3d(0, 18px, 0);
  transition:transform .72s cubic-bezier(.22,.61,.36,1), opacity .72s ease;
}

.reveal-grid > *.is-visible{
  opacity:1;
  transform:none;
}

.heroSlide{
  opacity:0;
  animation-duration:1.18s;
  animation-fill-mode:forwards;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
}

.heroSlide--from-right{
  animation-name:editorialSlideInRight;
}

.heroSlide--from-left{
  animation-name:editorialSlideInLeft;
  animation-delay:.12s;
}

@keyframes editorialSlideInRight{
  from{
    opacity:0;
    transform:translate3d(72px, 12px, 0);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes editorialSlideInLeft{
  from{
    opacity:0;
    transform:translate3d(-72px, 12px, 0);
  }
  to{
    opacity:1;
    transform:none;
  }
}
@media (max-width: 820px){
  .page-home .heroSlide{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

.cvApp{
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(196,106,47,.14), transparent 28%),
    radial-gradient(circle at top right, rgba(79,107,90,.10), transparent 26%),
    linear-gradient(180deg, #fbf7f1 0%, #f4ede3 48%, #efe5d8 100%);
}

.cvApp .topbar{
  background:rgba(251,247,241,.84);
}

.cvApp .cvHero{
  padding:1.2rem 0 0;
  background:transparent;
}

.cvApp .cvHero__note{
  padding:.85rem 1rem;
  border-radius:18px;
  background:rgba(255,255,255,.7);
  border:1px solid var(--line);
}

.cvApp .cvBuilder .card,
.cvApp .wizard,
.cvApp .templateCard,
.cvApp .cvPreviewWrap,
.cvApp .cvPreview{
  border-radius:24px;
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.cvApp .wizardDot{
  border-radius:18px;
  background:rgba(255,255,255,.76);
  border:1px solid var(--line);
}

.cvApp .wizardDot.is-active{
  background:rgba(196,106,47,.12);
  border-color:rgba(196,106,47,.18);
}

.cvApp .wizardProgress{
  background:rgba(40,28,17,.06);
}

.cvApp .wizardProgress__bar{
  background:linear-gradient(90deg, var(--brand), var(--accent));
}

.cvApp input,
.cvApp textarea,
.cvApp select{
  background:rgba(255,255,255,.9);
}

.cvApp .templateCard.is-active{
  border-color:rgba(196,106,47,.22);
  box-shadow:0 18px 36px rgba(36,24,14,.16);
}

.cvApp .hero__actions .btn,
.cvApp .wizardActions .btn{
  box-shadow:none;
}

.cvApp .mobileNav{
  background:rgba(250,245,238,.96);
}

@media (max-width: 980px){
  .page-home .hero__grid,
  .contactSplit{
    grid-template-columns:1fr;
  }

  .nav{
    display:none;
  }

  .topbar__right{
    margin-left:auto;
  }

  .hero::before,
  .hero--slim::before{
    width:calc(100vw - 1rem);
  }

  .page-home .heroCardPoster,
  .page-home .heroCardVideo{
    height:240px;
  }

  .homeBenefitsGrid .thumb{
    height:180px;
  }
}

@media (max-width: 820px){
  .hero__bullets{
    grid-template-columns:1fr;
  }

  .topbar__right .btn{
    display:none;
  }
}

@media (max-width: 700px){
  .flowStepCard .thumb{
    height:190px;
  }

  .hero--slim h1{
    max-width:none;
  }

  .footer__inner,
  .footer__links{
    align-items:flex-start;
  }

  .footer__links{
    text-align:left;
  }
}

@media (max-width: 520px){
  .hero{
    padding-top:1rem;
  }

  .page-home .heroLeftCard .card__pad,
  .page-home .heroRight .card__pad{
    gap:.85rem;
  }

  .btn,
  .langSelect{
    width:100%;
  }

  .btnRow{
    width:100%;
  }

  .btnRow .btn{
    width:auto;
  }
}

@media (prefers-reduced-motion: reduce){
  body{
    background-attachment:scroll;
  }

  body::before,
  .reveal,
  .reveal-grid > *,
  .heroSlide{
    animation:none !important;
    transition:none !important;
  }
}