/* Service discovery: strong contrast, generous previews and one clear action. */
.config-banner{max-width:1180px;margin:38px auto;padding:30px;border:1px solid #bda17c70;border-radius:30px;background:radial-gradient(ellipse at 100% 0,#8d694c66,transparent 55%),linear-gradient(130deg,#24342c,#14231e);color:#fff8ed;box-shadow:0 22px 60px -30px #10281d90}
.config-banner-heading{max-width:700px;margin-bottom:24px}.config-banner-heading>span{font:600 10px system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#f2cfaa}.config-banner-heading h2{font:400 clamp(30px,4vw,44px)/1.08 Georgia,serif;color:#fff8ed;margin:10px 0}.config-banner-heading p{font:14px/1.5 system-ui,sans-serif;color:#e0e7de;margin:0}
.config-banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.config-banner-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #fff9;border-radius:22px;background:#f8f4eb;color:#292d28;text-decoration:none!important;box-shadow:0 8px 24px #0003;transition:transform .2s,box-shadow .2s}.config-banner-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0005}.config-banner-scenes{position:relative;display:block;min-height:235px;overflow:hidden;background:#dad7cf}.config-banner-scenes img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.config-banner-after{opacity:0;animation:config-stone-swap 9s ease-in-out infinite}.config-banner-swap{position:absolute;left:12px;top:12px;padding:7px 10px;border:1px solid #fff9;border-radius:999px;background:#fffdf4ed;color:#292d28;font:600 10px system-ui,sans-serif}.config-banner-orbit{position:absolute;right:12px;bottom:12px;display:grid;place-content:center;width:58px;height:58px;border:1px solid #fffd;border-radius:50%;background:#21362be8;color:#fff8ed;font:600 14px system-ui,sans-serif;box-shadow:0 5px 15px #0003}
.config-banner-copy{display:flex;flex:1;flex-direction:column;padding:22px;background:linear-gradient(135deg,#fffdf8,#eee9dd);border-top:1px solid #fff}.config-banner-copy small{color:#75452e;font:700 10px system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase}.config-banner-copy strong{font:400 29px/1.1 Georgia,serif;margin:10px 0}.config-banner-copy>span{font:13px/1.5 system-ui,sans-serif}.config-banner-copy em{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:14px 18px;border-radius:14px;background:#75452e;color:#fff;font:600 13px system-ui,sans-serif;min-height:48px;box-shadow:0 5px 12px #75452e33}.config-banner-copy>span+em{margin-top:20px}.config-banner-copy em b{font-size:21px;font-weight:400}.config-banner-card:only-child{display:grid;grid-template-columns:1.2fr 1fr;min-height:310px}.config-banner-card:focus-visible{outline:3px solid #ffd19a;outline-offset:5px}.config-banner-steps{display:flex;flex-wrap:wrap;gap:10px 25px;margin:22px 0 0;color:#f2cfaa;font:12px system-ui,sans-serif}
@keyframes config-stone-swap{0%,20%,100%{opacity:0}45%,70%{opacity:1}}
@media(max-width:600px){.config-banner{margin:24px 12px;padding:20px 14px;border-radius:24px}.config-banner-card:only-child{display:flex}.config-banner-scenes{min-height:240px}.config-banner-copy strong{font-size:29px}.config-banner-steps{gap:10px 18px}}
@media(prefers-reduced-motion:reduce){.config-banner-after{animation:none;opacity:0}.config-banner-card{transition:none}.config-banner-card:hover{transform:none}}
@media(forced-colors:active){.config-banner,.config-banner-card,.config-banner-copy{background:Canvas;color:CanvasText;border:1px solid CanvasText}.config-banner-scenes{display:none}.config-banner-heading h2,.config-banner-heading p,.config-banner-heading>span,.config-banner-steps,.config-banner-copy small{color:CanvasText}.config-banner-copy em{background:ButtonFace;color:ButtonText}}