/* 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}
.hero h1 span,.section-heading h2 span,.section-title h2 span,.contact h2 span,.category-hero h1 span,.portfolio-hero h1 span{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,.section-heading h2 span,.section-title h2 span,.contact h2 span,.category-hero h1 span,.portfolio-hero h1 span{color:var(--purple);background:none;-webkit-text-fill-color:var(--purple)}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.honeypot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.category-eyebrow{justify-content:center;margin-top:18px}.empty{grid-column:1/-1;padding:34px;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.modal-open{overflow:hidden}
.about-page-hero,.services-hero{min-height:auto;padding:112px 0 64px}.packages-hero,.tools-hero,.contact-page-hero,.portfolio-hero,.category-hero{padding-top:108px;padding-bottom:58px}.about-page-hero h1,.services-hero h1,.packages-hero h1,.tools-hero h1,.contact-page-hero h1,.portfolio-hero h1,.category-hero h1{margin-top:16px;margin-bottom:16px}
@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}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.marquee>div{animation:none!important}.reveal,.reveal-card,.card-enter{opacity:1!important;transform:none!important}}
@media(max-width:650px){.about-page-hero,.services-hero,.packages-hero,.tools-hero,.contact-page-hero,.portfolio-hero,.category-hero{min-height:auto;padding-top:86px;padding-bottom:46px}.about-page-hero h1,.services-hero h1,.packages-hero h1,.tools-hero h1,.contact-page-hero h1,.portfolio-hero h1,.category-hero h1{margin-top:14px;margin-bottom:14px}}

/* Requested secondary-button states and seamless homepage tools ticker. */
.btn-secondary{color:#fff;border-color:var(--line);background:rgba(255,255,255,.045)}
.btn-secondary:hover{color:#07101a;border-color:transparent;background:var(--grad)}
.marquee .marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}
.marquee .marquee-group{display:flex;flex:0 0 auto;align-items:center;width:max-content}