/* Commercial demo expansion */
.content-wrap{width:100%;max-width:1420px;margin:0 auto}
.section.compact{min-height:auto;padding-top:clamp(78px,7vw,112px);padding-bottom:clamp(78px,7vw,112px)}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:42px}
.section-intro p{margin:0;max-width:560px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-tile{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);padding:28px;min-height:210px;background:color-mix(in srgb,var(--paper) 92%,transparent);display:flex;flex-direction:column;justify-content:space-between}
.service-tile .label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent2)}
.service-tile h3{font-family:'Playfair Display',serif;font-size:28px;line-height:1.08;margin:36px 0 12px}
.service-tile p{font-size:14px;line-height:1.55;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--ink) 16%,transparent);margin-top:44px}
.step{background:var(--paper);padding:34px;min-height:200px}
.dark .steps{background:rgba(255,255,255,.14)}.dark .step{background:var(--ink)}
.step b{display:block;font-family:'Playfair Display',serif;font-size:36px;color:var(--accent);margin-bottom:28px}
.step h3{font-size:16px;margin:0 0 10px}.step p{font-size:14px;line-height:1.55;margin:0}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:38px}
.faq-card{padding:24px 26px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 94%,transparent)}
.faq-card h3{font-size:15px;margin:0 0 8px}.faq-card p{font-size:14px;line-height:1.55;margin:0}
.feature-list{display:grid;gap:0;margin-top:30px;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.feature-list div{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.feature-list b{color:var(--accent2);font-size:11px;letter-spacing:.14em}.feature-list span{font-size:14px;line-height:1.5}
.concept-note{max-width:1420px;margin:0 auto;padding:14px 32px;text-align:center;font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--paper);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.cta .btn{min-height:44px;padding:0 20px}
.dark .service-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.dark .service-tile p{color:rgba(255,255,255,.68)}
.dark .visual-placeholder{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.62);background:linear-gradient(135deg,transparent 49.8%,rgba(255,255,255,.16) 50%,transparent 50.2%)}
.dark .visual-placeholder:before,.dark .visual-placeholder:after{background:rgba(255,255,255,.14)}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px){.section:not(.compact){min-height:100vh}}
@media(max-width:900px){.section-intro{display:block}.section-intro p{margin-top:18px}.steps,.faq-grid{grid-template-columns:1fr}.step{min-height:auto}.section.compact{padding:76px 22px}}
@media(max-width:620px){.service-grid{grid-template-columns:1fr}.service-tile{min-height:180px}.concept-note{padding:14px 20px}.footer-links{flex-direction:column;gap:8px}}