/* Arian Novin showcase: native scroll snap, no carousel libraries or webfonts. */
:root { --an-gold:var(--accent,#ffc20e); }
.showcase-heading {display:flex;align-items:end;justify-content:space-between;gap:30px;text-align:right}
.showcase-heading>div:first-child{flex:1;min-width:0}
.showcase-heading .section-eyebrow{display:inline-flex;align-items:center;gap:9px}
.showcase-heading .section-eyebrow::before{content:"";width:25px;height:2px;background:var(--an-gold);border-radius:2px}
.showcase-controls{display:inline-flex;gap:10px;direction:ltr;flex:0 0 auto;margin-bottom:7px}
.showcase-control{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;padding:0;background:#fff;border:1px solid #e2e4e8;color:#202124;border-radius:14px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;font-size:32px;line-height:1;cursor:pointer}
.showcase-control:is(:hover,:focus-visible){background:var(--an-gold);border-color:var(--an-gold);box-shadow:0 6px 18px #ffc20e3b;transform:translateY(-2px)}
.showcase-track{display:flex;gap:20px;direction:rtl;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent;scroll-padding-inline:2px;padding:7px 2px 21px;-webkit-overflow-scrolling:touch;outline-offset:4px}
.showcase-track::-webkit-scrollbar{height:5px}.showcase-track::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:7px}
.showcase-track:focus-visible{outline:2px solid var(--an-gold)}
.showcase-card{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 auto;min-width:0;position:relative;will-change:auto;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.showcase-card:hover{transform:translateY(-4px);border-color:#e2ca78;box-shadow:0 20px 40px #10101010}
.license-section{background:linear-gradient(180deg,#fff 0%,#fafaf8 100%);border-block:1px solid #f3f3f0}
.license-card{width:calc((100% - 60px)/4);background:#fff;border:1px solid #e8e8e8;border-radius:22px;overflow:hidden}
.license-link{display:flex;flex-direction:column;height:100%;color:inherit}
.license-image-box{position:relative;background:radial-gradient(ellipse at 30% 15%,#fff8dc 0%,#f6f7f9 80%);padding:24px;display:grid;place-items:center;height:260px;overflow:hidden}
.license-image-box img{display:block;width:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 7px 10px #1111111a)}
.license-stamp{position:absolute;top:13px;left:13px;border-radius:12px;width:37px;height:37px;background:#fffaea;color:#9b7800;display:grid;place-items:center;border:1px solid #ffedbd}
.license-detail{padding:22px 23px 25px;min-height:110px}
.license-detail h3{font-weight:850;font-size:19px;line-height:1.65;margin:0 0 6px}
.license-detail p{font-size:14.5px;color:#67707e;line-height:1.85;margin:0}
.clients-section{background:#f7f8fa}
.client-card{width:calc((100% - 100px)/6);background:#fff;border:1px solid #e9eaed;border-radius:19px;min-height:168px;overflow:hidden}
.client-link{padding:24px 12px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:168px;height:100%;color:inherit}
.client-logo-img{width:100%;height:77px;display:grid;place-items:center}
.client-logo-img img{max-height:77px;max-width:160px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.8;transition:filter .28s,opacity .28s,transform .28s}
.client-card:hover .client-logo-img img{filter:grayscale(0%);opacity:1;transform:scale(1.04)}
.client-name{font-size:13px;font-weight:700;text-align:center;line-height:1.55;color:#636873}
/* Six easy-to-scan metrics, no giant empty space. */
.stats-shell{align-items:center;gap:34px}
.stats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1.7}
.stats-list .stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border:1px solid #292a2b;background:#171819;border-radius:17px;min-height:165px;padding:18px 11px}
.stats-list .stat-item strong{font-size:clamp(26px,2.5vw,36px);line-height:1.25;color:var(--an-gold);font-weight:900}
.stats-list .stat-item>span:last-child{font-size:14px;color:#e4e4e4;line-height:1.6}
.stats-list .stat-icon{color:var(--an-gold)}
.stats-intro{width:35%;max-width:500px}
.stats-intro h2{line-height:1.45}
/* Gentle appearance and microinteractions: only when JS actually enables it. */
html.an-motion-ready .js-reveal{opacity:0;transform:translateY(15px);transition:opacity .55s ease,transform .55s ease}
html.an-motion-ready .js-reveal.is-visible{opacity:1;transform:none}
@media (max-width:1199px){.license-card{width:calc((100% - 40px)/3)}.client-card{width:calc((100% - 60px)/4)}.stats-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.license-card{width:calc((100% - 20px)/2)}.client-card{width:calc((100% - 40px)/3)}.stats-intro{width:100%;max-width:none}.stats-list{width:100%;flex:initial}}
@media (max-width:620px){.showcase-heading{align-items:center;gap:14px;text-align:right}.showcase-heading .section-heading h2{font-size:27px}.showcase-heading .section-eyebrow{font-size:13px}.showcase-controls{gap:6px}.showcase-control{width:40px;height:40px;font-size:26px}.showcase-track{gap:13px;padding-bottom:15px}.license-card{width:min(82%,310px);border-radius:18px}.license-image-box{height:245px;padding:19px}.license-detail{padding:18px 19px}.license-detail h3{font-size:18px}.license-detail p{font-size:14px}.client-card{width:calc((100% - 13px)/2);min-height:145px}.client-link{padding:16px 10px;min-height:145px}.client-logo-img{height:66px}.client-logo-img img{max-height:66px}.client-name{font-size:12px}.stats-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stats-list .stat-item{min-height:142px;padding:12px 8px}.stats-list .stat-item strong{font-size:28px}.stats-list .stat-item>span:last-child{font-size:12.5px}}
@media (max-width:365px){.client-card{width:75%}.stats-list .stat-item strong{font-size:25px}}
@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-control,.client-logo-img img,html.an-motion-ready .js-reveal{transition:none!important;transform:none!important;opacity:1!important}html{scroll-behavior:auto!important}}

/* Delicate interaction language throughout the existing page. */
.solution-card,.benefit-card,.resource-card,.blog-card,.service-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.solution-card:hover,.benefit-card:hover,.resource-card:hover,.blog-card:hover,.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(12,13,16,.09)}
@media (min-width:1150px) and (prefers-reduced-motion:no-preference){.hero-art .dashboard-window{animation:an-soft-float 7s ease-in-out infinite alternate}@keyframes an-soft-float{from{transform:translateY(0)}to{transform:translateY(-7px)}}}
@media (prefers-reduced-motion:reduce){.hero-art .dashboard-window{animation:none!important}.solution-card,.benefit-card,.resource-card,.blog-card,.service-card{transition:none!important;transform:none!important}}