/* Shared premium surface depth: subtle top light, lower inset shade, and diffused elevation. */
.floating-header,.glass-card,.service-card,.project-card,.portfolio-card,.package-row,.package-card,.tool-card,.tool-logo,.contact-panel,.quote-panel,.lightbox-panel,.portrait-frame,.story-visual,.project-placeholder,.portfolio-thumb,.subcategory-panel,.about-achievements article,.journey-card,.skills-panel,.principle-grid,.btn,.header-cta,.skill-pills a,.filter-tabs button,.portfolio-tabs button,.main-category-tabs button,.service-filters button,.tool-filters button{box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -10px 22px rgba(2,5,12,.09),0 16px 38px rgba(0,0,0,.2),0 0 24px rgba(91,112,255,.055)}
.btn,.header-cta,.skill-pills a,.filter-tabs button,.portfolio-tabs button,.main-category-tabs button,.service-filters button{position:relative;overflow:hidden}.btn:before,.header-cta:before,.skill-pills a:before,.filter-tabs button:before,.portfolio-tabs button:before,.main-category-tabs button:before,.service-filters button:before{content:"";position:absolute;inset:1px 1px auto;height:45%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);pointer-events:none}
.btn:hover,.header-cta:hover,.service-card:hover,.project-card:hover,.portfolio-card:hover,.package-card:hover,.skill-pills a:hover,.filter-tabs button:hover,.portfolio-tabs button:hover,.main-category-tabs button:hover,.service-filters button:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -10px 22px rgba(2,5,12,.07),0 22px 50px rgba(0,0,0,.26),0 0 30px rgba(69,228,255,.12),0 0 38px rgba(156,118,255,.09)}
.wa-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}.wa-icon svg{display:block;width:18px;height:18px;fill:currentColor}.whatsapp-btn{align-items:center}.whatsapp-btn .wa-icon{color:#fff;filter:drop-shadow(0 1px 5px rgba(0,0,0,.22))}
.hero h1 span{display:inline-block;color:var(--purple);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero h1 span{color:var(--purple);background:none}}
@media(prefers-reduced-motion:reduce){.btn,.header-cta,.service-card,.project-card,.portfolio-card,.package-card,.skill-pills a,.filter-tabs button,.portfolio-tabs button,.main-category-tabs button,.service-filters button{transition:none!important}}