/* Compact home services, using the existing IBAA Digital palette and Cairo. */
.compact-services{padding-block:32px;background:#0c0811}.compact-services .section-heading{margin-bottom:20px;gap:24px;align-items:center}.compact-services .eyebrow{margin-bottom:6px}.compact-services h2{font-size:26px;line-height:1.5}.compact-services .section-heading>p{font-size:16px;line-height:1.7;padding:0;margin:0;max-width:420px}.compact-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-service{display:flex;flex-direction:column;position:relative;min-width:0;padding:17px;border:1px solid #382347;border-radius:12px;background:#160d20;box-shadow:inset 0 2px #8e56b755}.compact-service-index{color:#bf94d8;font-size:12px;line-height:1.4;margin-bottom:8px}.compact-service h3{font-size:22px!important;line-height:1.4;font-weight:400;margin:0}.compact-service p{font-size:16px;line-height:1.65;color:#b9acc6;margin:8px 0 15px}.compact-service .button{margin-top:auto;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.5;font-weight:400;background:#291637;color:#f0dbff;border:1px solid #5a3474;align-self:flex-start}.compact-service .button:hover{background:#3d2251;border-color:#c99aec}.compact-details{display:inline-flex;margin-top:18px;font-size:16px;color:#dfbafa}.compact-services a:focus-visible{outline-color:#6ee1ff}
@media(max-width:1050px){.compact-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.compact-services{padding-block:25px}.compact-services .section-heading{display:block;margin-bottom:16px}.compact-services .section-heading>p{margin-top:8px}.compact-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-service{padding:13px}.compact-service h3{font-size:22px!important}.compact-service p{margin:7px 0 12px}.compact-service .button{width:100%;align-self:stretch}.compact-services h2{font-size:24px}}
@media(max-width:350px){.compact-service-grid{grid-template-columns:1fr}}

.visual-demos{background:#100a16;padding-block:36px}.visual-demos .section-heading{margin-bottom:22px;gap:24px}.visual-demos h2{font-size:26px;line-height:1.5}.visual-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-demo-card{background:#160d20;border:1px solid #382347;border-radius:12px;overflow:hidden;min-width:0}.visual-demo-photo{height:210px;position:relative;overflow:hidden}.visual-demo-photo>img{width:100%;height:100%;object-fit:cover}.visual-demo-photo>span{position:absolute;inset:auto 12px 12px auto;background:#100a16dd;color:#f4f0fa;border:1px solid #a06bc277;border-radius:6px;padding:5px 12px;font-size:16px}.visual-demo-body{padding:18px}.visual-demo-body h3{font-size:22px;font-weight:400;line-height:1.5}.visual-demo-body p{font-size:16px;line-height:1.7;color:#b9acc6;margin:8px 0 15px}.visual-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.visual-demo-actions .button{font-size:16px;min-height:44px;padding:8px 14px;background:#291637;color:#f0dbff;border:1px solid #5a3474;font-weight:400}.demo-live{font-size:16px;color:#dfbafa;text-decoration:underline;text-underline-offset:4px}.demo-live small{display:block;font-size:12px;color:#b9acc6;text-decoration:none}.visual-demo-note{font-size:16px;color:#b9acc6;margin-top:16px;line-height:1.7}.visual-demo-note a{text-decoration:underline}#design-preview-dialog{width:min(1040px,calc(100% - 28px));max-width:1040px;padding:18px;background:#100a16;color:#f4f0fa;border:1px solid #69438b;border-radius:12px;max-height:90vh;overflow:auto}#design-preview-dialog::backdrop{background:#000b}.design-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.design-preview-header h2{font-size:24px;margin:0}.design-preview-close{background:#291637;color:#f0dbff;width:44px;height:44px;font-size:28px;border-radius:6px}#design-preview-image{width:100%;height:auto;border-radius:6px}
@media(max-width:850px){.visual-demo-grid{grid-template-columns:1fr}.visual-demo-photo{height:230px}.visual-demos .section-heading{display:block}.visual-demos .section-heading>p{margin-top:10px}.visual-demos{padding-block:28px}}

.neo-actions{flex-wrap:wrap}