:root{--card-surface-dark:rgba(18,18,26,.55)}:is(#services,#process,#featured-project,#webdev-standards,#webdev-projects,#seo-improvements,#contact-principles,#contact-faq) .card-surface--dark,:is(#services,#process,#featured-project,#webdev-standards,#webdev-projects,#seo-improvements,#contact-principles,#contact-faq) .card-surface--dark.reveal-on-scroll.is-visible:hover,:is(#services,#process,#featured-project,#webdev-standards,#webdev-projects,#seo-improvements,#contact-principles,#contact-faq) .card-surface--dark:hover{background:var(--card-surface-dark)}body[data-page=home] #process .process-step.card-surface--dark,body[data-page=home] #process .process-step.card-surface--dark.reveal-on-scroll.is-visible:hover,body[data-page=home] #process .process-step.card-surface--dark:hover{background:var(--card-surface-dark);border-color:#ffffff0f;box-shadow:0 2px 18px #0000002e;transform:none;z-index:auto}body[data-page=home] #process .process-section__steps:before{content:none;display:none}#webdev-projects .webdev-usecase.card-surface--dark:before,.numbered-static-card{background:var(--card-surface-dark)}.numbered-static-card{--section2-border-angle:0deg;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06);border-radius:1.25rem;box-shadow:0 2px 18px #0000002e;min-width:0;overflow:hidden;position:relative}.numbered-static-card:before{content:none}.numbered-static-card:after,.numbered-static-card:hover:after{filter:drop-shadow(0 0 12px rgba(185,255,248,.58));opacity:.9}#featured-project.home-ai-section .numbered-static-card.reveal-on-scroll.is-visible:hover,#featured-project.home-ai-section .numbered-static-card:hover,:is(#webdev-standards,#seo-improvements,#contact-principles) .numbered-static-card.reveal-on-scroll.is-visible:hover,:is(#webdev-standards,#seo-improvements,#contact-principles) .numbered-static-card:hover{background:var(--card-surface-dark);border-color:#ffffff0f;box-shadow:0 2px 18px #0000002e;transform:none;z-index:auto}#webdev-projects .webdev-project-stack .webdev-usecase.card-surface--dark>.card-surface__ghost-num,.card-surface--dark>.card-surface__ghost-num,.numbered-static-card .numbered-static-card__ghost-num{bottom:-.5rem;color:#ffffff09;font-family:var(--font-display);font-size:clamp(4.5rem,8vw,8rem);font-weight:700;letter-spacing:-.04em;line-height:1;pointer-events:none;position:absolute;right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}#webdev-projects .webdev-project-stack .webdev-usecase.card-surface--dark>.card-surface__ghost-num,.card-surface--dark>.card-surface__ghost-num{text-transform:none}.numbered-static-card>:not(.numbered-static-card__ghost-num){position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.numbered-static-card:after{animation:none}}