/* Subtle motion and depth; all content remains visible without JavaScript. */
.client-logo img{width:auto;height:auto;max-width:100%;max-height:100%}
.logo-aloqabank img{clip-path:inset(0 0 0 1%)}
.logo-trip-tour{background:#603089}
.logo-trip-tour img{clip-path:inset(.4% 0 0 1.2%)}
.logo-bs-sat-academy{background:#133125}
.logo-bs-sat-academy img{clip-path:inset(.5% .5% .5% 1%)}
.header{position:sticky;top:0;background:#080d16c9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s,box-shadow .3s}
.header.is-scrolled{background:#080d16ed;box-shadow:0 12px 35px #0002}
.desktop-nav a{position:relative;padding-block:9px}
.desktop-nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover::after,.desktop-nav a[aria-current=location]::after{transform:scaleX(1)}
.desktop-nav a[aria-current=location]{color:#c0edfc}
.reading-progress{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,#427eaf,#a6efff);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{background:radial-gradient(ellipse at 76% 30%,#173f5955,transparent 54%),radial-gradient(ellipse at 5% 0%,#31224122,transparent 45%),#080d16}
.hero-art .hero-shield{transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:rotateX(var(--shield-x,0deg)) rotateY(var(--shield-y,0deg));transform-origin:center}
.orbit-one{box-shadow:0 -1px 0 #b4eaff4d,0 0 40px #4fbce70a}
.orbit-one::after{content:'';position:absolute;inset:-2px;border:1px solid transparent;border-top-color:#a0e9ff8c;border-radius:50%;animation:orbit-travel 24s linear infinite}
.orbit-two{animation:orbit-travel 80s linear infinite}
.art-glow{animation:glow-breathe 9s ease-in-out infinite}
.tag-top{animation:tag-drift 8s ease-in-out infinite}.tag-bottom{animation:tag-drift 9s ease-in-out infinite reverse}
.hero-copy{animation:hero-enter .9s cubic-bezier(.16,1,.3,1) both}.hero-art{animation:hero-art-enter 1.3s ease-out both}
.motion-pending{opacity:0;translate:0 22px}.motion-visible{opacity:1;translate:0 0;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.service-card,.client-card{isolation:isolate;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.service-card::before,.client-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#83d8ff14,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}
.service-card:hover::before,.client-card:hover::before{opacity:1}
.client-card:hover{box-shadow:0 14px 40px #0003;transform:translateY(-3px)}
.client-card .client-logo{transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),filter .4s;filter:saturate(.85)}
.client-card:hover .client-logo,.client-card.is-open .client-logo{filter:saturate(1)}
.client-indicator{transition:rotate .35s,color .35s}.client-card.is-open .client-indicator{color:#bfedff}
.client-note:not([hidden]){animation:note-enter .45s cubic-bezier(.16,1,.3,1) both}
.client-card.is-open .client-identity{animation:note-enter .4s ease both}
.button>span:last-child,.nav-contact>span:last-child,.text-link>span:last-child{transition:transform .25s}
.button:hover>span:last-child,.nav-contact:hover>span:last-child,.text-link:hover>span:last-child{transform:translate(3px,-3px)}
.text-link[href^="#"]:hover>span:last-child{transform:translateY(3px)}
.audit-paper{transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s}.report-visual:hover .audit-paper{transform:rotate(-3deg) rotateY(0deg) translateY(-8px);box-shadow:15px 35px 80px #0009}
.process-step{transition:opacity .4s}.process-step::before{transition:box-shadow .35s,scale .35s}.process-step:hover::before{box-shadow:0 0 18px #81dfff;scale:1.5}.process-step:hover .step-number{color:#b5eaff}
.contact-card{transition:border-color .35s,box-shadow .35s}.contact-card:hover{border-color:#83cbeb62;box-shadow:0 10px 50px #2a8ab00b}
@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes hero-art-enter{from{opacity:0}to{opacity:1}}
@keyframes orbit-travel{to{rotate:360deg}}
@keyframes glow-breathe{0%,100%{opacity:.65;scale:.95}50%{opacity:1;scale:1.07}}
@keyframes tag-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes note-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.header .nav-wrap{height:76px}.hero-copy{animation-duration:.6s}.client-card:hover{transform:none}.motion-pending{translate:0 14px}}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;translate:none}.hero-art .hero-shield{transform:none}.motion-visible{transition:none}.client-card:hover{transform:none}.reading-progress{display:none}}

.sample-email{display:block;color:#b7d9e8;font-size:18px;letter-spacing:-.2px;margin-top:8px;overflow-wrap:anywhere}.contact-direct>.sample-phone{font-size:23px;color:#d8f3ff;letter-spacing:-.4px}.contact-direct>.sample-email{font-size:18px;color:#b7d9e8;margin-top:0}
@media(max-width:930px){.menu-toggle{display:block}}
@media(min-width:931px){.mobile-nav{display:none!important}}
@media(max-width:700px){.report-layout{grid-template-columns:minmax(0,1fr)}.report-visual,.report-copy,.report-feature>div{min-width:0}.audit-paper,.document-back{width:min(304px,100%)}.report-copy .text-link{white-space:normal}}
.contact-email{display:grid;gap:5px;margin-top:19px;min-width:0}.contact-email>span{font-size:10px;letter-spacing:.7px;color:#8ca5bb}.contact-email>a{font-size:17px;line-height:1.5;color:#c1e6f6;overflow-wrap:anywhere;width:fit-content;max-width:100%}.contact-email>a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.phone-number{font-size:clamp(21px,2.15vw,30px);white-space:normal;overflow-wrap:anywhere}.contact-direct .direct-phone{font-size:23px;overflow-wrap:anywhere;max-width:100%}.contact-direct .contact-email{margin-top:12px;gap:4px}
