.package-grid{grid-template-columns:repeat(2,1fr)}
.price-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:0 0 24px}
.price-table span{display:flex;justify-content:space-between;gap:12px;background:#0a1114;padding:10px 12px;font-size:.82rem;color:var(--muted)}
.price-table b{color:var(--text)}
.compact-card{min-height:340px}
.value-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.value-tags span{border:1px solid rgba(89,217,229,.35);background:rgba(32,185,201,.06);color:#d7e4e7;padding:9px 12px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.price-note strong{color:#9fb1b6;font-weight:600}.package-detail-grid{display:grid;gap:20px}.package-detail{scroll-margin-top:110px;padding:42px;background:linear-gradient(145deg,#10181b,#090e10);border:1px solid var(--line)}.package-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.package-detail h2{font-size:clamp(2rem,5vw,4rem)}.package-detail .best-for{color:var(--cyan2);font-weight:700;margin:18px 0}.package-detail p{color:var(--muted);max-width:850px}.package-detail a{margin-top:14px}
.answer-grid.four{grid-template-columns:repeat(4,1fr)}
.subpage-main{padding-top:84px}
.subpage-hero{padding:110px 0 80px;background:radial-gradient(circle at 80% 25%,rgba(32,185,201,.16),transparent 35%),#060b0d;border-bottom:1px solid var(--line)}
.subpage-hero h1{font-size:clamp(3.5rem,8vw,7.5rem);margin:18px 0 24px}
.subpage-hero p:not(.kicker){max-width:680px;color:#b7c5c9;font-size:1.08rem}
.business-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card,.review-card{padding:32px;background:linear-gradient(145deg,#10181b,#090e10);border:1px solid var(--line)}
.info-card h2,.review-card h2{font-family:var(--display);font-size:1.65rem;text-transform:uppercase;margin:34px 0 16px}
.info-card p,.review-card p{color:var(--muted)}
.info-card>span{font-family:var(--display);color:var(--cyan2)}
.business-cta{margin-top:22px;padding:42px;border:1px solid rgba(89,217,229,.35);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(32,185,201,.06)}
.business-cta h2{margin:0;font-family:var(--display);text-transform:uppercase;font-size:clamp(1.8rem,4vw,3.2rem)}
.review-placeholder{min-height:235px;display:flex;flex-direction:column;justify-content:space-between}
.review-stars{color:var(--cyan2);letter-spacing:.18em}
.review-note{padding:28px;border:1px dashed rgba(89,217,229,.35);color:var(--muted);text-align:center;margin-top:24px}
.back-link{display:inline-flex;margin-top:34px;color:var(--cyan2);font-weight:700}
@media(max-width:960px){.package-grid,.business-grid,.review-grid{grid-template-columns:1fr}.answer-grid.four{grid-template-columns:1fr 1fr}.business-cta{align-items:flex-start;flex-direction:column}.subpage-main{padding-top:74px}}
@media(max-width:640px){.answer-grid.four{grid-template-columns:1fr}.subpage-hero{padding:78px 0 58px}.business-cta{padding:28px 22px}}

/* Hero benefits and matching calls to action */
.hero-actions{gap:14px}
.hero-actions .button{min-width:220px}
.trust-strip{grid-template-columns:repeat(3,1fr);padding-inline:max(20px,calc((100vw - var(--max))/2))}

@media(max-width:640px){
  .hero-actions{flex-direction:row;align-items:stretch;gap:8px}
  .hero-actions .button{min-width:0;flex:1;gap:8px;padding:0 10px;font-size:.72rem;white-space:nowrap}
  .trust-strip{grid-template-columns:repeat(3,1fr);padding-inline:0}
  .trust-strip div{height:72px;padding:0 9px;gap:6px}
  .trust-strip div:nth-child(2n){border-right:1px solid var(--line)}
  .trust-strip div:last-child{border-right:0}
  .trust-strip span{font-size:.56rem;line-height:1.35}
}

.service-no{left:38px;right:auto}
.service-duration{position:absolute;top:27px;right:28px;color:var(--cyan2);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.service-card:has(.badge) .service-duration{top:48px}
.service-preview{margin:14px 0 22px;border:1px solid rgba(89,217,229,.28);background:#071013}
.service-preview summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 14px;color:var(--cyan2);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;list-style:none}
.service-preview summary::-webkit-details-marker{display:none}
.service-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;border-top:1px solid rgba(89,217,229,.28)}
.service-preview p{padding:12px 14px;margin:0;font-size:.78rem}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.social-links a{border:1px solid rgba(89,217,229,.35);padding:7px 10px;color:#d7e4e7;font-size:.78rem}
.social-links a:hover{border-color:var(--cyan);color:var(--cyan2)}
.finder-disclaimer strong{color:var(--cyan2)}
.service-on-request{margin-top:28px;border:2px solid var(--cyan);background:linear-gradient(135deg,rgba(32,185,201,.12),rgba(7,12,14,.95));padding:26px 28px;display:grid;grid-template-columns:1.05fr 1.6fr auto;align-items:center;gap:28px}.service-on-request strong{font-family:var(--display);font-size:1.45rem;line-height:1.2;color:var(--cyan2)}.service-on-request span{color:#c3d0d3}.service-on-request a{font-weight:800;color:var(--cyan2);white-space:nowrap;border-bottom:1px solid rgba(89,217,229,.5);padding-bottom:4px}.results-teaser{background:radial-gradient(circle at 80% 20%,rgba(32,185,201,.1),transparent 38%),var(--bg)}.results-teaser .section-head{margin-bottom:0}.results-gallery{background:radial-gradient(circle at 80% 10%,rgba(32,185,201,.08),transparent 32%),var(--bg)}.result-case+.result-case{margin-top:90px}.case-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:34px}.case-heading h2{font-size:clamp(2.5rem,5vw,4.8rem)}.case-heading>p,.case-copy>p{color:var(--muted)}.split-result{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid rgba(89,217,229,.3);background:linear-gradient(145deg,#0d171a,#080e10)}.case-image{position:relative;min-height:480px}.case-image img{width:100%;height:100%;object-fit:cover}.case-image span{position:absolute;left:20px;top:20px;background:rgba(3,7,8,.78);padding:8px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.case-copy{padding:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.case-copy h2{font-size:clamp(2.4rem,4vw,4.2rem);margin-bottom:24px}.case-copy .button{margin-top:14px}
@media(max-width:960px){.service-on-request,.case-heading,.split-result{grid-template-columns:1fr}.case-image{min-height:360px}.case-copy{padding:34px}.results-teaser .section-head{display:flex;align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.service-on-request{padding:22px;gap:16px}.case-image{min-height:280px}.result-case+.result-case{margin-top:60px}}
.badge.badge-outline{background:#0b1114;color:var(--cyan2);border:1px solid var(--cyan);box-shadow:0 0 22px rgba(32,185,201,.14)}
.faq-section{background:radial-gradient(circle at 85% 8%,rgba(32,185,201,.09),transparent 30%),var(--bg)}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start}
.faq-intro{position:sticky;top:120px}.faq-intro>p:not(.kicker){color:var(--muted);margin:24px 0 30px}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(16,25,29,.68),rgba(9,14,16,.7))}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;font-family:var(--display);font-size:1.35rem;text-transform:uppercase}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--cyan2);font-family:var(--body);font-size:1.35rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 26px 26px;margin:0;max-width:760px}
@media(max-width:1200px) and (min-width:961px){.site-header nav{gap:15px}.site-header nav a{font-size:.76rem}.brand{width:180px}.nav-wrap{gap:22px}}
@media(max-width:960px){.faq-layout{grid-template-columns:1fr}.faq-intro{position:static}.faq-list summary{font-size:1.15rem}}
.detail-sizes{max-width:650px;margin-top:28px}.recommended-detail{border-color:var(--cyan);box-shadow:inset 0 0 45px rgba(32,185,201,.05)}.detail-recommended{border:1px solid var(--cyan);color:var(--cyan2);padding:8px 12px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.results-teaser{min-height:460px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,7,8,.94) 0%,rgba(3,7,8,.76) 48%,rgba(3,7,8,.24) 100%),url("assets/ergebnisse-porsche-innenraum.jpeg");background-position:center 54%;background-size:cover;background-repeat:no-repeat}.results-teaser h2{text-shadow:0 4px 30px rgba(0,0,0,.7)}
.package-top-price{display:flex;align-items:baseline;gap:9px;color:var(--cyan2);font-family:var(--body)}.package-top-price small{color:#607278;font-family:var(--display);font-size:.82rem;font-weight:600}.package-top-price b{font-size:1.22rem;line-height:1;font-weight:800;letter-spacing:-.02em}
.service-card>.package-top-price~h3{margin-top:82px}
.card-foot{justify-content:flex-end}
.service-card,.package-detail{border-radius:18px;overflow:hidden}
.price-table{border-radius:10px;overflow:hidden}
.service-card .badge{border-radius:0 0 10px 10px}

.service-on-request .request-offers strong{display:block;font-size:1.2rem;margin-bottom:10px}.service-on-request .request-offers ul{margin:0;padding-left:1.15rem;display:grid;gap:5px;color:#c3d0d3;font-size:.95rem;line-height:1.45}

/* Social marks in the primary navigation */
.site-header nav .nav-social-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:30px;color:#d7e0e2;padding:0!important}
.site-header nav .nav-social-icon svg{display:block;width:19px;height:19px}
.site-header nav .nav-social-icon:hover{color:var(--cyan2)}
.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.photo-pair.single{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.gallery-photo{position:relative;margin:0;overflow:hidden;background:#0b1114;border:1px solid rgba(89,217,229,.28)}
.gallery-photo img{width:100%;height:min(46vw,560px);min-height:260px;object-fit:contain;background:#05090b}
.gallery-photo figcaption{position:absolute;left:14px;bottom:14px;padding:7px 11px;background:rgba(3,7,8,.82);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:1200px) and (min-width:961px){.site-header nav{gap:10px}.site-header nav .nav-social-icon{flex-basis:21px;width:21px}}
@media(max-width:640px){.photo-pair{gap:8px}.gallery-photo img{height:64vw;min-height:180px}.gallery-photo figcaption{left:8px;bottom:8px;padding:5px 7px;font-size:.58rem}}
.site-header nav .nav-social-group{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.site-header nav .nav-social-group>a:first-child{margin-right:1px}
@media(max-width:960px){.site-header nav .nav-social-group{align-self:flex-start;gap:12px}}
.photo-pair.single{grid-template-columns:minmax(0,1fr)}
.photo-pair.single .gallery-photo{width:min(100%,720px);justify-self:center}

/* Keep the desktop navigation items on one line and let the social icons retain their brand colors. */
@media(min-width:961px){.site-header nav{flex-wrap:nowrap;align-items:center;white-space:nowrap}.site-header nav>a{flex-shrink:0}.site-header nav .nav-social-group{white-space:nowrap;flex-shrink:0}}
.site-header nav .nav-social-icon:hover{filter:brightness(1.15)}
@media(max-width:1200px) and (min-width:961px){.nav-cta{display:none}}