/* AdSyntra AI — site-wide responsive safety and premium interaction layer. */
:root{--aix-violet:#6c63ff;--aix-sky:#38bdf8;--aix-ink:#171426;--aix-ease:cubic-bezier(.22,1,.36,1);}
html{overflow-x:clip;}
body{min-width:0;overflow-wrap:break-word;}
:where(main,header,footer,section,article,aside,nav,form,.container,.page-hero-inner,.footer-inner,.footer-bottom,.card-grid,.process-line,.timeline,.comparison)>*{min-width:0;}
:where(img,video,iframe,svg,canvas){max-width:100%;}
:where(pre,code,.seo-table-wrap,.table-wrap){max-width:100%;}
:where(a,button){overflow-wrap:anywhere;}

/* Current-page navigation is visible without changing the existing architecture. */
.aix-current-page{color:var(--aix-violet)!important;}
.main-nav>a.aix-current-page,.desktop-nav>a.aix-current-page{position:relative;}
.main-nav>a.aix-current-page::after,.desktop-nav>a.aix-current-page::after{content:"";position:absolute;left:20%;right:20%;bottom:-5px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--aix-violet),var(--aix-sky));box-shadow:0 0 12px rgba(56,189,248,.55);}

/* Premium card light sweep; motion is deliberately subtle. */
:where(.info-card,.article-card,.price-card,.seo-card,.seo-hub-card,.timeline-card,.process-card,.compare-panel){position:relative;overflow:hidden;transition:transform .35s var(--aix-ease),box-shadow .35s var(--aix-ease),border-color .35s ease;}
:where(.info-card,.article-card,.price-card,.seo-card,.seo-hub-card,.timeline-card,.process-card,.compare-panel)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.34) 43%,transparent 68%);transform:translateX(-125%);transition:transform .7s var(--aix-ease);}
@media(hover:hover) and (pointer:fine){
  :where(.info-card,.article-card,.price-card,.seo-card,.seo-hub-card,.timeline-card,.process-card,.compare-panel):hover::after{transform:translateX(125%);}
  :where(.info-icon,.process-number,.core-cube){transition:transform .35s var(--aix-ease),filter .35s ease;}
  :where(.info-card,.process-card):hover :where(.info-icon,.process-number){transform:translateY(-3px) rotate(-3deg) scale(1.05);filter:drop-shadow(0 8px 12px rgba(108,99,255,.22));}
  .aix-tilt{will-change:transform;}
}

/* Accessible click feedback without layout shifts. */
.aix-ripple-host{position:relative;overflow:hidden;isolation:isolate;}
.aix-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.48);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:aixRipple .58s ease-out forwards;z-index:3;}
@keyframes aixRipple{to{transform:translate(-50%,-50%) scale(18);opacity:0;}}

.aix-scroll-top{position:fixed;right:18px;bottom:90px;z-index:470;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(108,99,255,.22);border-radius:14px;background:rgba(24,27,39,.92);color:#a78bfa;font-size:1rem;font-weight:800;box-shadow:0 14px 34px rgba(29,23,77,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s var(--aix-ease);cursor:pointer;}
.aix-scroll-top.show{opacity:1;visibility:visible;transform:none;}
.aix-scroll-top:hover{border-color:var(--aix-violet);box-shadow:0 18px 42px rgba(79,68,196,.24);}

/* Prevent common long-content and mobile overflow failures site-wide. */
@media(max-width:760px){
  :where(.container,.page-hero-inner,.footer-inner,.footer-bottom){max-width:100%;}
  :where(.card-grid,.timeline,.comparison,.process-line){grid-template-columns:minmax(0,1fr)!important;}
  :where(.section-head,.cta-band){grid-template-columns:minmax(0,1fr)!important;align-items:flex-start!important;}
  :where(.hero-btns,.cta-actions,.form-actions){width:100%;flex-wrap:wrap;}
  :where(.hero-btns,.cta-actions,.form-actions)>:where(a,button){max-width:100%;}
  :where(.seo-table-wrap,.table-wrap){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
  .aix-scroll-top{right:12px;bottom:82px;width:42px;height:42px;}
}
@media(max-width:390px){
  :where(h1,h2,h3,p,li,a,button,label){overflow-wrap:anywhere;}
  :where(.hero-btns,.cta-actions,.form-actions)>:where(a,button){width:100%;justify-content:center;text-align:center;}
  .aix-scroll-top{bottom:76px;}
}
@media(prefers-reduced-motion:reduce){
  .aix-ripple{display:none;}
  .aix-tilt{transform:none!important;}
  :where(.info-card,.article-card,.price-card,.seo-card,.seo-hub-card,.timeline-card,.process-card,.compare-panel)::after{display:none;}
}
@media print{.aix-scroll-top{display:none!important;}}
