/* ============================================================
   Ariya — Landing Page styles
   Brand colour: change the three --ac variables below to re-skin.
   ============================================================ */
:root{
  --ac:#6D0132;       /* primary ruby */
  --ac-dk:#4F0124;    /* darker ruby (gradients) */
  --ac-soft:#F4E4EC;  /* soft ruby tint (pills, chips) */
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
  font-family:'Noto Sans','Noto Sans Thai','Noto Sans JP',system-ui,sans-serif;
  background:#F7F5F5;
  color:#221d1e;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}

::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-thumb{background:#d8d2d2;border-radius:9px;border:3px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-thumb:hover{background:#c2bbbb;background-clip:content-box;}

/* ---- Animations ---- */
@keyframes flt{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ariya-marquee-track:hover{animation-play-state:paused !important;}

/* ---- Hover states ---- */
.ariya-navlink{transition:color .15s;}
.ariya-navlink:hover{color:var(--ac);}
.ariya-btn-soft{transition:background .15s;}
.ariya-btn-soft:hover{background:#ECE7E7;}
.ariya-btn-primary{transition:transform .15s;}
.ariya-btn-primary:hover{transform:translateY(-1px);}
.ariya-cta-primary{transition:transform .15s;}
.ariya-cta-primary:hover{transform:translateY(-2px);}
.ariya-cta-ghost{transition:border-color .15s;}
.ariya-cta-ghost:hover{border-color:var(--ac);}
.ariya-feature{transition:transform .15s,box-shadow .15s;}
.ariya-feature:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,12,16,.08);}
.ariya-footlink{transition:color .15s;}
.ariya-footlink:hover{color:#fff;}
.ariya-cta-white{transition:transform .15s;}
.ariya-cta-white:hover{transform:translateY(-2px);}
.ariya-cta-outline{transition:background .15s;}
.ariya-cta-outline:hover{background:rgba(255,255,255,.12);}

/* ---- FAQ accordion ---- */
.ariya-faq-a{display:none;}
.ariya-faq.open .ariya-faq-a{display:block;}
.ariya-faq.open .ariya-faq-chev{transform:rotate(180deg);}
.ariya-faq-chev{transition:transform .2s;}

/* ---- Pricing monthly / yearly ---- */
.ariya-pricing .ariya-p-y{display:none;}
.ariya-pricing.annual .ariya-p-m{display:none;}
.ariya-pricing.annual .ariya-p-y{display:inline;}

/* ---- Responsive ---- */
@media (max-width:920px){
  .ariya-hero-grid,.ariya-spot-grid{grid-template-columns:1fr !important;}
  .ariya-steps,.ariya-features,.ariya-testi{grid-template-columns:1fr !important;}
  .ariya-plans{grid-template-columns:repeat(2,1fr) !important;}
  .ariya-stats{grid-template-columns:repeat(2,1fr) !important;}
  .ariya-foot-grid{grid-template-columns:1fr 1fr !important;}
  .ariya-nav-links{display:none !important;}
}
@media (max-width:560px){
  .ariya-plans{grid-template-columns:1fr !important;}
}