:root{
  --navy:#0b2556;
  --navy2:#153767;
  --blue:#2166f3;
  --blue2:#2f74ff;
  --light:#eaf2ff;
  --text:#17325f;
  --muted:#526d95;
  --line:#dbe5f4;
  --soft:#f8fbff;
  --white:#fff;
  --shadow:0 15px 36px rgba(15,45,90,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--navy);
  font-family:Arial,Helvetica,sans-serif;
}
img,video{max-width:100%}
a{color:inherit}
.wrap{width:min(1180px,92vw);margin:auto}
.site-header{
  position:sticky;top:0;z-index:40;background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--line);backdrop-filter:blur(9px)
}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative}
.brand img{height:72px;max-width:390px;object-fit:contain;object-position:left center;display:block}
.menu-btn{
  width:58px;height:58px;border:1px solid #cbd9ee;border-radius:18px;
  background:var(--light);font-size:28px;color:var(--navy);cursor:pointer
}
.main-nav{
  display:none;position:absolute;right:0;top:80px;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:10px;box-shadow:var(--shadow);min-width:230px
}
.main-nav.open{display:grid}
.main-nav a{text-decoration:none;padding:13px 16px;border-radius:11px;font-weight:700}
.main-nav a:hover{background:var(--light)}
.hero{text-align:center;padding:78px 0 28px}
.eyebrow{font-weight:800;letter-spacing:.05em;color:#2b66d7;font-size:20px}
h1{font-size:clamp(34px,5vw,58px);line-height:1.06;margin:12px 0 8px}
h1 span{color:var(--blue)}
.tagline{font-size:clamp(22px,3vw,34px);font-weight:700;margin:0 0 12px}
.lead{font-size:clamp(17px,2.1vw,22px);line-height:1.55;color:var(--muted);max-width:1000px;margin:0 auto 30px}
.hero-actions{display:grid;gap:16px;max-width:960px;margin:0 auto}
.btn{
  min-height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:22px;font-weight:800;transition:.15s transform ease,.15s box-shadow ease
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-secondary{border:2px solid #8cb1fa;color:#76a3fb;background:#fff}
.socials{display:grid;gap:14px;max-width:960px;margin:46px auto 32px}
.social{
  min-height:72px;border-radius:16px;color:#fff;text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;padding:0 24px;
  font-size:22px;font-weight:700
}
.social .left{display:flex;align-items:center;gap:14px}
.social .icon{font-size:28px}
.yt{background:#ff0033}.ig{background:linear-gradient(100deg,#9134b7,#ff2539,#ffad38)}.tt{background:#111}
.section{padding:56px 0}
.benefits{display:grid;gap:18px}
.benefit{
  background:var(--light);border:1px solid #d7e3f7;border-radius:28px;
  padding:28px 30px;font-size:25px;line-height:1.35;color:#1e4f96
}
.benefit strong{display:block;font-size:27px}
.office-frame{
  margin-top:54px;border:14px solid #143765;border-radius:34px;overflow:hidden;
  box-shadow:0 18px 38px rgba(0,0,0,.18);background:#fff
}
.office-frame img{display:block;width:100%;height:auto}
.video-section{
  margin-top:60px;border:1px solid #edf1f7;border-radius:30px;padding:60px 24px;text-align:center
}
.video-section h2{font-size:clamp(28px,3.6vw,42px);margin:10px 0}
.video-section p{font-size:20px;color:#486489;margin:0 auto 30px;max-width:1000px}
.phone{
  width:min(360px,82vw);margin:0 auto;background:#f4f7fb;border:14px solid #eef4ff;
  border-radius:48px;padding:10px;box-shadow:0 22px 50px rgba(0,0,0,.18)
}
.phone video{width:100%;display:block;border-radius:34px;background:#071d43}
.page-hero{padding:70px 0 36px;text-align:center}
.page-hero h1{max-width:900px;margin:12px auto}
.page-hero p{max-width:850px;margin:0 auto;color:var(--muted);font-size:21px;line-height:1.55}
.product-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:20px 0 70px
}
.product-card{
  border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column
}
.product-visual{background:linear-gradient(#fff,#f7fbff);padding:28px;display:flex;align-items:center;justify-content:center;min-height:500px}
.product-visual img{display:block;width:min(410px,100%);height:auto;object-fit:contain}
.product-body{padding:30px;display:flex;flex-direction:column;flex:1}
.status{
  display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;
  background:var(--light);color:#2b66d7;font-size:15px;font-weight:800;margin-bottom:16px
}
.status.planned{background:#f1f4f8;color:#6c7e98}
.product-card h2{font-size:31px;line-height:1.15;margin:0 0 12px}
.product-card p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 20px}
.price{font-size:42px;font-weight:800;margin-top:auto;margin-bottom:18px}
.price small{display:block;font-size:17px;font-weight:500;color:#61789a;margin-top:4px}
.card-btn{
  min-height:64px;border-radius:15px;display:flex;align-items:center;justify-content:center;
  background:var(--blue);color:#fff;text-decoration:none;font-size:20px;font-weight:800
}
.card-btn.disabled{background:#e8edf5;color:#7d8da5;cursor:default}
.legal-wrap{width:min(920px,92vw);margin:auto;padding:58px 0 80px}
.legal-wrap h1{text-align:left}
.legal-wrap h2{font-size:27px;margin:38px 0 12px}
.legal-wrap h3{font-size:21px;margin:26px 0 8px}
.legal-wrap p,.legal-wrap li{font-size:17px;line-height:1.68;color:#405d86}
.legal-wrap a{color:var(--blue)}
.legal-note{
  background:#f7fbff;border:1px solid var(--line);border-radius:18px;padding:20px;
  margin:24px 0;color:#405d86
}
.contact-card{
  background:var(--light);border:1px solid #d6e3f7;border-radius:24px;padding:28px;margin-top:28px
}
.contact-card p{font-size:19px}
.site-footer{border-top:1px solid var(--line);margin-top:70px;text-align:center;padding:62px 20px 72px}
.company{font-size:30px;font-weight:800;margin-bottom:10px}
.address{font-size:21px;color:#4a668f}
.footer-links{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:35px 0}
.footer-links a{color:var(--blue);font-weight:700;font-size:20px;text-decoration:none}
.copyright{font-size:18px;color:#4a668f}
@media(max-width:800px){
  .product-grid{grid-template-columns:1fr}
  .product-visual{min-height:390px}
}
@media(max-width:700px){
  .header-inner{height:78px}.brand img{height:58px;max-width:280px}.menu-btn{width:52px;height:52px}
  .hero{padding-top:58px}.btn,.social{min-height:66px;font-size:19px}
  .benefit{font-size:21px;padding:24px}.benefit strong{font-size:23px}
  .office-frame{border-width:9px;border-radius:26px}
  .video-section{padding:45px 18px}
  .product-body{padding:24px}.product-visual{padding:20px;min-height:340px}
  .product-card h2{font-size:28px}.price{font-size:38px}
  .footer-links{gap:22px}
}

/* Reinigungs-KI-Büro Verkaufsseite */
.sales-hero{padding:62px 0 54px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.sales-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.sales-copy h1{font-size:clamp(40px,5vw,64px);margin:14px 0 18px}
.sales-lead{font-size:21px;line-height:1.65;color:var(--muted);margin:0 0 24px}
.sales-price{font-size:50px;font-weight:800;color:var(--navy);margin:10px 0 4px}
.sales-price small{font-size:20px;font-weight:600;color:var(--muted)}
.sales-note,.sales-small{color:var(--muted);font-size:16px;line-height:1.55}
.sales-cta{margin-top:22px;max-width:560px;padding:0 26px;text-align:center}
.sales-visual{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.sales-visual img{display:block;width:100%;height:auto}
.sales-section{padding:72px 0}
.sales-section h2,.sales-final h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:10px 0 22px}
.sales-section p{font-size:19px;line-height:1.7;color:#405d86}
.narrow{width:min(900px,92vw);margin:auto}
.center{text-align:center}
.sales-soft{background:var(--soft);border-top:1px solid #eef3fa;border-bottom:1px solid #eef3fa}
.feature-grid,.included-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.feature-card,.included-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;box-shadow:0 8px 22px rgba(15,45,90,.06)}
.feature-card strong,.included-card strong{display:block;font-size:21px;margin-bottom:9px;color:var(--navy)}
.feature-card span,.included-card span{display:block;font-size:16px;line-height:1.55;color:var(--muted)}
.split-sales{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.sales-box{border:1px solid #d7e3f7;background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.sales-box strong{font-size:24px}.sales-box p{margin-bottom:0}
.sales-final{padding:78px 0;text-align:center;background:#edf4ff;border-top:1px solid #dbe5f4}
.sales-final .sales-cta{margin-left:auto;margin-right:auto}
.checkline{font-size:17px;line-height:1.7;color:#2d5c9f;margin:18px 0 8px}
@media(max-width:900px){
  .sales-hero-grid,.split-sales{grid-template-columns:1fr}
  .sales-visual{max-width:600px;margin:0 auto}
  .feature-grid,.included-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .sales-hero{padding-top:42px}.sales-section{padding:52px 0}
  .feature-grid,.included-grid{grid-template-columns:1fr}
  .sales-price{font-size:42px}.sales-copy h1{font-size:38px}
  .sales-lead{font-size:18px}
}