.elementor-13914 .elementor-element.elementor-element-46d92ee{text-align:center;}/* Start custom CSS for html, class: .elementor-element-d39f52f */\.catio-showcase{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#212529;                 /* dark text */
  background:#ffffff;            /* white background */
}

/* Reset only inside component */
.catio-showcase *{box-sizing:border-box;margin:0;padding:0;}
.catio-showcase a{text-decoration:none;color:inherit;}

/* Tokens (hard‑coded) */
.catio-showcase .token-accent{color:#ff6b6b;}
.catio-showcase .bg-light{background:#ffffff;}
.catio-showcase .shadow{box-shadow:0 4px 16px rgba(0,0,0,.08);} /* helper */

/* Hero */
.catio-showcase .hero{
  padding:3.5rem 1rem;
  text-align:center;
  border-radius:1rem;
  background:#ffffff;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  margin-bottom:3rem;
}
.catio-showcase .hero h1{
  font-size:clamp(2rem,4vw,3rem);
  font-weight:700;
  letter-spacing:-.015em;
}

/* Image Gallery */
.catio-showcase .gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1rem;
  margin-bottom:3rem;
}
.catio-showcase .gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:1rem;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  transition:transform .4s ease;
}
.catio-showcase .gallery img:hover{transform:scale(1.03);}

/* Sections */
.catio-showcase .container{width:min(92%,1200px);margin-inline:auto;padding-block:2rem;}
.catio-showcase .section-title{
  font-size:1.75rem;
  margin-bottom:1.25rem;
  font-weight:600;
  position:relative;
  display:inline-block;
}
.catio-showcase .section-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-.25rem;
  width:40%;
  height:3px;
  background:#ff6b6b;
  border-radius:2px;
}
.catio-showcase .card{
  background:#ffffff;
  padding:2rem;
  border-radius:1rem;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  margin-bottom:2rem;
}

/* Feature Grid */
.catio-showcase .features{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.catio-showcase .feature{display:flex;gap:1rem;align-items:flex-start;}
.catio-showcase .feature-icon{
  flex-shrink:0;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:#ff6b6b;
  display:grid;
  place-items:center;
  color:#ffffff;
  font-size:1.1rem;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.catio-showcase .feature p{font-size:1rem;color:#6c757d;}

/* Local footer (inside component) */
.catio-showcase .footer{text-align:center;font-size:.85rem;color:#6c757d;padding:1.5rem 0;}

/* Dark‑mode preference */
@media (prefers-color-scheme: dark){
  .catio-showcase{background:#1a1d21;color:#e9ecef;}
  .catio-showcase .card,
  .catio-showcase .hero{background:#212529;color:#e9ecef;}
  .catio-showcase .feature-icon{box-shadow:none;}
}/* End custom CSS */