:root{
  --ink:#17100b;
  --ink-2:#2b2118;
  --cream:#fbf6ec;
  --cream-2:#f2eadc;
  --paper:#fffaf1;
  --line:#ded0b9;
  --muted:#665d52;
  --gold:#c9a252;
  --gold-2:#f0d18b;
  --red:#a81522;
  --cta:#b21f2b;
  --shadow:0 18px 46px rgba(33,23,14,.12);
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;font-size:16px}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.narrow{width:min(850px,calc(100% - 40px));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:1000}.topline{background:var(--ink);color:#fff7e5;font-size:13px}.topline .container{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:34px}.topline b{color:var(--gold-2)}.brandbar{background:linear-gradient(135deg,#fffaf1 0%,#fff6e6 38%,#e9ddc9 39%,#fffaf1 68%,#f1e2c7 100%);border-bottom:1px solid var(--line)}.brandbar .container{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand{display:flex;align-items:center;gap:16px}.brand-logo{width:244px;filter:drop-shadow(0 14px 20px rgba(30,20,10,.18))}.brand-copy{font-size:13px;color:var(--muted);max-width:330px}.brand-copy strong{display:block;color:var(--ink);font-size:15px}.brand-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.navwrap{position:sticky;top:0;z-index:50;background:#907f67;border-bottom:1px solid rgba(0,0,0,.15);box-shadow:0 10px 22px rgba(23,16,11,.08)}.mainnav .container{display:flex;align-items:center;justify-content:center;gap:0}.navlinks{display:flex;gap:0;align-items:center;justify-content:center}.navlinks a{padding:16px 14px;color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid rgba(255,255,255,.08)}.navlinks a:hover,.navlinks a.active{background:rgba(23,16,11,.24)}.navlinks a.cta{background:var(--ink);border-radius:3px;margin-left:10px;color:#fff3d2}.navtoggle{display:none;background:var(--ink);color:#fff;border:0;padding:10px 12px;font-weight:800;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;border-radius:3px;border:1px solid var(--line);font-weight:900;letter-spacing:-.01em;cursor:pointer;transition:.18s ease;background:#fffaf3;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(33,23,14,.12)}.btn.primary{background:linear-gradient(135deg,var(--cta),#d98e41);color:#fff;border-color:#c56636}.btn.dark{background:var(--ink);color:#fff2d0;border-color:#3b2b1d}.btn.gold{background:linear-gradient(135deg,#f1d58b,#b8872e);color:#1b120c;border-color:#c79a43}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);background:#fff9ef;font-size:13px;font-weight:800;color:var(--muted);border-radius:999px}.kicker{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.22em;color:var(--red);display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:34px;height:2px;background:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.02;margin:0;color:#73695e;letter-spacing:-.035em}h1{font-size:clamp(42px,5.6vw,74px)}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:27px}p{margin:0 0 15px}.lead{font-size:19px;color:#493d31;line-height:1.58}.muted{color:var(--muted)}.hero{position:relative;overflow:hidden;padding:58px 0 42px;background:radial-gradient(circle at 85% 15%,rgba(201,162,82,.22),transparent 36%),linear-gradient(180deg,#fffaf1,#f5eddf)}.hero.compact{padding:46px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:40px;align-items:center}.hero-copy{max-width:660px}.hero-copy .lead{margin-top:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}.checklist{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.checklist li{display:flex;gap:10px;align-items:flex-start;color:#493d31}.checklist li:before{content:"";width:16px;height:16px;margin-top:4px;background:linear-gradient(135deg,var(--red),#e5a94c);clip-path:polygon(14% 50%,37% 73%,87% 20%,100% 34%,38% 95%,0 61%);flex:0 0 auto}.hero-card{background:#fffaf0;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.hero-card img{width:100%;height:auto}.hero-badge{position:absolute;left:24px;bottom:24px;background:rgba(23,16,11,.92);color:#fff8e8;padding:16px 18px;border-left:4px solid var(--gold);max-width:295px}.hero-badge b{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:#f5d887}.hero-badge span{font-family:Georgia,serif;font-size:26px;font-weight:800}.quickcards{padding:42px 0;background:var(--cream-2)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.teaser-card{background:#fffaf0;border:1px solid var(--line);box-shadow:0 12px 30px rgba(33,23,14,.08);overflow:hidden}.teaser-card img{width:100%;aspect-ratio:1.82/1;object-fit:cover}.teaser-body{padding:18px}.teaser-body h3{font-family:Inter,Arial,sans-serif;font-size:19px;letter-spacing:0;color:var(--ink);text-transform:uppercase}.teaser-body p{font-size:14px;color:var(--muted);margin-top:8px}.section{padding:58px 0}.section.tight{padding:42px 0}.section.alt{background:#fffaf2}.section.soft{background:var(--cream-2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.split.center{align-items:center}.info-box{background:#fffaf0;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.info-box.dark{background:linear-gradient(135deg,#1b120c,#3b2a18);color:#fff7e4;border-color:#5b4428}.info-box.dark h3{color:#f3d88f}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:#fffaf1;border:1px solid var(--line);padding:24px;box-shadow:0 12px 28px rgba(33,23,14,.06);transition:transform .25s ease,box-shadow .25s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(33,23,14,.10)}.num{width:34px;height:34px;border-radius:999px;background:var(--ink);color:#f3d88f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;margin-bottom:18px;box-shadow:0 8px 18px rgba(33,23,14,.18);animation:numBob 3.4s ease-in-out infinite;transform-origin:center}.feature:nth-child(2) .num{animation-delay:.16s}.feature:nth-child(3) .num{animation-delay:.32s}.feature:nth-child(4) .num{animation-delay:.48s}.feature:nth-child(5) .num{animation-delay:.64s}.feature:nth-child(6) .num{animation-delay:.80s}.feature:nth-child(7) .num{animation-delay:.96s}.feature:nth-child(8) .num{animation-delay:1.12s}.feature h3{font-family:Inter,Arial,sans-serif;font-size:21px;color:var(--ink);letter-spacing:0}.feature p{font-size:14px;color:var(--muted);margin-top:10px}.table{border:1px solid var(--line);background:#fffaf2}.row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row b{background:#f1e4cc;padding:16px}.row span{padding:16px;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{background:#fffaf1;border:1px solid var(--line);border-top:4px solid var(--gold);padding:22px;box-shadow:0 12px 24px rgba(33,23,14,.06)}.step strong{display:block;color:var(--red);font-size:34px;font-family:Georgia,serif;margin-bottom:10px}.step h3{font-family:Inter,Arial,sans-serif;font-size:18px;color:var(--ink);letter-spacing:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{background:#23170f;color:#fff8e8;border-left:4px solid var(--gold);padding:28px;min-height:154px}.service h3{color:#f1d78d;font-size:27px}.service p{color:#f5ead4;font-size:15px;margin-top:12px}.page-title{padding:44px 0;background:linear-gradient(135deg,#fffaf1,#efe4d0);border-bottom:1px solid var(--line)}.page-title .container{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.subnav a{padding:9px 11px;border:1px solid var(--line);background:#fffaf1;font-size:13px;font-weight:800}.calculator{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:26px;align-items:start}.calc-card{background:#fffaf1;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:950;color:#2b2118}.field input,.field select,.field textarea{width:100%;border:1px solid #d4c5ad;background:#fffdf8;min-height:44px;padding:10px 12px;font:inherit;color:var(--ink);border-radius:2px}.field textarea{min-height:120px;resize:vertical}.result{position:sticky;top:80px;background:linear-gradient(135deg,#1b120c,#4a321b);color:#fff7e6;border:1px solid #6d522c;padding:26px;box-shadow:var(--shadow)}.price{font-family:Georgia,serif;font-size:44px;font-weight:900;color:#f4d88d;line-height:1;margin:16px 0 8px}.result small{color:#e3d3b8}.result ul{padding-left:18px;color:#f3e6cf}.note{padding:14px 16px;background:#fff4df;border:1px solid #e1cfae;color:#5d4a34;font-size:14px}.faq-list{display:grid;gap:12px}.faq-item{background:#fffaf1;border:1px solid var(--line);box-shadow:0 12px 22px rgba(33,23,14,.05)}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:950}.faq-item div{padding:0 20px 20px;color:var(--muted)}.contact-panel{background:linear-gradient(135deg,#1b120c,#4d351d);color:#fff8e8;padding:52px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.contact-panel h2{color:#fff}.contact-panel .lead{color:#f2e4cf}.contact-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.contact-details a{border:1px solid rgba(244,216,141,.28);padding:12px 14px;background:rgba(255,255,255,.06);font-weight:900}.footer{background:#100b08;color:#dacdb7;padding:30px 0;font-size:14px}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline;text-decoration-color:rgba(218,205,183,.3)}.float-call{position:fixed;right:24px;bottom:24px;z-index:60;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--cta),#e9a647);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 32px rgba(33,23,14,.25);font-size:24px}.two-col-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-card{background:#fffaf1;border:1px solid var(--line);padding:18px}.mini-card b{display:block;margin-bottom:6px}.price-config{font-size:13px;color:#7a6b5b}.hidden{display:none!important}@media(max-width:960px){.brandbar .container{align-items:flex-start;flex-direction:column}.brand-actions{flex-wrap:wrap}.mainnav .container{justify-content:space-between}.navtoggle{display:inline-flex}.navlinks{display:none;position:absolute;left:0;right:0;top:100%;background:#907f67;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.navlinks a.cta{margin:0;border-radius:0}.hero-grid,.split,.calculator,.contact-grid,.page-title .container{grid-template-columns:1fr}.card-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.result{position:static}.brand-logo{width:210px}}@media(max-width:640px){.container,.narrow{width:min(100% - 24px, var(--max))}.topline .container{align-items:flex-start;flex-direction:column;padding:8px 0}.brand{align-items:flex-start;flex-direction:column}.hero{padding:34px 0}.card-grid,.feature-grid,.timeline,.service-grid,.form-grid,.two-col-list{grid-template-columns:1fr}h1{font-size:40px}h2{font-size:33px}.row{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.float-call{right:16px;bottom:16px}.page-title{padding:34px 0}}


.media-card{background:#fffaf0;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.media-card img{width:100%;height:auto;display:block}
.media-card figcaption{padding:14px 16px;font-size:13px;color:var(--muted);background:#fffaf5}
.visual-note{display:grid;gap:10px;margin-top:18px}
.stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.stat-list .mini-card{box-shadow:0 10px 20px rgba(33,23,14,.05)}
@media(max-width:640px){.stat-list{grid-template-columns:1fr}}


/* v2.2.0 refinements */
.brand-logo{
  width:260px;
  height:auto;
  max-height:96px;
  object-fit:contain;
  display:block;
}
.brand{
  align-items:center;
}
.brand-copy{
  min-width:220px;
}
@media (max-width: 720px){
  .brand-logo{width:210px;max-height:82px}
  .brandbar .container{gap:12px}
}
.hero-card img,
.media-card img,
.teaser-card img{
  object-fit:cover;
}
.service-grid.extended{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.service.wide{
  grid-column:1 / -1;
  background:linear-gradient(135deg,#17100b,#2a1d12);
}
.service.wide h3{
  color:#f8df91;
}
.pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.pill-row span,
.visual-note .pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff8eb;
  border:1px solid rgba(160,125,65,.24);
  color:#4e4033;
  font-weight:800;
  font-size:13px;
}
.addon-box{
  border:1px solid rgba(160,125,65,.22);
  background:#fffaf0;
  padding:20px;
  box-shadow:0 18px 40px rgba(33,23,14,.06);
}
.addon-box h3{
  margin-top:0;
}
.calc-subtitle{
  grid-column:1 / -1;
  margin:10px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(160,125,65,.22);
  font-weight:900;
  color:#1d140f;
}
.result .breakdown{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:13px;
  line-height:1.65;
}
.result .breakdown b{
  color:#f8df91;
}
.price small{
  display:block;
  font-size:15px;
  font-weight:700;
  margin-top:6px;
  opacity:.82;
}
@media(max-width:760px){
  .service-grid.extended{grid-template-columns:1fr}
}


/* v2.3.0 full polish rework */
body{background:linear-gradient(180deg,#f8f1e3,#fbf7ef 140px,#f8f3ea)}
.topline{background:#0e0907;border-bottom:1px solid rgba(240,209,139,.18)}
.topline .container{min-height:38px;font-size:12px;text-transform:none;letter-spacing:.02em}
.topline span:first-child{color:#e8dcc4;font-weight:700}
.brandbar{background:linear-gradient(135deg,#0f0907,#24180f 52%,#19110c 100%);border-bottom:1px solid rgba(240,209,139,.18)}
.brandbar .container{padding:18px 0;gap:28px}
.brand{gap:22px}
.brand-logo{width:300px;max-height:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.24))}
.brand-copy{color:#d4c6ad;font-size:13px;line-height:1.45;max-width:360px}
.brand-copy strong{color:#fff8e8;font-size:18px;letter-spacing:-.02em;margin-bottom:4px}
.brand-actions .btn{min-height:46px}
.navwrap{position:sticky;top:0;z-index:50;background:#f7ecda;border-bottom:1px solid rgba(74,50,27,.12);box-shadow:0 14px 28px rgba(23,16,11,.08)}
.navlinks a{color:#3b2a19;border-left:0;font-size:12px;padding:18px 15px;position:relative}
.navlinks a:after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:2px;background:transparent;transition:.18s ease}
.navlinks a:hover:after,.navlinks a.active:after{background:var(--gold)}
.navlinks a:hover,.navlinks a.active{background:rgba(201,162,82,.08)}
.navlinks a.cta{background:#1b120c;color:#f6df9b;border-radius:4px;margin-left:12px;padding-inline:18px}
.navlinks a.cta:after{display:none}
.navtoggle{background:#1b120c;color:#f6df9b}
.hero{padding:72px 0 48px;background:radial-gradient(circle at 84% 16%,rgba(201,162,82,.20),transparent 34%),linear-gradient(180deg,#fffaf1,#f6ecdd)}
.hero-card,.teaser-card,.media-card,.feature,.calc-card,.faq-item,.info-box,.service,.step,.mini-card,.table{border-radius:14px;overflow:hidden}
.hero-card{box-shadow:0 24px 56px rgba(33,23,14,.14)}
.hero-badge{left:22px;right:22px;bottom:22px;max-width:340px;border-left:0;border-radius:12px;background:rgba(15,9,7,.84);backdrop-filter:blur(8px)}
.hero-badge span{font-size:24px;line-height:1.05}
.btn{border-radius:10px}
.quickcards{padding:26px 0 48px;background:linear-gradient(180deg,#f2eadc,#f8f2e8)}
.card-grid{align-items:stretch}
.teaser-card{transition:.2s ease;box-shadow:0 16px 38px rgba(33,23,14,.09)}
.teaser-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(33,23,14,.13)}
.uspband{padding:0 0 30px;background:linear-gradient(180deg,#f6ecdd 0%,#f2eadc 100%)}
.uspband-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.usp{background:#fffaf1;border:1px solid rgba(160,125,65,.18);padding:18px 18px 16px;border-radius:14px;box-shadow:0 14px 28px rgba(33,23,14,.06)}
.usp strong{display:block;color:#1e140e;font-size:15px;margin-bottom:4px}.usp span{display:block;color:#6d6155;font-size:13px}
.kicker{color:#9a1620}.section{padding:72px 0}.section.tight{padding:54px 0}.page-title{padding:56px 0;background:linear-gradient(180deg,#fffaf1,#f0e3cf)}.page-title .lead{max-width:820px}
.info-box.dark{border-radius:18px}.service-grid.extended{gap:20px}.service{box-shadow:0 18px 36px rgba(33,23,14,.09)}
.calculator{gap:30px}.result{border-radius:18px;top:94px}.result .btn{margin-top:10px}.contact-panel{background:linear-gradient(135deg,#17100b,#332314 58%,#4a3116 100%)}.footer{padding:34px 0}.float-call{border:3px solid rgba(255,255,255,.55)}
@media(max-width:960px){.brandbar .container{align-items:flex-start;flex-direction:column}.brand{flex-direction:column;align-items:flex-start}.brand-logo{width:260px}.uspband-grid{grid-template-columns:repeat(2,1fr)}.navlinks{background:#f7ecda}}
@media(max-width:640px){.uspband-grid{grid-template-columns:1fr}.brand-logo{width:220px}.topline .container{gap:6px}.navlinks a.cta{margin-left:0;border-radius:0}.hero{padding:38px 0 22px}}


/* v2.4.0 final polish pass */
:root{--max:1080px}
body{font-size:15px;background:#fbf5ea}
h1{font-size:clamp(38px,4.7vw,62px)}
h2{font-size:clamp(30px,3.3vw,46px)}
h3{font-size:23px}
.lead{font-size:17px}
.topline .container{min-height:30px;font-size:12px}
.brandbar{background:linear-gradient(135deg,#120b08,#24170f 64%,#120b08)}
.brandbar .container{padding:12px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.brand{flex-direction:row!important;align-items:center!important;gap:16px}
.brand-logo-text{
  width:192px;
  min-height:82px;
  display:grid;
  place-items:center;
  position:relative;
  padding:10px 14px 12px;
  border-radius:14px;
  background:radial-gradient(circle at 50% 18%,rgba(255,232,156,.13),transparent 38%),linear-gradient(135deg,#15100d,#080504);
  border:1px solid rgba(240,209,139,.28);
  box-shadow:0 14px 32px rgba(0,0,0,.24);
  line-height:1;
  overflow:hidden;
}
.brand-logo-text:before{
  content:"";
  position:absolute;
  left:22px;right:22px;top:46px;
  height:2px;
  background:linear-gradient(90deg,transparent,#d6ae52,#f4d88d,#d6ae52,transparent);
  transform:skewX(-18deg);
  opacity:.86;
}
.brand-kb{
  font-family:Georgia,'Times New Roman',serif;
  font-size:43px;
  font-weight:900;
  letter-spacing:-4px;
  color:#f4d88d;
  text-shadow:0 2px 0 #6d491c,0 0 22px rgba(240,209,139,.25);
  z-index:1;
}
.brand-word{
  font-family:Georgia,'Times New Roman',serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:12px;
  color:#f8ecd0;
  z-index:1;
}
.brand-script{
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-size:13px;
  color:#d6ae52;
  z-index:1;
  margin-top:2px;
}
.brand-logo{display:none!important}
.brand-copy{min-width:0;max-width:330px}
.brand-copy strong{font-size:17px}
.navwrap{top:0}
.navlinks a{padding:14px 13px}
.navlinks a:after{bottom:6px}
.hero{padding:48px 0 32px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:46px}
.hero-copy{max-width:590px}
.hero-actions{margin:22px 0 18px}
.checklist{margin-top:16px;gap:7px}
.hero-card{border-radius:18px}
.hero-card img{aspect-ratio:1.55/1;object-fit:cover}
.hero-badge{left:16px;right:auto;bottom:16px;max-width:300px;padding:13px 15px}
.hero-badge span{font-size:21px}
.uspband{padding:20px 0 28px}
.uspband-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.usp{padding:15px 16px}
.quickcards{padding:28px 0 44px}
.teaser-card img{aspect-ratio:1.7/1}
.section{padding:54px 0}
.section.tight{padding:42px 0}
.page-title{padding:42px 0}
.page-title .container{align-items:center}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature{padding:20px}
.timeline.flow-steps .step{
  position:relative;
  animation:kbStepGlow 7s ease-in-out infinite;
}
.timeline.flow-steps .step:nth-child(1){animation-delay:0s}
.timeline.flow-steps .step:nth-child(2){animation-delay:.55s}
.timeline.flow-steps .step:nth-child(3){animation-delay:1.1s}
.timeline.flow-steps .step:nth-child(4){animation-delay:1.65s}
.timeline.flow-steps .step:nth-child(5){animation-delay:2.2s}
.timeline.flow-steps .step:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  box-shadow:0 0 0 0 rgba(240,209,139,0);
  pointer-events:none;
  animation:kbStepRing 7s ease-in-out infinite;
}
.timeline.flow-steps .step:nth-child(1):after{animation-delay:0s}
.timeline.flow-steps .step:nth-child(2):after{animation-delay:.55s}
.timeline.flow-steps .step:nth-child(3):after{animation-delay:1.1s}
.timeline.flow-steps .step:nth-child(4):after{animation-delay:1.65s}
.timeline.flow-steps .step:nth-child(5):after{animation-delay:2.2s}
@keyframes kbStepGlow{
  0%,55%,100%{transform:translateY(0);background:#fffaf1;border-color:var(--line)}
  8%,18%{transform:translateY(-4px);background:#fff3d9;border-color:#d6ae52}
}
@keyframes kbStepRing{
  0%,55%,100%{box-shadow:0 0 0 0 rgba(240,209,139,0)}
  8%,18%{box-shadow:0 0 0 4px rgba(240,209,139,.35),0 18px 42px rgba(201,162,82,.22)}
}
.calc-card{padding:22px}
.calculator{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}
.form-grid{gap:14px}
.field input,.field select,.field textarea{min-height:40px;font-size:15px}
.price{font-size:clamp(34px,4vw,52px)}
.result{top:70px}
.contact-panel h2{font-size:clamp(32px,4vw,52px)}
.footer{padding:24px 0}
@media(max-width:960px){
  .brandbar .container{grid-template-columns:1fr;gap:12px}
  .brand{flex-direction:row!important}
  .uspband-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .brand{flex-direction:column!important;align-items:flex-start!important}
  .brand-logo-text{width:180px;min-height:76px}
  .uspband-grid,.feature-grid{grid-template-columns:1fr}
  .hero{padding:32px 0 20px}
  .hero-card img{aspect-ratio:1.25/1}
}


/* v2.5.0 regional + offer-page + generated logo update */
.brand-logo-final{width:248px;max-height:102px;object-fit:contain;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.22))}
.brand-logo-text{display:none!important}
.brandbar .container{grid-template-columns:auto 1fr auto}
.local-section{background:linear-gradient(180deg,#fffaf1,#f1e7d5)}
.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.region-cards{display:grid;gap:12px}
.region-card{background:#fffaf1;border:1px solid rgba(160,125,65,.22);border-radius:16px;padding:18px 20px;box-shadow:0 14px 30px rgba(33,23,14,.06)}
.region-card b{display:block;color:#1e140e;font-size:17px;margin-bottom:5px}.region-card span{color:#65594e}
.service-cloud{display:flex;flex-wrap:wrap;gap:12px}.service-cloud span{background:#fff8eb;border:1px solid rgba(160,125,65,.25);border-radius:999px;padding:11px 15px;font-weight:900;color:#352719}
.allround-box .btn{margin-top:18px}
.offer-hero{background:radial-gradient(circle at 78% 20%,rgba(201,162,82,.18),transparent 34%),linear-gradient(180deg,#fff7e9,#efe2cf);padding:56px 0;border-bottom:1px solid rgba(160,125,65,.18)}
.offer-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:36px;align-items:end}.offer-hero h1{max-width:760px}.offer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.offer-region-card{background:#1b120c;color:#f8ecd0;border:1px solid rgba(240,209,139,.28);border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(33,23,14,.16)}.offer-region-card b{display:block;color:#f4d88d;font-size:19px;margin-bottom:10px}.offer-region-card span{color:#eadcc1}
.offer-section{background:#fbf5ea}.offer-layout{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}.offer-side{display:grid;gap:18px}.offer-card{border-radius:18px;border:1px solid rgba(160,125,65,.22);background:#fffaf1;padding:22px;box-shadow:0 16px 34px rgba(33,23,14,.07)}.dark-card{background:linear-gradient(135deg,#17100b,#332314);color:#fff4dc;border-color:rgba(240,209,139,.25)}.dark-card h2{color:#fff8e8;font-size:32px}.clean-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}.clean-list li{display:flex;gap:10px}.clean-list li:before{content:'✓';color:#f4d88d;font-weight:900}.contact-mini{display:grid;gap:8px}.contact-mini b{font-size:18px}.contact-mini a{font-weight:900;color:#1b120c;text-decoration:underline;text-decoration-color:rgba(160,125,65,.35)}.offer-image img{aspect-ratio:1.25/1;object-fit:cover}
.offer-form{background:#fffaf1;border:1px solid rgba(160,125,65,.22);border-radius:22px;padding:28px;box-shadow:0 22px 56px rgba(33,23,14,.11)}.form-head{margin-bottom:20px}.form-head h2{font-size:40px}.form-head p{color:#65594e}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 22px}.choice-grid label{display:flex;align-items:center;gap:10px;border:1px solid rgba(160,125,65,.22);background:#fffdfa;border-radius:12px;padding:13px 14px;font-weight:900;cursor:pointer}.choice-grid input{accent-color:#c9a252}.offer-submit-row{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.offer-submit-row span{color:#665d52;font-size:14px;max-width:370px}
@media(max-width:960px){.brandbar .container,.offer-hero-grid,.offer-layout,.local-grid{grid-template-columns:1fr}.brand-logo-final{width:220px}.offer-side{order:2}.offer-form{order:1}}
@media(max-width:640px){.choice-grid{grid-template-columns:1fr}.brand-logo-final{width:200px}.offer-hero{padding:38px 0}.offer-form{padding:20px}.form-head h2{font-size:32px}}


/* v2.6.5 repair: restore Leistungen page and keep support secondary */
.mini-support-note{
  background:linear-gradient(180deg,#fbf5ea,#f5ead8);
  padding:30px 0;
}
.support-note{
  display:grid;
  grid-template-columns:1fr 1.15fr auto;
  gap:22px;
  align-items:center;
  padding:22px 24px;
  border-radius:20px;
  background:#fffaf1;
  border:1px solid rgba(160,125,65,.2);
  box-shadow:0 18px 38px rgba(35,22,12,.08);
}
.support-note h2{font-size:clamp(24px,2.4vw,34px);margin:0}
.support-note p{margin:0;color:#65594d}
.support-side-section .media-card img,
.offer-img img{aspect-ratio:4/3;object-fit:cover}
.support-small-img{max-width:520px}
.offer-title{background:linear-gradient(180deg,#fff9ee,#f1e3cf)}
.offer-side-card{
  background:#1a100b;color:#fff6dc;border-radius:18px;padding:22px;
  box-shadow:0 22px 48px rgba(31,18,10,.18);display:grid;gap:10px;
}
.offer-side-card strong{color:#f3cf74;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.offer-side-card a{color:#fff;text-decoration:none;font-weight:900}
.offer-side-card span{color:#d8c8ad;font-size:13px}
.offer-layout{background:#fbf5ea}
.offer-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:34px;align-items:start}
.offer-helper{
  background:#22150d;color:#fff5dd;border-radius:24px;padding:28px;
  box-shadow:0 24px 58px rgba(30,18,10,.2);
}
.offer-helper h2{color:#fff;margin-bottom:14px}.offer-helper p{color:#eadfcb}.offer-img{margin-top:22px;background:#fff7eb}
.mini-list{display:grid;gap:9px;margin-top:18px}
.mini-list span{padding:10px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-weight:800;color:#fff8e8}
.offer-form{background:#fffaf2;border:1px solid rgba(160,125,65,.22);border-radius:24px;padding:28px;box-shadow:0 24px 58px rgba(35,22,12,.10)}
.form-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px;border-bottom:1px solid rgba(160,125,65,.18);padding-bottom:18px}
.form-head h2{margin:0}.form-head p{max-width:300px;margin:0;color:#706356}
.offer-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.offer-choice label{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff4de;border:1px solid rgba(160,125,65,.25);font-weight:900;cursor:pointer}
.offer-choice input{accent-color:#c9a252}.wide-field{grid-column:1 / -1}
.offer-submit{display:flex;align-items:center;gap:16px;margin-top:18px}.offer-submit p{margin:0;font-size:13px;color:#746657}
.brand-logo-final,.brand-logo,.header-logo,.site-logo,.brand img{max-height:74px !important;width:auto !important;object-fit:contain !important}
.brandbar .container{min-height:unset !important}
@media(max-width:900px){
  .support-note{grid-template-columns:1fr}
  .offer-grid{grid-template-columns:1fr}
  .form-head{display:block}
  .offer-choice{grid-template-columns:1fr}
  .offer-submit{display:block}
  .offer-submit p{margin-top:12px}
}


/* v2.6.6 Vorteile cleanup + one-by-one animations */
.sequential-features .feature{
  position:relative;
  overflow:hidden;
}
.sequential-features .feature .num{
  animation:seqNumJump 8.8s ease-in-out infinite;
}
.sequential-features .feature:nth-child(1) .num{animation-delay:0s}
.sequential-features .feature:nth-child(2) .num{animation-delay:1.1s}
.sequential-features .feature:nth-child(3) .num{animation-delay:2.2s}
.sequential-features .feature:nth-child(4) .num{animation-delay:3.3s}
.sequential-features .feature:nth-child(5) .num{animation-delay:4.4s}
.sequential-features .feature:nth-child(6) .num{animation-delay:5.5s}
.sequential-features .feature:nth-child(7) .num{animation-delay:6.6s}
.sequential-features .feature:nth-child(8) .num{animation-delay:7.7s}
@keyframes seqNumJump{
  0%,8%,100%{transform:translateY(0) scale(1);box-shadow:0 8px 18px rgba(33,23,14,.18)}
  3%{transform:translateY(-9px) scale(1.12);box-shadow:0 16px 28px rgba(201,162,82,.34)}
  5%{transform:translateY(2px) scale(.98)}
}
.decision-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.decision-card{
  text-align:left;
  border:1px solid rgba(160,125,65,.25);
  background:#fffaf1;
  border-radius:20px;
  padding:24px;
  min-height:150px;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(35,22,12,.07);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
  animation:decisionPulse 7s ease-in-out infinite;
}
.decision-card:nth-child(2){animation-delay:.9s}
.decision-card:nth-child(3){animation-delay:1.8s}
.decision-card:nth-child(4){animation-delay:2.7s}
.decision-card strong{
  display:block;
  font-size:20px;
  color:#130c08;
  margin-bottom:12px;
}
.decision-card span{
  display:block;
  font-size:15px;
  line-height:1.55;
  color:#5f5145;
}
.decision-card:hover,
.decision-card.active{
  transform:translateY(-5px);
  border-color:#c9a252;
  background:#fff3d8;
  box-shadow:0 20px 42px rgba(201,162,82,.18);
}
@keyframes decisionPulse{
  0%,72%,100%{box-shadow:0 14px 30px rgba(35,22,12,.07)}
  8%,16%{box-shadow:0 20px 44px rgba(201,162,82,.20)}
}
.decision-details{
  margin-top:22px;
  background:linear-gradient(135deg,#21140d,#3a2615);
  border-radius:24px;
  padding:28px;
  color:#fff6df;
  box-shadow:0 24px 54px rgba(35,22,12,.16);
}
.decision-panel{display:none}
.decision-panel.active{display:block}
.decision-panel h3{
  color:#f5d071;
  font-size:24px;
  margin-bottom:12px;
}
.decision-panel p{
  color:#efe0c7;
  max-width:980px;
}
.decision-panel ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
  padding:0;
  list-style:none;
}
.decision-panel li{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
}
@media(max-width:900px){
  .decision-grid{grid-template-columns:1fr 1fr}
  .decision-panel ul{grid-template-columns:1fr}
}
@media(max-width:620px){
  .decision-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .sequential-features .feature .num,
  .decision-card{animation:none}
}


/* v2.6.7 modal detail buttons for Vorteile */
.modal-button-grid .decision-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,162,82,.30);
  background:
    linear-gradient(135deg,rgba(255,250,241,.96),rgba(255,245,222,.82)),
    radial-gradient(circle at 20% 15%,rgba(243,208,113,.22),transparent 34%);
  min-height:172px;
  isolation:isolate;
}
.modal-button-grid .decision-card::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.72) 48%,rgba(243,208,113,.42) 52%,transparent 64%);
  transform:translateX(-68%) rotate(8deg);
  animation:buttonShimmer 4.8s ease-in-out infinite;
  z-index:-1;
}
.modal-button-grid .decision-card:nth-child(2)::before{animation-delay:.7s}
.modal-button-grid .decision-card:nth-child(3)::before{animation-delay:1.4s}
.modal-button-grid .decision-card:nth-child(4)::before{animation-delay:2.1s}
.modal-button-grid .decision-card:hover,
.modal-button-grid .decision-card.active{
  border-color:#d6ae52;
  background:#fff1ce;
  transform:translateY(-7px) scale(1.015);
  box-shadow:0 24px 50px rgba(201,162,82,.23),0 0 0 4px rgba(243,208,113,.14);
}
.click-hint{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:999px;
  background:#1a100b;
  color:#f5d071;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:18px;
  box-shadow:0 10px 20px rgba(26,16,11,.16);
}
.click-hint::after{content:"→";font-size:13px}
@keyframes buttonShimmer{
  0%,58%,100%{transform:translateX(-74%) rotate(8deg);opacity:0}
  12%,25%{opacity:1}
  36%{transform:translateX(74%) rotate(8deg);opacity:0}
}
.decision-details{display:none!important}
.modal-overlay[hidden]{display:none!important}
.modal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(18,11,7,.62);
  backdrop-filter:blur(12px);
}
.modal-dialog{
  width:min(860px,100%);
  max-height:min(82vh,760px);
  overflow:auto;
  position:relative;
  border-radius:28px;
  padding:34px;
  background:
    radial-gradient(circle at 92% 10%,rgba(243,208,113,.18),transparent 30%),
    linear-gradient(135deg,#21140d,#392413 62%,#1a100b);
  color:#fff6df;
  border:1px solid rgba(243,208,113,.26);
  box-shadow:0 34px 90px rgba(0,0,0,.42);
  animation:modalPop .22s ease-out;
}
@keyframes modalPop{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.modal-close{
  position:absolute;
  right:18px;
  top:16px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.modal-close:hover{background:#f3d071;color:#1a100b}
.modal-content{display:none}
.modal-content.active{display:block}
.modal-content h3{
  color:#f6d783;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(32px,4vw,48px);
  line-height:1.02;
  margin:8px 0 18px;
  max-width:760px;
}
.modal-content p{
  font-size:18px;
  line-height:1.72;
  color:#f1e2ca;
  max-width:780px;
}
.modal-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0;
}
.modal-facts span{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
}
.muted-light{color:#d7c8af!important;font-size:15px!important}
body.modal-open{overflow:hidden}
@media(max-width:720px){
  .modal-dialog{padding:26px 20px}
  .modal-facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .modal-button-grid .decision-card::before,
  .modal-dialog{animation:none}
}


/* v2.6.8 deploy-ready offer cleanup */
.offer-page-clean{
  background:linear-gradient(180deg,#fbf5ea,#fffaf2);
  padding-top:58px;
  padding-bottom:72px;
}
.offer-clean-grid{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(620px,1.35fr);
  gap:36px;
  align-items:start;
}
.offer-clean-intro{
  background:#21140d;
  color:#fff6df;
  border-radius:26px;
  padding:30px;
  box-shadow:0 26px 64px rgba(33,20,13,.20);
  position:sticky;
  top:132px;
}
.offer-clean-intro h2{
  color:#fff;
  font-size:clamp(32px,3vw,52px);
  line-height:.98;
  margin:10px 0 16px;
}
.offer-clean-intro p{
  color:#eadcc4;
  line-height:1.68;
}
.offer-clean-img{
  margin-top:22px;
  background:#fff7ea;
}
.offer-clean-img img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.offer-clean-img figcaption{
  color:#6a5c4d;
}
.offer-tags{
  margin-top:18px;
}
.offer-tags span{
  background:rgba(255,255,255,.08);
  color:#fff6df;
  border-color:rgba(255,255,255,.13);
}
.offer-form-clean{
  width:100%;
  padding:34px;
  border-radius:26px;
  background:#fffaf2;
  border:1px solid rgba(160,125,65,.24);
  box-shadow:0 26px 64px rgba(35,22,12,.10);
}
.form-head.clean{
  align-items:flex-start;
}
.form-head.clean h2{
  font-size:clamp(34px,3.8vw,58px);
  line-height:.98;
}
.clean-choice{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.clean-choice label{
  min-height:72px;
  align-items:center;
}
.clean-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.clean-form-grid input,
.clean-form-grid textarea{
  font-size:16px;
}
.clean-submit{
  border-top:1px solid rgba(160,125,65,.18);
  padding-top:20px;
}
.clean-offer-title{
  padding-bottom:54px;
}
@media(max-width:1100px){
  .offer-clean-grid{grid-template-columns:1fr}
  .offer-clean-intro{position:relative;top:auto}
}
@media(max-width:760px){
  .clean-choice{grid-template-columns:1fr}
  .clean-form-grid{grid-template-columns:1fr}
}


/* v2.6.9 warmth and layout refinement */

.brand-copy{max-width:340px}
.service-grid.extended{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.service{border-radius:26px;min-height:0;padding:28px 26px;overflow:hidden}
.service h3{font-size:clamp(20px,2.2vw,25px);line-height:1.04;overflow-wrap:anywhere;hyphens:auto}
.service p{font-size:15px;line-height:1.55}
@media(max-width:760px){.service-grid.extended{grid-template-columns:1fr}}

.modal-button-grid .decision-card{padding:28px 28px 60px;border-radius:28px;cursor:pointer;text-align:left;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.modal-button-grid .decision-card .click-hint{display:block;padding:0;background:transparent;color:#8a745f;box-shadow:none;border-radius:0;margin:0 0 20px;font-size:12px;letter-spacing:.14em}
.modal-button-grid .decision-card .click-hint::after{content:''}
.modal-button-grid .decision-card::after{content:'Mehr erfahren →';position:absolute;left:28px;bottom:22px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#3b2a18}
.modal-button-grid .decision-card strong{display:block;font-size:clamp(22px,2vw,30px);line-height:1.05;margin-bottom:12px;color:#1f140c}
.modal-button-grid .decision-card span:last-child{display:block;font-size:16px;line-height:1.55;color:#6a5e52;max-width:30ch}
.modal-button-grid .decision-card:hover,.modal-button-grid .decision-card.active{background:#fff7e7;border-color:#d8b15d;box-shadow:0 20px 44px rgba(54,38,20,.10);transform:translateY(-6px)}
.modal-button-grid .decision-card:hover::after,.modal-button-grid .decision-card.active::after{color:#b77c18}

.modal-content h3{font-size:clamp(28px,3.2vw,42px);line-height:1.08}
.modal-content p{font-size:17px;line-height:1.72}

.info-box.dark h3{line-height:1.08}

@media(max-width:860px){
  .modal-button-grid .decision-card{padding:24px 22px 54px}
  .modal-button-grid .decision-card::after{left:22px;bottom:18px}
}


/* v2.7.0 Detailkarten gleichmäßig ausrichten */
.modal-button-grid{
  align-items:stretch;
}
.modal-button-grid .decision-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  height:100%;
  min-height:250px;
}
.modal-button-grid .decision-card .click-hint{
  min-height:18px;
}
.modal-button-grid .decision-card strong{
  min-height:42px;
  display:flex;
  align-items:flex-start;
}
.modal-button-grid .decision-card span:last-child{
  min-height:62px;
}
.modal-button-grid .decision-card::after{
  margin-top:auto;
}
@media(max-width:900px){
  .modal-button-grid .decision-card{
    min-height:220px;
  }
  .modal-button-grid .decision-card strong,
  .modal-button-grid .decision-card span:last-child{
    min-height:0;
  }
}


/* v2.7.1 exact alignment for Vorteile modal buttons */
.modal-button-grid{
  align-items:stretch !important;
}
.modal-button-grid .decision-card{
  display:grid !important;
  grid-template-rows:22px 56px 76px 28px !important;
  align-content:start !important;
  gap:18px !important;
  height:270px !important;
  min-height:270px !important;
  padding:30px 34px 30px !important;
}
.modal-button-grid .decision-card .click-hint{
  grid-row:1 !important;
  margin:0 !important;
  line-height:22px !important;
  min-height:22px !important;
  align-self:start !important;
}
.modal-button-grid .decision-card strong{
  grid-row:2 !important;
  min-height:56px !important;
  height:56px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}
.modal-button-grid .decision-card span:last-child{
  grid-row:3 !important;
  min-height:76px !important;
  height:76px !important;
  margin:0 !important;
  display:block !important;
}
.modal-button-grid .decision-card::after{
  position:static !important;
  grid-row:4 !important;
  align-self:end !important;
  margin:0 !important;
  line-height:28px !important;
}
@media(max-width:900px){
  .modal-button-grid .decision-card{
    height:auto !important;
    min-height:230px !important;
    grid-template-rows:auto auto auto auto !important;
  }
  .modal-button-grid .decision-card strong,
  .modal-button-grid .decision-card span:last-child{
    height:auto !important;
    min-height:0 !important;
  }
}


/* v2.7.2 Vorteils-Detailkarten: gerader, gleicher, hochwertiger */
.modal-button-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.modal-button-grid .decision-card{
  border-radius:18px !important;
  height:245px !important;
  min-height:245px !important;
  padding:28px 30px !important;
  display:grid !important;
  grid-template-rows:24px 54px 72px 28px !important;
  gap:14px !important;
  align-content:start !important;
  background:
    linear-gradient(135deg,rgba(255,250,241,.98),rgba(255,246,226,.92)) !important;
  box-shadow:0 14px 34px rgba(33,23,14,.08) !important;
  border:1px solid rgba(198,158,78,.28) !important;
}
.modal-button-grid .decision-card .click-hint{
  grid-row:1 !important;
  min-height:24px !important;
  height:24px !important;
  line-height:24px !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#8a7664 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.modal-button-grid .decision-card strong{
  grid-row:2 !important;
  height:54px !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1 !important;
}
.modal-button-grid .decision-card span:last-child{
  grid-row:3 !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 !important;
  display:block !important;
  font-size:17px !important;
  line-height:1.45 !important;
}
.modal-button-grid .decision-card::after{
  content:"Mehr erfahren →" !important;
  position:static !important;
  grid-row:4 !important;
  height:28px !important;
  line-height:28px !important;
  align-self:end !important;
  margin:0 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  color:#a06d12 !important;
}
.modal-button-grid .decision-card:hover,
.modal-button-grid .decision-card.active{
  border-color:#c99b3d !important;
  transform:translateY(-4px) !important;
  box-shadow:0 18px 42px rgba(33,23,14,.12) !important;
  background:linear-gradient(135deg,#fffaf1,#fff2d9) !important;
}
@media(max-width:1050px){
  .modal-button-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:620px){
  .modal-button-grid{grid-template-columns:1fr !important}
  .modal-button-grid .decision-card{
    height:auto !important;
    min-height:210px !important;
    grid-template-rows:auto auto auto auto !important;
  }
  .modal-button-grid .decision-card strong,
  .modal-button-grid .decision-card span:last-child{
    height:auto !important;
    min-height:0 !important;
  }
}


/* v2.7.3 FINAL FIX: Vorteile-Detailkarten sauber, gerade, gleich hoch */
.modal-button-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.modal-button-grid .decision-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  height:252px !important;
  min-height:252px !important;
  padding:34px 34px 72px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(184,142,61,.30) !important;
  background:linear-gradient(135deg,#fffaf1 0%,#fff6e7 100%) !important;
  box-shadow:0 14px 34px rgba(33,23,14,.08) !important;
  cursor:pointer !important;
  transform:none !important;
}

.modal-button-grid .decision-card .click-hint{
  display:none !important;
}

.modal-button-grid .decision-card strong{
  display:block !important;
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 0 24px 0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:34px !important;
  line-height:44px !important;
  font-weight:950 !important;
  color:#1a100b !important;
  letter-spacing:-.03em !important;
  white-space:nowrap !important;
}

.modal-button-grid .decision-card span:last-child{
  display:block !important;
  width:100% !important;
  min-height:72px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:18px !important;
  line-height:1.45 !important;
  color:#6a5d50 !important;
}

.modal-button-grid .decision-card::after{
  content:"Mehr erfahren  →" !important;
  position:absolute !important;
  left:34px !important;
  right:34px !important;
  bottom:28px !important;
  height:24px !important;
  line-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#9a6a15 !important;
  text-align:left !important;
}

.modal-button-grid .decision-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(105deg,transparent 0%,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%,transparent 100%) !important;
  transform:translateX(-120%) !important;
  animation:kbCardShimmer 5.6s ease-in-out infinite !important;
  pointer-events:none !important;
}

.modal-button-grid .decision-card:nth-child(2)::before{animation-delay:.45s !important}
.modal-button-grid .decision-card:nth-child(3)::before{animation-delay:.9s !important}
.modal-button-grid .decision-card:nth-child(4)::before{animation-delay:1.35s !important}

.modal-button-grid .decision-card:hover,
.modal-button-grid .decision-card.active{
  border-color:#c99b3d !important;
  background:linear-gradient(135deg,#fff8ea 0%,#fff1d3 100%) !important;
  box-shadow:0 18px 42px rgba(33,23,14,.13) !important;
  transform:translateY(-3px) !important;
}

@keyframes kbCardShimmer{
  0%,62%,100%{transform:translateX(-120%);opacity:0}
  12%,28%{opacity:1}
  42%{transform:translateX(120%);opacity:0}
}

@media(max-width:1050px){
  .modal-button-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .modal-button-grid{
    grid-template-columns:1fr !important;
  }
  .modal-button-grid .decision-card{
    height:auto !important;
    min-height:220px !important;
  }
  .modal-button-grid .decision-card strong{
    height:auto !important;
    min-height:0 !important;
    line-height:1.08 !important;
    white-space:normal !important;
  }
}


/* v2.7.4 CLEAN REAL FIX: Vorteile-Klickkarten ohne abgeschnittene Titel */
.modal-button-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.modal-button-grid .decision-card{
  all:unset;
  box-sizing:border-box !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  padding:28px 26px 24px !important;
  border-radius:18px !important;
  border:1px solid rgba(190,150,75,.34) !important;
  background:linear-gradient(135deg,#fffaf2 0%,#fff4df 100%) !important;
  box-shadow:0 16px 34px rgba(38,25,14,.08) !important;
  cursor:pointer !important;
  overflow:hidden !important;
  font-family:Inter,Arial,sans-serif !important;
  color:#1a100b !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}

.modal-button-grid .decision-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(255,255,255,.42) 50%,transparent 58%,transparent 100%) !important;
  transform:translateX(-130%) !important;
  animation:kbSoftShimmer 6.4s ease-in-out infinite !important;
  pointer-events:none !important;
}

.modal-button-grid .decision-card:nth-child(2)::before{animation-delay:.65s !important}
.modal-button-grid .decision-card:nth-child(3)::before{animation-delay:1.3s !important}
.modal-button-grid .decision-card:nth-child(4)::before{animation-delay:1.95s !important}

.modal-button-grid .decision-card .click-hint{
  display:none !important;
}

.modal-button-grid .decision-card strong{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 22px !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(25px,1.65vw,30px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  color:#1a100b !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.modal-button-grid .decision-card span{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
}

.modal-button-grid .decision-card span:last-child{
  font-size:16px !important;
  line-height:1.48 !important;
  font-weight:500 !important;
  color:#66594c !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.modal-button-grid .decision-card::after{
  content:"Mehr erfahren  →" !important;
  position:absolute !important;
  left:26px !important;
  right:26px !important;
  bottom:22px !important;
  display:block !important;
  height:20px !important;
  line-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  color:#9b6b14 !important;
  white-space:nowrap !important;
}

.modal-button-grid .decision-card:hover,
.modal-button-grid .decision-card.active{
  transform:translateY(-3px) !important;
  border-color:#c99b3d !important;
  background:linear-gradient(135deg,#fff9ed 0%,#ffefd0 100%) !important;
  box-shadow:0 20px 42px rgba(38,25,14,.12) !important;
}

@keyframes kbSoftShimmer{
  0%,70%,100%{transform:translateX(-130%);opacity:0}
  14%,28%{opacity:1}
  44%{transform:translateX(130%);opacity:0}
}

@media(max-width:1200px){
  .modal-button-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .modal-button-grid{
    grid-template-columns:1fr !important;
  }
  .modal-button-grid .decision-card{
    height:auto !important;
    min-height:190px !important;
    padding:24px 22px 58px !important;
  }
  .modal-button-grid .decision-card::after{
    left:22px !important;
    right:22px !important;
  }
}


/* v2.7.5: kein Standard-Active/Glow-Versatz mehr bei Vorteile-Karten */
.modal-button-grid .decision-card.active{
  transform:none !important;
  border-color:rgba(190,150,75,.34) !important;
  background:linear-gradient(135deg,#fffaf2 0%,#fff4df 100%) !important;
  box-shadow:0 16px 34px rgba(38,25,14,.08) !important;
}
.modal-button-grid .decision-card:hover{
  transform:translateY(-2px) !important;
  border-color:#c99b3d !important;
  background:linear-gradient(135deg,#fff9ed 0%,#ffefd0 100%) !important;
  box-shadow:0 20px 42px rgba(38,25,14,.12) !important;
}


/* v2.7.6 elegante Klickkarten: langsamer Links-nach-rechts-Schimmer + zentriertes CTA */
.modal-button-grid .decision-card{
  isolation:isolate !important;
}

.modal-button-grid .decision-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      105deg,
      transparent 0%,
      transparent 34%,
      rgba(255,255,255,.10) 42%,
      rgba(246,211,126,.34) 50%,
      rgba(255,255,255,.28) 56%,
      transparent 66%,
      transparent 100%
    ) !important;
  transform:translateX(-135%) !important;
  animation:kbElegantCardSweep 7.8s ease-in-out infinite !important;
  opacity:0 !important;
}

.modal-button-grid .decision-card:nth-child(1)::before{animation-delay:0s !important}
.modal-button-grid .decision-card:nth-child(2)::before{animation-delay:1.05s !important}
.modal-button-grid .decision-card:nth-child(3)::before{animation-delay:2.10s !important}
.modal-button-grid .decision-card:nth-child(4)::before{animation-delay:3.15s !important}

.modal-button-grid .decision-card > *{
  position:relative !important;
  z-index:1 !important;
}

.modal-button-grid .decision-card::after{
  content:"Mehr erfahren" !important;
  left:26px !important;
  right:26px !important;
  bottom:22px !important;
  text-align:center !important;
  color:#9b6b14 !important;
  letter-spacing:.12em !important;
  transition:color .2s ease, transform .2s ease !important;
}

.modal-button-grid .decision-card:hover::after{
  color:#6f4705 !important;
  transform:translateY(-1px) !important;
}

@keyframes kbElegantCardSweep{
  0%,52%,100%{
    transform:translateX(-135%);
    opacity:0;
  }
  8%{
    opacity:.55;
  }
  20%{
    opacity:.85;
  }
  34%{
    transform:translateX(135%);
    opacity:0;
  }
}

@media (prefers-reduced-motion: reduce){
  .modal-button-grid .decision-card::before{
    animation:none !important;
    opacity:0 !important;
  }
}


/* v2.7.8 safety restore: keep good button state after image update */
.modal-button-grid .decision-card.active{
  transform:none !important;
}
.modal-button-grid .decision-card::after{
  content:"Mehr erfahren" !important;
  text-align:center !important;
}
.modal-button-grid .decision-card .click-hint{
  display:none !important;
}
.modal-button-grid .decision-card:hover{
  transform:translateY(-2px) !important;
}


/* v2.8.0 shimmer visibility fix: elegant but clearly visible left-to-right sheen */
.modal-button-grid .decision-card{
  overflow:hidden !important;
  position:relative !important;
}

.modal-button-grid .decision-card::before{
  content:"" !important;
  position:absolute !important;
  top:-2px !important;
  bottom:-2px !important;
  left:-42% !important;
  width:42% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:linear-gradient(
    100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 18%,
    rgba(255,244,210,.18) 30%,
    rgba(255,248,230,.58) 42%,
    rgba(255,255,255,.88) 50%,
    rgba(242,210,126,.42) 58%,
    rgba(255,255,255,0) 72%,
    rgba(255,255,255,0) 100%
  ) !important;
  box-shadow:0 0 22px rgba(245,211,137,.18) !important;
  transform:translateX(-165%) skewX(-16deg) !important;
  opacity:0 !important;
  animation:kbElegantCardSweepVisible 8.4s cubic-bezier(.4,0,.2,1) infinite !important;
}

.modal-button-grid .decision-card:nth-child(1)::before{animation-delay:0s !important}
.modal-button-grid .decision-card:nth-child(2)::before{animation-delay:1.15s !important}
.modal-button-grid .decision-card:nth-child(3)::before{animation-delay:2.30s !important}
.modal-button-grid .decision-card:nth-child(4)::before{animation-delay:3.45s !important}

.modal-button-grid .decision-card > *{
  position:relative !important;
  z-index:1 !important;
}

@keyframes kbElegantCardSweepVisible{
  0%, 58%, 100%{
    transform:translateX(-165%) skewX(-16deg);
    opacity:0;
  }
  7%{
    opacity:.18;
  }
  14%{
    opacity:.92;
  }
  26%{
    transform:translateX(420%) skewX(-16deg);
    opacity:.22;
  }
  30%{
    opacity:0;
  }
}

@media (prefers-reduced-motion: reduce){
  .modal-button-grid .decision-card::before{
    animation:none !important;
    opacity:0 !important;
  }
}

/* v2.8.0 shimmer sweep fix: slow visible left-to-right shimmer on the 4 info cards */
.modal-button-grid .decision-card{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(
      108deg,
      #fffaf1 0%,
      #fffaf1 40%,
      #fff8ea 45%,
      #fff1c8 50%,
      #fff8ea 55%,
      #fffaf1 60%,
      #fffaf1 100%
    ) !important;
  background-size:260% 100% !important;
  background-position:-220% 0 !important;
  animation:kbCardSurfaceShimmer 9.2s ease-in-out infinite !important;
}

.modal-button-grid .decision-card::before{
  content:none !important;
}

.modal-button-grid .decision-card:nth-child(1){animation-delay:0s !important}
.modal-button-grid .decision-card:nth-child(2){animation-delay:1.15s !important}
.modal-button-grid .decision-card:nth-child(3){animation-delay:2.30s !important}
.modal-button-grid .decision-card:nth-child(4){animation-delay:3.45s !important}

@keyframes kbCardSurfaceShimmer{
  0%, 58%, 100%{
    background-position:-220% 0;
  }
  16%{
    background-position:160% 0;
  }
  22%{
    background-position:160% 0;
  }
}

@media (prefers-reduced-motion: reduce){
  .modal-button-grid .decision-card{
    animation:none !important;
    background-position:0 0 !important;
  }
}

/* v2.8.1 final shimmer override: clear slow left-to-right sweep without moving card heights */
.modal-button-grid .decision-card{
  background-color:#fffaf1 !important;
  background-image:
    linear-gradient(
      100deg,
      rgba(255,250,241,0) 0%,
      rgba(255,250,241,0) 34%,
      rgba(255,244,214,.22) 42%,
      rgba(255,255,255,.92) 50%,
      rgba(247,221,149,.42) 58%,
      rgba(255,250,241,0) 66%,
      rgba(255,250,241,0) 100%
    ),
    linear-gradient(#fffaf1,#fffaf1) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:235% 100%,100% 100% !important;
  background-position:-245% 0,0 0 !important;
  animation:kbCardFinalVisibleSweep 8.6s ease-in-out infinite !important;
}

.modal-button-grid .decision-card::before{
  content:none !important;
  animation:none !important;
  opacity:0 !important;
}

.modal-button-grid .decision-card:nth-child(1){animation-delay:0s !important}
.modal-button-grid .decision-card:nth-child(2){animation-delay:1.15s !important}
.modal-button-grid .decision-card:nth-child(3){animation-delay:2.30s !important}
.modal-button-grid .decision-card:nth-child(4){animation-delay:3.45s !important}

@keyframes kbCardFinalVisibleSweep{
  0%, 60%, 100%{
    background-position:-245% 0,0 0;
  }
  18%, 22%{
    background-position:145% 0,0 0;
  }
}

@media (prefers-reduced-motion: reduce){
  .modal-button-grid .decision-card{
    animation:none !important;
    background-position:0 0,0 0 !important;
  }
}


/* v2.8.2 logo update: optimized logo and safer header display */
.brand-logo img,
.header-logo img,
.site-logo img,
.logo img,
img[src*="logo-kb"]{
  object-fit:contain !important;
  max-width:100% !important;
  height:auto !important;
}

/* v2.8.4 logo path hotfix: correct broken header logo src to assets/img */
.brand-logo-final{
  display:block !important;
  width:248px !important;
  max-height:102px !important;
  object-fit:contain !important;
}
@media(max-width:960px){.brand-logo-final{width:220px !important}}
@media(max-width:640px){.brand-logo-final{width:200px !important}}


/* v2.8.6 logo correction: correct blended transparent logo, same referenced path */
.brand-mark img,
.brand-logo img,
.header-logo img,
.site-logo img,
.logo img,
img[src*="logo-kb-header-v250"]{
  display:block !important;
  object-fit:contain !important;
  max-width:100% !important;
  height:auto !important;
}

/* v2.8.7 image layout restore: undo portrait/cropped teaser-card issue without changing image files */
.card-grid .teaser-card > img,
.teaser-card > img{
  width:100% !important;
  height:220px !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.card-grid .teaser-card:nth-child(1) > img{object-position:center center !important}
.card-grid .teaser-card:nth-child(2) > img{object-position:center center !important}
.card-grid .teaser-card:nth-child(3) > img{object-position:center center !important}
@media(max-width:760px){
  .card-grid .teaser-card > img,
  .teaser-card > img{height:200px !important}
}