/* Nawat Tech V4.9 — richer, still restrained motion. */
:root{--nw-pointer-x:50%;--nw-pointer-y:40%}
.nw-scroll-progress{position:fixed;inset:0 0 auto;z-index:9999;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5de3ff,#8774ff,#df8fff);box-shadow:0 0 16px rgba(130,125,255,.65);pointer-events:none}
.nw-pointer-glow{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.48;background:radial-gradient(460px circle at var(--nw-pointer-x) var(--nw-pointer-y),rgba(111,95,255,.095),transparent 72%);transition:opacity .35s ease}
body > header,body > main,body > footer{position:relative;z-index:1}
.hero-art::after{content:"";position:absolute;inset:12%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(108,99,255,.14),transparent 70%);filter:blur(20px);animation:nw49-bloom 7s ease-in-out infinite alternate}
@keyframes nw49-bloom{from{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1.14)}}
.hero .eyebrow{position:relative;overflow:hidden}
.hero .eyebrow::after{content:"";position:absolute;inset:0 auto 0 -90%;width:65%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-20deg);animation:nw49-sheen 8s ease-in-out infinite}
@keyframes nw49-sheen{0%,65%,100%{left:-90%}82%{left:135%}}
.service,.ref-card,.detail-card{--nw-tilt-x:0deg;--nw-tilt-y:0deg;--nw-raise:0px;transform:perspective(1100px) rotateX(var(--nw-tilt-x)) rotateY(var(--nw-tilt-y)) translateY(var(--nw-raise));transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){.service:hover,.ref-card:hover{--nw-raise:-6px;transform:perspective(1100px) rotateX(var(--nw-tilt-x)) rotateY(var(--nw-tilt-y)) translateY(var(--nw-raise))}.service,.ref-card{transition:transform .28s ease-out,box-shadow .4s ease,border-color .35s ease}.service::after,.ref-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(300px circle at var(--nw-card-x,50%) var(--nw-card-y,50%),rgba(166,153,255,.12),transparent 70%)}.service:hover::after,.ref-card:hover::after{opacity:1}}
.service,.ref-card{position:relative;isolation:isolate}
.service > *,.ref-card > *{position:relative;z-index:1}
.btn.primary{position:relative;isolation:isolate;overflow:hidden}
.btn.primary::before{content:"";position:absolute;inset:-80% auto -80% -85%;width:48%;z-index:-1;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .65s ease}
@media(hover:hover){.btn.primary:hover::before{left:145%}}
.detail-visual .visual-symbol{animation:nw49-symbol 6s ease-in-out infinite alternate}
@keyframes nw49-symbol{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-9px) rotate(3deg)}}
@media(max-width:800px){.nw-pointer-glow{display:none}.hero-art::after{filter:blur(12px)}.service,.ref-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.nw-pointer-glow{display:none}.nw-scroll-progress{transition:none!important}.service,.ref-card{transform:none!important}}