/* CreatorAdresse 0.8.7 – compact benefits, real product screenshot and target groups */

.homepage-v5 .v4-benefits{padding-top:58px;padding-bottom:72px}
.homepage-v5 .v4-section-intro{margin-bottom:28px}
.homepage-v5 .v4-benefit-grid{gap:46px}
.homepage-v5 .v4-icon-orbit{width:116px;height:116px;margin-bottom:18px}
.homepage-v5 .v4-icon-orbit img{width:82px;height:82px}
.homepage-v5 .v4-benefit-grid h3{margin-bottom:5px}
.homepage-v5 .v4-benefit-grid p{font-size:.88rem}

.home-product-showcase{position:relative;isolation:isolate;padding:78px 28px 88px}
.home-product-showcase:before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#f5f0e7}
.home-product-showcase:after{content:"";position:absolute;z-index:-1;width:300px;height:300px;left:-230px;top:52px;border-radius:50%;background:#d6ebe3}
.home-product-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:30px}
.home-product-heading h2{margin:0;max-width:720px;font-size:clamp(2.5rem,5vw,4.35rem);line-height:.96;letter-spacing:-.062em}
.home-product-heading h2 em{color:#2f7d68;font-style:normal}
.home-product-heading p{margin:0 0 5px;color:#606b66;line-height:1.65}
.home-product-frame{overflow:hidden;border:1px solid #dbe5e0;border-radius:24px 10px 24px 10px;background:#fff;box-shadow:0 24px 58px rgba(45,68,60,.12)}
.home-product-browserbar{height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#fbfbf9;border-bottom:1px solid #e8ece9}
.home-product-browserbar>span{width:7px;height:7px;border-radius:50%;background:#d9cfc7}
.home-product-browserbar>span:nth-child(2){background:#e4c4a9}.home-product-browserbar>span:nth-child(3){background:#bcd6ca}
.home-product-browserbar small{margin-left:7px;color:#8a938e;font-size:.65rem}
.home-product-frame img{display:block;width:100%;height:auto}
.home-product-points{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.home-product-points span{position:relative;padding:8px 13px 8px 31px;border:1px solid #dfe7e2;border-radius:999px;background:rgba(255,255,255,.78);color:#53615b;font-size:.76rem;font-weight:800}
.home-product-points span:before{content:"✓";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#e2f0ea;color:#2f7d68;font-size:.62rem}

.home-audience{padding:68px 28px 78px}
.home-audience-head{max-width:820px;margin-bottom:28px}
.home-audience-head h2{margin:0 0 10px;font-size:clamp(2.1rem,4.2vw,3.45rem);line-height:1.02;letter-spacing:-.055em}
.home-audience-head p{max-width:760px;margin:0;color:#65706b}
.home-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-audience-card{overflow:hidden;border:1px solid #e0e7e3;border-radius:22px 8px 22px 8px;background:#fff;box-shadow:0 10px 28px rgba(49,71,63,.055);transition:transform .18s ease,box-shadow .22s ease}
.home-audience-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(49,71,63,.08)}
.home-audience-card img{display:block;width:100%;aspect-ratio:1.72/1;object-fit:cover}
.home-audience-card>div{padding:15px 15px 17px}
.home-audience-card h3{margin:0 0 5px;font-size:1rem;letter-spacing:-.02em}
.home-audience-card p{margin:0;color:#707974;font-size:.78rem;line-height:1.5}

.home-trust-note{display:grid;gap:2px;margin-top:22px;padding:15px 16px;border-radius:18px 7px 18px 7px;background:#edf6f2;border:1px solid #dceae4}
.home-trust-note strong{color:#315e50;font-size:.86rem}
.home-trust-note span{color:#69746f;font-size:.76rem;line-height:1.45}
.homepage-v5 .home-audience + .v4-pricing{margin-top:0}

@media(max-width:920px){
  .home-product-heading{grid-template-columns:1fr;gap:14px}
  .home-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .homepage-v5 .v4-benefits{padding-top:48px;padding-bottom:58px}
  .homepage-v5 .v4-icon-orbit{width:108px;height:108px}
  .homepage-v5 .v4-icon-orbit img{width:76px;height:76px}
  .home-product-showcase{padding:58px 4px 64px}
  .home-product-browserbar small{display:none}
  .home-audience{padding:54px 4px 62px}
  .home-audience-grid{grid-template-columns:1fr}
  .home-audience-card{display:grid;grid-template-columns:132px 1fr;border-radius:18px 7px 18px 7px}
  .home-audience-card img{height:100%;aspect-ratio:auto}
  .home-audience-card>div{display:flex;flex-direction:column;justify-content:center}
}

/* CreatorAdresse 0.8.8 – target groups moved up and merged with benefits */
.audience-early{
  padding:56px 28px 72px;
}
.audience-early .home-audience-head{
  margin-bottom:24px;
}
.audience-early .home-benefit-mini-wrap{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid #e6ece8;
}
.audience-early .v4-section-intro.compact{
  margin-bottom:18px;
}
.audience-early .v4-section-intro.compact h2{
  font-size:clamp(1.9rem,3.6vw,2.7rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.audience-early .v4-benefit-grid.mini{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.audience-early .v4-benefit-grid.mini article{
  padding:0;
}
.audience-early .v4-benefit-grid.mini .v4-icon-orbit{
  width:104px;
  height:104px;
  margin-bottom:14px;
}
.audience-early .v4-benefit-grid.mini .v4-icon-orbit img{
  width:72px;
  height:72px;
}
.audience-early .v4-benefit-grid.mini h3{
  margin-bottom:4px;
}
.audience-early .v4-benefit-grid.mini p{
  font-size:.84rem;
  line-height:1.5;
}

@media(max-width:920px){
  .audience-early .v4-benefit-grid.mini{grid-template-columns:1fr 1fr 1fr;gap:18px}
}
@media(max-width:680px){
  .audience-early{padding:44px 4px 54px}
  .audience-early .home-benefit-mini-wrap{margin-top:22px;padding-top:20px}
  .audience-early .v4-benefit-grid.mini{grid-template-columns:1fr;gap:18px}
  .audience-early .v4-benefit-grid.mini article{text-align:left}
  .audience-early .v4-benefit-grid.mini .v4-icon-orbit{width:96px;height:96px;margin-bottom:10px}
  .audience-early .v4-benefit-grid.mini .v4-icon-orbit img{width:66px;height:66px}
}


/* CreatorAdresse 0.8.9 – unified umbrella mark, tighter first fold, stronger audience photos */
.homepage-v5 .v4-hero{
  min-height:620px;
  padding-bottom:60px;
}
.audience-early{
  padding-top:42px;
}
.audience-early .home-audience-card img{
  aspect-ratio:1.56 / 1;
  object-fit:cover;
}
.audience-early .v4-icon-orbit img{
  object-fit:contain;
}
@media(max-width:940px){
  .homepage-v5 .v4-hero{min-height:0;padding-bottom:52px}
  .audience-early{padding-top:38px}
}
@media(max-width:680px){
  .homepage-v5 .v4-hero{padding-bottom:46px}
  .audience-early{padding-top:34px}
  .audience-early .home-audience-card img{aspect-ratio:auto}
}


/* CreatorAdresse 0.9.0 – exact hero umbrella + AI image disclosure */
.home-audience-ai-note{
  margin:11px 2px 0;
  color:#8a938e;
  font-size:.7rem;
  line-height:1.45;
  text-align:right;
}
.audience-early .v4-benefit-grid.mini .v4-icon-orbit img[src$="creatoradresse-umbrella.svg"]{
  width:76px;
  height:76px;
}
@media(max-width:680px){
  .home-audience-ai-note{text-align:left;font-size:.68rem}
}


/* 2026-09-05 – Creator-Cockpit: breite Fläche unter der seitenweiten Füllerlinie */
.home-product-showcase{isolation:auto!important}
.home-product-showcase:before,.home-product-showcase:after{z-index:0!important}
.home-product-heading,.home-product-frame,.home-product-points{position:relative;z-index:2}

/* 2026-09-30 – SEO entry points without turning the homepage into a landing-page directory */
.home-audience-card>div>a{display:inline-block;margin-top:9px;color:#2f715b;text-decoration:none;font-size:.74rem;font-weight:850}.home-audience-card>div>a:hover{text-decoration:underline}
.home-guide-links{position:relative;isolation:isolate;padding:74px 28px 86px}.home-guide-links:before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#f8f4ec}.home-guide-links-head{max-width:780px;margin-bottom:28px}.home-guide-links-head h2{margin:0 0 10px;font-size:clamp(2.2rem,4.3vw,3.6rem);line-height:1;letter-spacing:-.055em}.home-guide-links-head p{margin:0;color:#66716c;max-width:720px}.home-guide-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-guide-links-grid>a{display:grid;min-height:190px;padding:21px 22px;border:1px solid #e0e7e3;border-radius:22px 8px 22px 8px;background:rgba(255,255,255,.86);text-decoration:none;transition:transform .18s ease,box-shadow .2s ease}.home-guide-links-grid>a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(49,71,63,.075)}.home-guide-links-grid small{color:#2f7d68;font-size:.62rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.home-guide-links-grid strong{margin:8px 0 7px;font-size:1rem;letter-spacing:-.02em}.home-guide-links-grid span{color:#6c7771;font-size:.78rem;line-height:1.52}
@media(max-width:920px){.home-guide-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.home-guide-links{padding:58px 4px 66px}.home-guide-links-grid{grid-template-columns:1fr}.home-guide-links-grid>a{min-height:0}}