/* AR Web Ajans — Contrast and legibility refinements (v1.1)
   Contrast corrections are isolated so the original theme and core layout remain intact. */
:root{--body:#4c5870}
.hero,.products-section,.story-section,.contact-section,.site-footer{color:#f7f9ff}
.hero h1,.products-section h2,.products-section h3,.story-section h2,.story-section h3,.contact-section h2,.site-footer h3{color:#fff}
.hero-description{color:#d4def2}
.hero-footnote,.hero-bottom{color:#c1cae3}
.eyebrow-light,.welcome-line{color:#d0c2ff}
.hero .btn-ghost,.contact-section .btn-ghost{color:#fff}
.hero .btn-primary{color:#fff}
.dashboard-stats small,.app-caption,.window-top{color:#b0beda}
.dashboard-pills{color:#bec8e0}
.chart-pill{color:#a7f7e1}
.product-card p,.products-section .section-heading>p{color:#d0d8e9}
.product-meta .product-mark{color:#bbc7e2}
.product-tags span{color:#e2e7f2}
.products-note{color:#c0cbe3}
.product-card .preview-head{color:#36415e}
.product-card .preview-chrome{color:#aab8d8}
.story-step{opacity:.82}
.story-step.is-active{opacity:1}
.story-step p{color:#e0e7f6}
.story-counter{color:#c5cee8}
.story-sticky-heading h2 em{color:#d0c4ff}
.section-heading-dark h2 span{color:#cbc4e8}
.contact-inner p{color:#d1daed}
.contact-inner h2 em{color:#ccbeff}
.footer-grid p,.footer-grid a:not(.brand),.footer-location,.footer-bottom{color:#bac5dd}
.footer-grid h3{color:#f0efff}
.intro-aside p,.service-card p,.work-info p,.location-layout p,.faq-intro p,.faq-item p{color:#536178}
.value-grid span{color:#516179}
.section-heading>p,.work-section-side p{color:#536178}
.work-disclaimer,.work-soon{color:#66738a}
.work-status{color:#455470}
.service-tags span{color:#536179}
.faq-index{color:#63538d}
.site-header a:focus-visible,.site-footer a:focus-visible{outline-color:#a2f4db}
@media(max-width:760px){
 .story-step{opacity:.94}
 .story-step h3{color:#fff}
 .product-card p{color:#d4ddef}
 .hero-footnote,.hero-bottom{color:#e0e5f5}
}
/* The viewport-wide art layers must remain behind readable copy on mobile and desktop */
.story-container{isolation:isolate}
.story-stage{pointer-events:none}

/* Newly connected SEO landing-page links */
.card-detail-link{color:inherit;transition:color .2s}
.card-detail-link:hover{color:#6d52c7}
.service-detail-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#6653ce;background:#f2efff;transition:transform .2s,background .2s}
.service-detail-link:hover{background:#e6ddff;transform:translate(2px,-2px)}
.product-card .card-detail-link{color:#fff}
.product-card .card-detail-link:hover{color:#c7b8ff}
.product-detail-link{display:inline-flex;align-items:center;gap:9px;margin:18px 13px 0;color:#ded5ff;font:700 12px var(--font);border-bottom:1px solid #6659a5;padding-bottom:6px}
.product-detail-link:hover{color:#fff}
.work-detail-link{display:inline-flex;gap:9px;align-items:center;color:#5948af;font:700 12px var(--font);border-bottom:1px solid #bab0e6;padding-bottom:6px}
.work-detail-link:hover{color:#795ad9}
.work-actions-space{display:block;height:12px}

.work-generic{background:radial-gradient(circle at 65% 48%,rgba(111,129,227,.34),transparent 48%),linear-gradient(135deg,#162044,#101c38)}
.generic-work-art{position:absolute;inset:65px 20px 35px;display:grid;place-items:center;text-align:center}
.generic-work-graphic{width:67%;max-width:350px;min-height:180px;border:1px solid rgba(255,255,255,.20);border-radius:25px;background:rgba(20,37,84,.48);box-shadow:0 30px 60px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transform:rotate(-5deg);padding:18px}
.generic-work-graphic i{font-size:36px;color:#b0a3ff}
.generic-work-graphic strong{font:700 clamp(30px,3vw,48px) var(--font);letter-spacing:-.05em;color:#fff}
.generic-work-graphic span{font:500 12px var(--font);color:#d1d9f1}