/* V25 — proposition, production and mobile package navigation. */
.service-symbol-card:nth-child(1){--service-color:#ff2e9a}
.service-symbol-card:nth-child(2){--service-color:#090714}
.service-symbol-card:nth-child(3){--service-color:#ff2e9a}
.service-symbol-card:nth-child(4){--service-color:#090714}
#solutions .service-symbol-slot{display:grid;place-items:center;height:220px;margin:12px 0 22px}
#solutions .service-symbol-entrance{width:210px;height:210px;max-width:100%}
@media(hover:hover) and (pointer:fine){
 #solutions .service-symbol-card:hover,#solutions .service-symbol-card:focus-visible{background:var(--service-color);color:#29f2e4}
 #solutions .service-symbol-card:is(:hover,:focus-visible) :is(h3,p,b){color:#29f2e4}
}
.expertise-bridge{background:#090714;color:#29f2e4}
.expertise-bridge p{color:#29f2e4}
.expertise-bridge .bridge-mark,.expertise-bridge a{color:#29f2e4;border-color:#29f2e4}
.production-card summary{position:relative;padding-right:3.5rem;min-height:64px}
.production-card summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;font-size:2.8rem;font-weight:400;line-height:1;color:#ff2e9a;background:#29f2e4;border-radius:50%}
.production-card[open] summary::after{content:'−'}
.production-card{transition:background .25s,border-color .25s,box-shadow .25s}
.production-actions .portfolio-link{display:flex;align-items:center;gap:1.1rem;padding:1.2rem 1.5rem;border:1px solid #29f2e4;border-radius:14px;background:#090714;color:#29f2e4;text-decoration:none;flex:1;max-width:610px;transition:background .25s,box-shadow .25s}
.portfolio-play{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;background:#29f2e4;color:#090714;font-size:1.35rem;padding-left:3px}
.portfolio-copy{display:grid;gap:.3rem}
.portfolio-copy small{font-size:.75rem;letter-spacing:.12em;color:#29f2e4}
.portfolio-copy strong{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.3}
.portfolio-arrow{font-size:2rem;margin-left:auto}
.production-actions .portfolio-link:hover{background:#ff2e9a;box-shadow:0 8px 22px #09071426}
.portfolio-link:focus-visible{outline:3px solid #ff2e9a;outline-offset:5px}
.package-controls{display:none}
@media(max-width:900px){
 #solutions .service-symbol-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}
 #solutions .service-symbol-card>b{grid-column:1;grid-row:1}
 #solutions .service-symbol-slot{grid-column:1;grid-row:2;width:100%;height:170px;margin:0 0 8px}
 #solutions .service-symbol-entrance{width:170px;height:170px;opacity:1;transform:none}
 #solutions .service-symbol-card>h3{grid-column:1;grid-row:3;margin:.5rem 0 1rem}
 #solutions .service-symbol-card>p{grid-column:1;grid-row:4}
 #solutions .service-symbol-card.is-slide-active{background:var(--service-color);color:#29f2e4}
 #solutions .service-symbol-card.is-slide-active :is(b,h3,p){color:#29f2e4}
 .production-card.is-scroll-active{background:#29f2e4;border-color:#29f2e4;box-shadow:inset 3px 0 0 #ff2e9a}
 .production-actions{align-items:stretch;flex-direction:column}
 .production-actions .portfolio-link{width:100%;padding:1.1rem;gap:.85rem}
 .portfolio-play{flex-basis:44px;height:44px;font-size:1.1rem}
 .portfolio-arrow{font-size:1.5rem}
 #packages .package-controls{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;margin-bottom:1rem}
 .package-controls>span{font-size:.875rem;color:#ff2e9a;max-width:45%}
 .package-controls>div{display:flex;align-items:center;gap:.65rem}
 .package-controls button{width:44px;height:44px;border:1px solid #29f2e4;border-radius:50%;background:#29f2e4;color:#ff2e9a;font-size:1.4rem;cursor:pointer}
 .package-controls button:disabled{opacity:.35;cursor:default}
 .package-controls output{font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}
 #packages .package-grid{display:flex;gap:14px;width:100%;max-width:none;padding:6px var(--pad) 18px;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ff2e9a #29f2e4;border:0;background:transparent;align-items:stretch;transform:none}
 #packages .package-grid>.package-card{flex:0 0 min(84vw,420px);width:auto;min-width:0;max-width:none;padding:1.4rem;border:1px solid #29f2e4;border-radius:14px;scroll-snap-align:start;scroll-snap-stop:always;min-height:0;transform:none;opacity:1}
 #packages .package-card h3{font-size:1.65rem;line-height:1.15;overflow-wrap:normal}
 #packages .package-card li{font-size:1rem;line-height:1.5;padding:.65rem 0}
 #packages .package-card .choose{margin-top:auto;padding-top:1.5rem;font-size:.95rem}
 #packages .package-card :is(p,h3,li,.price,.choose){opacity:1!important}
 #packages .package-card.featured li{color:#29f2e4;border-color:#29f2e450}
 #packageRail:focus-visible,.package-controls button:focus-visible{outline:3px solid #ff2e9a;outline-offset:-3px}
}
@media(prefers-reduced-motion:reduce){.production-card,.portfolio-link{transition:none!important}}
