:root{
  --bg:#060812;
  --bg-2:#0b1020;
  --panel:#101827;
  --panel-2:#121c30;
  --text:#f7f7fb;
  --muted:#b8c0d4;
  --soft:#e9edf7;
  --ink:#101420;
  --gold:#d9b165;
  --gold-2:#f1d58f;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(10,16,30,.12);
  --shadow:0 28px 70px rgba(0,0,0,.35);
  --shadow-soft:0 18px 48px rgba(15,23,42,.12);
  --radius:26px;
  --max:1180px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:#f6f7fb;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1rem;color:#4e5870}
.dark p,.site-footer p,.demo-dark p{color:var(--muted)}
h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,6vw,5.6rem)}
h2{font-size:clamp(2rem,4vw,3.7rem)}
h3{font-size:1.25rem}
section{position:relative}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin-bottom:14px}
.eyebrow:before{content:"";width:26px;height:2px;border-radius:3px;background:var(--gold)}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}
.section-head p{max-width:620px;margin:0}.section-kicker{color:#7a8194;font-weight:700;margin-bottom:8px}.lead{font-size:1.12rem;color:#596276;max-width:700px}.dark .lead{color:#d5dcee}.small{font-size:.92rem;color:#7b8498}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-weight:850;line-height:1;cursor:pointer;transition:.22s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#16110a;box-shadow:0 18px 38px rgba(217,177,101,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(217,177,101,.36)}.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(14px)}.btn-secondary:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}.btn-light{background:#fff;color:#111827;border-color:#e6e8ef}.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-full{width:100%}.link-arrow{font-weight:850;color:#111827;display:inline-flex;gap:8px;align-items:center}.link-arrow:after{content:"→";transition:.2s}.link-arrow:hover:after{transform:translateX(4px)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,10,20,.74);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.site-header.light-head{background:rgba(255,255,255,.88);border-color:#e8ebf3}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:140px}.brand img{width:150px;height:auto}.main-nav{display:flex;align-items:center;gap:22px;font-size:.95rem;font-weight:750;color:#e8edf8}.light-head .main-nav{color:#1c2434}.main-nav a{opacity:.86}.main-nav a:hover{opacity:1;color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff}.light-head .menu-toggle{border-color:#d7dce8;background:#fff;color:#111827}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:4px auto;border-radius:4px}
.hero{min-height:calc(100vh - 78px);overflow:hidden;background:#060812 url('../img/cosmic-hero.svg') center/cover no-repeat;color:#fff}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(217,177,101,.16),transparent 32%),linear-gradient(90deg,rgba(6,8,18,.98) 0%,rgba(6,8,18,.86) 48%,rgba(6,8,18,.42) 100%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:92px 0 76px}.hero-copy{max-width:720px}.hero-copy h1{margin-bottom:22px}.hero-copy .lead{font-size:1.23rem;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 24px}.trust-row{display:flex;gap:12px;flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:999px;color:#e9edf7;font-weight:750;font-size:.9rem}.trust-badge i{width:8px;height:8px;background:var(--gold);box-shadow:0 0 18px var(--gold);border-radius:50%}.hero-panel{position:relative}.mockup-shell{position:relative;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border-radius:34px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.desktop-mock{overflow:hidden;border-radius:24px;background:#f8fafc;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 60px rgba(0,0,0,.32)}.browser-bar{display:flex;gap:7px;align-items:center;height:34px;background:#e9edf4;padding:0 14px}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#c4cbd8}.mock-hero{background:linear-gradient(135deg,#101827,#2a241b);color:#fff;padding:30px}.mock-label{display:inline-block;background:rgba(217,177,101,.16);color:#ffe0a1;border:1px solid rgba(217,177,101,.24);border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:900;margin-bottom:12px}.mock-hero h3{font-size:1.7rem;max-width:280px}.mock-lines{display:grid;gap:10px;padding:24px}.mock-lines span{display:block;height:12px;border-radius:999px;background:#d8dde7}.mock-lines span:nth-child(2){width:82%}.mock-lines span:nth-child(3){width:62%}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 24px}.mock-cards div{height:82px;border-radius:18px;background:#fff;border:1px solid #e8ebf3;box-shadow:0 12px 24px rgba(15,23,42,.08)}.phone-mock{position:absolute;right:-22px;bottom:-34px;width:168px;border-radius:28px;background:#050711;border:9px solid #121725;box-shadow:0 26px 56px rgba(0,0,0,.46);overflow:hidden}.phone-screen{background:#f9fafb;min-height:268px}.phone-top{height:76px;background:linear-gradient(135deg,#111827,#7a5626)}.phone-body{padding:14px;display:grid;gap:10px}.phone-body span{height:10px;border-radius:99px;background:#d9deea}.phone-body span:nth-child(2){width:80%}.phone-body span:nth-child(3){height:44px;border-radius:14px;background:#fff;border:1px solid #e8ebf3}.stat-card{position:absolute;z-index:3;background:rgba(255,255,255,.91);color:#111827;border:1px solid rgba(255,255,255,.55);border-radius:20px;padding:13px 16px;box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.stat-card strong{display:block;font-size:1.36rem;line-height:1}.stat-card span{font-size:.78rem;color:#5f6a7e;font-weight:800}.stat-a{left:-18px;top:42px}.stat-b{right:28px;top:-18px}.stat-c{left:48px;bottom:-24px}
.section{padding:96px 0}.section.dark{background:#080b16;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card,.industry-card,.price-card,.step-card,.contact-card,.faq-card{background:#fff;border:1px solid #e7eaf1;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.feature-card{padding:28px;transition:.22s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(217,177,101,.22),rgba(217,177,101,.05));display:grid;place-items:center;color:#8d6022;font-weight:950;margin-bottom:18px}.showroom-section{background:#fff}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.industry-card{overflow:hidden;transition:.24s}.industry-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(15,23,42,.15)}.industry-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.industry-card-body{padding:24px}.industry-card-body h3{margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{padding:28px;position:relative;overflow:hidden}.step-no{width:48px;height:48px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:18px}.step-card:after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:rgba(217,177,101,.12)}.pricing{background:linear-gradient(180deg,#f6f7fb 0%,#fff 100%)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.price-card{padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.price-card.highlight{background:#0b1020;color:#fff;border-color:rgba(217,177,101,.42);transform:translateY(-10px);box-shadow:0 30px 80px rgba(7,10,22,.28)}.popular{position:absolute;right:22px;top:20px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#18120a;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.price{font-size:2.5rem;font-weight:950;letter-spacing:-.05em;margin:20px 0 14px}.price small{font-size:.9rem;color:#7a8194}.highlight .price small,.highlight p{color:#cbd3e5}.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}.price-card li{display:flex;gap:9px;color:#4e5870}.highlight li{color:#e7ecf8}.price-card li:before{content:"✓";color:#9a6d28;font-weight:950}.highlight li:before{color:var(--gold)}.price-card .btn{margin-top:auto}.contact-cta{overflow:hidden;background:#050711 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff}.contact-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,17,.96),rgba(5,7,17,.76),rgba(5,7,17,.82));pointer-events:none}.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:start}.contact-methods{display:grid;gap:14px;margin-top:28px}.contact-card{padding:20px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);box-shadow:none;backdrop-filter:blur(16px)}.contact-card strong{display:block;color:#fff}.contact-card a{color:#ffe1a2;font-weight:850}.contact-form{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:28px;box-shadow:var(--shadow);color:#111827}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;margin-bottom:14px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:#1f2937;font-size:.92rem}.field input,.field textarea,.field select{width:100%;border:1px solid #dbe0ea;border-radius:16px;padding:13px 14px;font:inherit;background:#fff;color:#111827;outline:none}.field input:focus,.field textarea:focus{border-color:#c99b48;box-shadow:0 0 0 4px rgba(217,177,101,.16)}.field textarea{min-height:132px;resize:vertical}.hidden-field{display:none!important}.form-note{font-size:.85rem;color:#6b7280;margin:.8rem 0 0}.site-footer{background:#060812;color:#fff;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:34px}.footer-brand img{width:145px;margin-bottom:14px}.footer-col h3{font-size:1rem;margin-bottom:14px}.footer-col a{display:block;color:#c7cfde;margin:7px 0}.footer-col a:hover{color:var(--gold)}.socials{display:flex;gap:10px}.socials span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-weight:900}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:22px;color:#9ea7bb;font-size:.9rem}
.page-hero{padding:86px 0;background:#070a15 url('../img/cosmic-hero.svg') center/cover no-repeat;color:#fff;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,21,.95),rgba(7,10,21,.72))}.page-hero .container{position:relative;z-index:2}.page-hero h1{max-width:920px;font-size:clamp(2.4rem,5vw,4.5rem)}.content-page{padding:72px 0}.content-card{background:#fff;border:1px solid #e7eaf1;border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}.content-card h2{font-size:1.8rem;margin:28px 0 10px}.content-card h2:first-child{margin-top:0}.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid #e7eaf1;border-radius:20px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:#fff;border:0;padding:22px;font:inherit;font-weight:900;color:#101420;cursor:pointer}.faq-question span:last-child{color:#9a6d28}.faq-answer{display:none;padding:0 22px 22px}.faq-item.open .faq-answer{display:block}.thank-you{min-height:calc(100vh - 78px);display:grid;place-items:center;background:#060812 url('../img/cosmic-hero.svg') center/cover no-repeat;color:#fff;padding:60px 20px}.thank-card{width:min(720px,100%);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:34px;padding:44px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.check{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;display:grid;place-items:center;font-size:2rem;margin:0 auto 20px;font-weight:950}
/* Showroom */
.showroom-hero{padding:92px 0 70px;background:#060812 url('../img/cosmic-hero.svg') center/cover no-repeat;color:#fff;overflow:hidden}.showroom-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,18,.98),rgba(6,8,18,.72),rgba(6,8,18,.54))}.showroom-hero .container{position:relative;z-index:2}.showroom-gallery{padding:82px 0;background:#f6f7fb}.showroom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.show-card{position:relative;overflow:hidden;border-radius:32px;background:#fff;border:1px solid #e7eaf1;box-shadow:var(--shadow-soft);transition:.24s}.show-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(15,23,42,.16)}.show-card img{aspect-ratio:1.55;object-fit:cover;width:100%}.show-card-body{padding:24px}.mini-preview{display:flex;gap:10px;margin:16px 0}.mini-desktop{height:58px;flex:1;border-radius:14px;background:#eff2f7;border:1px solid #dfe4ee;position:relative}.mini-mobile{width:34px;border-radius:11px;background:#111827}.before-after{padding:82px 0;background:#fff}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ba-card{border-radius:30px;padding:30px;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.ba-card.before{background:#f4f5f8}.ba-card.after{background:#0b1020;color:#fff;border-color:rgba(217,177,101,.3)}.ba-card.after p{color:#cbd3e5}.ba-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.ba-list li{display:flex;gap:10px}.ba-list li:before{content:"•";font-weight:950;color:#9a6d28}.after .ba-list li:before{content:"✓";color:var(--gold)}
/* Demo websites */
.demo-body{background:#fff}.demo-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e8ebf3}.demo-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.demo-brand{font-weight:950;font-size:1.15rem;letter-spacing:-.03em}.demo-navlinks{display:flex;gap:18px;font-weight:800;color:#4b5563;font-size:.92rem}.demo-hero{padding:84px 0;background:#101827;color:#fff;overflow:hidden}.demo-hero .container{display:grid;grid-template-columns:1fr .95fr;gap:42px;align-items:center}.demo-hero h1{font-size:clamp(2.35rem,5vw,4.7rem)}.demo-hero .lead{color:#e5eaf5}.demo-visual{border-radius:36px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.16)}.demo-section{padding:82px 0}.demo-section.alt{background:#f6f7fb}.demo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.demo-card{border-radius:26px;padding:26px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.demo-card.dark{background:#101827;color:#fff;border-color:#1f2937}.demo-card.dark p{color:#cbd3e5}.demo-pill{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:900;margin-bottom:14px}.demo-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}.demo-list li{display:flex;gap:10px}.demo-list li:before{content:"✓";font-weight:950}.testimonial{font-size:1.05rem;font-weight:700;color:#253047}.demo-cta{padding:72px 0;background:#060812 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff;text-align:center}.demo-cta p{color:#d5ddee;max-width:650px;margin:12px auto 24px}.demo-foot{padding:30px 0;background:#050711;color:#aeb7ca}.demo-foot .container{display:flex;justify-content:space-between;gap:20px;align-items:center}.theme-handwerk .demo-hero{background:linear-gradient(135deg,#111827,#2b2418)}.theme-handwerk .demo-pill,.theme-handwerk .demo-list li:before{background:#fff2cf;color:#755019}.theme-gastro .demo-hero{background:linear-gradient(135deg,#2b1710,#683c22)}.theme-gastro .demo-pill,.theme-gastro .demo-list li:before{background:#ffe0cc;color:#94451d}.theme-friseur .demo-hero{background:linear-gradient(135deg,#1e1720,#553447)}.theme-friseur .demo-pill,.theme-friseur .demo-list li:before{background:#ffe5ee;color:#91405d}.theme-physio .demo-hero{background:linear-gradient(135deg,#10232a,#1d5957)}.theme-physio .demo-pill,.theme-physio .demo-list li:before{background:#d9fffb;color:#12615d}.theme-werkstatt .demo-hero{background:linear-gradient(135deg,#111827,#26324a)}.theme-werkstatt .demo-pill,.theme-werkstatt .demo-list li:before{background:#e0e9ff;color:#31446d}.theme-reinigung .demo-hero{background:linear-gradient(135deg,#092033,#1c6683)}.theme-reinigung .demo-pill,.theme-reinigung .demo-list li:before{background:#dff7ff;color:#11627f}
@media (max-width:1050px){.hero-grid,.contact-grid,.demo-hero .container{grid-template-columns:1fr}.hero-panel{max-width:760px}.feature-grid,.steps,.price-grid{grid-template-columns:repeat(2,1fr)}.industry-grid,.showroom-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}.phone-mock{right:8px}.stat-a{left:12px}.stat-c{left:24px}.price-card.highlight{transform:none}}
@media (max-width:820px){.nav-wrap{height:70px}.brand img{width:130px}.main-nav{position:fixed;left:20px;right:20px;top:78px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;background:#0b1020;border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:var(--shadow)}.light-head .main-nav{background:#fff}.main-nav.open{display:flex}.main-nav a{padding:12px}.nav-actions .btn{display:none}.menu-toggle{display:block}.hero-grid{padding:66px 0}.hero-copy .lead{font-size:1.05rem}.mockup-shell{padding:14px}.phone-mock{position:relative;right:auto;bottom:auto;margin:18px auto 0}.stat-card{position:static;display:inline-block;margin:8px 8px 0 0}.form-grid,.ba-grid,.demo-grid-2,.demo-grid-3{grid-template-columns:1fr}.demo-navlinks{display:none}.demo-foot .container,.footer-bottom{flex-direction:column;align-items:flex-start}.section{padding:72px 0}.showroom-gallery,.before-after,.demo-section{padding:64px 0}}
@media (max-width:620px){.container{width:min(100% - 28px,var(--max))}h1{font-size:2.55rem}h2{font-size:2rem}.hero-actions{flex-direction:column}.btn{width:100%;padding:15px 18px}.feature-grid,.steps,.price-grid,.industry-grid,.showroom-grid,.footer-grid{grid-template-columns:1fr}.mock-cards{grid-template-columns:1fr}.mock-hero h3{font-size:1.35rem}.contact-form{padding:20px;border-radius:24px}.content-card{padding:24px}.thank-card{padding:28px}.hero:after{background:linear-gradient(180deg,rgba(6,8,18,.98),rgba(6,8,18,.84))}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   33bit Header + Hero Update nach Referenz-Screenshot
   ========================================================= */
.site-header{
  position:absolute;
  inset:0 0 auto 0;
  width:100%;
  z-index:70;
  background:transparent;
  border-bottom:0;
  backdrop-filter:none;
}
.nav-wrap{
  height:78px;
}
.brand{
  min-width:165px;
}
.brand img{
  width:154px;
  height:auto;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));
}
.main-nav{
  gap:34px;
  color:#fff;
  font-size:.88rem;
  font-weight:850;
}
.main-nav a{
  opacity:.95;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.nav-actions .btn-primary{
  border-radius:9px;
  padding:16px 23px;
  color:#17110a;
  border:1px solid rgba(255,235,180,.5);
  box-shadow:0 14px 34px rgba(217,177,101,.28), inset 0 1px 0 rgba(255,255,255,.42);
}
.btn-arrow:after,
.nav-actions .btn-primary:after{
  content:"→";
  font-size:1.15rem;
  line-height:0;
  transform:translateY(-1px);
}
.btn-play:before{
  content:"▶";
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--gold-2);
  border:1px solid rgba(241,213,143,.78);
  font-size:.68rem;
  padding-left:2px;
  box-shadow:0 0 22px rgba(217,177,101,.2);
}
.hero-home{
  min-height:0;
  background:#050812 url('../img/cosmic-hero.svg') center top/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hero-home:after{
  background:
    radial-gradient(circle at 47% 31%, rgba(217,177,101,.10), transparent 18%),
    radial-gradient(circle at 72% 14%, rgba(217,177,101,.13), transparent 28%),
    linear-gradient(90deg,rgba(4,7,13,.98) 0%,rgba(5,9,17,.93) 43%,rgba(5,9,17,.65) 72%,rgba(5,9,17,.88) 100%);
}
.hero-home .hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
  gap:26px;
  padding:120px 0 48px;
  min-height:512px;
}
.hero-home .hero-copy{
  max-width:590px;
  align-self:center;
}
.hero-home .hero-copy h1{
  font-size:clamp(3.15rem,5vw,5.25rem);
  letter-spacing:-.055em;
  line-height:.96;
  margin-bottom:22px;
  text-shadow:0 14px 40px rgba(0,0,0,.35);
}
.hero-home .hero-copy h1 span{
  color:var(--gold-2);
}
.hero-home .hero-copy .lead{
  max-width:540px;
  color:#f1f5ff;
  font-size:1.19rem;
  line-height:1.5;
  text-shadow:0 7px 20px rgba(0,0,0,.28);
}
.hero-home .hero-actions{
  gap:16px;
  margin:32px 0 42px;
}
.hero-home .btn{
  border-radius:9px;
  min-height:51px;
  padding:16px 24px;
}
.hero-home .btn-secondary{
  background:rgba(4,7,13,.36);
  border:1px solid rgba(217,177,101,.62);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-shot{
  align-self:center;
  margin-right:-36px;
  transform:translateY(7px);
  isolation:isolate;
}
.hero-shot:before{
  content:"";
  position:absolute;
  inset:9% 6% 12% 10%;
  background:radial-gradient(circle,rgba(217,177,101,.2),transparent 55%);
  filter:blur(26px);
  z-index:-1;
}
.hero-shot img{
  width:min(710px,100%);
  margin-left:auto;
  filter:drop-shadow(0 35px 58px rgba(0,0,0,.42));
}
.hero-trust{
  gap:14px;
}
.trust-badge.trust-card{
  border-radius:10px;
  padding:0;
  border:0;
  background:transparent;
  gap:10px;
  color:#fff;
  min-width:162px;
}
.trust-card span{
  display:flex;
  flex-direction:column;
  line-height:1.18;
}
.trust-card b{
  font-size:.82rem;
  letter-spacing:-.01em;
  color:#fff;
}
.trust-card small{
  margin-top:3px;
  color:#c6cedd;
  font-size:.68rem;
  font-weight:650;
}
.trust-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:9px;
  display:grid;
  place-items:center;
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 25px rgba(0,0,0,.23);
}
.trust-icon:before{
  color:#f7d788;
  font-size:1.18rem;
  line-height:1;
}
.phone-icon:before{content:"▯";font-size:1.45rem;}
.price-icon:before{content:"◇";}
.leads-icon:before{content:"▥";transform:rotate(90deg);}

@media (max-width:1050px){
  .hero-home .hero-grid{
    grid-template-columns:1fr;
    gap:22px;
    padding:112px 0 64px;
  }
  .hero-home .hero-copy{
    max-width:760px;
  }
  .hero-shot{
    max-width:760px;
    margin:0 auto;
    transform:none;
  }
  .hero-shot img{
    margin:0 auto;
  }
}
@media (max-width:820px){
  .site-header{
    position:absolute;
  }
  .brand img{
    width:132px;
  }
  .main-nav{
    background:rgba(7,10,20,.96);
    backdrop-filter:blur(18px);
  }
  .hero-home .hero-grid{
    padding:98px 0 54px;
  }
  .hero-home .hero-copy h1{
    font-size:clamp(2.65rem,11vw,4rem);
  }
  .hero-home .hero-actions{
    margin-bottom:28px;
  }
  .hero-trust{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    max-width:360px;
  }
  .trust-badge.trust-card{
    min-width:0;
  }
}
@media (max-width:620px){
  .hero-home:after{
    background:linear-gradient(180deg,rgba(5,8,16,.96),rgba(5,8,16,.88));
  }
  .hero-home .hero-grid{
    padding:96px 0 44px;
    min-height:0;
  }
  .hero-home .hero-copy .lead{
    font-size:1.02rem;
  }
  .hero-home .hero-actions{
    gap:12px;
  }
  .hero-home .btn{
    width:100%;
  }
  .hero-shot{
    width:calc(100% + 18px);
    margin-left:-9px;
  }
}

.site-header .container,
.hero-home .container{
  width:min(1300px,calc(100% - 96px));
}
@media (max-width:820px){
  .site-header .container,
  .hero-home .container{
    width:min(100% - 36px,var(--max));
  }
}
@media (max-width:620px){
  .site-header .container,
  .hero-home .container{
    width:min(100% - 28px,var(--max));
  }
}

/* =========================================================
   Hero: echtes HTML/CSS-Mockup statt Screenshot
   ========================================================= */
.hero-built{
  position:relative;
  min-height:455px;
  align-self:center;
  margin-right:-28px;
  isolation:isolate;
  transform:translateY(8px);
}
.hero-built:before{
  content:"";
  position:absolute;
  inset:-20px -30px -35px -20px;
  background:
    radial-gradient(circle at 73% 17%,rgba(241,213,143,.22),transparent 24%),
    radial-gradient(circle at 42% 64%,rgba(217,177,101,.18),transparent 36%);
  filter:blur(16px);
  z-index:-1;
}
.built-desktop{
  position:relative;
  width:min(610px,100%);
  margin-left:auto;
  border-radius:14px 14px 22px 22px;
  overflow:hidden;
  background:#0b0f16;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 38px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.05) inset;
}
.built-browser-bar{
  height:32px;
  display:flex;
  gap:8px;
  align-items:center;
  padding:0 15px;
  background:linear-gradient(180deg,#2b3036,#1d2228);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.built-browser-bar span{width:8px;height:8px;border-radius:50%;background:#d76d68;box-shadow:16px 0 #d7af63,32px 0 #6bb984}
.built-screen{
  min-height:304px;
  padding:24px 26px 26px;
  background:
    linear-gradient(90deg,rgba(7,12,21,.97),rgba(9,16,25,.78) 44%,rgba(9,15,21,.45) 100%),
    radial-gradient(circle at 75% 20%,rgba(241,213,143,.14),transparent 32%);
  position:relative;
  overflow:hidden;
}
.built-screen:before{
  content:"";position:absolute;right:-120px;top:-122px;width:390px;height:390px;border:28px solid rgba(219,184,112,.33);border-radius:50%;transform:rotate(-18deg);filter:blur(.2px)
}
.built-topline,.built-content{position:relative;z-index:2}
.built-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:44px;color:#fff}
.built-logo-mark{font-weight:950;font-size:.72rem;letter-spacing:.08em;line-height:1.05;color:#fff;position:relative;padding-left:22px}
.built-logo-mark:before{content:"";position:absolute;left:0;top:-2px;width:16px;height:16px;border-radius:50%;border:2px solid var(--gold-2);box-shadow:0 0 14px rgba(241,213,143,.36)}
.built-logo-mark span{display:block;font-size:.42rem;letter-spacing:.18em;color:#b9c1d0;margin-top:2px;text-transform:uppercase}
.built-menu{display:flex;gap:18px;font-size:.66rem;font-weight:850;color:#dce5f7}
.built-menu i{font-style:normal}
.built-content{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:20px}
.built-text small{display:block;color:#f1d58f;font-weight:900;font-size:.68rem;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}
.built-text h3{font-size:2rem;line-height:1.02;color:#fff;margin:0 0 10px;letter-spacing:-.04em;max-width:305px}
.built-text p{color:#d9e2f2;font-size:.78rem;max-width:235px;margin:0 0 18px}
.built-text b{display:inline-flex;background:linear-gradient(135deg,#f6daa0,#d8a94f);color:#1b1308;padding:11px 16px;border-radius:6px;font-size:.72rem;box-shadow:0 12px 30px rgba(217,177,101,.28)}
.built-house{height:205px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));}
.sun-glow{position:absolute;right:28px;top:9px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,142,.38),transparent 64%);filter:blur(1px)}
.house-body{position:absolute;right:36px;bottom:23px;width:185px;height:116px;background:linear-gradient(135deg,#b98754,#5e4a37);clip-path:polygon(0 20%,62% 0,100% 20%,100% 100%,0 100%);box-shadow:0 26px 40px rgba(0,0,0,.42)}
.house-wing{position:absolute;left:6px;bottom:23px;width:142px;height:90px;background:linear-gradient(135deg,#2b3137,#a7794e);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);opacity:.94}
.house-roof{position:absolute;right:21px;bottom:126px;width:208px;height:48px;background:#161b21;transform:skewX(-32deg);box-shadow:0 15px 24px rgba(0,0,0,.38)}
.window{position:absolute;background:linear-gradient(180deg,rgba(185,220,255,.86),rgba(35,54,70,.92));border:1px solid rgba(255,255,255,.32)}
.w1{right:61px;bottom:72px;width:43px;height:48px}.w2{right:114px;bottom:58px;width:39px;height:36px}.w3{left:33px;bottom:52px;width:58px;height:36px}.terrace{position:absolute;right:17px;bottom:13px;width:250px;height:22px;background:linear-gradient(90deg,#2d2420,#c1955b);border-radius:999px;opacity:.74}
.built-phone{
  position:absolute;right:0;bottom:12px;width:154px;min-height:263px;border-radius:28px;padding:30px 17px 14px;background:linear-gradient(180deg,#111722,#06080e);border:6px solid #202632;box-shadow:0 30px 58px rgba(0,0,0,.56);z-index:5;overflow:hidden
}
.built-phone:before{content:"";position:absolute;right:-70px;top:30px;width:160px;height:160px;border-radius:50%;border:16px solid rgba(218,180,100,.23);transform:rotate(-18deg)}
.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:45px;height:5px;border-radius:99px;background:#343b47}
.phone-brand{position:relative;color:#f4d58e;font-size:.52rem;font-weight:950;letter-spacing:.1em;margin-bottom:42px;z-index:1}
.built-phone h4{position:relative;z-index:1;font-size:.95rem;line-height:1.04;color:#fff;margin-bottom:7px;letter-spacing:-.03em}.built-phone p{position:relative;z-index:1;font-size:.58rem;color:#d5ddec;margin-bottom:11px}.built-phone span{position:relative;z-index:1;display:inline-block;background:var(--gold-2);color:#17110a;border-radius:5px;font-weight:950;font-size:.55rem;padding:8px 10px}.phone-house{position:absolute;left:16px;right:16px;bottom:13px;height:74px}.phone-house i{position:absolute;bottom:0;background:linear-gradient(135deg,#a77a4b,#2e3740);border-radius:4px}.phone-house i:nth-child(1){left:0;width:72px;height:42px}.phone-house i:nth-child(2){right:0;width:58px;height:62px}.phone-house i:nth-child(3){left:37px;bottom:43px;width:74px;height:15px;background:#111820;transform:skewX(-28deg)}
.hero-stat{position:absolute;z-index:8;width:183px;min-height:126px;border-radius:13px;padding:18px 17px;background:linear-gradient(180deg,rgba(16,22,31,.9),rgba(5,8,14,.9));border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 52px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}
.hero-stat small{display:block;color:#eaf0fb;font-weight:850;font-size:.72rem;margin-bottom:12px}.hero-stat strong{display:block;font-size:2.25rem;line-height:1;color:#fff}.hero-stat span{display:block;color:#cbd3e2;font-size:.69rem;font-weight:650}.stat-performance{left:20px;bottom:0;text-align:center}.stat-performance:before{content:"";display:block;width:70px;height:70px;margin:0 auto -58px;border-radius:50%;background:conic-gradient(#2ee17f 0 86%,#25303a 86% 100%)}.stat-performance:after{content:"";position:absolute;left:50%;top:50px;transform:translateX(-50%);width:49px;height:49px;border-radius:50%;background:#0b1119}.stat-performance strong,.stat-performance span{position:relative;z-index:2}.stat-performance strong{font-size:1.8rem;margin:18px 0 12px}.stat-performance span{color:#f7d788}.stat-leads{left:220px;bottom:0}.stat-leads strong{font-size:2.35rem;margin-bottom:3px}.stat-leads span{color:#65d98b}.stat-leads em{display:block;height:37px;margin-top:12px;background:linear-gradient(135deg,transparent 0 8%,#f5c85d 8% 10%,transparent 10% 21%,#f5c85d 21% 23%,transparent 23% 34%,#f5c85d 34% 36%,transparent 36% 47%,#f5c85d 47% 49%,transparent 49% 63%,#f5c85d 63% 65%,transparent 65% 78%,#f5c85d 78% 80%,transparent 80%);border-bottom:1px solid rgba(255,255,255,.1)}.stat-mobile{right:52px;bottom:0;text-align:center;width:154px}.stat-mobile i{display:block;width:38px;height:58px;border:3px solid #fff;border-radius:9px;margin:2px auto 10px;position:relative}.stat-mobile i:after{content:"";position:absolute;left:50%;bottom:5px;width:6px;height:6px;background:#fff;border-radius:50%;transform:translateX(-50%)}.stat-mobile strong{font-size:2rem;margin-bottom:3px}

/* =========================================================
   Premium-Showroom: stärker unterschiedliche Karten
   ========================================================= */
.showroom-hero .lead{max-width:780px}.showroom-grid.premium-showroom{grid-template-columns:repeat(2,1fr);gap:26px}.show-card.unique{display:grid;grid-template-columns:1.05fr .95fr;min-height:310px;padding:0;border:0;isolation:isolate;background:var(--card-bg,#fff);overflow:hidden}.show-card.unique:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.34),transparent 30%);z-index:-1}.show-card.unique .show-card-body{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.show-card.unique h3{font-size:1.75rem;letter-spacing:-.04em}.show-card.unique p{font-size:.96rem}.show-card-scene{position:relative;min-height:100%;padding:24px;display:flex;align-items:center;justify-content:center}.show-preview-frame{width:100%;max-width:280px;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.5);overflow:hidden;transform:rotate(var(--rot,-2deg))}.show-preview-top{height:36px;background:rgba(10,14,24,.9)}.show-preview-hero{height:116px;background:var(--accent);position:relative;overflow:hidden}.show-preview-hero:after{content:"";position:absolute;right:18px;bottom:15px;width:92px;height:70px;border-radius:14px;background:rgba(255,255,255,.36)}.show-preview-lines{padding:18px;display:grid;gap:9px}.show-preview-lines i{display:block;height:10px;border-radius:99px;background:#d9dde8}.show-preview-lines i:nth-child(2){width:78%}.show-preview-lines i:nth-child(3){width:56%}.show-mobile-mini{position:absolute;right:20px;bottom:28px;width:68px;height:132px;border-radius:18px;background:#101622;border:5px solid rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(0,0,0,.26);transform:rotate(7deg)}.show-mobile-mini:after{content:"";position:absolute;left:14px;right:14px;top:25px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 18px 0 rgba(255,255,255,.24),0 36px 0 rgba(255,255,255,.16)}.show-tag{display:inline-flex;align-self:flex-start;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.08);color:var(--tag,#111)}.show-card.unique .btn{align-self:flex-start;margin-top:20px}.show-handwerk{--card-bg:linear-gradient(135deg,#111827,#c19052);--accent:linear-gradient(135deg,#101827,#c19052);--tag:#f9df9d;color:#fff}.show-handwerk p{color:#f3eadb}.show-gastro{--card-bg:linear-gradient(135deg,#fff4e7,#7a371f);--accent:linear-gradient(135deg,#7a371f,#efb067);--tag:#7a371f}.show-friseur{--card-bg:linear-gradient(135deg,#fff7fb,#e8b7ca);--accent:linear-gradient(135deg,#452136,#e8b7ca);--tag:#8c3d63}.show-physio{--card-bg:linear-gradient(135deg,#eafaf7,#1c7773);--accent:linear-gradient(135deg,#1c7773,#97ddd4);--tag:#176561}.show-werkstatt{--card-bg:linear-gradient(135deg,#0b1020,#32415e);--accent:linear-gradient(135deg,#111827,#5f75a0);--tag:#b8cbff;color:#fff}.show-werkstatt p{color:#dbe4f5}.show-reinigung{--card-bg:linear-gradient(135deg,#f6fdff,#6dc7e8);--accent:linear-gradient(135deg,#1386b0,#dbf8ff);--tag:#12617e}.show-gastro .show-preview-frame{--rot:2deg}.show-friseur .show-preview-frame{border-radius:34px}.show-physio .show-preview-frame{--rot:-1deg}.show-werkstatt .show-preview-frame{--rot:3deg;background:#0f172a}.show-werkstatt .show-preview-lines i{background:#43516a}.show-reinigung .show-preview-frame{--rot:-3deg}.ba-comparison{position:relative;overflow:hidden}.ba-card.before{background:linear-gradient(135deg,#f2f3f5,#ffffff)}.ba-card.after{background:linear-gradient(135deg,#070a15,#13213c)}

/* =========================================================
   Individuelle Demo-Websites pro Branche
   ========================================================= */
.demo-v2{--demo-accent:#d9b165;--demo-dark:#101827;--demo-soft:#f6f7fb;background:#fff}.demo-header.clean{background:rgba(255,255,255,.9)}.demo-header.dark-demo{background:rgba(7,10,18,.86);border-bottom:1px solid rgba(255,255,255,.1)}.demo-header.dark-demo .demo-brand,.demo-header.dark-demo .demo-navlinks a{color:#fff}.demo-header.dark-demo .btn-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22)}.demo-v2 .demo-brand{color:var(--demo-dark)}.demo-kicker{display:inline-flex;gap:9px;align-items:center;border-radius:999px;padding:8px 12px;font-weight:950;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--demo-accent) 18%,#fff);color:var(--demo-dark);margin-bottom:16px}.demo-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.demo-badges span{border-radius:999px;padding:9px 12px;font-weight:850;font-size:.82rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18)}.demo-v2 .btn-primary{background:linear-gradient(135deg,var(--demo-accent),color-mix(in srgb,var(--demo-accent) 72%,#fff));border-color:rgba(0,0,0,.05);color:#16110a}.demo-v2 .btn-secondary{border-color:rgba(255,255,255,.25)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-strip div{border-radius:22px;padding:20px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.metric-strip strong{display:block;font-size:2rem;letter-spacing:-.05em}.service-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-tiles article{border-radius:26px;padding:24px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.service-tiles strong{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--demo-soft);color:var(--demo-dark);margin-bottom:16px}.wide-card{border-radius:34px;padding:34px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.quote-band{border-radius:34px;padding:36px;background:var(--demo-dark);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center}.quote-band p{color:#e7edf9}.pill-list{display:flex;gap:10px;flex-wrap:wrap}.pill-list span{border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-weight:850}.demo-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.demo-gallery div{min-height:190px;border-radius:28px;background:var(--demo-soft);position:relative;overflow:hidden}.demo-gallery div:after{content:"";position:absolute;inset:24px;border-radius:22px;background:linear-gradient(135deg,var(--demo-accent),rgba(255,255,255,.4));opacity:.55}.demo-gallery div:first-child{grid-row:span 2;min-height:396px}.timeline-clean{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.timeline-clean article{position:relative;border-radius:26px;padding:26px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.timeline-clean article:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--demo-dark);color:#fff;font-weight:950;margin-bottom:16px}.menu-board{border-radius:38px;padding:34px;background:#2b1710;color:#fff;box-shadow:var(--shadow)}.menu-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px dashed rgba(255,255,255,.22)}.menu-row:last-child{border-bottom:0}.opening-card{border-radius:38px;padding:34px;background:#fff8ed;border:1px solid #f3dec4}.reservation-panel{border-radius:34px;padding:34px;background:linear-gradient(135deg,#fff3e1,#ffffff);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid #efd8bd}.price-list{display:grid;gap:12px}.price-list article{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #eadde5}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{border-radius:30px;overflow:hidden;background:#fff;border:1px solid #eadde5;box-shadow:var(--shadow-soft)}.team-card .avatar{height:170px;background:linear-gradient(135deg,var(--demo-accent),#fff);position:relative}.team-card .avatar:after{content:"";position:absolute;left:50%;bottom:0;width:98px;height:98px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.45);transform:translateX(-50%)}.team-card div:last-child{padding:22px}.therapy-path{display:grid;gap:16px}.therapy-path article{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:start;border-radius:24px;padding:22px;background:#fff;border:1px solid #d8ebe8}.therapy-path strong{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;background:var(--demo-accent);color:#fff}.info-panel{border-radius:36px;padding:36px;background:#edf8f6;border:1px solid #d2e9e5}.workshop-dashboard{border-radius:36px;padding:24px;background:#0b1020;color:#fff;box-shadow:var(--shadow)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-grid div{border-radius:20px;padding:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.dash-grid div:first-child{grid-column:span 2;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))}.service-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-bar article{border-radius:28px;padding:24px;background:#111827;color:#fff;border:1px solid #26324a}.service-bar p{color:#cbd6e8}.clean-hero-card{border-radius:42px;padding:34px;background:linear-gradient(135deg,#eefdff,#ffffff);box-shadow:var(--shadow-soft);border:1px solid #cceef6}.clean-checks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clean-checks article{border-radius:28px;padding:26px;background:#fff;border:1px solid #d8eef5;box-shadow:var(--shadow-soft)}.reference-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reference-strip div{border-radius:28px;padding:26px;background:#f4fbfd;border:1px solid #d8eef5}.demo-cta.branch{background:var(--demo-dark);position:relative;overflow:hidden}.demo-cta.branch:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--demo-accent) 28%,transparent),transparent 30%);opacity:.9}.demo-cta.branch .container{position:relative;z-index:1}.theme-handwerk{--demo-accent:#d9a24e;--demo-dark:#12151c;--demo-soft:#f4ece0}.theme-gastro{--demo-accent:#d98b4e;--demo-dark:#2b1710;--demo-soft:#fff3e6}.theme-friseur{--demo-accent:#dda9bd;--demo-dark:#2b1724;--demo-soft:#fff4f8}.theme-physio{--demo-accent:#2f9a92;--demo-dark:#0e3034;--demo-soft:#edf8f6}.theme-werkstatt{--demo-accent:#f2c24b;--demo-dark:#0b1020;--demo-soft:#eef2f8}.theme-reinigung{--demo-accent:#48b7db;--demo-dark:#0a3950;--demo-soft:#f1fbfe}.craft-hero{padding:104px 0 88px;background:linear-gradient(135deg,#0c111a,#2c2117);color:#fff}.craft-visual{border-radius:36px;min-height:410px;background:linear-gradient(135deg,#1d2430,#d39a4c);position:relative;overflow:hidden;box-shadow:var(--shadow)}.craft-visual:before{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:52%;background:#141a22;clip-path:polygon(0 32%,50% 0,100% 32%,100% 100%,0 100%)}.craft-visual:after{content:"";position:absolute;right:18%;bottom:14%;width:30%;height:36%;background:#d9a24e;box-shadow:-140px 20px 0 rgba(255,255,255,.18)}.gastro-hero-v2{padding:104px 0 80px;background:linear-gradient(135deg,#fff6eb,#f0cda7);color:#2b1710}.gastro-visual{min-height:430px;border-radius:44px;background:radial-gradient(circle at 50% 30%,#fff6d2,transparent 21%),linear-gradient(135deg,#7b351f,#e9a66b);box-shadow:var(--shadow);position:relative;overflow:hidden}.gastro-visual:before{content:"Café\A Aurelia";white-space:pre;position:absolute;left:40px;top:44px;font-size:3.3rem;line-height:.92;color:#fff;font-weight:950;letter-spacing:-.06em}.gastro-visual:after{content:"Heute frisch · Frühstück · Kuchen · Kaffee";position:absolute;left:40px;bottom:42px;color:#fff;background:rgba(0,0,0,.24);border-radius:999px;padding:12px 16px;font-weight:850}.beauty-hero{padding:102px 0;background:linear-gradient(135deg,#fff7fb,#f0c5d5);color:#2b1724}.beauty-frame{min-height:430px;border-radius:50px;background:linear-gradient(135deg,#2b1724,#dda9bd);position:relative;overflow:hidden;box-shadow:var(--shadow)}.beauty-frame:before{content:"";position:absolute;right:52px;top:52px;width:190px;height:300px;border-radius:999px;background:rgba(255,255,255,.23)}.beauty-frame:after{content:"Cut · Color · Styling";position:absolute;left:42px;bottom:42px;color:#fff;font-size:2.2rem;font-weight:950;letter-spacing:-.05em}.physio-hero-v2{padding:102px 0;background:linear-gradient(135deg,#edf8f6,#cfeee9);color:#0e3034}.physio-card-visual{min-height:420px;border-radius:42px;background:linear-gradient(135deg,#0e3034,#2f9a92);box-shadow:var(--shadow);position:relative;overflow:hidden}.physio-card-visual:before{content:"";position:absolute;inset:54px;border-radius:34px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}.physio-card-visual:after{content:"Bewegung beginnt mit Vertrauen.";position:absolute;left:70px;right:70px;top:50%;transform:translateY(-50%);color:#fff;font-size:2.6rem;font-weight:950;letter-spacing:-.05em}.garage-hero{padding:102px 0;background:linear-gradient(135deg,#0b1020,#1c2535);color:#fff}.garage-visual{min-height:430px;border-radius:34px;background:linear-gradient(135deg,#151d2b,#3f4e68);position:relative;overflow:hidden;box-shadow:var(--shadow)}.garage-visual:before{content:"";position:absolute;left:10%;right:10%;bottom:22%;height:26%;background:#05070c;border-radius:90px 90px 26px 26px;box-shadow:0 42px 0 -26px #f2c24b}.garage-visual:after{content:"DIAGNOSE · INSPEKTION · REIFEN";position:absolute;left:36px;top:36px;color:#fff;font-weight:950;letter-spacing:.08em}.clean-hero{padding:102px 0;background:linear-gradient(135deg,#effcff,#d9f5fc);color:#0a3950}.clean-visual{min-height:430px;border-radius:48px;background:linear-gradient(135deg,#ffffff,#48b7db);box-shadow:var(--shadow);position:relative;overflow:hidden}.clean-visual:before{content:"";position:absolute;right:56px;top:56px;width:160px;height:160px;border-radius:50%;background:#fff;box-shadow:-140px 80px 0 rgba(255,255,255,.58),-35px 190px 0 rgba(255,255,255,.4)}.clean-visual:after{content:"Klarblick";position:absolute;left:42px;bottom:42px;color:#0a3950;font-size:3.1rem;font-weight:950;letter-spacing:-.06em}

@media (max-width:1050px){.hero-built{max-width:720px;margin:0 auto;min-height:500px}.showroom-grid.premium-showroom{grid-template-columns:1fr}.split-section,.quote-band{grid-template-columns:1fr}.service-tiles{grid-template-columns:repeat(2,1fr)}.timeline-clean,.service-bar,.reference-strip{grid-template-columns:repeat(2,1fr)}.demo-gallery{grid-template-columns:1fr 1fr}.demo-gallery div:first-child{grid-row:auto;grid-column:span 2;min-height:260px}.metric-strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.hero-built{min-height:430px;transform:none}.built-desktop{width:100%}.built-content{grid-template-columns:1fr}.built-house{display:none}.built-menu{display:none}.built-phone{right:6px;bottom:-8px;transform:scale(.88);transform-origin:right bottom}.hero-stat{position:relative;left:auto!important;right:auto!important;bottom:auto!important;width:100%;min-height:auto;margin-top:12px}.stat-performance:before,.stat-performance:after{display:none}.stat-performance strong{margin:0 0 4px}.stat-mobile i{display:none}.hero-built{display:grid;gap:0}.show-card.unique{grid-template-columns:1fr}.show-card-scene{min-height:220px;order:-1}.team-row,.metric-strip,.timeline-clean,.service-bar,.reference-strip,.clean-checks{grid-template-columns:1fr}.reservation-panel{grid-template-columns:1fr}.demo-gallery,.demo-gallery div:first-child{grid-template-columns:1fr;grid-column:auto}.split-section{gap:24px}.craft-hero,.gastro-hero-v2,.beauty-hero,.physio-hero-v2,.garage-hero,.clean-hero{padding:86px 0 60px}}
@media (max-width:620px){.hero-built{width:100%;min-height:0}.built-phone{position:relative;right:auto;bottom:auto;margin:14px auto 0;transform:none}.built-screen{padding:20px}.built-text h3{font-size:1.55rem}.show-card.unique h3{font-size:1.45rem}.service-tiles{grid-template-columns:1fr}.demo-badges{gap:8px}.demo-badges span{font-size:.76rem}.craft-visual,.gastro-visual,.beauty-frame,.physio-card-visual,.garage-visual,.clean-visual{min-height:300px;border-radius:32px}.physio-card-visual:after{font-size:1.8rem;left:35px;right:35px}.gastro-visual:before{font-size:2.2rem}.clean-visual:after{font-size:2.1rem}.quote-band,.wide-card,.menu-board,.opening-card,.reservation-panel,.workshop-dashboard,.clean-hero-card{padding:24px;border-radius:28px}}
.field select:focus{border-color:#c99b48;box-shadow:0 0 0 4px rgba(217,177,101,.16)}.checkbox-field{margin:2px 0 16px}.checkbox-field label{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;font-weight:650;line-height:1.45;color:#374151}.checkbox-field input{width:18px;height:18px;margin-top:3px;accent-color:#c99b48}.checkbox-field a{color:#8d6022;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.mobile-sticky-cta{display:none}
@media (max-width:768px){body.has-mobile-sticky-cta{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(6,8,18,.82);box-shadow:0 18px 48px rgba(0,0,0,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-sticky-cta a{min-height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.84rem;font-weight:900;text-align:center}.mobile-sticky-cta a.primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));border-color:rgba(255,255,255,.2);color:#18120a;box-shadow:0 10px 26px rgba(217,177,101,.28)}}
.hero-home .hero-copy>.lead:not(.hero-lead-new),.hero-home .hero-trust:not(.hero-trust-new){display:none}.hero-home .hero-copy h1{font-size:clamp(2.75rem,4.4vw,4.45rem);line-height:1.02;letter-spacing:-.045em}.hero-lead-new{display:block}.hero-trust-new .trust-badge.trust-card{min-width:190px}.hero-trust-new .trust-card small{max-width:190px}.hero-proof{position:absolute;z-index:8;width:196px;min-height:112px;border-radius:14px;padding:16px;background:linear-gradient(180deg,rgba(16,22,31,.9),rgba(5,8,14,.9));border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 52px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}.hero-proof small{display:block;color:#f7d788;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.hero-proof strong{display:block;color:#fff;font-size:1.02rem;line-height:1.12;margin-bottom:7px}.hero-proof span{display:block;color:#cbd3e2;font-size:.72rem;line-height:1.35;font-weight:650}.proof-ionos{left:18px;bottom:0}.proof-mobile{left:226px;bottom:0}.proof-contact{right:42px;bottom:0}
.hero-home .hero-grid{grid-template-columns:minmax(690px,1.2fr) minmax(380px,.8fr);gap:38px}
.hero-home .hero-copy{max-width:720px}
.hero-home .hero-actions{margin-bottom:22px}
.hero-trust-line{display:inline-flex;align-items:center;gap:10px;max-width:680px;margin:0;padding:12px 15px;border:1px solid rgba(217,177,101,.28);border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#f2e5c4;font-size:.95rem;font-weight:850;line-height:1.35;backdrop-filter:blur(14px)}
.hero-trust-line:before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(217,177,101,.86)}
.trust-bar-section{position:relative;z-index:3;margin-top:-34px;padding:0 0 34px;background:linear-gradient(180deg,rgba(6,8,18,0) 0%,#f7f8fb 72%,#fff 100%)}
.trust-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(15,23,42,.13);backdrop-filter:blur(18px)}
.trust-bar-item{min-height:86px;display:flex;align-items:center;gap:11px;padding:15px 14px;border:1px solid rgba(15,23,42,.07);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.82));color:#111827}
.trust-bar-item strong{font-size:.9rem;line-height:1.22;letter-spacing:-.01em}
.trust-bar-icon{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,rgba(217,177,101,.26),rgba(217,177,101,.08));border:1px solid rgba(217,177,101,.26)}
.trust-bar-icon:before{content:"";position:absolute;left:8px;top:7px;width:9px;height:5px;border-left:2px solid #9a6d28;border-bottom:2px solid #9a6d28;transform:rotate(-45deg)}
.website-check-section{position:relative;overflow:hidden;padding:76px 0 88px;background:linear-gradient(180deg,#fff 0%,#f6f7fb 100%)}
.website-check-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(217,177,101,.12),transparent 26%),radial-gradient(circle at 86% 74%,rgba(17,24,39,.08),transparent 30%);pointer-events:none}
.website-check-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}
.website-check-copy{max-width:650px}
.website-check-copy h2{margin-bottom:18px}
.website-check-copy p{color:#596276;font-size:1.06rem;line-height:1.7;max-width:620px}
.website-check-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}
.website-check-actions span{max-width:260px;color:#6b7280;font-size:.9rem;font-weight:800;line-height:1.4}
.website-check-card{display:grid;gap:14px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:30px;background:rgba(255,255,255,.84);box-shadow:0 24px 70px rgba(15,23,42,.12);backdrop-filter:blur(18px)}
.website-check-card article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px;border:1px solid #e8ebf3;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);overflow:hidden}
.website-check-card article:after{content:"";position:absolute;right:-24px;top:-24px;width:84px;height:84px;border-radius:50%;background:rgba(217,177,101,.1)}
.website-check-card strong{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#111827;color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(17,24,39,.18)}
.website-check-card h3{position:relative;z-index:1;margin-bottom:7px;font-size:1.16rem}
.website-check-card p{position:relative;z-index:1;margin:0;color:#596276;line-height:1.55;font-size:.98rem}
@media (max-width:1050px){.hero-home .hero-copy h1{font-size:clamp(2.85rem,7vw,4.4rem)}}
@media (max-width:1050px){.hero-home .hero-grid{grid-template-columns:1fr;gap:48px}.hero-home .hero-actions{margin-bottom:24px}.trust-bar{grid-template-columns:repeat(3,1fr)}.website-check-grid{grid-template-columns:1fr;gap:28px}.website-check-copy{max-width:780px}.website-check-copy p{max-width:760px}}
@media (max-width:820px){.hero-home .hero-grid{padding-top:94px}.hero-home .hero-copy h1{font-size:clamp(2.35rem,10vw,3.6rem);line-height:1.04}.hero-home .hero-actions{margin-bottom:24px}.hero-trust-new{max-width:none}.hero-trust-new .trust-badge.trust-card{min-width:0}.hero-built{grid-template-columns:1fr;gap:10px}.hero-proof{position:relative;left:auto!important;right:auto!important;bottom:auto!important;width:100%;min-height:auto;padding:14px}.hero-proof strong{font-size:.98rem}.hero-proof span{font-size:.72rem}}
@media (max-width:620px){.hero-home .hero-copy h1{font-size:2.28rem;letter-spacing:-.035em}.hero-home .hero-copy .lead{font-size:1rem;line-height:1.48}.hero-trust-new .trust-card small{max-width:none}.hero-trust-line{display:flex;width:100%;align-items:flex-start;border-radius:16px;padding:12px 13px;font-size:.88rem}.hero-trust-line:before{margin-top:.32rem}.trust-bar-section{margin-top:-18px;padding-bottom:28px}.trust-bar{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;border-radius:18px}.trust-bar-item{min-height:76px;display:grid;grid-template-columns:auto 1fr;gap:9px;padding:12px 10px;border-radius:13px}.trust-bar-item strong{font-size:.82rem}.trust-bar-icon{width:25px;height:25px;border-radius:9px}.trust-bar-icon:before{left:7px;top:6px}.website-check-section{padding:58px 0 68px}.website-check-copy p{font-size:.98rem;line-height:1.62}.website-check-actions{align-items:stretch;gap:12px;margin-top:24px}.website-check-actions span{max-width:none;font-size:.86rem}.website-check-card{padding:10px;border-radius:22px}.website-check-card article{grid-template-columns:1fr;gap:12px;padding:20px;border-radius:18px}.website-check-card strong{width:42px;height:42px;border-radius:14px}.website-check-card h3{font-size:1.08rem}.website-check-card p{font-size:.93rem}.hero-proof{border-radius:12px}.built-phone{margin-top:10px}}
.about-33bit{position:relative;overflow:hidden;background:#050711 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff}.about-33bit:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(217,177,101,.18),transparent 28%),linear-gradient(135deg,rgba(5,7,17,.98),rgba(8,12,24,.9) 58%,rgba(5,7,17,.96));pointer-events:none}.about-33bit .container{position:relative;z-index:1}.about-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:stretch}.about-copy,.about-brand-card,.about-trust-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.about-copy{border-radius:30px;padding:34px}.about-copy h2{max-width:760px;margin-bottom:16px}.about-copy p{max-width:850px;color:#d9e0ee;font-size:1.04rem;line-height:1.7}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.about-tags span{border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);color:#f3f6fb;font-size:.84rem;font-weight:850}.about-brand-card{border-radius:30px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.about-brand-card img{width:148px;max-width:100%;margin-bottom:28px}.about-brand-card p{color:#f0dca6;font-size:1.18rem;line-height:1.45;font-weight:850}.about-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.about-trust-card{border-radius:22px;padding:24px}.about-trust-card strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:9px}.about-trust-card strong:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(217,177,101,.8);margin-right:9px}.about-trust-card p{color:#cbd3e2;line-height:1.55;font-size:.94rem}
@media (max-width:900px){.about-panel,.about-trust-grid{grid-template-columns:1fr}.about-brand-card{min-height:auto}.about-brand-card p{font-size:1.05rem}.about-tags span{font-size:.8rem}}
@media (max-width:620px){.about-copy,.about-brand-card,.about-trust-card{border-radius:20px}.about-copy{padding:24px}.about-copy p{font-size:.98rem;line-height:1.62}.about-brand-card{padding:24px}.about-brand-card img{width:130px;margin-bottom:18px}.about-tags{gap:8px}.about-tags span{width:100%;border-radius:14px}}
.demo-note,.showroom-demo-note{margin-top:18px;border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.72);color:#4b5563;font-weight:700;line-height:1.5}.demo-note{box-shadow:var(--shadow-soft)}.showroom-demo-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 24px;background:#fff;border-color:#e7eaf1;box-shadow:var(--shadow-soft)}.showroom-demo-note strong{color:#111827;white-space:nowrap}.demo-improvement-section{position:relative}.demo-improvement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.demo-improvement-grid article{position:relative;overflow:hidden;border-radius:24px;padding:24px;background:#fff;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}.demo-improvement-grid article:before{content:"";position:absolute;right:-34px;top:-34px;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--demo-accent) 24%,transparent)}.demo-improvement-grid strong{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--demo-dark);color:#fff;margin-bottom:16px;font-weight:950}.demo-improvement-grid h3{font-size:1.08rem;margin-bottom:8px}.demo-improvement-grid p{font-size:.94rem;line-height:1.55}.theme-handwerk .demo-improvement-grid article,.theme-werkstatt .demo-improvement-grid article{background:#111827;color:#fff;border-color:#26324a}.theme-handwerk .demo-improvement-grid p,.theme-werkstatt .demo-improvement-grid p{color:#cbd6e8}.theme-handwerk .demo-improvement-grid strong,.theme-werkstatt .demo-improvement-grid strong{background:var(--demo-accent);color:#16110a}.theme-gastro .demo-improvement-grid article{background:#fff8ed;border-color:#efd8bd}.theme-friseur .demo-improvement-grid article{background:#fff7fb;border-color:#eadde5}.theme-physio .demo-improvement-grid article{background:#edf8f6;border-color:#d2e9e5}.theme-reinigung .demo-improvement-grid article{background:#f4fbfd;border-color:#d8eef5}
@media (max-width:1050px){.demo-improvement-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.demo-improvement-grid{grid-template-columns:1fr}.showroom-demo-note{display:grid}.showroom-demo-note strong{white-space:normal}.demo-note{font-size:.9rem}.demo-improvement-grid article{border-radius:20px;padding:22px}}
.site-footer{border-top:1px solid rgba(255,255,255,.08)}.footer-brand p{max-width:360px;line-height:1.55}.footer-col a{width:max-content;max-width:100%}.footer-col a[href^="tel:"],.footer-col a[href^="mailto:"]{color:#ffe1a2;font-weight:850}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:0}.socials{display:none!important}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:560px}.footer-col a{padding:2px 0}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{gap:8px}.footer-col h3{margin-bottom:10px}.footer-col a{font-size:.96rem}}
.thank-you-premium{position:relative;min-height:auto;padding:82px 20px;background:#050711 url('../img/cosmic-hero.svg') center/cover no-repeat}.thank-you-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(217,177,101,.18),transparent 30%),linear-gradient(180deg,rgba(5,7,17,.96),rgba(5,7,17,.88));pointer-events:none}.thank-card-premium{position:relative;z-index:1;width:min(860px,100%);padding:42px;text-align:left}.thank-logo{width:142px;margin:0 auto 22px;display:block}.thank-card-premium .check{margin:0 0 18px}.thank-card-premium h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;margin:8px 0 16px;letter-spacing:-.04em}.thank-card-premium .lead{color:#e7edf9;max-width:700px}.thank-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.thank-steps article{border-radius:18px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.thank-steps strong{display:block;color:#f7d788;font-size:.78rem;margin-bottom:10px}.thank-steps span{display:block;color:#fff;font-weight:850;line-height:1.3}.thank-actions{justify-content:flex-start;margin:10px 0 18px}.thank-whatsapp{color:#cbd3e2;font-weight:700}.thank-whatsapp a{color:#ffe1a2;text-decoration:underline;text-underline-offset:3px;font-weight:900}
@media (max-width:820px){.thank-card-premium{padding:30px}.thank-steps{grid-template-columns:1fr 1fr}.thank-card-premium .check{margin-left:auto;margin-right:auto}.thank-card-premium{text-align:center}.thank-actions{justify-content:center}}
@media (max-width:560px){.thank-you-premium{padding:56px 14px}.thank-card-premium{padding:24px;border-radius:24px}.thank-logo{width:124px}.thank-steps{grid-template-columns:1fr;gap:10px}.thank-steps article{text-align:left}.thank-actions .btn{width:100%}.thank-whatsapp{font-size:.94rem}}

/* =========================================================
   Premium depth polish
   ========================================================= */
:root{
  --premium-shadow:0 30px 90px rgba(7,10,22,.18),0 10px 28px rgba(7,10,22,.08);
  --premium-shadow-dark:0 34px 96px rgba(0,0,0,.46),0 12px 34px rgba(0,0,0,.28);
  --premium-border:rgba(255,255,255,.16);
}
.hero-home{
  isolation:isolate;
  background:
    radial-gradient(circle at 73% 22%,rgba(241,213,143,.18),transparent 24%),
    radial-gradient(circle at 18% 14%,rgba(96,132,208,.12),transparent 28%),
    #050812 url('../img/cosmic-hero.svg') center top/cover no-repeat;
}
.hero-home:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 60% 58%,rgba(217,177,101,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%,rgba(0,0,0,.14));
  pointer-events:none;
}
.hero-home .hero-grid{z-index:2}
.hero-built:before{
  inset:-34px -42px -44px -34px;
  background:
    radial-gradient(circle at 68% 18%,rgba(248,219,151,.28),transparent 24%),
    radial-gradient(circle at 38% 70%,rgba(217,177,101,.22),transparent 38%),
    radial-gradient(circle at 82% 78%,rgba(95,125,201,.14),transparent 30%);
  filter:blur(22px);
}
.built-desktop{
  border-color:rgba(255,255,255,.34);
  box-shadow:var(--premium-shadow-dark),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(217,177,101,.08);
}
.built-desktop:after,
.built-phone:after,
.hero-proof:after,
.contact-form:after,
.price-card:after,
.industry-card:after,
.show-card:after,
.demo-card:after,
.wide-card:after,
.contact-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.built-screen{
  background:
    linear-gradient(90deg,rgba(7,12,21,.98),rgba(9,16,25,.82) 44%,rgba(9,15,21,.48) 100%),
    radial-gradient(circle at 76% 18%,rgba(241,213,143,.19),transparent 34%),
    radial-gradient(circle at 18% 88%,rgba(255,255,255,.08),transparent 26%);
}
.built-phone{
  border-color:#242d3b;
  box-shadow:0 34px 72px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.14);
}
.hero-proof{
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(180deg,rgba(20,27,39,.92),rgba(5,8,14,.91));
  box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(217,177,101,.08),inset 0 1px 0 rgba(255,255,255,.1);
}
.trust-badge.trust-card{
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));
  border-color:rgba(255,255,255,.17);
  box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.section{
  overflow:hidden;
}
.section:not(.dark):not(.contact-cta):not(.about-33bit):not(.pricing):not(.showroom-section):not(.demo-section){
  background:
    radial-gradient(circle at 8% 10%,rgba(217,177,101,.055),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f8f9fc 100%);
}
.showroom-section,
.before-after,
.content-page{
  background:
    radial-gradient(circle at 88% 8%,rgba(217,177,101,.075),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f7f8fb 100%);
}
.pricing,
.showroom-gallery,
.demo-section.alt{
  background:
    radial-gradient(circle at 12% 0%,rgba(217,177,101,.09),transparent 26%),
    linear-gradient(180deg,#f4f6fa 0%,#fff 100%);
}
.feature-card,
.industry-card,
.price-card,
.step-card,
.faq-card,
.content-card,
.show-card,
.ba-card,
.demo-card,
.wide-card,
.metric-strip div,
.service-tiles article,
.timeline-clean article,
.clean-checks article,
.reference-strip div,
.team-card{
  position:relative;
  border-color:rgba(215,221,233,.92);
  box-shadow:var(--premium-shadow);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.feature-card:hover,
.industry-card:hover,
.price-card:hover,
.step-card:hover,
.show-card:hover,
.demo-card:hover,
.wide-card:hover,
.service-tiles article:hover,
.timeline-clean article:hover{
  transform:translateY(-6px);
  border-color:rgba(217,177,101,.32);
  box-shadow:0 36px 96px rgba(7,10,22,.2),0 16px 34px rgba(7,10,22,.1);
}
.price-card.highlight{
  background:
    radial-gradient(circle at 82% 8%,rgba(217,177,101,.2),transparent 32%),
    linear-gradient(180deg,#11182a,#080c18);
  box-shadow:0 40px 110px rgba(7,10,22,.34),0 0 0 1px rgba(217,177,101,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.price-card.highlight:hover{
  box-shadow:0 46px 120px rgba(7,10,22,.42),0 0 0 1px rgba(217,177,101,.24),inset 0 1px 0 rgba(255,255,255,.1);
}
.contact-cta:before{
  background:
    radial-gradient(circle at 28% 12%,rgba(217,177,101,.18),transparent 28%),
    radial-gradient(circle at 86% 70%,rgba(95,125,201,.14),transparent 32%),
    linear-gradient(90deg,rgba(5,7,17,.97),rgba(5,7,17,.78),rgba(5,7,17,.86));
}
.contact-card,
.contact-form,
.thank-card,
.thank-card-premium,
.about-copy,
.about-brand-card,
.about-trust-card{
  position:relative;
  box-shadow:var(--premium-shadow-dark);
}
.contact-form{
  border-color:rgba(255,255,255,.42);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.96));
}
.industry-card,
.show-card,
.demo-visual,
.craft-visual,
.gastro-visual,
.beauty-frame,
.physio-card-visual,
.garage-visual,
.clean-visual,
.show-preview-frame{
  position:relative;
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 30px 82px rgba(7,10,22,.18),0 0 0 1px rgba(15,23,42,.05);
}
.industry-card img,
.show-card img,
.demo-visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(1.04) contrast(1.03);
}
.industry-card:before,
.show-card:before,
.demo-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%,rgba(6,8,18,.08));
}
.industry-card-body,
.show-card-body{position:relative;z-index:2}
.demo-hero,
.showroom-hero,
.page-hero,
.thank-you-premium,
.demo-cta{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.05);
}
.mobile-sticky-cta{
  box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);
}

@media (max-width:820px){
  .hero-home{
    background:
      radial-gradient(circle at 72% 14%,rgba(241,213,143,.15),transparent 28%),
      #050812 url('../img/cosmic-hero.svg') center top/cover no-repeat;
  }
  .hero-built:before{filter:blur(16px);opacity:.82}
  .feature-card:hover,
  .industry-card:hover,
  .price-card:hover,
  .step-card:hover,
  .show-card:hover,
  .demo-card:hover,
  .wide-card:hover,
  .service-tiles article:hover,
  .timeline-clean article:hover{
    transform:none;
  }
  .feature-card,
  .industry-card,
  .price-card,
  .step-card,
  .faq-card,
  .content-card,
  .show-card,
  .ba-card,
  .demo-card,
  .wide-card,
  .metric-strip div,
  .service-tiles article,
  .timeline-clean article,
  .clean-checks article,
  .reference-strip div,
  .team-card{
    box-shadow:0 18px 48px rgba(7,10,22,.13),0 8px 20px rgba(7,10,22,.06);
  }
}
@media (max-width:620px){
  .hero-home:before{
    background:
      radial-gradient(circle at 64% 9%,rgba(217,177,101,.12),transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.11));
  }
  .built-desktop,
  .built-phone,
  .hero-proof,
  .contact-form,
  .thank-card-premium,
  .about-copy,
  .about-brand-card,
  .about-trust-card{
    box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1);
  }
  .industry-card,
  .show-card,
  .demo-visual,
  .craft-visual,
  .gastro-visual,
  .beauty-frame,
  .physio-card-visual,
  .garage-visual,
  .clean-visual{
    border-radius:24px;
    box-shadow:0 18px 46px rgba(7,10,22,.14);
  }
  .mobile-sticky-cta{
    box-shadow:0 12px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);
  }
}

/* =========================================================
   Local image presentation polish
   ========================================================= */
.industry-grid{
  align-items:stretch;
}
.industry-card{
  padding:10px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,253,.96));
  border-radius:28px;
}
.industry-card:before{
  inset:10px;
  border-radius:20px 20px 12px 12px;
  background:
    linear-gradient(180deg,rgba(6,8,18,.22),rgba(6,8,18,.02) 42%,rgba(6,8,18,.18)),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.22),transparent 30%);
}
.industry-card:after{
  inset:10px;
  border-radius:20px 20px 12px 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(6,8,18,.08);
}
.industry-card img{
  position:relative;
  z-index:0;
  aspect-ratio:1.55;
  border-radius:20px;
  background:#0b1020;
  box-shadow:0 18px 40px rgba(7,10,22,.16);
}
.industry-card-body{
  padding:22px 14px 14px;
}
.industry-card .link-arrow{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(17,24,39,.055);
  border:1px solid rgba(17,24,39,.08);
}
.industry-card:nth-child(1){background:linear-gradient(180deg,#fff,#fbf6ed)}
.industry-card:nth-child(2){background:linear-gradient(180deg,#fff,#fff3e8)}
.industry-card:nth-child(3){background:linear-gradient(180deg,#fff,#fff4f8)}
.industry-card:nth-child(4){background:linear-gradient(180deg,#fff,#eef9f7)}
.industry-card:nth-child(5){background:linear-gradient(180deg,#fff,#f0f3fa)}
.industry-card:nth-child(6){background:linear-gradient(180deg,#fff,#f0fbff)}
.showroom-section{padding-top:90px;background:linear-gradient(180deg,#f6f7fb 0%,#fff 100%)}
.showroom-section .section-head p{max-width:700px}
.showroom-demo-note-subtle{display:inline-flex;margin:-10px 0 26px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.66);box-shadow:none;color:#6b7280;font-size:.86rem}
.showroom-demo-note-subtle strong{color:#4b5563}
.industry-card{isolation:isolate}
.industry-card img{transition:.24s ease}
.industry-card .link-arrow{margin-top:4px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.62)}
.industry-handwerk{background:linear-gradient(145deg,#101827 0%,#26303d 58%,#c8944c 100%);border-color:#2b3342;color:#fff}
.industry-handwerk p{color:#e7dfd1}.industry-handwerk .link-arrow{color:#fff;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16)}.industry-handwerk img{filter:saturate(.82) contrast(1.08);background:#151c28}
.industry-gastro{background:linear-gradient(145deg,#fff7ec 0%,#ffd9aa 48%,#8a3f22 100%);border-color:#efd0ad}.industry-gastro:after{background:linear-gradient(180deg,transparent 28%,rgba(255,248,235,.88) 72%)}
.industry-friseur{background:linear-gradient(145deg,#fff 0%,#fff5fa 45%,#e9c0d0 100%);border-color:#eadde5}.industry-friseur img{border-radius:28px 28px 42px 42px}
.industry-physio{background:linear-gradient(145deg,#f5fffc 0%,#e5f6f2 50%,#287b76 100%);border-color:#d1e9e5}.industry-physio:before{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12))}
.industry-werkstatt{background:linear-gradient(145deg,#080d18 0%,#172234 52%,#f3c14e 100%);border-color:#202b40;color:#fff}.industry-werkstatt p{color:#dce5f4}.industry-werkstatt .link-arrow{color:#111827;background:linear-gradient(135deg,var(--gold),var(--gold-2))}.industry-werkstatt img{filter:contrast(1.12) saturate(.75);background:#111827}
.industry-reinigung{background:linear-gradient(145deg,#ffffff 0%,#effcff 48%,#8ddcf0 100%);border-color:#d8eef5}.industry-reinigung:before{background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.9),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.1))}
.industry-handwerk:after,.industry-werkstatt:after{background:linear-gradient(180deg,rgba(10,14,24,.02) 20%,rgba(10,14,24,.62) 82%)}
.industry-handwerk .industry-card-body h3,.industry-werkstatt .industry-card-body h3{color:#fff}
.home-before-after{background:linear-gradient(180deg,#fff 0%,#f6f7fb 100%)}
.home-before-after .section-head{max-width:880px;margin-bottom:30px}
.home-ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.home-ba-card{position:relative;overflow:hidden;border-radius:30px;padding:30px;border:1px solid #e8ebf3;box-shadow:var(--shadow-soft)}
.home-ba-card:before{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border-radius:50%;opacity:.9}
.home-ba-label{position:relative;z-index:1;display:inline-flex;margin-bottom:22px;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.home-ba-card ul{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.home-ba-card li{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;font-weight:780;line-height:1.45}
.home-ba-card li:before{font-weight:950;line-height:1.35}
.home-ba-before{background:linear-gradient(145deg,#f3f4f7,#ffffff);color:#253047}
.home-ba-before:before{background:rgba(17,24,39,.08)}
.home-ba-before .home-ba-label{background:#111827;color:#fff}
.home-ba-before li{color:#4e5870}
.home-ba-before li:before{content:"–";color:#7a8194}
.home-ba-after{background:linear-gradient(145deg,#080b16 0%,#151d2e 58%,#d9b165 100%);border-color:rgba(217,177,101,.35);color:#fff;box-shadow:0 28px 76px rgba(7,10,22,.22)}
.home-ba-after:before{background:rgba(217,177,101,.22);box-shadow:0 0 80px rgba(217,177,101,.2)}
.home-ba-after .home-ba-label{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#18120a}
.home-ba-after li{color:#eef3fb}
.home-ba-after li:before{content:"✓";color:var(--gold)}
.home-ba-actions{display:flex;justify-content:center;margin-top:28px}
.services-section .section-head p{max-width:680px}
.services-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:linear-gradient(180deg,#fff,#fbfcff)}
.service-card h3{font-size:1.08rem;line-height:1.34;letter-spacing:-.02em;margin:0}
.service-card .feature-icon{margin-bottom:24px}
.service-card:nth-child(2n) .feature-icon{background:linear-gradient(135deg,rgba(17,24,39,.08),rgba(217,177,101,.08));color:#111827}
.service-card:nth-child(6){background:linear-gradient(145deg,#101827,#1b2536);color:#fff;border-color:rgba(217,177,101,.26)}
.service-card:nth-child(6) .feature-icon{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#18120a}
@media (max-width:1050px){.services-grid{grid-template-columns:repeat(2,1fr)}}
.pricing .section-head p{max-width:680px}
.pricing .price-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.pricing .price-card{padding:32px;border-radius:30px}
.pricing .price-card h3{font-size:1.38rem;margin-bottom:12px}
.pricing .ideal-for{min-height:86px;color:#596276;line-height:1.58;margin:0}
.pricing .price{font-size:2.25rem;letter-spacing:-.035em;margin:24px 0 20px}
.pricing .price-card ul{margin-bottom:30px}
.pricing .price-card li{line-height:1.45}
.pricing .price-card.highlight{transform:translateY(-8px)}
.pricing .popular{right:24px;top:22px;background:rgba(217,177,101,.14);border:1px solid rgba(217,177,101,.32);color:#f8d98d}
.pricing-note{margin:24px auto 0;max-width:780px;text-align:center;color:#596276;font-weight:800;background:rgba(255,255,255,.72);border:1px solid #e8ebf3;border-radius:999px;padding:13px 18px;box-shadow:var(--shadow-soft)}
@media (max-width:1050px){.pricing .price-grid{grid-template-columns:1fr}.pricing .price-card.highlight{transform:none}.pricing .ideal-for{min-height:auto}}
.personal-section{overflow:hidden;background:#050711 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff}
.personal-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(217,177,101,.18),transparent 30%),linear-gradient(135deg,rgba(5,7,17,.97),rgba(10,15,28,.9) 58%,rgba(5,7,17,.97));pointer-events:none}
.personal-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.personal-copy{max-width:720px}
.personal-copy h2{margin-bottom:18px}
.personal-copy p{color:#d9e0ee;font-size:1.06rem;line-height:1.72;max-width:700px}
.personal-list{list-style:none;margin:28px 0 30px;padding:0;display:grid;gap:12px}
.personal-list li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:#f3f6fb;font-weight:850;line-height:1.45}
.personal-list li:before{content:"";width:9px;height:9px;margin-top:.48rem;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(217,177,101,.8)}
.personal-profile-card{position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));box-shadow:0 28px 86px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.personal-profile-card img{position:relative;z-index:2;width:152px;margin-bottom:26px}
.personal-profile-card p{position:relative;z-index:2;color:#f1dca5;font-size:1.18rem;line-height:1.45;font-weight:850;max-width:360px}
.profile-signals{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.profile-signals span{border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);color:#f3f6fb;font-size:.82rem;font-weight:850}
.profile-orbit{position:absolute;inset:0;opacity:.95}
.profile-orbit:before{content:"";position:absolute;right:-72px;top:-72px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(217,177,101,.2)}
.profile-orbit span{position:absolute;border-radius:50%}
.profile-orbit span:nth-child(1){right:66px;top:70px;width:110px;height:110px;background:radial-gradient(circle,rgba(217,177,101,.28),rgba(217,177,101,.04) 62%,transparent 64%)}
.profile-orbit span:nth-child(2){left:42px;top:54px;width:58px;height:58px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
.profile-orbit span:nth-child(3){right:36px;bottom:44px;width:72px;height:72px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
@media (max-width:1050px){.personal-grid{grid-template-columns:1fr}.personal-profile-card{min-height:340px}}
.contact-copy .lead{max-width:640px}
.contact-benefits{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.contact-benefits li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:#eef3fb;font-weight:850;line-height:1.45}
.contact-benefits li:before{content:"";width:9px;height:9px;margin-top:.48rem;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(217,177,101,.82)}
.compact-contact-methods{grid-template-columns:1fr 1fr;margin-top:26px}
.compact-contact-methods .contact-card{min-height:94px}
.contact-form .form-grid{gap:16px}
.contact-form .field{margin-bottom:0}
.contact-form .field input,.contact-form .field textarea,.contact-form .field select{min-height:54px;border-radius:18px;padding:15px 16px}
.contact-form .field textarea{min-height:150px}
.contact-form .btn-full{margin-top:4px;min-height:56px}
.contact-form .form-note{line-height:1.5}
@media (max-width:1050px){.compact-contact-methods{grid-template-columns:1fr 1fr}}

.show-card.unique{
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 34px 90px rgba(7,10,22,.2),0 0 0 1px rgba(15,23,42,.05);
}
.show-card.unique:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.36),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(0,0,0,.12),transparent 34%);
}
.show-card.unique:after{
  z-index:3;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(6,8,18,.12);
}
.show-card.unique .show-card-body,
.show-card.unique .show-card-scene{
  position:relative;
  z-index:2;
}
.show-card.unique .btn{
  min-height:44px;
  padding-inline:17px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.55);
  color:#111827;
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.55);
}
.show-handwerk .btn,
.show-werkstatt .btn{
  background:linear-gradient(135deg,#f7d788,#d9b165);
  border-color:rgba(255,255,255,.2);
  color:#17110a;
}
.show-card-scene:before{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:32px;
  background:
    radial-gradient(circle at 42% 28%,rgba(255,255,255,.34),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.show-preview-frame{
  transform:rotate(var(--rot,-2deg)) translateY(-2px);
  box-shadow:0 32px 78px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.36);
}
.show-preview-frame:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 34%,rgba(255,255,255,.08));
  pointer-events:none;
  z-index:2;
}
.show-preview-top{
  position:relative;
}
.show-preview-top:before{
  content:"";
  position:absolute;
  left:14px;
  top:13px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff6b6b;
  box-shadow:14px 0 #f7d788,28px 0 #68d391;
}
.show-preview-hero:before{
  content:"";
  position:absolute;
  inset:18px auto auto 18px;
  width:46%;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  box-shadow:0 18px 0 rgba(255,255,255,.34),0 36px 0 rgba(255,255,255,.22);
}
.show-mobile-mini{
  box-shadow:0 22px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14);
}
.show-mobile-mini:before{
  content:"";
  position:absolute;
  left:50%;
  top:8px;
  width:22px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  transform:translateX(-50%);
}

.hero-built{
  perspective:1100px;
}
.built-desktop{
  transform:rotateX(1.2deg) rotateY(-2deg);
  transform-origin:center;
}
.built-desktop:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:4;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(110deg,rgba(255,255,255,.22),transparent 24%,transparent 74%,rgba(255,255,255,.08)),
    radial-gradient(circle at 80% 10%,rgba(241,213,143,.16),transparent 28%);
  mix-blend-mode:screen;
}
.built-phone{
  transform:translateZ(0) rotate(-1deg);
}
.built-phone:hover,
.built-desktop:hover{
  filter:brightness(1.03);
}

@media (max-width:820px){
  .industry-card{
    padding:9px;
    border-radius:24px;
  }
  .industry-card img{
    aspect-ratio:1.68;
    border-radius:18px;
  }
  .industry-card-body{
    padding:20px 12px 12px;
  }
  .show-card.unique .btn{
    width:auto;
  }
  .show-card-scene{
    padding:20px;
  }
  .show-card-scene:before{
    inset:18px;
  }
  .built-desktop{
    transform:none;
  }
}
@media (max-width:620px){
  .industry-card{
    padding:8px;
  }
  .industry-card:before,
  .industry-card:after{
    inset:8px;
    border-radius:18px 18px 12px 12px;
  }
  .industry-card img{
    aspect-ratio:1.72;
    max-height:230px;
  }
  .home-before-after .section-head{
    margin-bottom:24px;
  }
  .home-ba-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .home-ba-card{
    border-radius:22px;
    padding:24px;
  }
  .home-ba-card ul{
    gap:12px;
  }
  .home-ba-card li{
    font-size:.95rem;
  }
  .home-ba-actions .btn{
    width:100%;
  }
  .services-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .service-card{
    min-height:auto;
    padding:22px;
  }
  .service-card .feature-icon{
    margin-bottom:18px;
  }
  .pricing .price-card{
    padding:26px;
    border-radius:24px;
  }
  .pricing .price{
    font-size:2rem;
  }
  .pricing-note{
    border-radius:18px;
    text-align:left;
    font-size:.9rem;
  }
  .personal-grid{
    gap:22px;
  }
  .personal-copy p{
    font-size:.98rem;
    line-height:1.62;
  }
  .personal-list{
    margin:22px 0 24px;
  }
  .personal-copy .btn{
    width:100%;
  }
  .personal-profile-card{
    min-height:300px;
    border-radius:24px;
    padding:26px;
  }
  .personal-profile-card img{
    width:132px;
    margin-bottom:20px;
  }
  .personal-profile-card p{
    font-size:1.04rem;
  }
  .profile-signals span{
    font-size:.78rem;
  }
  .contact-benefits{
    gap:10px;
    margin-top:22px;
  }
  .compact-contact-methods{
    grid-template-columns:1fr;
    gap:10px;
  }
  .contact-form .field input,
  .contact-form .field textarea,
  .contact-form .field select{
    min-height:52px;
    border-radius:16px;
  }
  .contact-form .field textarea{
    min-height:132px;
  }
  .show-card.unique{
    min-height:auto;
    border-radius:26px;
  }
  .show-card.unique .show-card-body{
    padding:24px;
  }
  .show-card.unique .btn{
    width:100%;
    justify-content:center;
  }
  .show-card-scene{
    min-height:210px;
    padding:18px;
  }
  .show-preview-frame{
    max-width:235px;
  }
  .show-mobile-mini{
    right:18px;
    bottom:22px;
    width:58px;
    height:112px;
  }
}

/* =========================================================
   Showroom branch individuality polish
   ========================================================= */
.demo-v2 main{
  background:
    radial-gradient(circle at 8% 6%,rgba(217,177,101,.055),transparent 28%),
    linear-gradient(180deg,#fff,#f8f9fc 42%,#fff);
}
.demo-v2 .demo-section{
  position:relative;
}
.demo-v2 .demo-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 86% 12%,var(--section-glow,rgba(217,177,101,.07)),transparent 28%);
}
.demo-v2 .demo-section>.container{
  position:relative;
  z-index:1;
}
.craft-hero,
.gastro-hero-v2,
.beauty-hero,
.physio-hero-v2,
.garage-hero,
.clean-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.craft-hero:before,
.gastro-hero-v2:before,
.beauty-hero:before,
.physio-hero-v2:before,
.garage-hero:before,
.clean-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.craft-hero:before{
  background:
    radial-gradient(circle at 76% 18%,rgba(217,162,78,.28),transparent 25%),
    linear-gradient(105deg,rgba(12,17,26,.92),rgba(44,33,23,.78));
}
.gastro-hero-v2:before{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,220,158,.45),transparent 27%),
    radial-gradient(circle at 10% 82%,rgba(122,53,31,.12),transparent 30%);
}
.beauty-hero:before{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.48),transparent 25%),
    radial-gradient(circle at 12% 78%,rgba(85,52,71,.12),transparent 30%);
}
.physio-hero-v2:before{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.48),transparent 26%),
    linear-gradient(135deg,rgba(237,248,246,.72),rgba(207,238,233,.72));
}
.garage-hero:before{
  background:
    radial-gradient(circle at 72% 18%,rgba(242,194,75,.18),transparent 24%),
    linear-gradient(115deg,rgba(11,16,32,.94),rgba(28,37,53,.78));
}
.clean-hero:before{
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.8),transparent 24%),
    radial-gradient(circle at 12% 82%,rgba(72,183,219,.13),transparent 30%);
}
.craft-hero .split-section,
.gastro-hero-v2 .split-section,
.beauty-hero .split-section,
.physio-hero-v2 .split-section,
.garage-hero .split-section,
.clean-hero .split-section{
  gap:54px;
}
.demo-kicker{
  border:1px solid color-mix(in srgb,var(--demo-accent) 34%,transparent);
  box-shadow:0 12px 28px color-mix(in srgb,var(--demo-accent) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.3);
}
.craft-visual,
.gastro-visual,
.beauty-frame,
.physio-card-visual,
.garage-visual,
.clean-visual{
  transform:translateY(4px);
  border:1px solid rgba(255,255,255,.46);
  box-shadow:
    0 38px 100px rgba(7,10,22,.24),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(15,23,42,.06);
}
.craft-visual:before,
.gastro-visual:before,
.beauty-frame:before,
.physio-card-visual:before,
.garage-visual:before,
.clean-visual:before{
  z-index:1;
}
.craft-visual:after,
.gastro-visual:after,
.beauty-frame:after,
.physio-card-visual:after,
.garage-visual:after,
.clean-visual:after{
  z-index:2;
}
.craft-visual{background:linear-gradient(135deg,#171d27,#4c3924 48%,#d39a4c)}
.craft-visual .unused{display:none}
.craft-visual:before{
  box-shadow:-150px 22px 0 rgba(255,255,255,.14),0 32px 70px rgba(0,0,0,.36);
}
.gastro-visual{
  background:
    radial-gradient(circle at 62% 32%,#fff3bf,transparent 18%),
    radial-gradient(circle at 38% 68%,rgba(255,255,255,.26),transparent 18%),
    linear-gradient(135deg,#6d2d1b,#e9a66b);
}
.gastro-visual:before{
  text-shadow:0 20px 44px rgba(0,0,0,.28);
}
.beauty-frame{
  background:
    radial-gradient(circle at 78% 22%,rgba(255,255,255,.28),transparent 28%),
    linear-gradient(135deg,#2b1724,#7e425e 46%,#dda9bd);
}
.beauty-frame:before{
  box-shadow:-95px 36px 0 rgba(255,255,255,.12),-170px 148px 0 rgba(255,255,255,.08);
}
.physio-card-visual{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.2),transparent 28%),
    linear-gradient(135deg,#0e3034,#2f9a92);
}
.physio-card-visual:before{
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
.garage-visual{
  background:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(135deg,#151d2b,#26344b 52%,#495d7e);
}
.garage-visual:before{
  box-shadow:0 42px 0 -26px #f2c24b,0 26px 64px rgba(0,0,0,.42);
}
.clean-visual{
  background:
    radial-gradient(circle at 20% 22%,rgba(255,255,255,.86),transparent 24%),
    linear-gradient(135deg,#ffffff,#bceffd 48%,#48b7db);
}
.clean-visual:before{
  filter:drop-shadow(0 22px 34px rgba(72,183,219,.2));
}

.theme-handwerk{--section-glow:rgba(217,162,78,.095)}
.theme-gastro{--section-glow:rgba(217,139,78,.12)}
.theme-friseur{--section-glow:rgba(221,169,189,.14)}
.theme-physio{--section-glow:rgba(47,154,146,.11)}
.theme-werkstatt{--section-glow:rgba(242,194,75,.09)}
.theme-reinigung{--section-glow:rgba(72,183,219,.12)}

.theme-handwerk .service-tiles article,
.theme-handwerk .timeline-clean article{
  background:linear-gradient(180deg,#171d27,#10151d);
  color:#fff;
  border-color:#303746;
}
.theme-handwerk .service-tiles p,
.theme-handwerk .timeline-clean p{color:#cdd5e3}
.theme-handwerk .service-tiles strong,
.theme-handwerk .timeline-clean article:before{
  background:#d9a24e;
  color:#17110a;
}
.theme-gastro .menu-board{
  background:
    radial-gradient(circle at 80% 0%,rgba(255,224,178,.16),transparent 30%),
    linear-gradient(180deg,#351b10,#26120b);
  border:1px solid rgba(255,224,178,.18);
  box-shadow:0 34px 90px rgba(78,31,14,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
.theme-gastro .opening-card,
.theme-gastro .reservation-panel,
.theme-gastro .demo-improvement-grid article{
  background:linear-gradient(180deg,#fffaf2,#fff1df);
  border-color:#efd3ad;
}
.theme-friseur .service-tiles article,
.theme-friseur .price-list article,
.theme-friseur .team-card{
  background:linear-gradient(180deg,#fff,#fff6fa);
  border-color:#ead4df;
}
.theme-friseur .service-tiles strong{
  border-radius:50% 50% 18px 18px;
  background:#2b1724;
  color:#fff;
}
.theme-friseur .team-card .avatar{
  background:
    radial-gradient(circle at 64% 18%,rgba(255,255,255,.45),transparent 28%),
    linear-gradient(135deg,#2b1724,#dda9bd);
}
.theme-physio .info-panel,
.theme-physio .wide-card,
.theme-physio .therapy-path article,
.theme-physio .timeline-clean article{
  background:linear-gradient(180deg,#ffffff,#f1fbf9);
  border-color:#cde8e3;
}
.theme-physio .therapy-path strong,
.theme-physio .timeline-clean article:before{
  background:#2f9a92;
}
.theme-werkstatt .service-bar article,
.theme-werkstatt .workshop-dashboard,
.theme-werkstatt .demo-improvement-grid article{
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/22px 22px,
    linear-gradient(180deg,#121a2a,#0b1020);
  border-color:#2d3850;
  color:#fff;
}
.theme-werkstatt .service-bar p,
.theme-werkstatt .demo-improvement-grid p{color:#cbd6e8}
.theme-werkstatt .demo-improvement-grid strong{
  background:#f2c24b;
  color:#17110a;
}
.theme-reinigung .reference-strip div,
.theme-reinigung .clean-checks article,
.theme-reinigung .timeline-clean article,
.theme-reinigung .demo-improvement-grid article{
  background:
    radial-gradient(circle at 86% 8%,rgba(255,255,255,.9),transparent 28%),
    linear-gradient(180deg,#fff,#f3fcff);
  border-color:#cdeef6;
}
.theme-reinigung .timeline-clean article:before{
  background:#48b7db;
  color:#073245;
}

.demo-cta.branch{
  padding:88px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.demo-cta.branch:before{
  inset:-90px;
  background:
    radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--demo-accent) 34%,transparent),transparent 30%),
    radial-gradient(circle at 86% 64%,rgba(255,255,255,.08),transparent 26%),
    linear-gradient(135deg,var(--demo-dark),#050711);
}
.demo-cta.branch .container{
  max-width:900px;
}
.demo-cta.branch h2{
  font-size:clamp(2.1rem,4.2vw,4rem);
}
.demo-cta.branch .btn{
  border-radius:999px;
  box-shadow:0 18px 46px color-mix(in srgb,var(--demo-accent) 26%,transparent),inset 0 1px 0 rgba(255,255,255,.24);
}
.theme-gastro .demo-cta.branch{--demo-dark:#2b1710}
.theme-friseur .demo-cta.branch{--demo-dark:#2b1724}
.theme-physio .demo-cta.branch{--demo-dark:#0e3034}
.theme-reinigung .demo-cta.branch{--demo-dark:#0a3950}

.showroom-hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(217,177,101,.2),transparent 25%),
    radial-gradient(circle at 20% 80%,rgba(72,183,219,.09),transparent 28%),
    #060812 url('../img/cosmic-hero.svg') center/cover no-repeat;
}
.showroom-grid.premium-showroom{
  gap:30px;
}
.show-card.unique{
  min-height:330px;
}
.show-card.unique h3{
  margin-top:14px;
}
.show-card.unique .btn:after{
  content:"";
  width:7px;
  height:7px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
  margin-left:8px;
}
.show-handwerk .show-card-scene:before{background:linear-gradient(135deg,rgba(217,162,78,.24),rgba(17,24,39,.12))}
.show-gastro .show-card-scene:before{background:linear-gradient(135deg,rgba(255,224,178,.42),rgba(122,53,31,.12))}
.show-friseur .show-card-scene:before{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(221,169,189,.26))}
.show-physio .show-card-scene:before{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(47,154,146,.22))}
.show-werkstatt .show-card-scene:before{background:linear-gradient(135deg,rgba(242,194,75,.14),rgba(17,24,39,.2))}
.show-reinigung .show-card-scene:before{background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(72,183,219,.24))}

@media (max-width:820px){
  .craft-hero .split-section,
  .gastro-hero-v2 .split-section,
  .beauty-hero .split-section,
  .physio-hero-v2 .split-section,
  .garage-hero .split-section,
  .clean-hero .split-section{
    gap:30px;
  }
  .craft-visual,
  .gastro-visual,
  .beauty-frame,
  .physio-card-visual,
  .garage-visual,
  .clean-visual{
    transform:none;
  }
  .demo-cta.branch{
    padding:68px 0;
  }
}
@media (max-width:620px){
  .craft-hero,
  .gastro-hero-v2,
  .beauty-hero,
  .physio-hero-v2,
  .garage-hero,
  .clean-hero{
    padding:78px 0 52px;
  }
  .demo-v2 .hero-actions{
    gap:10px;
  }
  .demo-v2 .demo-badges span{
    width:auto;
  }
  .craft-visual,
  .gastro-visual,
  .beauty-frame,
  .physio-card-visual,
  .garage-visual,
  .clean-visual{
    min-height:270px;
    max-height:320px;
  }
  .demo-cta.branch{
    padding:58px 0;
  }
  .demo-cta.branch h2{
    font-size:2rem;
  }
}

/* Mobile conversion polish */
@media (max-width:768px){
  body.has-mobile-sticky-cta{
    padding-bottom:calc(82px + env(safe-area-inset-bottom));
  }
  .mobile-sticky-cta{
    left:10px;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    grid-template-columns:1.35fr 1fr 1fr;
    gap:7px;
    padding:7px;
    border-radius:18px;
  }
  .mobile-sticky-cta a{
    min-height:42px;
    border-radius:13px;
    font-size:.78rem;
  }
}

@media (max-width:620px){
  .hero-home .hero-grid{
    gap:22px;
    padding:86px 0 36px;
  }
  .hero-home .hero-copy h1{
    font-size:2.05rem;
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .hero-home .hero-copy .lead{
    font-size:.98rem;
    line-height:1.55;
  }
  .hero-home .hero-actions{
    gap:10px;
    margin:24px 0 16px;
  }
  .hero-home .btn{
    min-height:52px;
    padding:14px 16px;
  }
  .hero-built{
    gap:10px;
    margin-top:4px;
  }
  .hero-built:before{
    inset:-12px;
    opacity:.55;
    filter:blur(14px);
  }
  .built-desktop,
  .hero-proof{
    display:none;
  }
  .built-phone{
    width:142px;
    min-height:226px;
    padding:28px 15px 13px;
  }
  .built-phone h4{
    font-size:.86rem;
  }
  .trust-bar-section{
    margin-top:0;
    padding-bottom:24px;
  }
  .section{
    padding:60px 0;
  }
  .website-check-section{
    padding:54px 0 62px;
  }
  .showroom-section{
    padding-top:62px;
  }
  .section-head{
    margin-bottom:28px;
  }
  .industry-card-body,
  .pricing .price-card,
  .contact-form{
    overflow-wrap:anywhere;
  }
  .contact-form{
    padding:18px;
  }
}

.footer-local{
  display:block;
  max-width:260px;
  margin-top:10px;
  color:#aeb7ca;
  font-size:.9rem;
  line-height:1.45;
}

/* Header, Hero and Trust-Bar cleanup v02 */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  width:100%;
  margin:0;
  transform:none;
  background:rgba(5,8,18,.82);
  border-bottom:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(18px);
}
.site-header .container,
.hero-home .container,
.trust-bar-section .container{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding-left:32px;
  padding-right:32px;
}
.nav-wrap{
  height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding-top:0;
  padding-bottom:0;
}
.brand{
  display:flex;
  align-items:center;
  min-width:138px;
  flex:0 0 auto;
}
.brand img{
  width:150px;
  max-width:100%;
  height:auto;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex:1 1 auto;
  min-width:0;
}
.main-nav a{
  white-space:nowrap;
}
.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.menu-toggle{
  margin:0;
  transform:none;
}
.hero-home{
  position:relative;
  min-height:calc(100vh - 82px);
  overflow:hidden;
  border-bottom:0;
  background:
    radial-gradient(circle at 74% 16%,rgba(217,177,101,.16),transparent 25%),
    radial-gradient(circle at 18% 78%,rgba(72,183,219,.08),transparent 26%),
    #050812 url('../img/cosmic-hero.svg') center/cover no-repeat;
}
.hero-home:before{
  content:"";
  position:absolute;
  right:max(-140px,-5vw);
  top:9%;
  width:min(520px,34vw);
  aspect-ratio:1;
  border-radius:50%;
  border:34px solid rgba(217,177,101,.16);
  box-shadow:0 0 80px rgba(217,177,101,.12);
  transform:rotate(-18deg);
  pointer-events:none;
}
.hero-home:after{
  background:linear-gradient(90deg,rgba(5,8,18,.97),rgba(5,8,18,.84) 48%,rgba(5,8,18,.62));
}
.hero-home .hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,560px);
  gap:56px;
  align-items:center;
  min-height:calc(100vh - 82px);
  padding-top:74px;
  padding-bottom:74px;
}
.hero-home .hero-copy{
  max-width:680px;
  align-self:center;
}
.hero-home .hero-copy h1{
  max-width:680px;
  margin-bottom:24px;
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
}
.hero-home .hero-copy .lead{
  max-width:650px;
  font-size:clamp(1.04rem,1.28vw,1.18rem);
  line-height:1.62;
  color:#edf3ff;
}
.hero-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:32px 0 22px;
}
.hero-home .btn{
  min-height:50px;
}
.hero-trust-line{
  max-width:680px;
  margin-top:0;
}
.hero-visual{
  position:relative;
  width:100%;
  max-width:560px;
  justify-self:end;
  margin:0;
  transform:none;
  perspective:none;
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:-34px -26px 36px;
  border-radius:38px;
  background:
    radial-gradient(circle at 78% 12%,rgba(217,177,101,.24),transparent 34%),
    radial-gradient(circle at 18% 86%,rgba(72,183,219,.14),transparent 36%);
  filter:blur(12px);
  opacity:.72;
  pointer-events:none;
}
.web-preview{
  position:relative;
  z-index:2;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(180deg,rgba(20,26,39,.94),rgba(7,10,19,.96));
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);
}
.web-preview-bar{
  display:flex;
  gap:8px;
  align-items:center;
  height:42px;
  padding:0 18px;
  background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.web-preview-bar span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d76d68;
}
.web-preview-bar span:nth-child(2){background:#d7af63}
.web-preview-bar span:nth-child(3){background:#6bb984}
.web-preview-screen{
  position:relative;
  min-height:420px;
  padding:28px;
  background:
    radial-gradient(circle at 86% 18%,rgba(217,177,101,.2),transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.web-preview-screen:before{
  content:"33bit";
  position:absolute;
  right:26px;
  bottom:22px;
  color:rgba(255,255,255,.055);
  font-size:5.6rem;
  font-weight:950;
  letter-spacing:-.08em;
  pointer-events:none;
}
.web-preview-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:50px;
}
.web-preview-brand{
  color:#fff;
  font-size:.82rem;
  font-weight:950;
  letter-spacing:.02em;
}
.web-preview-brand:before{
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-right:8px;
  border-radius:50%;
  border:2px solid var(--gold-2);
  vertical-align:-2px;
  box-shadow:0 0 16px rgba(241,213,143,.28);
}
.web-preview-nav{
  display:flex;
  gap:14px;
  color:#c8d1e2;
  font-size:.68rem;
  font-weight:800;
}
.web-preview-hero{
  position:relative;
  z-index:1;
  max-width:370px;
}
.web-preview-hero span{
  display:block;
  margin-bottom:12px;
  color:var(--gold-2);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.web-preview-hero strong{
  display:block;
  color:#fff;
  font-size:clamp(2rem,3.4vw,3.2rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.web-preview-hero p{
  max-width:315px;
  margin:16px 0 20px;
  color:#d8e0ef;
  font-size:.94rem;
  line-height:1.5;
}
.web-preview-hero i{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#f6daa0,#d8a94f);
  color:#1b1308;
  font-size:.78rem;
  font-style:normal;
  font-weight:950;
  box-shadow:0 14px 34px rgba(217,177,101,.22);
}
.web-preview-blocks{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:38px;
}
.web-preview-blocks span{
  display:block;
  min-height:74px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
}
.hero-feature-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.hero-feature-card{
  min-height:104px;
  padding:15px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(20,27,39,.9),rgba(8,11,19,.92));
  box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.hero-feature-card small{
  display:block;
  margin-bottom:8px;
  color:#f7d788;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.07em;
  line-height:1.2;
  text-transform:uppercase;
}
.hero-feature-card strong{
  display:block;
  color:#fff;
  font-size:.94rem;
  line-height:1.2;
}
.trust-bar-section{
  position:relative;
  z-index:3;
  margin-top:-34px;
  padding:0 0 48px;
  background:linear-gradient(180deg,rgba(6,8,18,0) 0%,#f7f8fb 66%,#fff 100%);
}
.trust-bar{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(15,23,42,.13);
  backdrop-filter:blur(18px);
}
.trust-bar-item{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 12px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.84));
  color:#111827;
}
.trust-bar-item strong{
  font-size:.86rem;
  line-height:1.22;
  letter-spacing:-.01em;
}
.trust-bar-icon{
  position:relative;
  flex:0 0 auto;
  width:27px;
  height:27px;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(217,177,101,.26),rgba(217,177,101,.08));
  border:1px solid rgba(217,177,101,.26);
}
.trust-bar-icon:before{
  content:"";
  position:absolute;
  left:8px;
  top:7px;
  width:9px;
  height:5px;
  border-left:2px solid #9a6d28;
  border-bottom:2px solid #9a6d28;
  transform:rotate(-45deg);
}

@media (min-width:1600px){
  .site-header .container,
  .hero-home .container,
  .trust-bar-section .container{
    max-width:1320px;
  }
  .hero-home .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,600px);
    gap:70px;
  }
  .hero-visual{
    max-width:600px;
  }
}

@media (min-width:2200px){
  .site-header .container,
  .hero-home .container,
  .trust-bar-section .container{
    max-width:1440px;
  }
  .hero-home .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(520px,620px);
    gap:82px;
  }
  .hero-visual{
    max-width:620px;
  }
}

@media (max-width:1100px){
  .main-nav{
    gap:16px;
    font-size:.88rem;
  }
  .nav-actions .btn{
    padding-left:16px;
    padding-right:16px;
  }
  .hero-home .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,500px);
    gap:42px;
  }
  .trust-bar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .site-header .container,
  .hero-home .container,
  .trust-bar-section .container{
    padding-left:20px;
    padding-right:20px;
  }
  .nav-wrap{
    height:74px;
  }
  .main-nav{
    position:fixed;
    left:18px;
    right:18px;
    top:86px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(7,10,20,.96);
    box-shadow:0 22px 60px rgba(0,0,0,.34);
  }
  .main-nav.is-open,
  .main-nav.open{
    display:flex;
  }
  .main-nav a{
    padding:13px 12px;
  }
  .nav-actions .btn{
    display:none;
  }
  .menu-toggle{
    display:block;
  }
  .hero-home{
    min-height:0;
  }
  .hero-home:before{
    right:-160px;
    top:14%;
    width:360px;
    opacity:.6;
  }
  .hero-home .hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    gap:30px;
    padding-top:92px;
    padding-bottom:46px;
  }
  .hero-home .hero-copy,
  .hero-home .hero-copy h1,
  .hero-home .hero-copy .lead,
  .hero-trust-line{
    max-width:720px;
  }
  .hero-visual{
    justify-self:stretch;
    max-width:640px;
    margin:0 auto;
  }
  .web-preview-screen{
    min-height:360px;
  }
  .trust-bar-section{
    margin-top:0;
    padding:26px 0 44px;
    background:#f7f8fb;
  }
}

@media (max-width:620px){
  .site-header .container,
  .hero-home .container,
  .trust-bar-section .container{
    padding-left:16px;
    padding-right:16px;
  }
  .brand img{
    width:132px;
  }
  .hero-home .hero-grid{
    padding-top:82px;
    padding-bottom:38px;
    gap:24px;
  }
  .hero-home .hero-copy h1{
    font-size:clamp(32px,9vw,42px);
    line-height:1.06;
    letter-spacing:-.035em;
  }
  .hero-home .hero-copy .lead{
    font-size:.98rem;
    line-height:1.55;
  }
  .hero-home .hero-actions{
    align-items:stretch;
    gap:10px;
    margin:24px 0 16px;
  }
  .hero-home .hero-actions .btn{
    width:100%;
    justify-content:center;
    min-height:52px;
    padding:14px 16px;
  }
  .hero-trust-line{
    font-size:.88rem;
  }
  .web-preview{
    border-radius:20px;
  }
  .web-preview-screen{
    min-height:auto;
    padding:20px;
  }
  .web-preview-top{
    align-items:flex-start;
    margin-bottom:34px;
  }
  .web-preview-nav{
    display:none;
  }
  .web-preview-hero strong{
    font-size:2rem;
  }
  .web-preview-hero p{
    font-size:.88rem;
  }
  .web-preview-blocks{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:24px;
  }
  .web-preview-blocks span{
    min-height:48px;
  }
  .hero-feature-grid{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:10px;
  }
  .hero-feature-card{
    min-height:auto;
    padding:13px 14px;
  }
  .trust-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:8px;
    border-radius:18px;
  }
  .trust-bar-item{
    min-height:68px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:9px;
    padding:11px 9px;
    border-radius:13px;
  }
  .trust-bar-item strong{
    font-size:.8rem;
    line-height:1.18;
  }
  .trust-bar-icon{
    width:24px;
    height:24px;
    border-radius:8px;
  }
  .trust-bar-icon:before{
    left:7px;
    top:6px;
  }
}

@media (max-width:380px){
  .trust-bar{
    grid-template-columns:1fr;
  }
}

/* Premium conversion polish v03 */
.hero-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.hero-badge-row span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
  color:#f3f6fb;
  font-size:.84rem;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.problem-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%,rgba(217,177,101,.12),transparent 25%),
    linear-gradient(180deg,#fff,#f6f7fb);
}
.problem-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72));
  pointer-events:none;
}
.problem-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:42px;
  align-items:center;
}
.problem-copy h2{
  max-width:760px;
}
.problem-copy p{
  max-width:720px;
  color:#4b5567;
  font-size:1.06rem;
  line-height:1.72;
}
.problem-copy .btn{
  margin-top:22px;
}
.problem-list{
  display:grid;
  gap:12px;
}
.problem-list article{
  position:relative;
  padding:18px 18px 18px 48px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 42px rgba(15,23,42,.08);
}
.problem-list article:before{
  content:"";
  position:absolute;
  left:18px;
  top:21px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,#f6daa0,#d8a94f);
  box-shadow:0 0 0 7px rgba(217,177,101,.12);
}
.problem-list strong{
  display:block;
  color:#111827;
  font-size:1rem;
  margin-bottom:5px;
}
.problem-list span{
  color:#5d6678;
  font-size:.94rem;
  line-height:1.45;
}
.website-check-section{
  background:linear-gradient(180deg,#f6f7fb,#fff);
}
.website-check-copy p{
  font-size:1.05rem;
  line-height:1.7;
}
.home-ba-grid{
  align-items:stretch;
}
.home-ba-card{
  overflow:hidden;
}
.ba-mini-screen{
  position:relative;
  display:grid;
  gap:10px;
  min-height:150px;
  margin:14px 0 22px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.ba-mini-screen span,
.ba-mini-screen i{
  display:block;
  border-radius:999px;
}
.ba-mini-screen span{
  width:58%;
  height:20px;
}
.ba-mini-screen i{
  height:14px;
  opacity:.9;
}
.ba-mini-screen i:nth-child(3){width:84%}
.ba-mini-screen i:nth-child(4){width:46%}
.ba-mini-before{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.ba-mini-before span,
.ba-mini-before i{
  background:rgba(255,255,255,.16);
}
.ba-mini-after{
  border-color:rgba(217,177,101,.26);
  background:
    radial-gradient(circle at 86% 10%,rgba(217,177,101,.22),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
}
.ba-mini-after span{
  background:linear-gradient(135deg,#f6daa0,#d8a94f);
}
.ba-mini-after i{
  background:rgba(255,255,255,.34);
}
.service-card{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.service-card p{
  margin:0;
  color:#5d6678;
  font-size:.94rem;
  line-height:1.52;
}
.services-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.services-grid .service-card:last-child{
  grid-column:span 3;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
}
.price-result{
  margin:0 0 18px;
  color:#5b6476;
  font-size:.94rem;
  line-height:1.55;
}
.price-card.highlight .price-result{
  color:#d9e0ee;
}
.price-card .btn{
  margin-top:auto;
}

@media (max-width:900px){
  .problem-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .services-grid .service-card:last-child{
    grid-column:span 2;
  }
}

@media (max-width:620px){
  .hero-badge-row{
    gap:8px;
  }
  .hero-badge-row span{
    width:100%;
    min-height:34px;
    justify-content:flex-start;
    font-size:.8rem;
  }
  .problem-section{
    padding-top:58px;
    padding-bottom:62px;
  }
  .problem-list article{
    padding:16px 16px 16px 44px;
    border-radius:16px;
  }
  .services-grid,
  .services-grid .service-card:last-child{
    grid-template-columns:1fr;
  }
  .services-grid .service-card:last-child{
    grid-column:auto;
  }
}

/* Showroom premium v04 */
.main-nav a.is-active{color:var(--gold);opacity:1}.showroom-premium-page{background:#f7f8fb}.showroom-premium-hero{position:relative;overflow:hidden;padding:96px 0 78px;background:#050812 url('../img/cosmic-hero.svg') center/cover no-repeat;color:#fff}.showroom-premium-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(217,177,101,.22),transparent 28%),linear-gradient(90deg,rgba(5,8,18,.98),rgba(5,8,18,.78));pointer-events:none}.showroom-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:64px;align-items:center}.showroom-hero-copy h1{max-width:780px;font-size:clamp(3rem,5.4vw,5.3rem);line-height:.96;letter-spacing:-.055em;margin:0 0 22px}.showroom-hero-copy .lead{max-width:760px;color:#edf3ff;font-size:1.15rem;line-height:1.68}.showroom-microcopy{max-width:680px;margin:20px 0 0;color:#f2dca5;font-weight:800;line-height:1.55}.showroom-mockup-stack{position:relative;min-height:520px}.mockup-card{position:absolute;width:78%;min-height:270px;border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 34px 90px rgba(0,0,0,.38);backdrop-filter:blur(16px)}.mockup-card:before{content:"";display:block;height:26px;margin:-6px -6px 24px;border-radius:14px;background:rgba(255,255,255,.1)}.mockup-card span{display:block;color:#f7d788;font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.mockup-card strong{display:block;margin:10px 0 18px;color:#fff;font-size:1.55rem;line-height:1.05}.mockup-card i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.2);margin:9px 0}.mockup-card i:nth-of-type(2){width:68%}.mockup-card b{display:inline-flex;margin-top:18px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#f6daa0,#d8a94f);color:#1b1308;font-size:.75rem}.mockup-handwerk{left:0;top:0}.mockup-gastro{right:0;top:130px;background:linear-gradient(180deg,rgba(102,49,30,.72),rgba(25,16,18,.86))}.mockup-praxis{left:42px;bottom:0;background:linear-gradient(180deg,rgba(31,91,92,.72),rgba(12,25,34,.88))}.showroom-trust-strip{padding:22px 0;background:#fff}.showroom-trust-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.showroom-trust-pills span{padding:10px 13px;border-radius:999px;background:#f7f8fb;border:1px solid #e8ebf3;color:#20283a;font-weight:850;font-size:.88rem}.showroom-logic{background:#fff}.logic-grid,.showroom-process-grid,.showroom-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.logic-grid article,.showroom-process-grid article,.showroom-offer-grid article{border-radius:20px;padding:22px;background:#fff;border:1px solid #e8ebf3;box-shadow:0 18px 45px rgba(15,23,42,.08)}.logic-grid strong,.showroom-process-grid strong,.showroom-offer-grid strong{display:block;color:#111827;font-size:1.03rem;margin-bottom:8px}.logic-grid span,.showroom-process-grid span,.showroom-offer-grid span{display:block;color:#5d6678;line-height:1.5}.showroom-premium-gallery{background:linear-gradient(180deg,#f7f8fb,#fff)}.showroom-info-box{display:flex;gap:10px;align-items:flex-start;margin:0 0 26px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid #e8ebf3;color:#4b5567;box-shadow:0 12px 34px rgba(15,23,42,.06)}.premium-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-case-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;min-height:440px;overflow:hidden}.case-visual{position:relative;min-height:100%;padding:26px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}.case-browser,.case-phone{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,18,.66);box-shadow:0 22px 50px rgba(0,0,0,.26)}.case-browser{left:24px;right:34px;top:46px;height:210px;border-radius:18px;padding:20px}.case-browser span{display:block;width:42%;height:16px;border-radius:999px;background:var(--gold)}.case-browser strong{display:block;width:72%;height:44px;border-radius:14px;background:rgba(255,255,255,.16);margin:28px 0 18px}.case-browser i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.22);margin:8px 0}.case-phone{right:22px;bottom:28px;width:104px;height:190px;border-radius:22px;padding:20px 12px}.case-phone span,.case-phone i{display:block;border-radius:999px;background:rgba(255,255,255,.18);height:10px;margin-bottom:12px}.case-phone span{height:34px;border-radius:12px;background:var(--gold)}.case-points{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}.case-points li{display:flex;gap:8px;color:#dfe6f4;font-size:.92rem;line-height:1.35}.case-points li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:.45em;flex:0 0 auto}.premium-case-card small{display:block;color:#b9c3d6;font-weight:800}.show-handwerk{--gold:#d9b165}.show-gastro{--gold:#e0a06f}.show-friseur{--gold:#d8a7b1}.show-physio{--gold:#80c7c4}.show-werkstatt{--gold:#9aa9c9}.show-reinigung{--gold:#9bd4ef}.showroom-before-after{background:#060812;color:#fff}.showroom-before-after .section-head p{color:#d5ddee}.premium-ba-grid{align-items:stretch}.ba-mock{height:160px;border-radius:20px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.12);display:grid;gap:10px}.ba-mock span,.ba-mock i{display:block;border-radius:999px;background:rgba(255,255,255,.18)}.ba-mock span{height:26px;width:52%}.ba-mock i{height:12px}.ba-mock-before{background:rgba(255,255,255,.05)}.ba-mock-after{background:radial-gradient(circle at 80% 8%,rgba(217,177,101,.22),transparent 34%),rgba(255,255,255,.08)}.showroom-section-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.showroom-process{background:#fff}.showroom-offer{background:#f7f8fb}.showroom-offer-grid{grid-template-columns:repeat(3,1fr)}.showroom-final-cta{padding:88px 0;background:#050812 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff}.final-cta-box{max-width:980px;margin:0 auto;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:42px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:0 28px 80px rgba(0,0,0,.32)}.final-cta-box h2{font-size:clamp(2.1rem,4.2vw,4.4rem);line-height:1.02;margin:0 0 16px}.final-cta-box p{max-width:760px;margin:0 auto 24px;color:#dbe4f4;line-height:1.65}.final-cta-box small{display:block;color:#f2dca5;font-weight:850}.showroom-mobile-cta{display:none}
@media (max-width:980px){.showroom-hero-grid,.premium-case-grid{grid-template-columns:1fr}.showroom-mockup-stack{min-height:420px;max-width:620px}.logic-grid,.showroom-process-grid{grid-template-columns:repeat(2,1fr)}.premium-case-card{grid-template-columns:1fr}.case-visual{min-height:280px}.showroom-offer-grid{grid-template-columns:1fr}}
@media (max-width:620px){.showroom-premium-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.showroom-premium-hero{padding:82px 0 54px}.showroom-hero-copy h1{font-size:clamp(2.3rem,11vw,3.35rem);line-height:1.02}.showroom-hero-copy .lead{font-size:1rem;line-height:1.58}.showroom-microcopy{font-size:.94rem}.showroom-mockup-stack{min-height:360px}.mockup-card{width:86%;min-height:210px;padding:18px}.mockup-card strong{font-size:1.2rem}.mockup-gastro{top:96px}.mockup-praxis{left:22px}.showroom-trust-pills{display:grid;grid-template-columns:repeat(2,1fr);justify-content:stretch}.showroom-trust-pills span{font-size:.8rem;text-align:center}.logic-grid,.showroom-process-grid{grid-template-columns:1fr}.premium-case-card{min-height:auto}.case-visual{min-height:245px;padding:18px}.case-browser{left:18px;right:58px;top:32px;height:170px}.case-phone{right:16px;bottom:22px;width:86px;height:150px}.show-card-body{padding:24px}.showroom-info-box{display:block}.final-cta-box{padding:28px 20px;border-radius:24px}.showroom-mobile-cta{display:grid}}

/* Branch demo premium v05 */
.branch-premium-page{background:#f7f8fb}.branch-hero{position:relative;overflow:hidden;padding:92px 0 72px;color:#fff;background:#050812 url('../img/cosmic-hero.svg') center/cover no-repeat}.branch-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,18,.98),rgba(5,8,18,.72)),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--branch-accent,#d9b165) 32%,transparent),transparent 30%);pointer-events:none}.branch-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:56px;align-items:center}.branch-back{display:inline-flex;margin-bottom:18px;color:#f2dca5;font-weight:850}.branch-hero h1{font-size:clamp(2.8rem,5.1vw,5rem);line-height:.98;letter-spacing:-.05em;max-width:790px;margin:0 0 18px}.branch-hero .lead{color:#edf3ff;max-width:760px;font-size:1.12rem;line-height:1.65}.branch-microcopy{color:#f2dca5;font-weight:850;margin:18px 0 0}.branch-visual,.appointment-mock{position:relative;border-radius:30px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 34px 90px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.branch-visual{min-height:430px;padding:28px}.branch-browser{position:absolute;left:28px;right:76px;top:42px;min-height:260px;border-radius:22px;padding:24px;background:rgba(7,10,20,.72);border:1px solid rgba(255,255,255,.14)}.branch-browser span{display:block;color:var(--branch-accent);font-size:.8rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.branch-browser strong{display:block;height:54px;width:74%;border-radius:16px;margin:28px 0;background:rgba(255,255,255,.18)}.branch-browser i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.22);margin:10px 0}.branch-browser i:nth-of-type(2){width:64%}.branch-browser b{display:inline-flex;margin-top:18px;border-radius:999px;padding:10px 14px;background:var(--branch-accent);color:#111827}.branch-phone{position:absolute;right:28px;bottom:32px;width:116px;height:210px;border-radius:24px;padding:18px 12px;background:#070b14;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 54px rgba(0,0,0,.28)}.branch-phone span,.branch-phone i,.branch-phone b{display:block;border-radius:999px;background:rgba(255,255,255,.2);height:10px;margin-bottom:12px}.branch-phone span{height:42px;border-radius:14px;background:var(--branch-accent)}.appointment-mock{padding:28px}.appointment-mock h2{font-size:1.55rem;color:#fff;margin:0 0 20px}.appointment-mock label{display:block;color:#f2dca5;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}.appointment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.appointment-options span,.appointment-field{border-radius:14px;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800}.appointment-field{color:#dce4f4}.appointment-mock button{width:100%;min-height:48px;margin:18px 0;border:0;border-radius:999px;background:linear-gradient(135deg,#f6daa0,#d8a94f);font-weight:950;color:#1b1308}.appointment-badges{display:grid;gap:8px}.appointment-badges span{border-radius:12px;padding:10px;background:rgba(255,255,255,.08);color:#dfe6f4;font-size:.84rem}.branch-trust-strip{padding:20px 0;background:#fff}.branch-trust-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.branch-trust-pills span{padding:10px 13px;border-radius:999px;background:#f7f8fb;border:1px solid #e8ebf3;color:#20283a;font-weight:850;font-size:.88rem}.branch-service-grid,.branch-flow-grid,.branch-proof-grid,.branch-improvements{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.branch-flow-grid,.branch-proof-grid,.branch-improvements{grid-template-columns:repeat(4,1fr)}.branch-service-grid article,.branch-flow-grid article,.branch-proof-grid article{border-radius:22px;padding:24px;background:#fff;border:1px solid #e8ebf3;box-shadow:0 18px 45px rgba(15,23,42,.08)}.service-symbol{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--branch-accent) 28%,#fff);color:#111827;font-weight:950;margin-bottom:16px}.branch-service-grid h3{font-size:1.25rem;margin-bottom:10px}.branch-service-grid p,.branch-flow-grid span,.branch-proof-grid span{color:#5d6678;line-height:1.5}.branch-service-grid small{display:block;margin-top:14px;color:#111827;font-weight:850}.premium-demo-note{display:flex;gap:10px;margin-top:26px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #e8ebf3;box-shadow:0 12px 34px rgba(15,23,42,.06)}.branch-premium-cta h2{max-width:920px;margin-left:auto;margin-right:auto}.branch-premium-cta small{display:block;color:#f2dca5;font-weight:850;margin-top:18px}.branch-mobile-cta{display:none}.branch-handwerk{--branch-accent:#d9b165}.branch-gastro{--branch-accent:#e0a06f}.branch-friseur{--branch-accent:#d8a7b1}.branch-physio{--branch-accent:#80c7c4}.branch-werkstatt{--branch-accent:#f0c55f}.branch-reinigung{--branch-accent:#9bd4ef}.branch-gastro .branch-hero{background-color:#2b1710}.branch-friseur .branch-hero{background-color:#231722}.branch-physio .branch-hero{background-color:#0d2b32}.branch-werkstatt .branch-hero{background-color:#111827}.branch-reinigung .branch-hero{background-color:#082a3b}
@media (max-width:980px){.branch-hero-grid{grid-template-columns:1fr}.branch-visual,.appointment-mock{max-width:620px}.branch-service-grid,.branch-flow-grid,.branch-proof-grid,.branch-improvements{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.branch-premium-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.branch-hero{padding:78px 0 52px}.branch-hero h1{font-size:clamp(2.15rem,10vw,3.2rem)}.branch-hero .lead{font-size:1rem;line-height:1.58}.branch-visual{min-height:330px;padding:18px}.branch-browser{left:18px;right:58px;top:28px;min-height:210px}.branch-phone{right:18px;bottom:24px;width:88px;height:160px}.appointment-mock{padding:20px}.appointment-options{grid-template-columns:1fr}.branch-trust-pills{display:grid;grid-template-columns:repeat(2,1fr)}.branch-trust-pills span{text-align:center;font-size:.8rem}.branch-service-grid,.branch-flow-grid,.branch-proof-grid,.branch-improvements{grid-template-columns:1fr}.premium-demo-note{display:block}.branch-mobile-cta{display:grid}}

/* Premium 10/10 upgrade v06 */
.home-hero-premium{position:relative;isolation:isolate;padding:104px 0 92px;background:#050812 url('../img/cosmic-hero.svg') center/cover no-repeat;overflow:hidden}.home-hero-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(217,177,101,.26),transparent 27%),radial-gradient(circle at 16% 84%,rgba(83,122,255,.16),transparent 30%),linear-gradient(90deg,rgba(5,8,18,.99),rgba(5,8,18,.82));z-index:-1}.home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(430px,590px);gap:64px}.hero-eyebrow{color:#f4d894}.hero-microcopy-premium{max-width:690px;color:#f6dfaa;font-weight:850;line-height:1.55;margin:18px 0 26px}.home-hero-preview{position:relative;min-height:600px}.preview-orbit{position:absolute;inset:24px;border:1px solid rgba(217,177,101,.2);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 90px rgba(217,177,101,.12)}.preview-desktop{position:absolute;left:0;right:38px;top:32px;min-height:410px;border-radius:30px;padding:22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 42px 110px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.preview-window-bar{height:26px;display:flex;gap:8px}.preview-window-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.34)}.preview-navline{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:rgba(255,255,255,.08);color:#dfe7f5}.preview-navline strong{margin-right:auto;color:#fff}.preview-navline span{font-size:.78rem;font-weight:800}.preview-hero-block{margin-top:22px;border-radius:24px;padding:26px;background:radial-gradient(circle at 90% 0,rgba(217,177,101,.2),transparent 36%),rgba(5,8,18,.62)}.preview-hero-block small{color:#f6d895;text-transform:uppercase;font-weight:950;letter-spacing:.08em}.preview-hero-block b{display:block;margin:10px 0 18px;color:#fff;font-size:2rem;line-height:1.05}.preview-hero-block i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.2);margin:10px 0}.preview-hero-block i:nth-of-type(2){width:68%}.preview-hero-block em{display:inline-flex;margin-top:16px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#f6daa0,#d8a94f);color:#1b1308;font-style:normal;font-weight:950}.preview-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.preview-card-row span{min-height:64px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.preview-phone{position:absolute;right:0;bottom:54px;width:172px;min-height:320px;border-radius:34px;padding:24px 16px;background:#070b14;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.38)}.preview-phone span{display:block;height:54px;border-radius:18px;background:linear-gradient(135deg,#f6daa0,#d8a94f);margin-bottom:18px}.preview-phone strong,.preview-phone b{display:block;color:#fff}.preview-phone i{display:block;height:11px;border-radius:999px;background:rgba(255,255,255,.22);margin:12px 0}.preview-phone b{margin-top:20px;padding:10px;border-radius:16px;background:rgba(217,177,101,.18);color:#f7dca4;text-align:center}.preview-trust-card,.preview-contact-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.26);border-radius:18px;padding:14px 16px;color:#fff}.preview-trust-card strong,.preview-contact-card strong{display:block}.preview-trust-card span,.preview-contact-card small{color:#dbe4f4;font-size:.82rem}.trust-a{left:26px;bottom:56px}.trust-b{right:190px;bottom:10px}.preview-contact-card{left:178px;bottom:112px}.premium-trust-strip{margin-top:-28px;position:relative;z-index:5}.premium-trust-bar{box-shadow:0 24px 70px rgba(15,23,42,.16);border-color:rgba(217,177,101,.18)}.problem-premium{background:linear-gradient(180deg,#fff,#f6f7fb)}.problem-premium-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:48px;align-items:center}.problem-proof-panel{position:relative;padding:24px;border-radius:30px;background:#08101d;color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden}.problem-proof-panel:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 80% 8%,rgba(217,177,101,.22),transparent 34%);pointer-events:none}.problem-mini-window{position:relative;display:grid;gap:12px;min-height:170px;padding:22px;margin-bottom:16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.problem-mini-window span,.problem-mini-window i,.problem-mini-window b{display:block;border-radius:999px;background:rgba(255,255,255,.18)}.problem-mini-window span{height:28px;width:58%}.problem-mini-window i{height:12px}.problem-mini-window b{height:44px;width:42%;background:linear-gradient(135deg,#f6daa0,#d8a94f)}.problem-list-premium article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}.problem-list-premium strong{color:#fff}.problem-list-premium span{color:#dce4f3}.website-check-premium{padding:92px 0;background:radial-gradient(circle at 12% 20%,rgba(217,177,101,.12),transparent 24%),linear-gradient(180deg,#f6f7fb,#fff)}.premium-check-card{border-radius:30px;border:1px solid rgba(15,23,42,.08);box-shadow:0 28px 80px rgba(15,23,42,.12)}.showroom-home-premium{background:#fff}.premium-industry-grid{gap:22px}.premium-industry-card{overflow:hidden;background:#07101c;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(15,23,42,.14)}.premium-industry-card .industry-card-body{padding:24px}.premium-industry-card h3{color:#fff}.premium-industry-card p,.premium-industry-card li{color:#dbe4f3}.premium-industry-card ul{display:grid;gap:7px;padding:0;margin:16px 0 0;list-style:none}.premium-industry-card li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--industry-accent,#d9b165);margin-right:8px}.industry-mockup{position:relative;min-height:245px;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--industry-accent,#d9b165) 32%,transparent),transparent 34%),rgba(255,255,255,.05)}.industry-browser{position:absolute;left:22px;right:54px;top:30px;min-height:162px;border-radius:20px;padding:18px;background:rgba(5,8,18,.72);border:1px solid rgba(255,255,255,.14)}.industry-browser span{color:var(--industry-accent,#d9b165);font-weight:950;font-size:.75rem;text-transform:uppercase}.industry-browser strong{display:block;height:38px;width:74%;border-radius:14px;background:rgba(255,255,255,.17);margin:20px 0 14px}.industry-browser i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.2);margin:8px 0}.industry-browser b{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:999px;background:var(--industry-accent,#d9b165);color:#111827;font-size:.75rem}.industry-phone{position:absolute;right:18px;bottom:20px;width:82px;height:150px;border-radius:22px;padding:14px 10px;background:#050812;border:1px solid rgba(255,255,255,.16)}.industry-phone span,.industry-phone i,.industry-phone b{display:block;border-radius:999px;background:rgba(255,255,255,.18);height:9px;margin-bottom:10px}.industry-phone span{height:34px;border-radius:13px;background:var(--industry-accent,#d9b165)}.industry-handwerk{--industry-accent:#d9b165}.industry-gastro{--industry-accent:#e0a06f}.industry-friseur{--industry-accent:#d8a7b1}.industry-physio{--industry-accent:#80c7c4}.industry-werkstatt{--industry-accent:#f0c55f}.industry-reinigung{--industry-accent:#9bd4ef}.home-ba-premium{background:#060812;color:#fff}.home-ba-premium .section-head p{color:#d5ddee}.premium-ba-showcase{gap:24px}.ba-large-mock{min-height:230px;border-radius:24px;padding:24px;margin:16px 0 22px;display:grid;gap:12px;border:1px solid rgba(255,255,255,.12)}.ba-large-mock span,.ba-large-mock i,.ba-large-mock em{display:block;border-radius:999px;background:rgba(255,255,255,.18)}.ba-large-mock span{height:34px;width:56%}.ba-large-mock i{height:13px}.ba-large-mock em{height:48px;width:46%}.ba-large-before{background:rgba(255,255,255,.04)}.ba-large-after{background:radial-gradient(circle at 82% 10%,rgba(217,177,101,.26),transparent 34%),rgba(255,255,255,.08);border-color:rgba(217,177,101,.24)}.ba-large-after span,.ba-large-after em{background:linear-gradient(135deg,#f6daa0,#d8a94f)}.personal-premium{background:linear-gradient(180deg,#fff,#f7f8fb)}.founder-signature-card{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:#07101c;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(15,23,42,.18)}.founder-signature-card:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 80% 12%,rgba(217,177,101,.28),transparent 34%);pointer-events:none}.founder-signature-card>*{position:relative}.founder-signature-card img{width:92px;height:auto;margin-bottom:18px}.founder-signature-card strong{display:block;font-size:2rem}.founder-signature-card p{color:#dbe4f4;line-height:1.6}.signature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.signature-grid span{border-radius:16px;padding:12px;background:rgba(255,255,255,.08);color:#f4dca7;font-weight:850}.price-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card.custom{background:#fff}.home-final-cta{padding:92px 0;background:#050812 url('../img/cosmic-footer.svg') center/cover no-repeat;color:#fff}.home-final-box{max-width:980px;margin:0 auto;text-align:center;border-radius:34px;padding:44px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:0 30px 90px rgba(0,0,0,.34)}.home-final-box h2{font-size:clamp(2.2rem,4.3vw,4.6rem);line-height:1.02;margin:0 0 16px}.home-final-box p{max-width:760px;margin:0 auto 24px;color:#dbe4f4;line-height:1.65}.home-final-box small{display:block;color:#f2dca5;font-weight:850}.showroom-hero-v10 .showroom-hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,620px)}.showroom-collage{position:relative;min-height:560px}.collage-card,.collage-phone{position:absolute;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 90px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.collage-card{border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));color:#fff}.collage-card span{display:block;color:#f7d788;font-weight:950;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.collage-card strong{display:block;margin:10px 0 18px;font-size:1.55rem}.collage-card i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.2);margin:9px 0}.collage-card b{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#f6daa0,#d8a94f);color:#1b1308}.collage-main{left:0;top:0;width:74%;min-height:300px}.collage-warm{right:0;top:150px;width:60%;min-height:230px;background:linear-gradient(180deg,rgba(111,55,34,.74),rgba(25,16,18,.9))}.collage-calm{left:50px;bottom:0;width:58%;min-height:215px;background:linear-gradient(180deg,rgba(31,91,92,.72),rgba(12,25,34,.9))}.collage-phone{right:34px;bottom:26px;width:122px;height:224px;border-radius:28px;padding:18px 12px;background:#070b14}.collage-phone span,.collage-phone i,.collage-phone b{display:block;border-radius:999px;background:rgba(255,255,255,.2);height:10px;margin-bottom:12px}.collage-phone span{height:44px;border-radius:15px;background:#d9b165}.showroom-logic-v10 .logic-grid article{position:relative;overflow:hidden}.showroom-logic-v10 .logic-grid article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#d9b165}.premium-case-card{background:#07101c}.show-handwerk .case-visual{background:linear-gradient(135deg,rgba(217,177,101,.28),rgba(19,24,34,.92))}.show-gastro .case-visual{background:linear-gradient(135deg,rgba(224,160,111,.34),rgba(47,21,15,.92))}.show-friseur .case-visual{background:linear-gradient(135deg,rgba(216,167,177,.35),rgba(42,25,38,.92))}.show-physio .case-visual{background:linear-gradient(135deg,rgba(128,199,196,.34),rgba(13,42,48,.92))}.show-werkstatt .case-visual{background:linear-gradient(135deg,rgba(240,197,95,.32),rgba(15,23,42,.94))}.show-reinigung .case-visual{background:linear-gradient(135deg,rgba(155,212,239,.38),rgba(8,42,59,.92))}.branch-visual-screen{position:absolute;left:28px;right:74px;top:36px;min-height:250px;border-radius:24px;padding:24px;background:rgba(7,10,20,.72);border:1px solid rgba(255,255,255,.14)}.branch-visual-screen span{display:block;color:var(--branch-accent);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.branch-visual-screen strong{display:block;color:#fff;font-size:1.5rem;line-height:1.1;margin:12px 0 20px}.branch-visual-screen i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.22);margin:10px 0}.branch-visual-screen i:nth-of-type(2){width:66%}.branch-visual-screen b{display:inline-flex;margin-top:18px;border-radius:999px;padding:10px 14px;background:var(--branch-accent);color:#111827;font-weight:950}.branch-side-card,.branch-phone-card{position:absolute;border-radius:20px;padding:16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09);box-shadow:0 20px 54px rgba(0,0,0,.28);backdrop-filter:blur(14px);color:#fff}.branch-side-card{right:24px;top:210px;width:180px}.branch-side-card small{display:block;color:#f2dca5;font-weight:950;text-transform:uppercase;font-size:.72rem}.branch-side-card strong{display:block;margin-top:8px;line-height:1.2}.branch-phone-card{right:34px;bottom:28px;width:124px;min-height:190px;background:#070b14}.branch-phone-card span,.branch-phone-card i{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.2);margin-bottom:12px}.branch-phone-card span{height:40px;border-radius:14px;background:var(--branch-accent)}.branch-phone-card strong{display:block;color:#fff;margin:14px 0}.branch-visual-gastro{background:radial-gradient(circle at 80% 10%,rgba(224,160,111,.3),transparent 34%),linear-gradient(180deg,rgba(75,34,21,.55),rgba(255,255,255,.045))}.branch-visual-friseur{background:radial-gradient(circle at 80% 10%,rgba(216,167,177,.32),transparent 34%),linear-gradient(180deg,rgba(70,42,61,.48),rgba(255,255,255,.045))}.branch-visual-physio{background:radial-gradient(circle at 80% 10%,rgba(128,199,196,.32),transparent 34%),linear-gradient(180deg,rgba(19,76,78,.46),rgba(255,255,255,.045))}.branch-visual-reinigung{background:radial-gradient(circle at 80% 10%,rgba(155,212,239,.34),transparent 34%),linear-gradient(180deg,rgba(12,82,105,.45),rgba(255,255,255,.045))}.branch-appointment-premium{background:radial-gradient(circle at 84% 10%,rgba(240,197,95,.22),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))}
@media (max-width:1100px){.price-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid,.showroom-hero-v10 .showroom-hero-grid{grid-template-columns:1fr}.home-hero-preview,.showroom-collage{max-width:680px}.problem-premium-grid{grid-template-columns:1fr}.premium-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.home-hero-premium{padding:78px 0 54px}.home-hero-copy h1{font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.02}.hero-microcopy-premium{font-size:.96rem}.home-hero-preview{min-height:470px}.preview-desktop{right:14px;min-height:330px;padding:16px;border-radius:24px}.preview-navline span{display:none}.preview-hero-block{padding:20px}.preview-hero-block b{font-size:1.45rem}.preview-phone{width:128px;min-height:250px;right:4px;bottom:42px}.preview-trust-card,.preview-contact-card{position:relative;left:auto;right:auto;bottom:auto;display:inline-block;margin:8px 8px 0 0}.preview-contact-card{max-width:220px}.premium-trust-strip{margin-top:0}.problem-proof-panel{padding:18px;border-radius:24px}.premium-industry-grid,.price-grid-premium,.signature-grid{grid-template-columns:1fr}.industry-mockup{min-height:220px}.ba-large-mock{min-height:190px}.home-final-box{padding:30px 20px;border-radius:24px}.showroom-collage{min-height:420px}.collage-main{width:82%;min-height:230px}.collage-warm{top:112px;width:70%;min-height:190px}.collage-calm{left:18px;width:68%;min-height:170px}.collage-phone{right:8px;width:92px;height:172px}.branch-visual-screen{left:18px;right:56px;top:28px;min-height:220px;padding:20px}.branch-side-card{right:18px;top:190px;width:150px}.branch-phone-card{right:18px;width:94px;min-height:156px}.branch-trust-pills{grid-template-columns:repeat(2,1fr)}}
@media (max-width:430px){.preview-trust-card,.preview-contact-card{display:block}.trust-bar{grid-template-columns:1fr}.branch-trust-pills{grid-template-columns:1fr}.showroom-trust-pills{grid-template-columns:1fr}.home-hero-preview{min-height:520px}.preview-phone{bottom:92px}.branch-visual{min-height:390px}.branch-side-card{top:auto;bottom:32px;left:18px;right:auto}.branch-phone-card{bottom:22px}}

/* =========================================================
   Launch Contrast Fix v01
   Ziel: Alle Premium-/Dark-Cards lesbar machen, ohne Layout umzubauen.
   ========================================================= */

/* Globale Lesbarkeitsbasis */
:root{
  --readable-dark:#0f172a;
  --readable-body:#334155;
  --readable-muted:#526179;
  --readable-light:#f8fafc;
  --readable-light-muted:#d8e1f2;
  --readable-light-soft:#b9c6da;
}

/* Dunkle Premium-Karten: Texte konsequent hell */
.premium-case-card,
.premium-case-card .show-card-body,
.founder-signature-card,
.home-final-box,
.final-cta-box,
.branch-visual,
.appointment-mock,
.branch-side-card,
.branch-phone-card,
.collage-card,
.preview-trust-card,
.preview-contact-card{
  color:var(--readable-light);
}

.premium-case-card h3,
.premium-case-card strong,
.premium-case-card .show-card-body h3,
.founder-signature-card strong,
.home-final-box h2,
.final-cta-box h2,
.branch-visual strong,
.appointment-mock h2,
.branch-side-card strong,
.branch-phone-card strong,
.collage-card strong,
.preview-trust-card strong,
.preview-contact-card strong{
  color:#fff;
}

.premium-case-card p,
.premium-case-card .show-card-body p,
.founder-signature-card p,
.home-final-box p,
.final-cta-box p,
.branch-visual p,
.appointment-mock p,
.collage-card p,
.preview-trust-card span,
.preview-contact-card small{
  color:var(--readable-light-muted);
}

.premium-case-card small,
.premium-case-card .show-card-body small,
.branch-side-card small,
.home-final-box small,
.final-cta-box small,
.branch-premium-cta small{
  color:#f6d895;
}

/* Tags auf dunklen Karten lesbar machen */
.premium-case-card .show-tag,
.show-card.unique .show-tag{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  text-shadow:none;
}

/* Case-Nutzenpunkte und Hinweise heller */
.premium-case-card .case-points li{
  color:#edf3ff;
}
.premium-case-card .case-points li:before{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--gold,#d9b165) 18%,transparent);
}

/* Helle Karten: Text dunkler und stärker */
.logic-grid article,
.showroom-process-grid article,
.showroom-offer-grid article,
.branch-service-grid article,
.branch-flow-grid article,
.branch-proof-grid article,
.price-card,
.feature-card,
.industry-card,
.contact-form,
.ba-card.before{
  color:var(--readable-dark);
}
.logic-grid span,
.showroom-process-grid span,
.showroom-offer-grid span,
.branch-service-grid p,
.branch-flow-grid span,
.branch-proof-grid span,
.price-card p,
.feature-card p,
.industry-card p,
.ba-card.before li,
.contact-form p,
.form-note{
  color:var(--readable-body);
}
.logic-grid strong,
.showroom-process-grid strong,
.showroom-offer-grid strong,
.branch-service-grid h3,
.branch-flow-grid strong,
.branch-proof-grid strong,
.price-card h3,
.industry-card h3,
.contact-form label,
.ba-card.before h3{
  color:#0f172a;
}

/* Dark Sections: keine grauen Standardtexte auf dunklem Hintergrund */
.home-ba-premium,
.showroom-before-after,
.contact-cta,
.demo-cta,
.showroom-final-cta,
.home-final-cta,
.site-footer{
  color:#fff;
}
.home-ba-premium p,
.showroom-before-after p,
.contact-cta p,
.demo-cta p,
.showroom-final-cta p,
.home-final-cta p,
.site-footer p,
.site-footer a,
.site-footer span{
  color:#dbe4f4;
}
.home-ba-premium h2,
.showroom-before-after h2,
.contact-cta h2,
.demo-cta h2,
.showroom-final-cta h2,
.home-final-cta h2,
.site-footer h3{
  color:#fff;
}

/* Vorher/Nachher: beide Karten sauber lesbar */
.ba-card.after,
.ba-card.after h3,
.ba-card.after li{
  color:#fff;
}
.ba-card.after p{
  color:#dbe4f4;
}
.ba-card.before p,
.ba-card.before li{
  color:#334155;
}

/* Formulare: harte Kontraste */
.contact-form,
.contact-form label,
.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form .checkbox-field span,
.contact-form .form-note{
  color:#0f172a;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#64748b;
  opacity:1;
}

/* Mobile Sticky CTA: immer lesbar */
.mobile-sticky-cta{
  background:rgba(5,8,18,.96);
  border-top:1px solid rgba(255,255,255,.14);
}
.mobile-sticky-cta a{
  color:#f8fafc;
  font-weight:900;
}
.mobile-sticky-cta a.primary{
  color:#1b1308;
}

/* Buttons: Kontrast stabil halten */
.btn-primary,
.appointment-mock button,
.branch-browser b,
.branch-visual-screen b,
.collage-card b,
.preview-hero-block em,
.mockup-card b{
  color:#1b1308;
  text-shadow:none;
}
.btn-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
}

/* Kleine Screens/Mockups nicht zu blass */
.case-browser i,
.case-phone i,
.branch-browser i,
.branch-phone i,
.ba-mock i,
.collage-card i,
.mockup-card i{
  background:rgba(255,255,255,.32);
}

/* Sehr kleine Texte etwas kräftiger */
small,
.showroom-info-box,
.demo-note,
.premium-demo-note{
  line-height:1.55;
}
.showroom-info-box,
.demo-note,
.premium-demo-note{
  color:#334155;
  background:#fff;
}
.showroom-info-box strong,
.demo-note strong,
.premium-demo-note strong{
  color:#0f172a;
}

@media (max-width:700px){
  .premium-case-card p,
  .case-points li,
  .branch-service-grid p,
  .branch-flow-grid span,
  .branch-proof-grid span,
  .showroom-info-box,
  .demo-note,
  .premium-demo-note{
    font-size:.95rem;
  }
  .premium-case-card .show-tag{
    font-size:.68rem;
  }
}

/* =========================================================
   Final Trust + Mobile Polish v02
   ========================================================= */

.contacted-section{
  padding-top:82px;
  padding-bottom:82px;
  background:linear-gradient(180deg,#fff 0%,#f6f7fb 100%);
}
.contacted-panel{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:34px;
  align-items:stretch;
  border:1px solid rgba(15,23,42,.09);
  border-radius:32px;
  padding:34px;
  background:#fff;
  box-shadow:0 26px 70px rgba(15,23,42,.11);
}
.contacted-copy{
  border-radius:26px;
  padding:34px;
  background:#07101c;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.contacted-copy:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(circle at 85% 12%,rgba(217,177,101,.28),transparent 32%);
  pointer-events:none;
}
.contacted-copy>*{position:relative}
.contacted-copy h2{color:#fff;margin-bottom:16px}
.contacted-copy p{color:#dbe4f4;font-size:1.05rem;line-height:1.72;margin-bottom:26px}
.contacted-card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.contacted-card-grid article{
  border:1px solid #e5e9f2;
  border-radius:22px;
  padding:22px;
  background:#f8fafc;
}
.contacted-card-grid strong{
  display:block;
  color:#0f172a;
  font-size:1.08rem;
  line-height:1.22;
  margin-bottom:8px;
}
.contacted-card-grid p{
  color:#334155;
  margin:0;
  line-height:1.62;
}

.premium-demo-note span,
.showroom-info-box span{
  color:#334155;
}
.showroom-trust-pills span,
.branch-trust-pills span,
.hero-badge-row span,
.about-tags span{
  color:inherit;
}
.branch-premium-cta .btn-secondary,
.showroom-final-cta .btn-secondary,
.home-final-cta .btn-secondary{
  color:#fff;
}
.price-card .ideal-for,
.price-card .price-result{
  color:#334155;
}
.price-card.highlight .ideal-for,
.price-card.highlight .price-result{
  color:#dbe4f4;
}

@media (max-width:820px){
  .contacted-panel{
    grid-template-columns:1fr;
    padding:20px;
    border-radius:26px;
  }
  .contacted-copy{
    padding:26px;
    border-radius:22px;
  }
  .contacted-card-grid article{
    padding:20px;
  }
}

@media (max-width:620px){
  body.has-mobile-sticky-cta{
    padding-bottom:76px;
  }
  .contacted-section{
    padding-top:64px;
    padding-bottom:64px;
  }
  .contacted-panel{
    width:min(100%,calc(100vw - 28px));
  }
  .contacted-copy h2{
    font-size:clamp(1.9rem,9vw,2.55rem);
  }
  .mobile-sticky-cta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  }
  .mobile-sticky-cta a{
    min-width:0;
    min-height:44px;
    padding:10px 8px;
    text-align:center;
    font-size:.86rem;
    border-radius:14px;
  }
}

/* =========================================================
   Final Contrast Fix v03
   Nur Lesbarkeit/Kontrast, keine Layout- oder Inhaltsänderung.
   ========================================================= */

/* Helle Flächen: graue Texte dunkler und stabiler lesbar */
body,
.section,
.content-card,
.faq-item,
.feature-card,
.service-card,
.step-card,
.price-card,
.contacted-card-grid article,
.logic-grid article,
.showroom-process-grid article,
.showroom-offer-grid article,
.branch-service-grid article,
.branch-flow-grid article,
.branch-proof-grid article,
.demo-improvement-grid article,
.ba-card.before{
  color:#0f172a;
}

p,
.lead,
.section-head p,
.small,
.section-kicker,
.feature-card p,
.service-card p,
.step-card p,
.price-card p,
.price-card li,
.ideal-for,
.price-result,
.faq-answer p,
.content-card p,
.contacted-card-grid p,
.logic-grid span,
.showroom-process-grid span,
.showroom-offer-grid span,
.branch-service-grid p,
.branch-service-grid small,
.branch-flow-grid span,
.branch-proof-grid span,
.demo-improvement-grid p,
.ba-card.before p,
.ba-card.before li{
  color:#334155;
}

.form-note,
.field input::placeholder,
.field textarea::placeholder,
.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#475569;
  opacity:1;
}

/* Dunkle Flächen: Texte konsequent hell halten */
.dark,
.hero,
.home-hero-premium,
.showroom-premium-hero,
.showroom-hero,
.branch-hero,
.contact-cta,
.home-ba-premium,
.home-final-cta,
.showroom-before-after,
.showroom-final-cta,
.demo-cta,
.site-footer,
.problem-proof-panel,
.premium-industry-card,
.premium-case-card,
.founder-signature-card,
.contacted-copy,
.final-cta-box,
.home-final-box,
.branch-visual,
.appointment-mock,
.collage-card,
.collage-phone,
.preview-desktop,
.preview-phone,
.preview-trust-card,
.preview-contact-card,
.branch-side-card,
.branch-phone-card{
  color:#f8fafc;
}

.dark p,
.hero p,
.home-hero-premium p,
.showroom-premium-hero p,
.showroom-hero p,
.branch-hero p,
.contact-cta p,
.home-ba-premium p,
.home-final-cta p,
.showroom-before-after p,
.showroom-final-cta p,
.demo-cta p,
.site-footer p,
.problem-proof-panel span,
.problem-proof-panel p,
.premium-industry-card p,
.premium-industry-card li,
.premium-case-card p,
.premium-case-card li,
.founder-signature-card p,
.contacted-copy p,
.final-cta-box p,
.home-final-box p,
.branch-visual p,
.appointment-mock p,
.collage-card i,
.preview-trust-card span,
.preview-contact-card small,
.branch-phone-card i,
.branch-side-card small{
  color:#dbeafe;
}

.hero h1,
.hero h2,
.hero h3,
.showroom-premium-hero h1,
.showroom-premium-hero h2,
.branch-hero h1,
.branch-hero h2,
.contact-cta h2,
.home-ba-premium h2,
.showroom-before-after h2,
.showroom-final-cta h2,
.demo-cta h2,
.site-footer h3,
.premium-industry-card h3,
.premium-case-card h3,
.problem-proof-panel strong,
.founder-signature-card strong,
.contacted-copy h2,
.final-cta-box h2,
.home-final-box h2,
.branch-visual strong,
.appointment-mock h2,
.collage-card strong,
.preview-trust-card strong,
.preview-contact-card strong,
.branch-phone-card strong{
  color:#fff;
}

/* Badges, kleine Labels und Pills */
.eyebrow,
.hero-eyebrow,
.mock-label,
.show-tag,
.demo-pill,
.popular,
.branch-back,
.branch-visual-screen span,
.industry-browser span,
.collage-card span,
.branch-side-card small,
.home-final-box small,
.final-cta-box small,
.branch-premium-cta small,
.premium-case-card small,
.show-card-body small{
  font-weight:900;
}

.eyebrow{
  color:#8a5b16;
}

.hero .eyebrow,
.home-hero-premium .eyebrow,
.showroom-premium-hero .eyebrow,
.showroom-hero .eyebrow,
.branch-hero .eyebrow,
.contact-cta .eyebrow,
.home-ba-premium .eyebrow,
.home-final-cta .eyebrow,
.showroom-before-after .eyebrow,
.showroom-final-cta .eyebrow,
.demo-cta .eyebrow,
.contacted-copy .eyebrow,
.final-cta-box .eyebrow,
.home-final-box .eyebrow{
  color:#f6d895;
}

.showroom-info-box,
.demo-note,
.premium-demo-note{
  color:#0f172a;
  background:#fff;
  border-color:#d8dee9;
}

.showroom-info-box span,
.demo-note span,
.premium-demo-note span{
  color:#334155;
}

.showroom-info-box strong,
.demo-note strong,
.premium-demo-note strong{
  color:#0f172a;
}

.trust-badge,
.hero-badge-row span,
.showroom-trust-pills span,
.branch-trust-pills span,
.about-tags span,
.signature-grid span{
  font-weight:900;
}

.hero-badge-row span{
  color:#f8fafc;
}

.showroom-trust-strip .showroom-trust-pills span,
.branch-trust-strip .branch-trust-pills span{
  color:#0f172a;
  background:#fff;
  border-color:#d8dee9;
}

.about-tags span{
  color:#0f172a;
  background:#f8fafc;
  border-color:#d8dee9;
}

/* Buttons und Link-Buttons */
.btn-primary,
.mobile-sticky-cta a.primary,
.branch-browser b,
.branch-visual-screen b,
.collage-card b,
.preview-hero-block em,
.industry-browser b,
.appointment-mock button{
  color:#1b1308;
}

.btn-secondary,
.branch-premium-cta .btn-secondary,
.showroom-final-cta .btn-secondary,
.home-final-cta .btn-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.12);
}

.btn-light{
  color:#0f172a;
  border-color:#cbd5e1;
}

.link-arrow{
  color:#0f172a;
}

/* Kontaktformular */
.contact-form,
.contact-form label,
.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form .checkbox-field span,
.contact-form .checkbox-field a{
  color:#0f172a;
}

.contact-form input,
.contact-form textarea,
.contact-form select{
  border-color:#cbd5e1;
}

/* Footer und mobile Sticky-Leiste */
.site-footer a,
.site-footer span,
.footer-local{
  color:#dbeafe;
}

.site-footer a:hover{
  color:#f6d895;
}

.mobile-sticky-cta{
  background:rgba(5,8,18,.98);
  border-top-color:rgba(255,255,255,.22);
}

.mobile-sticky-cta a{
  color:#f8fafc;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

.mobile-sticky-cta a.primary{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
}

@media (max-width:620px){
  p,
  .lead,
  .section-head p,
  .price-card li,
  .branch-service-grid p,
  .branch-flow-grid span,
  .branch-proof-grid span,
  .showroom-info-box,
  .demo-note,
  .premium-demo-note,
  .form-note{
    color:#243244;
  }

  .dark p,
  .hero p,
  .home-hero-premium p,
  .showroom-premium-hero p,
  .branch-hero p,
  .contact-cta p,
  .home-final-cta p,
  .showroom-final-cta p,
  .demo-cta p,
  .site-footer p,
  .premium-case-card p,
  .premium-case-card li,
  .premium-industry-card p,
  .premium-industry-card li{
    color:#e5edf9;
  }
}

/* =========================================================
   Targeted Contrast Repair v08 — Screenshot-Fixes
   Fixes konkrete Problemstellen: Problem, Leistungen, Vorher/Nachher,
   Persönlich, FAQ Hero, Showroom-Karten und Kontakt-Übergang.
   ========================================================= */

/* 1) Helle Startseiten-Sektionen: Text immer dunkel, nicht ausgewaschen */
.problem-premium,
.problem-section,
.services-section,
.home-ba-premium,
.home-before-after{
  background:linear-gradient(180deg,#ffffff 0%,#f6f7fb 100%) !important;
  color:#0f172a !important;
}

.problem-copy h2,
.problem-premium h2,
.services-section h2,
.home-ba-premium .section-head h2,
.home-before-after .section-head h2{
  color:#0f172a !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.problem-copy p,
.problem-premium p,
.services-section .section-head p,
.home-ba-premium .section-head p,
.home-before-after .section-head p{
  color:#334155 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.problem-copy .btn-primary,
.problem-premium .btn-primary,
.home-ba-premium .btn-primary,
.home-before-after .btn-primary{
  color:#17110a !important;
  background:linear-gradient(135deg,#d9b165,#f1d58f) !important;
  opacity:1 !important;
}

/* 2) Leistungskarte 06 ist dunkel: Text aktiv hell setzen */
.services-grid .service-card:nth-child(6),
.services-grid .service-card:nth-child(6) *{
  opacity:1 !important;
  text-shadow:none !important;
}
.services-grid .service-card:nth-child(6){
  background:linear-gradient(145deg,#101827,#1b2536) !important;
  color:#f8fafc !important;
}
.services-grid .service-card:nth-child(6) h3,
.services-grid .service-card:nth-child(6) strong,
.services-grid .service-card:nth-child(6) span{
  color:#ffffff !important;
}
.services-grid .service-card:nth-child(6) p,
.services-grid .service-card:nth-child(6) li{
  color:#dbeafe !important;
}
.services-grid .service-card:nth-child(6) .feature-icon{
  background:linear-gradient(135deg,#d9b165,#f1d58f) !important;
  color:#17110a !important;
}

/* Normale helle Leistungskarten bleiben dunkel lesbar */
.services-grid .service-card:not(:nth-child(6)),
.services-grid .service-card:not(:nth-child(6)) :is(h3,p,span,strong,li){
  color:#0f172a !important;
}
.services-grid .service-card:not(:nth-child(6)) p{
  color:#334155 !important;
}

/* 3) Persönlich-Sektion: Heading war dunkel auf dunklem Hintergrund */
.personal-section,
.personal-section.personal-premium{
  background:#111827 url('../img/cosmic-footer.svg') center/cover no-repeat !important;
  color:#ffffff !important;
}
.personal-section:before{
  background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(31,41,55,.92)) !important;
}
.personal-section .container,
.personal-section .personal-grid,
.personal-section .personal-copy,
.personal-section .founder-signature-card{
  position:relative !important;
  z-index:1 !important;
}
.personal-section .personal-copy h2,
.personal-section .personal-copy h3,
.personal-section .personal-copy strong{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.personal-section .personal-copy p{
  color:#e5edf9 !important;
  opacity:1 !important;
}
.personal-section .personal-list li,
.personal-section .personal-copy li{
  color:#ffffff !important;
  opacity:1 !important;
}
.personal-section .eyebrow{
  color:#f6d895 !important;
}

/* 4) FAQ / normale Page-Heros: Subline hell, nicht dunkel auf Space-Hintergrund */
.page-hero,
.page-hero *{
  opacity:1 !important;
}
.page-hero h1,
.page-hero h2,
.page-hero h3{
  color:#ffffff !important;
}
.page-hero p,
.page-hero .lead,
.page-hero span:not(.eyebrow){
  color:#dbeafe !important;
}
.page-hero .eyebrow{
  color:#f6d895 !important;
}

/* 5) Startseite Vorher/Nachher: helle Umgebung, klare Headline */
.home-ba-premium .eyebrow,
.home-before-after .eyebrow{
  color:#c08a2c !important;
}
.home-ba-card.home-ba-before,
.home-ba-before{
  background:#ffffff !important;
  color:#0f172a !important;
}
.home-ba-card.home-ba-before :is(h3,p,li,span,strong),
.home-ba-before :is(h3,p,li,span,strong){
  color:#0f172a !important;
}
.home-ba-card.home-ba-after,
.home-ba-after{
  background:linear-gradient(135deg,#0b1020,#18233a 62%,#d9b165 140%) !important;
  color:#ffffff !important;
}
.home-ba-card.home-ba-after :is(h3,p,li,span,strong),
.home-ba-after :is(h3,p,li,span,strong){
  color:#ffffff !important;
}
.home-ba-after .home-ba-label,
.home-ba-after .ba-label{
  color:#17110a !important;
  background:linear-gradient(135deg,#d9b165,#f1d58f) !important;
}

/* 6) Showroom-Karten: helle Branchenkarten bekommen dunklen Text; dunkle bleiben hell */
.premium-case-card.show-gastro,
.premium-case-card.show-friseur,
.premium-case-card.show-physio,
.premium-case-card.show-reinigung{
  color:#0f172a !important;
}
.premium-case-card.show-gastro .show-card-body,
.premium-case-card.show-friseur .show-card-body,
.premium-case-card.show-physio .show-card-body,
.premium-case-card.show-reinigung .show-card-body{
  color:#0f172a !important;
  background:rgba(255,255,255,.58) !important;
  backdrop-filter:blur(10px);
}
.premium-case-card.show-gastro .show-card-body :is(h3,p,li,span,small,strong),
.premium-case-card.show-friseur .show-card-body :is(h3,p,li,span,small,strong),
.premium-case-card.show-physio .show-card-body :is(h3,p,li,span,small,strong),
.premium-case-card.show-reinigung .show-card-body :is(h3,p,li,span,small,strong){
  color:#0f172a !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.premium-case-card.show-gastro .show-card-body p,
.premium-case-card.show-friseur .show-card-body p,
.premium-case-card.show-physio .show-card-body p,
.premium-case-card.show-reinigung .show-card-body p,
.premium-case-card.show-gastro .case-points li,
.premium-case-card.show-friseur .case-points li,
.premium-case-card.show-physio .case-points li,
.premium-case-card.show-reinigung .case-points li{
  color:#334155 !important;
}
.premium-case-card.show-gastro .show-card-body small,
.premium-case-card.show-friseur .show-card-body small,
.premium-case-card.show-physio .show-card-body small,
.premium-case-card.show-reinigung .show-card-body small{
  color:#475569 !important;
}
.premium-case-card.show-gastro .show-tag,
.premium-case-card.show-friseur .show-tag,
.premium-case-card.show-physio .show-tag,
.premium-case-card.show-reinigung .show-tag{
  color:#0f172a !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(15,23,42,.12) !important;
}
.premium-case-card.show-handwerk .show-card-body,
.premium-case-card.show-werkstatt .show-card-body{
  color:#ffffff !important;
  background:rgba(5,8,18,.18) !important;
}
.premium-case-card.show-handwerk .show-card-body :is(h3,p,li,span,small,strong),
.premium-case-card.show-werkstatt .show-card-body :is(h3,p,li,span,small,strong){
  color:#ffffff !important;
}
.premium-case-card.show-handwerk .show-card-body p,
.premium-case-card.show-werkstatt .show-card-body p,
.premium-case-card.show-handwerk .case-points li,
.premium-case-card.show-werkstatt .case-points li{
  color:#e5edf9 !important;
}
.premium-case-card .btn,
.premium-case-card .btn-light{
  color:#0f172a !important;
  background:#ffffff !important;
}

/* 7) Kontaktbereich und Übergang zur finalen CTA sauberer */
.contact-cta{
  padding-bottom:120px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.contact-cta .contact-copy h2,
.contact-cta .contact-copy h3,
.contact-cta .contact-copy strong,
.contact-cta .contact-benefits li{
  color:#ffffff !important;
}
.contact-cta .contact-copy p,
.contact-cta .contact-copy .lead{
  color:#e5edf9 !important;
}
.contact-cta .contact-card{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.contact-cta .contact-card strong{
  color:#ffffff !important;
}
.contact-cta .contact-card a{
  color:#f6d895 !important;
}
.contact-cta + .home-final-cta{
  padding-top:130px !important;
  margin-top:0 !important;
  background:#050812 url('../img/cosmic-footer.svg') center/cover no-repeat !important;
}

/* 8) Form bleibt hell mit dunklem Text */
.contact-form,
.contact-form :is(h1,h2,h3,p,span,small,li,strong,em,label,a,input,textarea,select),
.contact-form .checkbox-field span,
.contact-form .checkbox-field a{
  color:#0f172a !important;
}
.contact-form .form-note{
  color:#334155 !important;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}

/* 9) Buttons überall lesbar halten */
.btn-primary,
.btn-primary :is(span,strong),
.hero .btn-primary,
.contact-cta .btn-primary,
.home-final-cta .btn-primary,
.showroom-final-cta .btn-primary,
.demo-cta .btn-primary{
  color:#17110a !important;
}
.btn-secondary,
.hero .btn-secondary,
.contact-cta .btn-secondary,
.home-final-cta .btn-secondary,
.showroom-final-cta .btn-secondary,
.demo-cta .btn-secondary{
  color:#ffffff !important;
}

@media (max-width:700px){
  .problem-copy h2,
  .services-section h2,
  .home-ba-premium .section-head h2,
  .personal-section .personal-copy h2{
    opacity:1 !important;
  }
  .premium-case-card.show-gastro .show-card-body,
  .premium-case-card.show-friseur .show-card-body,
  .premium-case-card.show-physio .show-card-body,
  .premium-case-card.show-reinigung .show-card-body{
    background:rgba(255,255,255,.78) !important;
  }
  .contact-cta{padding-bottom:88px !important;}
  .contact-cta + .home-final-cta{padding-top:92px !important;}
}


/* =========================================================
   REAL FINAL CONTRAST FIX v11
   Root cause fixes, not broad overrides.
   ========================================================= */

/* Problem-Sektion: altes ::before-Overlay hat den linken Text ausgewaschen */
html body section#problem.problem-section::before,
html body section#problem.problem-premium::before{
  display:none !important;
  content:none !important;
}
html body section#problem .problem-premium-grid,
html body section#problem .container{
  position:relative !important;
  z-index:2 !important;
}
html body section#problem .problem-copy{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  color:#0f172a !important;
}
html body section#problem .problem-copy *{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  text-shadow:none !important;
}
html body section#problem .problem-copy .eyebrow{color:#b7791f !important;}
html body section#problem .problem-copy h2,
html body section#problem #problem-title{color:#0f172a !important;}
html body section#problem .problem-copy p{color:#334155 !important;}
html body section#problem .problem-copy .btn{color:#17110a !important;background:linear-gradient(135deg,#d9b165,#f1d58f) !important;}

/* Showroom-Karten: alle Kartenkörper als klare Lesefläche, keine weißen Texte auf hellen Verläufen */
html body .premium-case-card .show-card-body{
  background:#ffffff !important;
  color:#0f172a !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  backdrop-filter:none !important;
}
html body .premium-case-card .show-card-body :is(h3,p,li,span,small,strong){
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  color:#0f172a !important;
}
html body .premium-case-card .show-card-body p,
html body .premium-case-card .case-points li{color:#334155 !important;}
html body .premium-case-card .show-card-body small{color:#475569 !important;}
html body .premium-case-card .show-tag{
  background:#f7e4b5 !important;
  color:#3b2608 !important;
  border:1px solid rgba(217,177,101,.35) !important;
}
html body .premium-case-card .btn,
html body .premium-case-card .btn-light{
  background:#0f172a !important;
  color:#ffffff !important;
  border-color:#0f172a !important;
}

/* Preis-Highlightkarte Business: kompletter Text hell genug */
html body .pricing-premium .price-card.highlight,
html body .pricing .price-card.highlight{
  background:linear-gradient(180deg,#0b1020 0%,#0d1726 100%) !important;
  color:#ffffff !important;
}
html body .pricing-premium .price-card.highlight :is(h3,.price,strong),
html body .pricing .price-card.highlight :is(h3,.price,strong){color:#ffffff !important;opacity:1 !important;}
html body .pricing-premium .price-card.highlight :is(p,li,.ideal-for,.price-result),
html body .pricing .price-card.highlight :is(p,li,.ideal-for,.price-result){color:#eef4ff !important;opacity:1 !important;}
html body .pricing-premium .price-card.highlight .btn,
html body .pricing .price-card.highlight .btn{color:#17110a !important;background:linear-gradient(135deg,#d9b165,#f1d58f) !important;}

/* Demo-Footer / Branch-CTA: dunkler Abschnitt mit garantiert sichtbarem Inhalt */
html body.branch-premium-page .demo-cta.branch,
html body.branch-premium-page .branch-premium-cta{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#050812 url('../img/cosmic-footer.svg') center/cover no-repeat !important;
  color:#ffffff !important;
  padding:88px 0 !important;
  text-align:center !important;
}
html body.branch-premium-page .demo-cta.branch::before,
html body.branch-premium-page .branch-premium-cta::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(135deg,rgba(5,8,18,.98),rgba(11,16,32,.92)) !important;
  z-index:0 !important;
  opacity:1 !important;
  pointer-events:none !important;
}
html body.branch-premium-page .demo-cta.branch .container,
html body.branch-premium-page .branch-premium-cta .container{
  position:relative !important;
  z-index:2 !important;
}
html body.branch-premium-page .demo-cta.branch :is(h2,p,small,span,strong,a:not(.btn),.branch-back,.eyebrow),
html body.branch-premium-page .branch-premium-cta :is(h2,p,small,span,strong,a:not(.btn),.branch-back,.eyebrow){
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}
html body.branch-premium-page .demo-cta.branch h2,
html body.branch-premium-page .branch-premium-cta h2{color:#ffffff !important;}
html body.branch-premium-page .demo-cta.branch p,
html body.branch-premium-page .branch-premium-cta p{color:#e5edf9 !important;}
html body.branch-premium-page .demo-cta.branch small,
html body.branch-premium-page .branch-premium-cta small,
html body.branch-premium-page .demo-cta.branch .eyebrow,
html body.branch-premium-page .branch-premium-cta .eyebrow,
html body.branch-premium-page .demo-cta.branch .branch-back,
html body.branch-premium-page .branch-premium-cta .branch-back{color:#f6d895 !important;}
html body.branch-premium-page .demo-cta.branch .btn-primary,
html body.branch-premium-page .branch-premium-cta .btn-primary{color:#17110a !important;background:linear-gradient(135deg,#d9b165,#f1d58f) !important;}
html body.branch-premium-page .demo-cta.branch .btn-secondary,
html body.branch-premium-page .branch-premium-cta .btn-secondary{color:#ffffff !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.28) !important;}


/* =========================================================
   Showroom card readability cleanup v12
   Make all showroom card content areas clearly readable.
   ========================================================= */
html body .premium-case-card .show-card-body{
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.975)) !important;
  color:#0f172a !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
  backdrop-filter:none !important;
}
html body .premium-case-card .show-card-body :is(h3,p,li,span,small,strong){
  color:#0f172a !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body .premium-case-card .show-card-body p,
html body .premium-case-card .case-points li{
  color:#475569 !important;
}
html body .premium-case-card .show-card-body small{
  color:#64748b !important;
}
html body .premium-case-card .show-tag{
  background:rgba(15,23,42,.06) !important;
  color:#334155 !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
html body .premium-case-card .btn-light{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:none !important;
}
html body .premium-case-card.show-handwerk .btn-light,
html body .premium-case-card.show-werkstatt .btn-light{
  background:linear-gradient(135deg,#d9b165,#f1d58f) !important;
  color:#17110a !important;
  border-color:transparent !important;
}

/* =========================================================
   Showroom Conversion + Mobile Polish v13
   Gezielte Showroom-Optimierung ohne neues Design-System.
   ========================================================= */
.showroom-info-box.premium-demo-note{
  align-items:center;
  border-color:rgba(217,177,101,.24) !important;
  background:linear-gradient(135deg,#fffaf0,#ffffff 58%,#f8fafc) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.08) !important;
}
.showroom-info-box.premium-demo-note strong{
  flex:0 0 auto;
  color:#7a4f14 !important;
}
.showroom-info-box.premium-demo-note span{
  color:#334155 !important;
}

.premium-case-card{
  border:1px solid rgba(15,23,42,.08) !important;
}
.premium-case-card .case-visual{
  isolation:isolate;
  overflow:hidden;
}
.premium-case-card .case-visual:before,
.premium-case-card .case-visual:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.premium-case-card .case-visual:before{
  inset:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
}
.premium-case-card .case-visual:after{
  width:160px;
  height:160px;
  right:-42px;
  top:-42px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  filter:blur(1px);
}
.premium-case-card .case-browser,
.premium-case-card .case-phone{
  z-index:1;
}
.show-handwerk .case-visual{
  background:
    linear-gradient(135deg,rgba(217,177,101,.28),rgba(72,56,34,.16)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 2px,transparent 2px 14px),
    linear-gradient(160deg,#111827,#4b3826) !important;
}
.show-gastro .case-visual{
  background:
    radial-gradient(circle at 25% 28%,rgba(255,220,165,.32),transparent 32%),
    linear-gradient(145deg,#6b2f1d,#321713 58%,#9b5a31) !important;
}
.show-friseur .case-visual{
  background:
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(232,183,202,.42)),
    linear-gradient(160deg,#fbf7fb,#c98fa7) !important;
}
.show-physio .case-visual{
  background:
    radial-gradient(circle at 80% 20%,rgba(198,244,238,.62),transparent 34%),
    linear-gradient(145deg,#effaf8,#7fc8c4 52%,#1f696a) !important;
}
.show-werkstatt .case-visual{
  background:
    linear-gradient(90deg,rgba(240,197,95,.22) 0 10%,transparent 10% 18%,rgba(240,197,95,.16) 18% 28%,transparent 28%),
    linear-gradient(145deg,#0b1020,#24324e 60%,#111827) !important;
}
.show-reinigung .case-visual{
  background:
    radial-gradient(circle at 24% 22%,rgba(255,255,255,.9),transparent 28%),
    linear-gradient(145deg,#f7fdff,#b9e8f7 48%,#4ca9c8) !important;
}
.show-friseur .case-browser,
.show-physio .case-browser,
.show-reinigung .case-browser{
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(15,23,42,.12) !important;
  box-shadow:0 24px 56px rgba(15,23,42,.14) !important;
}
.show-friseur .case-browser strong,
.show-friseur .case-browser i,
.show-physio .case-browser strong,
.show-physio .case-browser i,
.show-reinigung .case-browser strong,
.show-reinigung .case-browser i{
  background:rgba(15,23,42,.14) !important;
}
.show-friseur .case-phone,
.show-physio .case-phone,
.show-reinigung .case-phone{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.14) !important;
}
.show-friseur .case-phone i,
.show-physio .case-phone i,
.show-reinigung .case-phone i{
  background:rgba(15,23,42,.16) !important;
}
.premium-case-card .show-card-body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}
.premium-case-card .show-tag{
  width:max-content;
  max-width:100%;
}
.premium-case-card .case-points{
  margin-bottom:14px;
}

html body.branch-premium-page .branch-hero{
  padding:84px 0 58px !important;
}
html body.branch-premium-page .branch-hero-grid{
  gap:34px !important;
}
html body.branch-premium-page .branch-hero .hero-actions{
  margin:24px 0 0 !important;
}

@media (max-width:768px){
  body.has-mobile-sticky-cta .mobile-sticky-cta{
    opacity:0;
    transform:translateY(18px);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  body.has-mobile-sticky-cta.sticky-cta-visible .mobile-sticky-cta{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
}

@media (min-width:700px) and (max-width:768px){
  body.showroom-premium-page,
  body.branch-premium-page{
    padding-bottom:0 !important;
  }
  .showroom-mobile-cta,
  .branch-mobile-cta{
    display:none !important;
  }
}

@media (max-width:700px){
  .showroom-premium-hero{
    padding:72px 0 34px !important;
  }
  .showroom-hero-copy h1{
    font-size:clamp(2.12rem,10vw,3rem) !important;
  }
  .showroom-hero-copy .lead{
    font-size:.98rem !important;
    line-height:1.55 !important;
  }
  .showroom-microcopy{
    font-size:.9rem !important;
    margin-top:14px !important;
  }
  .showroom-hero-copy .hero-actions{
    margin:22px 0 0 !important;
  }
  .showroom-collage{
    display:none !important;
  }
  .showroom-gallery,
  .showroom-logic,
  .showroom-process,
  .showroom-offer{
    padding:54px 0 !important;
  }
  .showroom-info-box.premium-demo-note{
    display:grid !important;
    gap:8px !important;
    padding:15px !important;
    border-radius:16px !important;
  }
  .premium-case-card{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    border-radius:24px !important;
  }
  .premium-case-card .case-visual{
    min-height:176px !important;
  }
  .premium-case-card .case-browser{
    left:18px !important;
    right:62px !important;
    top:24px !important;
    height:126px !important;
    padding:14px !important;
    border-radius:16px !important;
  }
  .premium-case-card .case-browser strong{
    height:30px !important;
    margin:18px 0 12px !important;
  }
  .premium-case-card .case-phone{
    width:76px !important;
    height:126px !important;
    right:14px !important;
    bottom:16px !important;
    padding:14px 9px !important;
  }
  .premium-case-card .show-card-body{
    padding:20px !important;
  }
  .premium-case-card .show-card-body h3{
    font-size:1.32rem !important;
  }
  .premium-case-card .show-card-body p,
  .premium-case-card .case-points li,
  .premium-case-card .show-card-body small{
    font-size:.92rem !important;
    line-height:1.45 !important;
  }
  .premium-case-card .show-tag{
    font-size:.66rem !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
  .premium-case-card .btn-light{
    min-height:44px !important;
    width:100% !important;
  }

  html body.branch-premium-page .branch-hero{
    padding:70px 0 30px !important;
  }
  html body.branch-premium-page .branch-hero-grid{
    gap:20px !important;
  }
  html body.branch-premium-page .branch-back{
    margin-bottom:12px !important;
  }
  html body.branch-premium-page .branch-hero h1{
    font-size:clamp(2rem,9.7vw,2.85rem) !important;
    line-height:1.02 !important;
    margin-bottom:12px !important;
  }
  html body.branch-premium-page .branch-hero .lead{
    font-size:.98rem !important;
    line-height:1.55 !important;
  }
  html body.branch-premium-page .branch-microcopy{
    margin-top:12px !important;
    font-size:.92rem !important;
  }
  html body.branch-premium-page .branch-hero .hero-actions{
    margin-top:18px !important;
    gap:10px !important;
  }
  html body.branch-premium-page .branch-hero .btn{
    min-height:46px !important;
    padding:13px 15px !important;
  }
  html body.branch-premium-page .branch-visual{
    display:none !important;
  }
  .branch-trust-strip{
    padding:12px 0 !important;
  }
  .demo-section{
    padding:54px 0 !important;
  }
  html body.branch-premium-page .branch-premium-cta{
    padding:64px 0 104px !important;
  }
  .branch-mobile-cta,
  .showroom-mobile-cta{
    left:10px !important;
    right:10px !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    gap:6px !important;
    padding:7px !important;
    border-radius:18px !important;
  }
  .branch-mobile-cta a,
  .showroom-mobile-cta a{
    min-height:40px !important;
    border-radius:12px !important;
    font-size:.78rem !important;
  }
}

/* =========================================================
   33bit Premium Clarity v15
   Mehr Tiefe und Klarheit, ohne Grunddesign oder Struktur zu ändern.
   ========================================================= */
:root{
  --premium-border:rgba(255,255,255,.14);
  --premium-panel:rgba(7,12,24,.72);
  --premium-panel-strong:rgba(7,12,24,.92);
  --premium-card-border:rgba(15,23,42,.09);
  --premium-card-shadow:0 22px 58px rgba(15,23,42,.13);
}

html{
  scroll-padding-top:92px;
}

.site-header{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  background:linear-gradient(180deg,rgba(5,8,18,.82),rgba(5,8,18,.58)) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(130%) !important;
}
.nav-wrap{
  height:72px !important;
  align-items:center !important;
}
.brand{
  min-width:132px !important;
}
.brand img{
  width:123px !important;
  max-width:123px !important;
  height:auto !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28)) !important;
}
.footer-brand img,
.thank-logo{
  width:123px !important;
  max-width:123px !important;
  height:auto !important;
}
.main-nav{
  gap:28px !important;
}
.main-nav a{
  line-height:1 !important;
}
.nav-actions .btn-primary{
  min-height:44px !important;
  padding:13px 18px !important;
  border-radius:11px !important;
}

@media (min-width:981px){
  .hero-home.home-hero-premium{
    padding:0 !important;
  }
  .hero-home .hero-grid,
  .home-hero-premium .home-hero-grid{
    min-height:600px !important;
    padding:96px 0 44px !important;
    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr) !important;
    gap:42px !important;
  }
  .hero-home .hero-copy,
  .home-hero-copy{
    max-width:690px !important;
  }
  .hero-home .hero-copy h1{
    font-size:clamp(2.85rem,4.35vw,4.55rem) !important;
    margin-bottom:18px !important;
  }
  .hero-home .hero-copy .lead{
    font-size:1.12rem !important;
    max-width:620px !important;
  }
  .hero-microcopy-premium{
    margin:14px 0 0 !important;
    max-width:620px !important;
  }
  .hero-home .hero-actions{
    margin:24px 0 24px !important;
  }
  .home-hero-preview{
    min-height:440px !important;
    transform:translateY(6px) scale(.86);
    transform-origin:center right;
  }
  .preview-desktop{
    top:18px !important;
    right:20px !important;
    min-height:330px !important;
    border-radius:28px !important;
    box-shadow:0 36px 90px rgba(0,0,0,.34) !important;
  }
  .preview-phone{
    bottom:24px !important;
    right:8px !important;
    transform:scale(.92);
    transform-origin:right bottom;
  }
  .preview-trust-card,
  .preview-contact-card{
    box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  }
}

.feature-card,
.industry-card,
.price-card,
.step-card,
.contact-form,
.content-card,
.faq-item,
.logic-grid article,
.showroom-process-grid article,
.showroom-offer-grid article,
.branch-service-grid article,
.branch-flow-grid article,
.branch-proof-grid article{
  border-color:var(--premium-card-border) !important;
  box-shadow:var(--premium-card-shadow) !important;
}

.section,
.demo-section,
.showroom-gallery,
.before-after{
  padding-top:82px !important;
  padding-bottom:82px !important;
}
.section-head{
  margin-bottom:28px !important;
}

.premium-case-card{
  box-shadow:0 26px 70px rgba(15,23,42,.16) !important;
}
.premium-case-card .show-card-body{
  border-left:1px solid rgba(15,23,42,.06) !important;
}
.show-friseur .case-visual,
.show-physio .case-visual,
.show-reinigung .case-visual{
  position:relative;
}
.show-friseur .case-visual:before,
.show-physio .case-visual:before,
.show-reinigung .case-visual:before{
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(15,23,42,.10)) !important;
}

html body.branch-premium-page .branch-hero,
html body.showroom-premium-page .showroom-premium-hero{
  padding-top:92px !important;
}
@media (min-width:981px){
  html body.showroom-premium-page .showroom-premium-hero{
    padding:86px 0 56px !important;
  }
  .showroom-hero-v10 .showroom-hero-grid{
    min-height:620px !important;
    align-items:center !important;
  }
  .showroom-collage{
    min-height:460px !important;
    transform:scale(.88);
    transform-origin:center right;
  }
}

@media (max-width:980px){
  .site-header{
    position:absolute !important;
  }
  .nav-wrap{
    height:70px !important;
  }
  .main-nav{
    top:76px !important;
    background:rgba(7,12,24,.96) !important;
    border-color:rgba(255,255,255,.14) !important;
  }
}

@media (max-width:700px){
  html{
    scroll-padding-top:78px;
  }
  .section,
  .demo-section,
  .showroom-gallery,
  .before-after{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }
  .section-head{
    gap:14px !important;
    margin-bottom:22px !important;
  }
  .brand img{
    width:116px !important;
    max-width:116px !important;
  }
  .brand{
    min-width:120px !important;
  }
  .hero-home.home-hero-premium{
    padding:70px 0 38px !important;
  }
  .hero-home .hero-grid,
  .home-hero-premium .home-hero-grid{
    min-height:0 !important;
    padding:0 !important;
    gap:0 !important;
  }
  .hero-home .hero-copy h1{
    font-size:clamp(2.1rem,10vw,3.05rem) !important;
    margin-bottom:14px !important;
  }
  .hero-home .hero-copy .lead{
    font-size:.98rem !important;
    line-height:1.55 !important;
  }
  .hero-microcopy-premium{
    font-size:.92rem !important;
    margin:12px 0 0 !important;
  }
  .hero-home .hero-actions{
    margin:20px 0 18px !important;
  }
  .home-hero-preview{
    display:none !important;
  }
  .premium-case-card.show-friseur .show-card-body,
  .premium-case-card.show-physio .show-card-body,
  .premium-case-card.show-reinigung .show-card-body{
    background:linear-gradient(180deg,rgba(10,16,30,.96),rgba(15,23,42,.94)) !important;
    color:#f8fafc !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .premium-case-card.show-friseur .show-card-body :is(h3,p,li,span,small,strong),
  .premium-case-card.show-physio .show-card-body :is(h3,p,li,span,small,strong),
  .premium-case-card.show-reinigung .show-card-body :is(h3,p,li,span,small,strong){
    color:#f8fafc !important;
  }
  .premium-case-card.show-friseur .show-card-body p,
  .premium-case-card.show-friseur .case-points li,
  .premium-case-card.show-physio .show-card-body p,
  .premium-case-card.show-physio .case-points li,
  .premium-case-card.show-reinigung .show-card-body p,
  .premium-case-card.show-reinigung .case-points li{
    color:#dbe6f6 !important;
  }
  .premium-case-card.show-friseur .show-card-body small,
  .premium-case-card.show-physio .show-card-body small,
  .premium-case-card.show-reinigung .show-card-body small{
    color:#f6d895 !important;
  }
  .premium-case-card.show-friseur .show-tag,
  .premium-case-card.show-physio .show-tag,
  .premium-case-card.show-reinigung .show-tag{
    background:rgba(255,255,255,.12) !important;
    color:#ffffff !important;
    border-color:rgba(255,255,255,.18) !important;
  }
}

/* 33bit Conversion Copy v17 */
@media (max-width:700px){
  .section-head,
  .section-head > div,
  .section-head h2,
  .showroom-gallery .section-head,
  .showroom-gallery .section-head > div,
  .showroom-gallery .section-head h2{
    max-width:100% !important;
    min-width:0 !important;
  }
  .section-head h2{
    overflow-wrap:anywhere;
  }
}

/* 33bit Main Showroom Contrast v21 */
.showroom-home-premium .premium-industry-card{
  background:linear-gradient(180deg,#08111f 0%,#050914 100%) !important;
  border-color:rgba(246,216,149,.22) !important;
}
.showroom-home-premium .premium-industry-card .industry-mockup{
  background:
    radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--industry-accent,#d9b165) 40%,transparent),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
}
.showroom-home-premium .premium-industry-card .industry-card-body{
  background:linear-gradient(180deg,rgba(8,15,28,.98),rgba(5,9,20,.98)) !important;
  border-top:1px solid rgba(246,216,149,.14);
}
.showroom-home-premium .premium-industry-card .industry-card-body h3{
  color:#ffffff !important;
}
.showroom-home-premium .premium-industry-card .industry-card-body p,
.showroom-home-premium .premium-industry-card .industry-card-body li{
  color:#e5edf9 !important;
}
.showroom-home-premium .premium-industry-card .industry-card-body li:before{
  background:#f6d895 !important;
}
.showroom-home-premium .premium-industry-card .industry-browser{
  background:rgba(3,7,16,.86) !important;
  border-color:rgba(246,216,149,.2) !important;
}
.showroom-home-premium .premium-industry-card .industry-browser b{
  background:linear-gradient(135deg,#f6daa0,#d8a94f) !important;
  color:#171006 !important;
  font-weight:950;
}
.showroom-home-premium .premium-industry-card .link-arrow{
  color:#171006 !important;
  background:linear-gradient(135deg,#f6daa0,#d8a94f);
  border:1px solid rgba(246,216,149,.64);
  border-radius:999px;
  padding:10px 14px;
  margin-top:18px;
  font-weight:950;
  box-shadow:0 12px 26px rgba(217,177,101,.18);
  text-shadow:none;
}
.showroom-home-premium .premium-industry-card .link-arrow:after{
  color:#171006;
}
.showroom-home-premium .premium-industry-card .link-arrow:hover{
  color:#111827 !important;
  background:linear-gradient(135deg,#ffe6ad,#e6b85c);
  border-color:rgba(246,216,149,.7);
  box-shadow:0 16px 34px rgba(217,177,101,.26);
  text-shadow:none;
}

/* 33bit Showroom Contrast & Depth v22 */
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer{
  background:
    radial-gradient(circle at 18% 0,rgba(217,177,101,.13),transparent 32%),
    linear-gradient(180deg,#070b16 0%,#040711 100%) !important;
  color:#f8fafc !important;
  border-top:1px solid rgba(246,216,149,.16);
}
html body:is(.branch-premium-page,.showroom-premium-page) .footer-grid{
  border-bottom-color:rgba(255,255,255,.16) !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer h3,
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer strong{
  color:#ffffff !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer p,
html body:is(.branch-premium-page,.showroom-premium-page) .footer-bottom,
html body:is(.branch-premium-page,.showroom-premium-page) .footer-bottom span{
  color:#dbe7f8 !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer a{
  color:#f4dcaa !important;
  font-weight:850;
}
html body:is(.branch-premium-page,.showroom-premium-page) .site-footer a:hover{
  color:#ffffff !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) :is(.branch-service-grid article,.branch-flow-grid article,.branch-proof-grid article,.demo-improvement-grid article,.showroom-info-box,.demo-note,.premium-demo-note,.logic-grid article,.show-card:not(.premium-case-card)){
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%) !important;
  border-color:rgba(15,23,42,.11) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.11) !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) :is(.branch-service-grid article,.branch-flow-grid article,.branch-proof-grid article,.demo-improvement-grid article,.showroom-info-box,.demo-note,.premium-demo-note,.logic-grid article,.show-card:not(.premium-case-card)) :is(h2,h3,strong){
  color:#0f172a !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) :is(.branch-service-grid article,.branch-flow-grid article,.branch-proof-grid article,.demo-improvement-grid article,.showroom-info-box,.demo-note,.premium-demo-note,.logic-grid article,.show-card:not(.premium-case-card)) :is(p,span,small,li){
  color:#344256 !important;
}
html body:is(.branch-premium-page,.showroom-premium-page) .premium-demo-note strong,
html body:is(.branch-premium-page,.showroom-premium-page) .demo-note strong{
  color:#111827 !important;
}
html body.showroom-premium-page .premium-case-card{
  background:var(--card-bg,#ffffff) !important;
  box-shadow:0 28px 72px rgba(15,23,42,.16) !important;
}
.show-baupremium .case-visual{background:linear-gradient(135deg,#111315,#2a2d2f 48%,#b49362)}
.show-baupremium .case-browser{background:rgba(247,247,245,.1);border-color:rgba(247,247,245,.24)}
.show-baupremium .case-browser strong{background:linear-gradient(90deg,#f7f7f5 0 42%,#b49362 42% 58%,#151719 58% 100%)}
.show-baupremium .case-browser i{background:rgba(247,247,245,.18)}
.show-baupremium .case-phone{background:#111315;border-color:rgba(180,147,98,.62)}