/* Ayshdigital dimensional design system */
:root{--depth-shadow:0 18px 40px -20px #002b324f,0 5px 12px -7px #002b3233;--depth-edge:#ffffffbf}
body{background:#f4f8f7}main{overflow:clip}header{background:linear-gradient(120deg,#00232bf5,#073e43f5);border-bottom:1px solid #ffffff1c;box-shadow:0 12px 35px -18px #001c28c0;backdrop-filter:blur(18px)}
header .logo{filter:drop-shadow(0 5px 8px #0003)}nav a{transition:color .2s,text-shadow .2s}nav a:hover{text-shadow:0 0 20px #18dfb580}
.hero{isolation:isolate;background:radial-gradient(ellipse at 5% 90%,#08615e 0,transparent 55%),radial-gradient(ellipse at 80% 10%,#0b474d 0,transparent 45%),#00232b}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#a3fff709 1px,transparent 1px),linear-gradient(90deg,#a3fff709 1px,transparent 1px);background-size:70px 70px;transform:perspective(700px) rotateX(15deg) scale(1.2);mask-image:linear-gradient(transparent,#000)}
.hero-copy h1{text-shadow:0 5px 0 #00171d33,0 14px 30px #0002}.short-line{box-shadow:0 3px 15px #0ed9b270}
.page-intro{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 10%,#b5e9da99,transparent 48%),linear-gradient(135deg,#eff8f5,#e4f1f0);border-bottom:1px solid #d5e7e1;box-shadow:inset 0 -12px 30px #ffffff80}
.page-intro:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:9%;top:25px;border:26px solid #11b98a0d;border-radius:40px;transform:perspective(700px) rotateX(18deg) rotateY(-28deg) rotateZ(22deg);box-shadow:20px 25px 0 #00795d06,inset 5px 5px 18px #00866a08;pointer-events:none}
.page-intro h1{position:relative;z-index:1;text-shadow:0 3px 0 #ffffffad,0 12px 25px #004e4a0d}
.service-card,.work-card,.solution-card,.package-card{position:relative;border:1px solid #cfe0dc;background:linear-gradient(145deg,#fff,#fafdfb);box-shadow:var(--depth-shadow);transform:perspective(1100px) translateY(0) rotateX(0) rotateY(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s;isolation:isolate}
.service-card:after,.work-card:after,.solution-card:after,.package-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 1px 1px 0 var(--depth-edge);background:radial-gradient(circle at var(--light-x,20%) var(--light-y,0%),#ffffff21,transparent 58%)}
.service-card:hover,.work-card:hover,.solution-card:hover,.package-card:hover{border-color:#5bbda4;box-shadow:0 28px 45px -23px #003c4b75,0 9px 16px -10px #004d4d40;transform:perspective(1100px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.work-image,.solution-visual{border-bottom:1px solid #dce9e4}.work-card .work-image img{width:100%;height:100%;object-fit:cover}.card-body{position:relative;background:linear-gradient(145deg,#ffffff,#f6fbf9)}
.outline,.package-select,.portfolio-filters button,[data-filter]{box-shadow:0 5px 12px -8px #003d46a0,inset 0 1px 0 #ffffff45;transition:transform .2s,box-shadow .2s,background .2s}
.outline:hover,.package-select:hover,.portfolio-filters button:hover,[data-filter]:hover{transform:translateY(-3px);box-shadow:0 10px 18px -10px #003d4670,inset 0 1px 0 #ffffff60}.outline:active,.package-select:active{transform:translateY(0)}
.brand-display.brand-mockup,.growth-display{box-shadow:18px 22px 0 -10px #c8e3da,0 25px 50px -24px #00384060;transform:perspective(1200px) rotateY(-3deg);transition:transform .4s}.brand-display.brand-mockup:hover,.growth-display:hover{transform:perspective(1200px) rotateY(0) translateY(-4px)}
.portrait-wall .portrait-track img{box-shadow:0 9px 18px -7px #0008,inset 0 1px 0 #fff8;border:1px solid #ffffff45}
.reasons>div,.steps>div{padding:25px;border-radius:16px;box-shadow:var(--depth-shadow);border:1px solid #dbe8e2;background:linear-gradient(145deg,#ffffff,#edf6f1)}.steps>div{color:#e1f4ed;background:linear-gradient(135deg,#104d50,#073a41);border-color:#ffffff18}.steps h3{color:#fff}
.page-cta{border:1px solid #d4e9df;box-shadow:var(--depth-shadow);background:radial-gradient(ellipse at 100% 0,#b8ead7a0,transparent 50%),#eef8f3}
.quote-section form,#brief{border:1px solid #d2e5de;border-radius:20px;box-shadow:var(--depth-shadow);background:linear-gradient(135deg,#f2f9f5,#e9f3ef);padding:30px}
input,select,textarea{box-shadow:inset 0 2px 5px #002d3709;transition:box-shadow .2s,border-color .2s}input:focus,select:focus,textarea:focus{border-color:#008e6c;box-shadow:0 0 0 3px #008e6c14;outline:none}
footer{box-shadow:0 -15px 45px -30px #003c4b60;border-top:1px solid #b5d5ca55}.floating-whatsapp{box-shadow:0 8px 0 -4px #065d39,0 13px 25px -8px #003d4660}
@media(hover:none),(pointer:coarse){.service-card:hover,.work-card:hover,.solution-card:hover,.package-card:hover,.brand-display.brand-mockup,.growth-display{transform:none}.page-intro:after{opacity:.4}}
@media(max-width:760px){.brand-display.brand-mockup,.growth-display{transform:none;box-shadow:0 15px 30px -20px #00384060}.reasons>div,.steps>div{padding:18px}.page-intro:after{width:140px;height:140px;right:0;opacity:.35}#brief{padding:22px}}
@media(prefers-reduced-motion:reduce){.service-card,.work-card,.solution-card,.package-card,.outline,.package-select,.brand-display.brand-mockup,.growth-display{transition:none!important;transform:none!important}}