/* Seamless route selection, project browsing and conversion polish. */
.service-selector{padding:94px 0;background:#fff}
.selector-heading,.project-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:end;margin-bottom:2.6rem}
.selector-heading h2,.project-intro h2{margin:.2rem 0 0;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:1;letter-spacing:-.05em}
.selector-heading>p,.project-intro>p{margin:0;color:var(--muted);font-size:1.06rem}
.selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.selector-card{position:relative;min-height:132px;padding:1.5rem;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:14px;background:#f9fbfc;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.selector-card:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.selector-card:hover{transform:translateY(-4px);border-color:#8bdcff;box-shadow:0 18px 42px rgba(10,35,55,.11)}
.selector-card:hover:before{transform:scaleX(1)}
.selector-number{display:grid;place-items:center;width:50px;height:50px;border:1px solid #b9e7f8;border-radius:50%;color:#0079b8;font-size:.72rem;font-weight:900}
.selector-card strong,.selector-card small{display:block}.selector-card strong{font-size:1.14rem}.selector-card small{margin-top:.2rem;color:var(--muted)}
.selector-card b{color:#0079b8;font-size:.86rem}.selector-urgent{background:var(--ink);color:#fff;border-color:var(--ink)}.selector-urgent small{color:#c4d1da}.selector-urgent .selector-number{color:var(--amber);border-color:rgba(78,203,255,.42)}.selector-urgent b{color:var(--amber)}
.project-intro{margin-bottom:2.8rem}
.featured-projects{display:grid;gap:2rem}
.google-proof{margin:1.8rem 0;display:grid;gap:.1rem}.review-stars{color:var(--amber);font-size:1.35rem;letter-spacing:.14em}.google-proof strong{font-size:1.08rem}.google-proof small{color:#aebdca}.proof-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.scroll-progress{position:fixed;z-index:80;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#4ecbff,#8bdcff);box-shadow:0 0 12px rgba(78,203,255,.75);pointer-events:none}
.mobile-actions.is-after-hours .mobile-emergency{background:var(--ink);color:#fff;box-shadow:inset 0 3px 0 var(--amber)}
.reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
@media(max-width:900px){.service-selector{padding:76px 0}.selector-heading,.project-intro{grid-template-columns:1fr;gap:1rem}.selector-grid{grid-template-columns:1fr}.selector-card{min-height:112px}.proof-actions .button{width:auto}}
@media(max-width:620px){.service-selector{padding:64px 0}.selector-heading h2,.project-intro h2{font-size:2.55rem}.selector-card{grid-template-columns:48px 1fr auto;padding:1.1rem}.selector-number{width:44px;height:44px}.featured-projects{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding:0 14px 1rem;overscroll-behavior-inline:contain}.featured-projects>article{min-width:88%;scroll-snap-align:center;margin:0}.featured-projects .collaboration-project,.featured-projects .ev-project{display:flex;flex-direction:column}.featured-projects .collaboration-image,.featured-projects .ev-project-image{min-height:260px}.featured-projects .collaboration-copy,.featured-projects .ev-project-copy{padding:1.4rem}.proof-actions{display:grid}.proof-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.selector-card,.selector-card:before,.reveal{transition:none}.reveal:not(.is-visible){opacity:1;transform:none}}
