/* Helle Smartphone-Demos: Blau, Weiß und Grün. */
.variant-iris .site-header .category-nav{position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 5%;display:flex;justify-content:center;gap:10px;background:#1c1b59;border-bottom:1px solid #ffffff26;color:white}
.variant-iris .site-header .category-nav>a:not(.nav-wa){display:block;opacity:1;padding:9px 18px;border:1px solid #ffffff30;border-radius:30px;font-size:14px;line-height:1.3;text-align:center}
.variant-iris .site-header .category-nav>a:hover,.variant-iris .site-header .category-nav>a:focus-visible{background:#b8ed82;color:#183329;outline:2px solid #b8ed82;outline-offset:2px}
.variant-iris .hero{margin-top:58px}
.variant-iris :is(section,article)[id]{scroll-margin-top:155px}
@media(max-width:760px){
 .variant-iris .site-header .category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 5%}
 .variant-iris .site-header .category-nav>a:not(.nav-wa){padding:7px 5px;font-size:13px}
 .variant-iris .hero{margin-top:88px}
 .variant-iris :is(section,article)[id]{scroll-margin-top:175px}
}
.variant-iris .premium-design{margin-top:32px;background:#b8ff65;color:#163329;border:1px solid #cfff9e;padding:clamp(24px,5vw,60px);border-radius:28px}
.variant-iris .premium-design h3{font-size:clamp(30px,4vw,54px);min-height:0;color:#163329}
.variant-iris .premium-design p,.variant-iris .premium-design .package-name,.variant-iris .premium-design .price,.variant-iris .premium-design li{color:#163329}
.variant-iris .premium-design .package-for{max-width:75ch;min-height:0}
.variant-iris .premium-design .package-list li:before{color:#163329}
.variant-iris .premium-design .button{background:#163329;color:white;margin-top:24px}
.variant-iris .hero h1 .hero-wow{color:#b8ed82;-webkit-text-fill-color:#b8ed82;text-shadow:none}
.variant-iris .feature-intro{max-width:65ch;font-size:clamp(18px,2vw,23px);line-height:1.6;margin:24px 0 48px}
.variant-iris .phone{background:#f8fbff;border-color:#95ef63;color:#183d8b;box-shadow:0 28px 80px #10236444,inset 0 0 0 5px #dce9ff}
.variant-iris .phone-top i,.variant-iris .phone-home{background:#2458bd}
.variant-iris .phone-top{color:#183d8b}
.variant-iris .phone-address{color:#30558b;background:#e6efff}
.variant-iris .phone-mini-brand,.variant-iris .phone-site h3{color:#183d8b}
.variant-iris .phone-site p{color:#476185}
.variant-iris .phone-art{color:#2458bd}
.variant-iris .phone-action,.variant-iris .route-action{background:#b8ff65;color:#153d67;border-color:#79bf3e}
.variant-iris .phone-app{background:#f8fbff;color:#183d8b}
.variant-iris .app-bar{background:#e5efff;border-color:#c2d8ff;color:#183d8b}
.variant-iris .contact-avatar{background:#b8ff65;color:#183d8b}
.variant-iris .draft-message{background:#e5ffc9;border-color:#94d65b;color:#153d67}
.variant-iris .phone-keyboard{background:#e7effb;color:#30558b}
.variant-iris .map-art{background:#e8f5ff;color:#2872d8}
.variant-iris .map-art circle:last-child{fill:white}
.variant-iris .route-label,.variant-iris .destination{background:white;color:#183d8b}
.variant-iris .map-panel{background:#f8fbff;color:#183d8b}
.variant-iris .route-ready{color:#245d37}
.customer-actions{margin:4rem auto 0;max-width:1050px;padding:clamp(20px,4vw,48px);background:#f6f9ff;color:#173c84;border-radius:28px}
.customer-actions h3{color:#173c84;margin:0 0 12px;font-size:clamp(24px,3vw,36px)}
.customer-actions>p{max-width:65ch;line-height:1.65}
.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.action-buttons button{font:inherit;font-weight:700;padding:14px 20px;border:2px solid #b8cef2;border-radius:999px;background:white;color:#173c84;cursor:pointer}
.action-buttons button[aria-pressed="true"]{background:#b8ff65;border-color:#79b742}
.action-buttons button:focus-visible{outline:3px solid #2872d8;outline-offset:4px}
.action-result{padding:24px;border-radius:20px;background:#e7efff;min-height:170px}
.action-result p{line-height:1.65;margin:0}
.customer-actions small{display:block;margin-top:18px;color:#476185}
@media(max-width:450px){.action-buttons button{width:100%}.action-result{padding:18px}}