@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap");

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Outfit","Segoe UI",sans-serif;
}

body{
  background:#f8fbff;
  color:#0f172a;
}

header{
  width:100%;
  background:#062b4f;
  position:sticky;
  top:0;
  z-index:1000;
}

.navbar{
  width:90%;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1rem 0;
}

.logo-section{
  display:flex;
  align-items:center;
  gap:1rem;
}

.logo-img{
  width:110px;
  height:60px;
  object-fit:contain;
  cursor: pointer;
}

.logo-text{
  color:white;
  font-size:1.6rem;
  font-weight:700;
}

.nav-links{
  display:flex;
  gap:2rem;
}

.nav-links a{
  text-decoration:none;
  color:white;
  font-weight:500;
  transition:0.3s;
}

.nav-links a:hover{
  color:#38bdf8;
}

.menu-toggle{
  display:none;
  color:white;
  font-size:2rem;
  cursor:pointer;
}

.hero{
  min-height:90vh;
  background:url('../images/gallery/banner.png');

  background-size:cover;
  background-position:center;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;
  padding:2rem;
}

.hero-content h1{
  color:white;
  font-size:4rem;
  margin-bottom:1rem;
}

.hero-content p{
  color:#dbeafe;
  font-size:1.2rem;
  max-width:700px;
  margin:auto;
}

.hero-buttons{
  margin-top:2rem;
  display:flex;
  justify-content:center;
  gap:1rem;
}

.btn-primary,
.btn-secondary{
  padding:1rem 2rem;
  border-radius:50px;
  text-decoration:none;
  font-weight:600;
  transition:0.4s;
}

.btn-primary{
  background:#00c2ff;
  color:white;
}

.btn-secondary{
  border:2px solid white;
  color:white;
}

.btn-primary:hover,
.btn-secondary:hover{
  transform:translateY(-5px);
}

.features{
  width:90%;
  margin:5rem auto;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:2rem;
}

.feature-card{
  background:white;
  padding:2rem;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.feature-card:hover{
  transform:translateY(-10px);
}

.feature-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:1rem;
}

footer{
  background:#062b4f;
  color:white;
  padding:3rem 2rem;
}

.social-icons{
  display:flex;
  justify-content:center;
  gap:1rem;
}

.social-icons a{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#00c2ff;

  display:flex;
  align-items:center;
  justify-content:center;

  color:white;
  text-decoration:none;

  transition:0.4s;
  position:relative;
  overflow:hidden;
}

.social-icons a:hover{
  transform:translateY(-5px);
}

.copyright{
  text-align:center;
  margin-top:2rem;
}

@media(max-width:768px){

  .nav-links{
    position:absolute;
    top:80px;
    right:0;
    width:100%;
    background:#062b4f;

    flex-direction:column;
    align-items:center;

    max-height:0;
    overflow:hidden;

    transition:0.4s;
  }

  .nav-links.active{
    max-height:500px;
    padding:2rem 0;
  }

  .menu-toggle{
    display:block;
  }

  .features{
    grid-template-columns:1fr;
  }

  .hero-content h1{
    font-size:2.5rem;
  }

  .hero-buttons{
    flex-direction:column;
  }

}

/* GLOBAL SMOOTH SCROLL */

html{
  scroll-behavior:smooth;
}

/* BODY */

body{
  overflow-x:hidden;
}

/* PAGE SPACING */

.page-banner,
.about-section,
.services-section,
.faq-section,
.contact-section,
.legal-page,
.plans-page{
  width:90%;
  margin:6vh auto;
}

/* SECTION TITLES */

.section-title{
  text-align:center;
  font-size:3rem;
  margin-bottom:4vh;
  color:#062b4f;
  position:relative;
  animation:fadeUp 1s ease;
}

.section-title::after{
  content:'';
  width:120px;
  height:5px;
  background:#00c2ff;
  position:absolute;
  left:50%;
  bottom:-15px;
  transform:translateX(-50%);
  border-radius:20px;
}

/* PAGE BANNER */

.page-banner{
  text-align:center;
  padding:10vh 2vw;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  border-radius:30px;
  color:white;
  animation:fadeIn 1.2s ease;
}

.page-banner h1{
  font-size:4rem;
  margin-bottom:2vh;
}

.page-banner p{
  font-size:1.2rem;
  color:#dbeafe;
}

/* ABOUT GRID */

.about-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2vw;
  margin-top:5vh;
}

.about-card{
  background:white;
  padding:4vh 2vw;
  border-radius:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
  animation:fadeUp 1s ease;
}

.about-card:hover{
  transform:translateY(-12px) scale(1.03);
  box-shadow:0 20px 40px rgba(0,194,255,0.2);
}

.about-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

/* PLANS */

.plans-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2vw;
}

.plan-card{
  background:white;
  padding:4vh 2vw;
  border-radius:30px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
  position:relative;
  overflow:hidden;
}

.plan-card::before{
  content:'';
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;
  background:linear-gradient(
    45deg,
    transparent,
    rgba(255,255,255,0.1),
    transparent
  );
  transform:rotate(25deg);
  transition:0.8s;
}

.plan-card:hover::before{
  left:100%;
}

.plan-card:hover{
  transform:translateY(-15px);
  box-shadow:0 20px 50px rgba(0,194,255,0.2);
}

.plan-card h1{
  font-size:3rem;
  margin:2vh 0;
  color:#00c2ff;
}

.plan-btn{
  display:inline-block;
  margin-top:2vh;
  background:#00c2ff;
  color:white;
  padding:1rem 2rem;
  border-radius:50px;
  text-decoration:none;
  transition:0.4s;
}

.plan-btn:hover{
  transform:scale(1.05);
  background:#0099d6;
}

/* CONTACT FORM */

.contact-form{
  max-width:700px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:2vh;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  padding:1rem;
  border-radius:15px;
  border:1px solid #cbd5e1;
  font-size:1rem;
  transition:0.3s;
}

.contact-form input:focus,
.contact-form textarea:focus{
  outline:none;
  border-color:#00c2ff;
  box-shadow:0 0 15px rgba(0,194,255,0.2);
}

/* FAQ */

/* FAQ SECTION */

.faq-item{
  background:white;
  margin-bottom:1.5rem;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s ease;
}

.faq-item:hover{
  transform:translateY(-3px);
}

/* QUESTION */

.faq-question{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1.5rem 2rem;
  cursor:pointer;
  transition:0.4s ease;
}

.faq-question:hover{
  background:#f8fbff;
}

/* QUESTION TITLE */

.faq-question h3{
  color:#062b4f;
  font-size:1.1rem;
  font-weight:600;
}

/* PLUS/MINUS ICON */

.faq-question span{
  font-size:2rem;
  color:#00c2ff;
  transition:0.5s ease;
}

/* ROTATE ICON */

.faq-item.active .faq-question span{
  transform:rotate(180deg);
}

/* ANSWER */

.faq-answer{
  max-height:0;
  overflow:hidden;

  opacity:0;

  padding:0 2rem;

  transition:
    max-height 0.6s ease,
    opacity 0.5s ease,
    padding 0.5s ease;
}

/* ACTIVE ANSWER */

.faq-item.active .faq-answer{
  max-height:500px;

  opacity:1;

  padding:0 2rem 1.8rem;
}

/* ANSWER TEXT */

.faq-answer p{
  color:#64748b;
  line-height:1.9;
  transform:translateY(-10px);
  transition:0.5s ease;
}

/* TEXT SMOOTH REVEAL */

.faq-item.active .faq-answer p{
  transform:translateY(0);
}


/* ANIMATIONS */

@keyframes fadeUp{

  from{
    opacity:0;
    transform:translateY(50px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

@keyframes fadeIn{

  from{
    opacity:0;
  }

  to{
    opacity:1;
  }

}

@keyframes fadeDown{

  from{
    opacity:0;
    transform:translateY(-20px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* TABLET RESPONSIVE */

@media(max-width:992px){

  .hero-content h1{
    font-size:3rem;
  }

  .plans-grid,
  .about-grid,
  .features{
    grid-template-columns:repeat(2,1fr);
  }

  .section-title{
    font-size:2.5rem;
  }

}

/* MOBILE RESPONSIVE */

@media(max-width:768px){

  .hero{
    min-height:80vh;
    padding:5vh 5vw;
  }

  .hero-content h1{
    font-size:2.3rem;
    line-height:1.3;
  }

  .hero-content p{
    font-size:1rem;
  }

  .hero-buttons{
    flex-direction:column;
    align-items:center;
  }

  .plans-grid,
  .about-grid,
  .features{
    grid-template-columns:1fr;
  }

  .section-title{
    font-size:2rem;
  }

  .page-banner h1{
    font-size:2.5rem;
  }

  .navbar{
    width:92%;
  }

  .logo-text{
    font-size:1.2rem;
  }

  .contact-form{
    width:100%;
  }

  .social-icons{
    flex-wrap:wrap;
  }

}

/* LARGE SCREEN */

@media(min-width:1400px){

  .navbar,
  .features,
  .plans-grid,
  .footer-content{
    max-width:1400px;
    margin:auto;
  }

}

/* FOOTER */

footer{
  background:#041f38;
  padding:6vh 5vw 3vh;
  margin-top:8vh;
  color:white;
}

.footer-container{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4vw;
}

/* FOOTER LOGO */

.footer-logo-section{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:2vh;
  cursor: pointer;
}

.footer-logo{
  width:70px;
  transition:0.4s;
}

.footer-logo:hover{
  transform:rotate(5deg) scale(1.05);
}

/* FOOTER TEXT */

.footer-box p{
  color:#dbeafe;
  line-height:1.9;
}

/* FOOTER TITLES */

.footer-box h3{
  margin-bottom:2vh;
  color:#00c2ff;
  font-size:1.4rem;
}

/* FOOTER LINKS */

.footer-box a{
  display:block;
  text-decoration:none;
  color:#dbeafe;
  margin-bottom:1.2vh;
  transition:0.4s;
}

.footer-box a:hover{
  color:#00c2ff;
  transform:translateX(8px);
}

/* CONTACT DETAILS */

.footer-contact{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:2vh;
}

.footer-contact i{
  color:#00c2ff;
  margin-top:0.3vh;
}

.footer-contact span{
  color:#dbeafe;
  line-height:1.8;
}

/* SOCIAL ICONS */

.social-icons{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:1rem;
  margin-top:4vh;
}


/* COPYRIGHT */

.footer-bottom{
  text-align:center;
  margin-top:4vh;
  color:#94a3b8;
  border-top:1px solid rgba(255,255,255,0.1);
  padding-top:2vh;
}

/* TABLET */

@media(max-width:992px){

  .footer-container{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .footer-container{
    grid-template-columns:1fr;
    gap:5vh;
  }

  .footer-box{
    text-align:center;
  }

  .footer-logo-section{
    justify-content:center;
  }

  .footer-contact{
    justify-content:center;
    text-align:left;
  }

}
/* SECTION HEADINGS */

.section-heading{
  text-align:center;
  margin-bottom:5vh;
}

.section-heading h2{
  font-size:3rem;
  color:#062b4f;
  margin-bottom:2vh;
}

.section-heading p{
  color:#64748b;
  max-width:700px;
  margin:auto;
  line-height:1.8;
}

/* WHY CHOOSE */

.why-choose-section{
  width:90%;
  margin:8vh auto;
}

.why-choose-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2vw;
}

.why-card{
  background:white;
  padding:4vh 2vw;
  border-radius:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.why-card:hover{
  transform:translateY(-12px);
}

.why-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

.why-card h3{
  margin-bottom:1.5vh;
}

/* SERVICE IMAGE SECTION */

.service-image-section{
  width:90%;
  margin:10vh auto;
}

.service-image-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4vw;
  align-items:center;
}

.service-text h2{
  font-size:3rem;
  margin-bottom:2vh;
  color:#062b4f;
}

.service-text p{
  line-height:1.9;
  color:#64748b;
  margin-bottom:2vh;
}

.service-text ul{
  list-style:none;
  margin-bottom:3vh;
}

.service-text ul li{
  margin-bottom:1.5vh;
  color:#0f172a;
}

.service-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

/* STATS */

.stats-section{
  width:90%;
  margin:10vh auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2vw;
}

.stats-card{
  background:#062b4f;
  color:white;
  padding:4vh 2vw;
  text-align:center;
  border-radius:25px;
  transition:0.4s;
}

.stats-card:hover{
  transform:translateY(-10px);
}

.stats-card h2{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:1vh;
}

/* CTA */

.cta-section{
  width:90%;
  margin:10vh auto;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  padding:8vh 4vw;
  border-radius:30px;
  text-align:center;
  color:white;
}

.cta-section h2{
  font-size:3rem;
  margin-bottom:2vh;
}

.cta-section p{
  margin-bottom:3vh;
  color:#dbeafe;
}

/* TABLET */

@media(max-width:992px){

  .why-choose-grid,
  .stats-section{
    grid-template-columns:repeat(2,1fr);
  }

  .service-image-content{
    grid-template-columns:1fr;
  }

}

/* MOBILE */

@media(max-width:768px){

  .why-choose-grid,
  .stats-section{
    grid-template-columns:1fr;
  }

  .section-heading h2,
  .service-text h2,
  .cta-section h2{
    font-size:2rem;
  }

}
/* COMPANY JOURNEY */

.company-journey{
  width:90%;
  margin:10vh auto;
}

.journey-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4vw;
  align-items:center;
}

.journey-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.1);
}

.journey-text h2{
  font-size:3rem;
  color:#062b4f;
  margin-bottom:2vh;
}

.journey-text p{
  color:#64748b;
  line-height:1.9;
  margin-bottom:2vh;
}

/* MISSION SECTION */

.mission-section{
  width:90%;
  margin:10vh auto;

  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:3vw;
}

.mission-card{
  background:white;
  padding:5vh 3vw;
  border-radius:30px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.mission-card:hover{
  transform:translateY(-10px);
}

.mission-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

.mission-card h3{
  margin-bottom:2vh;
  color:#062b4f;
}

/* ACHIEVEMENTS */

.achievements-section{
  width:90%;
  margin:10vh auto;
}

.achievement-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2vw;
}

.achievement-card{
  background:#062b4f;
  color:white;
  padding:4vh 2vw;
  border-radius:25px;
  text-align:center;
  transition:0.4s;
}

.achievement-card:hover{
  transform:translateY(-10px);
}

.achievement-card h2{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:1vh;
}

/* TEAM SECTION */

.team-section{
  width:90%;
  margin:10vh auto;
}

.team-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2vw;
}

.team-card{
  background:white;
  border-radius:25px;
  overflow:hidden;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.team-card:hover{
  transform:translateY(-10px);
}

.team-card img{
  width:100%;
  height:320px;
  object-fit:cover;
}

.team-card h3{
  padding:2vh;
  color:#062b4f;
}

/* CTA */

.about-cta{
  width:90%;
  margin:10vh auto;
  padding:8vh 4vw;
  border-radius:30px;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  text-align:center;
  color:white;
}

.about-cta h2{
  font-size:3rem;
  margin-bottom:2vh;
}

.about-cta p{
  color:#dbeafe;
  margin-bottom:3vh;
}

/* TABLET */

@media(max-width:992px){

  .journey-content,
  .mission-section,
  .achievement-grid,
  .team-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .journey-content,
  .mission-section,
  .achievement-grid,
  .team-grid{
    grid-template-columns:1fr;
  }

  .journey-text h2,
  .about-cta h2{
    font-size:2rem;
  }

}
/* FAQ INTRO */

.faq-intro-section{
  width:90%;
  margin:10vh auto;
}

.faq-intro-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4vw;
  align-items:center;
}

.faq-intro-text h2{
  font-size:3rem;
  color:#062b4f;
  margin-bottom:2vh;
}

.faq-intro-text p{
  line-height:1.9;
  color:#64748b;
  margin-bottom:2vh;
}

.faq-intro-text ul{
  list-style:none;
}

.faq-intro-text ul li{
  margin-bottom:1.5vh;
  color:#0f172a;
}

.faq-intro-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.1);
}


/* SUPPORT SECTION */

.support-section{
  width:90%;
  margin:10vh auto;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:2vw;
}

.support-card{
  background:white;
  padding:5vh 2vw;
  border-radius:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.support-card:hover{
  transform:translateY(-10px);
}

.support-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

.support-card h3{
  margin-bottom:2vh;
  color:#062b4f;
}

.support-card p{
  color:#64748b;
  line-height:1.8;
}

/* CTA SECTION */

.faq-cta-section{
  width:90%;
  margin:10vh auto;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  padding:8vh 4vw;
  border-radius:30px;
  text-align:center;
  color:white;
}

.faq-cta-section h2{
  font-size:3rem;
  margin-bottom:2vh;
}

.faq-cta-section p{
  color:#dbeafe;
  margin-bottom:3vh;
}

/* TABLET */

@media(max-width:992px){

  .faq-intro-content,
  .support-section{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .faq-intro-content,
  .support-section{
    grid-template-columns:1fr;
  }

  .faq-intro-text h2,
  .faq-cta-section h2{
    font-size:2rem;
  }

}
.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.5s ease;
}

.faq-item.active .faq-answer{
  max-height:300px;
  margin-top:1rem;
}

.faq-question{
  cursor:pointer;
}
/* PRIVACY HERO */

.privacy-hero{
  width:90%;
  margin:10vh auto;
}

.privacy-hero-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4vw;
  align-items:center;
}

.privacy-text h2{
  font-size:3rem;
  color:#062b4f;
  margin-bottom:2vh;
}

.privacy-text p{
  color:#64748b;
  line-height:1.9;
  margin-bottom:4vh;
}

.privacy-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

/* PRIVACY HIGHLIGHTS */

.privacy-highlights{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5vw;
}

.privacy-highlight-card{
  background:white;
  padding:3vh 1vw;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.privacy-highlight-card:hover{
  transform:translateY(-10px);
}

.privacy-highlight-card i{
  font-size:2.5rem;
  color:#00c2ff;
  margin-bottom:1vh;
}

.privacy-highlight-card span{
  font-size:0.95rem;
  font-weight:600;
}

/* PRIVACY CONTENT */

.privacy-policy-content{
  width:90%;
  margin:10vh auto;

  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:2vw;
}

.privacy-card{
  background:white;
  padding:4vh 2vw;
  border-radius:25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.privacy-card:hover{
  transform:translateY(-10px);
}

.privacy-card h3{
  color:#062b4f;
  margin-bottom:2vh;
}

.privacy-card p{
  color:#64748b;
  line-height:1.9;
}

/* SECURITY SECTION */

.security-section{
  width:90%;
  margin:10vh auto;
}

.security-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2vw;
}

.security-card{
  background:white;
  padding:5vh 2vw;
  text-align:center;
  border-radius:25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.security-card:hover{
  transform:translateY(-12px);
}

.security-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

.security-card h3{
  margin-bottom:2vh;
  color:#062b4f;
}

.security-card p{
  color:#64748b;
  line-height:1.8;
}

/* PRIVACY CTA */

.privacy-cta{
  width:90%;
  margin:10vh auto;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  padding:8vh 4vw;
  border-radius:30px;
  text-align:center;
  color:white;
}

.privacy-cta h2{
  font-size:3rem;
  margin-bottom:2vh;
}

.privacy-cta p{
  color:#dbeafe;
  margin-bottom:3vh;
}

/* TABLET */

@media(max-width:992px){

  .privacy-hero-content,
  .privacy-policy-content,
  .security-grid,
  .privacy-highlights{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .privacy-hero-content,
  .privacy-policy-content,
  .security-grid,
  .privacy-highlights{
    grid-template-columns:1fr;
  }

  .privacy-text h2,
  .privacy-cta h2{
    font-size:2rem;
  }

}
.faq-question span{
  font-size:2rem;
  color:#00c2ff;
  transition:0.3s;
}
/* TERMS HERO */

.terms-hero-section{
  width:90%;
  margin:10vh auto;
}

.terms-hero-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4vw;
  align-items:center;
}

.terms-text h2{
  font-size:3rem;
  color:#062b4f;
  margin-bottom:2vh;
}

.terms-text p{
  color:#475569;
  line-height:1.9;
  margin-bottom:4vh;
}

.terms-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

/* TERMS BADGES */

.terms-badges{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5vw;
}

.terms-badge{
  background:white;
  padding:3vh 1vw;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.terms-badge:hover{
  transform:translateY(-10px);
}

.terms-badge i{
  font-size:2.5rem;
  color:#00c2ff;
  margin-bottom:1vh;
}

.terms-badge span{
  color:#062b4f;
  font-weight:600;
}

/* TERMS CARDS */

.terms-cards-section{
  width:90%;
  margin:10vh auto;

  display:grid;
  grid-template-columns:repeat(4,1fr);

  gap:2vw;
}

.terms-card{
  background:white;
  padding:5vh 2vw;
  border-radius:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.terms-card:hover{
  transform:translateY(-12px);
  box-shadow:0 20px 45px rgba(0,194,255,0.18);
}

.terms-card i{
  font-size:3rem;
  color:#00c2ff;
  margin-bottom:2vh;
}

.terms-card h3{
  color:#062b4f;
  margin-bottom:2vh;
}

.terms-card p{
  color:#475569;
  line-height:1.8;
}

/* TERMS DETAILS */

.terms-details-section{
  width:90%;
  margin:10vh auto;
}

.terms-details-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2vw;
}

.terms-detail-box{
  background:white;
  padding:4vh 2vw;
  border-radius:25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.terms-detail-box:hover{
  transform:translateY(-10px);
}

.terms-detail-box h3{
  color:#062b4f;
  margin-bottom:2vh;
}

.terms-detail-box p{
  color:#475569;
  line-height:1.9;
}

/* TERMS CTA */

.terms-cta{
  width:90%;
  margin:10vh auto;
  background:linear-gradient(135deg,#062b4f,#0f4c81);
  padding:8vh 4vw;
  border-radius:30px;
  text-align:center;
  color:white;
}

.terms-cta h2{
  font-size:3rem;
  margin-bottom:2vh;
}

.terms-cta p{
  color:#dbeafe;
  margin-bottom:3vh;
}

/* TABLET */

@media(max-width:992px){

  .terms-hero-content,
  .terms-cards-section,
  .terms-details-grid,
  .terms-badges{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .terms-hero-content,
  .terms-cards-section,
  .terms-details-grid,
  .terms-badges{
    grid-template-columns:1fr;
  }

  .terms-text h2,
  .terms-cta h2{
    font-size:2rem;
  }

}

:root{
  --tbm-bg-dark:#02111f;
  --tbm-bg-deep:#07243a;
  --tbm-surface:#ffffff;
  --tbm-surface-soft:#f8fbff;
  --tbm-text:#0f172a;
  --tbm-text-soft:#475569;
  --tbm-white:#f8fafc;
  --tbm-accent:#22d3ee;
  --tbm-accent-strong:#0ea5e9;
  --tbm-border:rgba(148,163,184,0.22);
  --tbm-shadow:0 24px 80px rgba(15,23,42,0.12);
  --tbm-shadow-strong:0 28px 78px rgba(8,36,58,0.14);
  --tbm-ease:cubic-bezier(0.22,1,0.36,1);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.08), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
  color:var(--tbm-text);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{
  display:block;
  max-width:100%;
}

a,
button,
input,
select,
textarea{
  transition:
    color 240ms var(--tbm-ease),
    background-color 240ms var(--tbm-ease),
    border-color 240ms var(--tbm-ease),
    box-shadow 240ms var(--tbm-ease),
    transform 240ms var(--tbm-ease),
    opacity 240ms var(--tbm-ease);
}

section[id]{
  scroll-margin-top:96px;
}

.container-shell{
  width:min(100% - 1.5rem, 1200px);
  margin-inline:auto;
}

.field-input{
  width:100%;
  border:1px solid rgba(148,163,184,0.35);
  border-radius:1rem;
  background:rgba(248,250,252,0.92);
  padding:1rem 1rem;
  color:var(--tbm-text);
  font-size:1rem;
  line-height:1.6;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);
}

.field-input::placeholder{
  color:#94a3b8;
}

.field-input:hover{
  border-color:rgba(14,165,233,0.35);
  background:#fff;
}

.field-input:focus{
  border-color:var(--tbm-accent-strong);
  background:#fff;
  box-shadow:0 0 0 4px rgba(34,211,238,0.18);
}

.field-input[type="tel"]{
  letter-spacing:0.01em;
}

textarea.field-input{
  min-height:8rem;
  resize:vertical;
}

select.field-input{
  cursor:pointer;
}

.field-error{
  border-color:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,0.08);
}

.button-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.65rem;
  padding:0.95rem 1.5rem;
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,var(--tbm-accent),var(--tbm-accent-strong));
  color:#03131f;
  font-size:0.95rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(14,165,233,0.3);
}

.button-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 55px rgba(14,165,233,0.34);
}

.button-primary::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,0.38) 50%, transparent 85%);
  transform:translateX(-130%);
  transition:transform 420ms ease;
}

.button-primary:hover::after{
  transform:translateX(130%);
}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  border-top:5px solid #3b82f6;
  border-bottom:1px solid rgba(255,255,255,0.1);
  background:rgba(2,17,31,0.94);
  backdrop-filter:blur(20px);
  color:var(--tbm-white);
  transform:translateY(-18px);
  opacity:0;
  animation:headerReveal 0.45s var(--tbm-ease) forwards;
}

.site-header.is-scrolled{
  border-color:rgba(255,255,255,0.1);
  background:rgba(2,17,31,0.94);
  box-shadow:0 18px 48px rgba(2,12,27,0.3);
}

.site-navbar__inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0.75rem 0;
}

.site-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:0.9rem;
  text-decoration:none;
  color:inherit;
}

.site-brand__logo{
  height:3rem;
  width:auto;
  max-width:180px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(8,145,178,0.24));
}

.site-brand__eyebrow{
  color:rgba(103,232,249,0.9);
  font-size:0.62rem;
  font-weight:500;
  letter-spacing:0.28em;
  text-transform:uppercase;
  white-space:nowrap;
}

.site-brand__text{
  color:#cbd5e1;
  font-size:0.9rem;
  font-weight:600;
  white-space:nowrap;
}

.site-nav{
  position:relative;
  display:none;
  align-items:center;
  gap:1.5rem;
  list-style:none;
  padding-top:0.4rem;
  padding-bottom:0.15rem;
}

.site-nav a{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:0.35rem;
  position:relative;
  padding:0.45rem 0.75rem 0.2rem;
  color:#e2e8f0;
  font-size:0.95rem;
  font-weight:500;
  text-decoration:none;
  min-width:4.75rem;
  border-radius:1.1rem;
  transition:
    transform 260ms var(--tbm-ease),
    color 260ms var(--tbm-ease),
    background-color 260ms var(--tbm-ease),
    box-shadow 260ms var(--tbm-ease);
}

.site-nav a i{
  font-size:1rem;
  transition:
    transform 240ms var(--tbm-ease),
    color 240ms var(--tbm-ease),
    opacity 240ms var(--tbm-ease);
}

.site-nav a span{
  transition:color 240ms var(--tbm-ease), opacity 240ms var(--tbm-ease);
}

.site-nav a::after{
  display:none;
}

.site-nav a:hover{
  color:#67e8f9;
}

.site-nav a:hover i{
  transform:translateY(-2px) scale(1.06);
  animation:iconTiltWobble 0.9s ease-in-out infinite;
}

.site-nav a.is-active{
  color:#67e8f9;
  background:transparent;
  border-top:none;
  transform:none;
  box-shadow:none;
}

.site-nav a.is-active::before{
  content:none;
}

.site-nav a.is-active i{
  color:#67e8f9;
  transform:translateY(-2px) scale(1.06);
  animation:iconTiltWobble 0.9s ease-in-out infinite;
}

.site-nav a.is-active span{
  color:#67e8f9;
}

.site-nav a:not(.is-active) i,
.site-nav a:not(.is-active) span{
  color:inherit;
}

.site-navbar__actions{
  display:none;
  align-items:center;
  gap:0.75rem;
}

.site-call-link{
  display:inline-flex;
  align-items:center;
  gap:0.55rem;
  padding:0.8rem 1.25rem;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  color:var(--tbm-white);
  font-size:0.92rem;
  font-weight:700;
  text-decoration:none;
}

.site-call-link:hover{
  border-color:rgba(34,211,238,0.4);
  color:#67e8f9;
}

.mobile-menu-toggle{
  width:2.75rem;
  height:2.75rem;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  background:rgba(255,255,255,0.05);
  color:var(--tbm-white);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.15rem;
}

.mobile-menu-toggle .fa-xmark{
  display:none;
}

.mobile-menu-toggle[aria-expanded="true"] .fa-bars{
  display:none;
}

.mobile-menu-toggle[aria-expanded="true"] .fa-xmark{
  display:inline-block;
}

.mobile-nav-panel{
  max-height:0;
  overflow:hidden;
  border-top:1px solid transparent;
  background:rgba(2,17,31,0.96);
  opacity:0;
  transition:max-height 260ms ease, opacity 220ms ease, border-color 220ms ease;
}

.mobile-nav-panel.is-open{
  max-height:460px;
  opacity:1;
  border-top-color:rgba(255,255,255,0.1);
}

.mobile-nav-panel__inner{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1.25rem 0 1.5rem;
}

.mobile-nav-links{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.mobile-nav-links a{
  display:flex;
  align-items:center;
  gap:0.7rem;
  color:var(--tbm-white);
  font-size:1rem;
  font-weight:500;
  text-decoration:none;
}

.mobile-nav-links a i{
  width:1rem;
  text-align:center;
  font-size:0.95rem;
}

.mobile-nav-links a:hover i,
.mobile-nav-links a.is-active i,
.site-call-link:hover i,
.button-primary:hover i,
.button-primary:focus-visible i,
.btn-primary:hover i,
.btn-secondary:hover i,
.feature-card:hover i,
.about-card:hover i,
.why-card:hover i,
.support-card:hover i,
.privacy-highlight-card:hover i,
.security-card:hover i,
.terms-badge:hover i,
.terms-card:hover i,
.site-footer__links a:hover i,
.site-footer__contact-card:hover i,
.site-footer__socials a:hover i,
.floating-action-btn:hover i,
.contact-whatsapp:hover i,
.contact-info-card:hover i{
  animation:iconTiltWobble 0.9s ease-in-out infinite;
}

.mobile-nav-links a:hover,
.mobile-nav-links a.is-active{
  color:#67e8f9;
}

.mobile-nav-actions{
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}

.mobile-nav-actions .site-call-link,
.mobile-nav-actions .button-primary{
  justify-content:center;
}

.plans-recreated{
  --plan-visible-cards:1;
  --plan-gap:1rem;
  --plan-track-gutter:0.5rem;
  --plan-card-width:calc((100% - ((var(--plan-visible-cards) - 1) * var(--plan-gap))) / var(--plan-visible-cards));
  padding:3.5rem 0 4rem;
  background:#f8fafc;
  overflow-x:hidden;
}

.plans-recreated__intro{
  max-width:52rem;
  margin:0 auto;
  text-align:center;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.45rem 0.85rem;
  border:1px solid rgba(34,211,238,0.24);
  border-radius:999px;
  background:rgba(255,255,255,0.72);
  color:#0f766e;
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.55);
}

.plans-recreated__intro h1,
.plans-recreated__intro h2{
  margin-top:1.25rem;
  color:#0f172a;
  font-size:clamp(2rem,5vw,3.5rem);
  font-weight:900;
  line-height:1.08;
}

.plans-recreated__intro p{
  margin-top:1rem;
  color:var(--tbm-text-soft);
  font-size:clamp(1rem,2vw,1.125rem);
  line-height:1.9;
}

.plans-carousel-wrap{
  position:relative;
  margin-top:2rem;
  overflow:hidden;
  padding-inline:var(--plan-track-gutter);
}

.plans-nav-btn{
  position:absolute;
  top:50%;
  z-index:10;
  width:3.5rem;
  height:3.5rem;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#64748b;
  box-shadow:0 18px 48px rgba(15,23,42,0.08);
  display:none;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
}

.plans-nav-btn:hover{
  color:#0e7490;
  transform:translateY(-50%) scale(1.07);
}

.plans-nav-btn--prev{
  left:calc(var(--plan-track-gutter) * 0.2);
}

.plans-nav-btn--next{
  right:calc(var(--plan-track-gutter) * 0.2);
}

.plans-carousel-track{
  display:flex;
  gap:var(--plan-gap);
  overflow-x:auto;
  padding:0.75rem 0 1.5rem;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}

.plans-carousel-track::-webkit-scrollbar{
  display:none;
}

.plans-edge-spacer{
  width:0;
  min-width:0;
  flex:0 0 auto;
}

.plan-card-recreated{
  position:relative;
  height:500px;
  width:var(--plan-card-width);
  min-width:var(--plan-card-width);
  max-width:var(--plan-card-width);
  padding:1.5rem 1.5rem 1.5rem;
  border:1px solid #e2e8f0;
  border-radius:2rem;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,0.08);
  display:flex;
  flex-direction:column;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  transform:translateY(10px) scale(0.92);
  opacity:0.56;
  filter:saturate(0.72);
  transition:
    transform 320ms var(--tbm-ease),
    opacity 320ms var(--tbm-ease),
    box-shadow 320ms var(--tbm-ease),
    border-color 320ms var(--tbm-ease),
    background 320ms var(--tbm-ease),
    filter 320ms var(--tbm-ease);
}

.plan-card-recreated.is-active{
  border-color:#22d3ee;
  background:linear-gradient(180deg,#ffffff 0%, #f0fbff 100%);
  box-shadow:
    0 30px 90px rgba(8,36,58,0.18),
    0 0 0 1px rgba(34,211,238,0.18),
    0 0 34px rgba(34,211,238,0.2);
  transform:translateY(-12px) scale(1);
  opacity:1;
  filter:none;
}

.plan-card-recreated:hover{
  opacity:0.92;
}

.plan-card-recreated:not(.is-active):hover{
  transform:translateY(2px) scale(0.95);
  filter:saturate(0.9);
}

.plans-carousel-wrap.is-hovering .plan-card-recreated{
  opacity:1;
  filter:none;
}

.plans-carousel-wrap.is-hovering .plan-card-recreated:not(.is-active){
  background:#ffffff;
}

.plan-card-recreated::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:2rem;
  background:linear-gradient(180deg,rgba(255,255,255,0.14),rgba(148,163,184,0.02));
  opacity:0;
  pointer-events:none;
  transition:opacity 320ms var(--tbm-ease);
}

.plan-card-recreated.is-active::before{
  opacity:1;
}

.plans-carousel-wrap.is-hovering .plan-card-recreated::before{
  opacity:0;
}

.plan-card__meta{
  color:#94a3b8;
  font-size:0.68rem;
  font-weight:800;
  letter-spacing:0.28em;
  text-align:center;
  text-transform:uppercase;
}

.plan-card-recreated.is-active .plan-card__meta{
  color:#0891b2;
}

.plan-card__media{
  position:relative;
  height:136px;
  margin-top:1.35rem;
}

.plan-card__shape{
  position:absolute;
  z-index:1;
}

.plan-card__shape--tl{
  top:0.75rem;
  left:-0.75rem;
  width:3.5rem;
  height:3rem;
  border-top-left-radius:0.7rem;
  border-bottom-right-radius:1.4rem;
  background:linear-gradient(135deg,#22d3ee,#38bdf8);
}

.plan-card__shape--circle{
  top:2rem;
  left:0.25rem;
  width:3.4rem;
  height:3.4rem;
  border:5px solid rgba(103,232,249,0.8);
  border-radius:50%;
  opacity:0.45;
}

.plan-card__shape--br{
  right:-0.75rem;
  bottom:0.75rem;
  width:3.5rem;
  height:3rem;
  border-top-left-radius:1.4rem;
  border-bottom-right-radius:0.7rem;
  background:linear-gradient(135deg,#0ea5e9,#22d3ee);
}

.plan-card-recreated.is-active .plan-card__shape--tl{
  animation:floatShapeLeft 1.6s ease-in-out infinite;
}

.plan-card-recreated.is-active .plan-card__shape--circle{
  animation:pulseCircle 1.8s ease-in-out infinite;
}

.plan-card-recreated.is-active .plan-card__shape--br{
  animation:floatShapeRight 1.6s ease-in-out infinite 0.08s;
}

.plan-card__image-frame{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  border-radius:2.5rem 0.85rem 2.5rem 0.85rem;
  background:#e2e8f0;
  box-shadow:0 14px 28px rgba(15,23,42,0.1);
}

.plan-card__image{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform 320ms var(--tbm-ease), filter 320ms var(--tbm-ease);
}

.plan-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(15,23,42,0.04) 0%, rgba(15,23,42,0.02) 100%);
  transition:background 320ms var(--tbm-ease), opacity 320ms var(--tbm-ease);
}

.plan-card-recreated:not(.is-active) .plan-card__image{
  filter:grayscale(0.2) brightness(0.9);
}

.plan-card-recreated:not(.is-active) .plan-card__overlay{
  background:linear-gradient(135deg, rgba(15,23,42,0.26) 0%, rgba(15,23,42,0.12) 100%);
}

.plans-carousel-wrap.is-hovering .plan-card__image{
  filter:none;
}

.plans-carousel-wrap.is-hovering .plan-card__overlay{
  background:linear-gradient(135deg, rgba(15,23,42,0.04) 0%, rgba(15,23,42,0.02) 100%);
}

.plan-card-recreated.is-active .plan-card__image{
  transform:scale(1.06) rotate(-1.5deg) translateX(2px);
}

.plan-card-recreated.is-active .plan-card__overlay{
  background:linear-gradient(135deg, rgba(34,211,238,0.16) 0%, rgba(14,165,233,0.08) 42%, rgba(2,17,31,0.02) 100%);
}

.plan-card-recreated:hover .plan-card__image,
.plan-card-recreated:focus-within .plan-card__image{
  animation:planImageTilt 1.8s ease-in-out infinite;
  filter:none;
}

.plan-card-recreated:hover .plan-card__overlay,
.plan-card-recreated:focus-within .plan-card__overlay{
  background:linear-gradient(135deg, rgba(34,211,238,0.18) 0%, rgba(14,165,233,0.1) 42%, rgba(2,17,31,0.03) 100%);
}

.plan-card__content{
  margin-top:1rem;
  text-align:center;
}

.plan-card__content h3{
  color:#334155;
  font-size:1.9rem;
  font-weight:900;
  line-height:1;
  transition:color 320ms var(--tbm-ease), transform 320ms var(--tbm-ease);
}

.plan-card-recreated.is-active .plan-card__content h3{
  color:#020617;
  transform:scale(1.02);
}

.plans-carousel-wrap.is-hovering .plan-card__content h3{
  color:#020617;
}

.plan-card__tagline{
  margin-top:0.65rem;
  color:#94a3b8;
  font-size:0.9rem;
  font-weight:500;
  line-height:1.6;
  transition:color 320ms var(--tbm-ease);
}

.plan-card-recreated.is-active .plan-card__tagline{
  color:#475569;
}

.plans-carousel-wrap.is-hovering .plan-card__tagline{
  color:#64748b;
}

.plan-card__features{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:0.8rem;
  color:#64748b;
  font-size:0.94rem;
  transition:color 320ms var(--tbm-ease);
}

.plan-card__features li{
  display:flex;
  align-items:center;
  gap:0.75rem;
  list-style:none;
  transition:transform 320ms var(--tbm-ease), opacity 320ms var(--tbm-ease);
}

.plan-card__features i{
  color:#94a3b8;
  font-size:0.95rem;
  transition:color 320ms var(--tbm-ease), transform 320ms var(--tbm-ease);
}

.plan-card-recreated.is-active .plan-card__features{
  color:#334155;
}

.plan-card-recreated.is-active .plan-card__features li{
  transform:translateX(0);
}

.plan-card-recreated:not(.is-active) .plan-card__features li{
  transform:translateX(-4px);
  opacity:0.88;
}

.plan-card-recreated.is-active .plan-card__features i{
  color:#0891b2;
  transform:scale(1.08);
}

.plans-carousel-wrap.is-hovering .plan-card__features{
  color:#475569;
}

.plans-carousel-wrap.is-hovering .plan-card__features li{
  transform:none;
  opacity:1;
}

.plans-carousel-wrap.is-hovering .plan-card__features i{
  color:#0891b2;
  transform:none;
}

.plan-card__badge{
  position:absolute;
  top:1rem;
  right:1rem;
  padding:0.45rem 0.8rem;
  border-radius:999px;
  background:linear-gradient(135deg,#0f172a,#111827);
  color:#fff;
  font-size:0.72rem;
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(15,23,42,0.18);
}

.plan-card-recreated.is-active .plan-card__badge,
.plan-card-recreated.is-popular .plan-card__badge{
  background:linear-gradient(135deg,#22d3ee,#0ea5e9);
  color:#03131f;
}

.plan-card__footer{
  margin-top:auto;
  margin-left:-1.5rem;
  margin-right:-1.5rem;
  margin-bottom:-1.5rem;
  padding-top:1rem;
  overflow:hidden;
  border-bottom-left-radius:2rem;
}

.plan-card__footer .button-primary{
  width:fit-content;
  min-width:172px;
  min-height:64px;
  padding:1.1rem 2rem;
  border-top-right-radius:1.9rem;
  border-top-left-radius:0;
  border-bottom-left-radius:2rem;
  border-bottom-right-radius:0;
  box-shadow:0 12px 28px rgba(15,23,42,0.14);
  transition:
    transform 280ms var(--tbm-ease),
    box-shadow 280ms var(--tbm-ease),
    opacity 280ms var(--tbm-ease),
    filter 280ms var(--tbm-ease);
  overflow:hidden;
}

.plan-card-recreated:not(.is-active) .plan-card__footer .button-primary{
  background:linear-gradient(135deg,#cbd5e1,#94a3b8);
  color:#0f172a;
  box-shadow:none;
  opacity:0.9;
  filter:saturate(0.75);
}

.plan-card__footer .button-primary:hover,
.plan-card__footer .button-primary:focus-visible{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 18px 38px rgba(14,165,233,0.24);
}

.plan-card-recreated:hover .plan-card__footer .button-primary,
.plan-card-recreated:focus-within .plan-card__footer .button-primary,
.plan-card-recreated.is-active .plan-card__footer .button-primary{
  background:linear-gradient(135deg,var(--tbm-accent),var(--tbm-accent-strong));
  color:#03131f;
  opacity:1;
  filter:none;
  box-shadow:0 12px 28px rgba(15,23,42,0.14);
}

.plan-card-recreated:hover .plan-card__footer .button-primary,
.plan-card-recreated:focus-within .plan-card__footer .button-primary{
  animation:planButtonPulse 1.6s ease-in-out infinite;
}

.plan-card__footer .button-primary::before{
  content:"";
  position:absolute;
  top:0;
  left:-130%;
  width:70%;
  height:100%;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.18) 35%, rgba(255,255,255,0.58) 50%, rgba(255,255,255,0.18) 65%, transparent 100%);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
}

.plan-card-recreated:hover .plan-card__footer .button-primary::before,
.plan-card-recreated:focus-within .plan-card__footer .button-primary::before{
  opacity:1;
  animation:planButtonShine 1.7s ease-in-out infinite;
}

.plan-card__ring{
  position:absolute;
  inset:0;
  border-radius:2rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);
  pointer-events:none;
  transition:box-shadow 320ms var(--tbm-ease), opacity 320ms var(--tbm-ease);
}

.plan-card-recreated:not(.is-active) .plan-card__ring{
  opacity:0.5;
}

.plan-card-recreated.is-active .plan-card__ring{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.75),
    inset 0 0 0 2px rgba(34,211,238,0.18);
}

.plans-carousel-wrap.is-hovering .plan-card__ring{
  opacity:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.45);
}

.plans-dots{
  margin-top:0.25rem;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0.5rem;
  padding-inline:var(--plan-track-gutter);
}

.plans-dot{
  width:0.75rem;
  height:0.75rem;
  border:none;
  border-radius:999px;
  background:#cbd5e1;
}

.plans-dot.is-active{
  width:2.5rem;
  background:#06b6d4;
}

.site-footer{
  overflow-x:clip;
  margin-top:5rem;
  padding:3.5rem 0;
  background:#020617;
  color:#fff;
}

.site-footer__grid{
  display:grid;
  gap:2rem;
}

.site-footer__brand{
  min-width:0;
}

.site-footer__brand img{
  height:4rem;
  width:auto;
  max-width:220px;
  object-fit:contain;
}

.site-footer__contact-name{
  margin-top:1rem;
  font-size:1.125rem;
  font-weight:800;
}

.site-footer__contact-role{
  margin-top:0.35rem;
  color:rgba(103,232,249,0.85);
  font-size:0.82rem;
  font-weight:700;
  letter-spacing:0.2em;
  text-transform:uppercase;
}

.site-footer__brand p{
  max-width:34rem;
  margin-top:1.25rem;
  color:#cbd5e1;
  font-size:1rem;
  line-height:1.9;
}

.site-footer h3{
  font-size:1.25rem;
  font-weight:800;
}

.site-footer__links{
  list-style:none;
  margin-top:1.25rem;
  display:flex;
  flex-direction:column;
  gap:0.9rem;
}

.site-footer__links a{
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  color:#cbd5e1;
  font-size:1rem;
  text-decoration:none;
}

.site-footer__links a i{
  width:1rem;
  text-align:center;
  color:#67e8f9;
}

.site-footer__links a:hover{
  color:#67e8f9;
}

.site-footer__contact-list{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}

.site-footer__contact-card{
  display:flex;
  align-items:flex-start;
  gap:0.75rem;
  padding:0.95rem 1rem;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:1rem;
  background:rgba(255,255,255,0.04);
  color:#cbd5e1;
  text-decoration:none;
}

.site-footer__contact-card:hover{
  border-color:rgba(34,211,238,0.2);
  background:rgba(255,255,255,0.06);
}

.site-footer__contact-card address{
  font-style:normal;
  line-height:1.6;
}

.site-footer__contact-card--whatsapp{
  border-color:rgba(34,211,238,0.18);
  background:rgba(34,211,238,0.08);
  color:#67e8f9;
  font-weight:700;
}

.site-footer__contact-card--whatsapp:hover{
  background:rgba(34,211,238,0.12);
  color:#a5f3fc;
}

.site-footer__icon{
  width:2.5rem;
  height:2.5rem;
  flex:0 0 2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(34,211,238,0.12);
  color:#67e8f9;
}

.site-footer__socials{
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
}

.site-footer__socials a{
  width:2.8rem;
  height:2.8rem;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  color:#cbd5e1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.site-footer__socials a:hover{
  border-color:rgba(34,211,238,0.2);
  background:rgba(34,211,238,0.12);
  color:#67e8f9;
  transform:translateY(-3px);
}

.site-footer__bottom{
  margin-top:2.5rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,0.1);
  text-align:center;
  color:#94a3b8;
  font-size:0.95rem;
}

.theme-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(34,211,238,0.2);
  transition:transform 300ms var(--tbm-ease), box-shadow 300ms var(--tbm-ease);
}

.theme-icon-badge--dark{
  border-color:rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.08);
  color:#fff;
  box-shadow:0 12px 30px rgba(8,145,178,0.16);
}

.theme-icon-badge--compact{
  width:2.5rem;
  height:2.5rem;
  border-radius:0.75rem;
  font-size:1.125rem;
}

.contact-recreated{
  padding:4.5rem 0 5rem;
  background:#f8fafc;
}

.contact-recreated__intro{
  max-width:64rem;
  margin:0 auto;
  text-align:center;
}

.contact-recreated__intro h2{
  max-width:22ch;
  margin:1.25rem auto 0;
  color:#020617;
  font-size:clamp(2.2rem,4vw,3.35rem);
  font-weight:900;
  line-height:1.08;
}

.contact-recreated__intro p{
  max-width:48rem;
  margin:1rem auto 0;
  color:#475569;
  font-size:clamp(1rem,1.9vw,1.25rem);
  line-height:1.9;
}

.contact-recreated__grid{
  display:grid;
  gap:2rem;
  margin-top:3rem;
}

.contact-panel{
  position:relative;
}

.contact-panel--visual{
  overflow:hidden;
  padding:0.25rem;
  border-radius:2rem;
  color:#fff;
  box-shadow:0 30px 90px rgba(15,23,42,0.28);
  min-height:100%;
}

.contact-panel__bg,
.contact-panel__overlay,
.contact-panel__glow{
  position:absolute;
  inset:0;
}

.contact-panel__bg{
  width:100%;
  height:100%;
  object-fit:cover;
}

.contact-panel__overlay{
  background:linear-gradient(145deg, rgba(4,21,36,0.28) 0%, rgba(8,42,67,0.16) 52%, rgba(15,23,42,0.18) 100%);
}

.contact-panel__glow{
  background:radial-gradient(circle at top left, rgba(34,211,238,0.14), transparent 28%);
}

.contact-panel__content{
  position:relative;
  height:100%;
  padding:1.5rem;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:1.8rem;
  background:rgba(255,255,255,0.03);
}

.contact-panel__content h3{
  font-size:clamp(2rem,3vw,2.5rem);
  font-weight:900;
}

.contact-panel__content > p{
  margin-top:1rem;
  color:#cbd5e1;
  font-size:1rem;
  line-height:1.75;
}

.contact-info-list{
  margin-top:4.25rem;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  font-size:1rem;
  color:#e2e8f0;
}

.contact-info-card{
  display:flex;
  align-items:center;
  gap:0.75rem;
  padding:0.9rem 1rem;
  border:1px solid rgba(255,255,255,0.14);
  border-radius:1rem;
  background:rgba(255,255,255,0.12);
  backdrop-filter:blur(12px);
  transition:transform 300ms var(--tbm-ease), box-shadow 300ms var(--tbm-ease);
}

.contact-info-card:hover{
  transform:translateY(-8px) scale(1.01);
}

.contact-info-card:hover .theme-icon-badge{
  transform:scale(1.08);
}

.contact-info-card--address{
  align-items:flex-start;
}

.contact-break-all{
  word-break:break-all;
}

.contact-address-line{
  display:block;
  line-height:1.7;
}

.contact-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:0.65rem;
  margin-top:1rem;
  padding:0.9rem 1.5rem;
  border-radius:999px;
  background:#22c55e;
  color:#020617;
  font-weight:800;
  text-decoration:none;
}

.contact-whatsapp:hover{
  background:#4ade80;
  transform:translateY(-2px) scale(1.01);
}

.contact-panel--form{
  padding:1.5rem;
  border:1px solid #e2e8f0;
  border-radius:2rem;
  background:#fff;
  box-shadow:0 22px 70px rgba(15,23,42,0.08);
}

.contact-web3-form{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.contact-form-grid{
  display:grid;
  gap:1.25rem;
}

.contact-field label{
  display:block;
  margin-bottom:0.5rem;
  color:#1e293b;
  font-size:0.875rem;
  font-weight:800;
}

.contact-field{
  position:relative;
}

.contact-field select.field-input{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #0f172a 50%), linear-gradient(135deg, #0f172a 50%, transparent 50%);
  background-position:calc(100% - 22px) calc(50% - 3px), calc(100% - 16px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:3rem;
}

.contact-field__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:0.35rem;
  color:#64748b;
  font-size:0.75rem;
}

.contact-error{
  min-height:1rem;
  margin-top:0.35rem;
  color:#ef4444;
  font-size:0.875rem;
}

.contact-submit{
  width:100%;
  padding:1rem 1.5rem;
  min-height:3.9rem;
}

.contact-submit-status{
  min-height:1.25rem;
  color:#0f766e;
  font-size:0.92rem;
  font-weight:600;
}

.contact-submit-status.is-error{
  color:#b91c1c;
}

.contact-honeypot{
  position:absolute;
  left:-9999px;
  opacity:0;
  pointer-events:none;
}

.contact-animate{
  opacity:0;
  transition:opacity 700ms var(--tbm-ease), transform 700ms var(--tbm-ease);
}

.contact-animate--up{
  transform:translateY(32px);
}

.contact-animate--left{
  transform:translateX(-34px);
}

.contact-animate--right{
  transform:translateX(34px);
}

.contact-animate.is-visible{
  opacity:1;
  transform:translate(0,0);
}

.floating-action-stack{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:1100;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:0.85rem;
}

.floating-action-btn{
  width:3.5rem;
  height:3.5rem;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 18px 42px rgba(15,23,42,0.22);
  transform:scale(1);
  opacity:1;
  transition:
    transform 240ms var(--tbm-ease),
    box-shadow 240ms var(--tbm-ease),
    opacity 240ms var(--tbm-ease),
    background 240ms var(--tbm-ease),
    filter 240ms var(--tbm-ease);
}

.floating-action-btn:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 24px 52px rgba(15,23,42,0.28);
}

.floating-scroll-btn{
  background:linear-gradient(135deg,var(--tbm-accent),var(--tbm-accent-strong));
  color:#03131f;
  font-size:1.15rem;
  animation:floatingScrollPulse 1.8s ease-in-out infinite;
}

.floating-scroll-btn--up{
  order:1;
}

.floating-scroll-btn--down{
  order:2;
}

.floating-whatsapp-btn{
  background:#22c55e;
  color:#03131f;
  font-size:1.45rem;
  order:3;
  animation:floatingWhatsappPulse 2.2s ease-in-out infinite;
}

.floating-whatsapp-btn:hover{
  background:#4ade80;
}

.floating-scroll-btn.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(10px) scale(0.72);
  filter:saturate(0.55);
}

@keyframes headerReveal{
  from{
    transform:translateY(-18px);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes floatShapeLeft{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(-2px,-2px) scale(1.03);}
}

@keyframes floatShapeRight{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(2px,2px) scale(1.03);}
}

@keyframes pulseCircle{
  0%,100%{transform:scale(0.96);opacity:0.45;}
  50%{transform:scale(1.03);opacity:0.72;}
}

@keyframes iconTiltWobble{
  0%,100%{transform:rotate(0deg);}
  20%{transform:rotate(-12deg);}
  40%{transform:rotate(10deg);}
  60%{transform:rotate(-8deg);}
  80%{transform:rotate(6deg);}
}

@keyframes floatingScrollPulse{
  0%,100%{
    transform:scale(1);
    filter:saturate(1);
  }
  50%{
    transform:scale(1.08);
    filter:saturate(1.15);
  }
}

@keyframes floatingWhatsappPulse{
  0%,100%{
    transform:scale(1);
    filter:saturate(1);
  }
  50%{
    transform:scale(1.06);
    filter:saturate(1.08);
  }
}

@keyframes planImageTilt{
  0%{transform:scale(1.05) rotate(-2deg) translateX(-2px);}
  25%{transform:scale(1.065) rotate(0deg) translateX(1px);}
  50%{transform:scale(1.08) rotate(2deg) translateX(3px);}
  75%{transform:scale(1.065) rotate(0deg) translateX(1px);}
  100%{transform:scale(1.05) rotate(-2deg) translateX(-2px);}
}

@keyframes planButtonPulse{
  0%,100%{transform:translateY(0) scale(1); box-shadow:0 12px 28px rgba(14,165,233,0.2);}
  50%{transform:translateY(-3px) scale(1.03); box-shadow:0 20px 42px rgba(14,165,233,0.3);}
}

@keyframes planButtonShine{
  0%{left:-130%;}
  55%,100%{left:150%;}
}

@media (min-width:576px){
  .site-brand__logo{
    height:3.5rem;
  }

  .site-brand__eyebrow{
    font-size:0.75rem;
  }

  .site-brand__text{
    font-size:0.95rem;
  }

  .mobile-nav-actions{
    flex-direction:row;
  }
}

@media (min-width:768px){
  .plans-recreated{
    --plan-visible-cards:2;
    --plan-track-gutter:clamp(3.5rem, 6vw, 5.5rem);
    --plan-gap:1.25rem;
  }

  .container-shell{
    width:min(100% - 3rem, 1240px);
  }

  .plans-recreated{
    padding:4rem 0;
  }

  .plans-nav-btn{
    display:inline-flex;
  }

  .site-footer__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-panel__content,
  .contact-panel--form{
    padding:2rem;
  }

  .contact-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-field--full{
    grid-column:1 / -1;
  }
}

@media (min-width:1024px){
  .plans-recreated{
    --plan-visible-cards:3;
    --plan-track-gutter:clamp(4rem, 6vw, 6rem);
  }

  .site-navbar__actions{
    display:flex;
  }

  .site-footer__grid{
    grid-template-columns:1.15fr 0.72fr 0.8fr 1.18fr;
    gap:2.5rem;
  }

  .contact-recreated__grid{
    grid-template-columns:0.9fr 1.1fr;
  }
}

@media (min-width:1280px){
  .site-nav{
    display:flex;
  }

  .mobile-menu-toggle{
    display:none;
  }
}

@media (max-width:1023px){
  .site-brand__text-wrap{
    display:none;
  }
}

@media (max-width:767px){
  .plans-recreated{
    padding-bottom:3.5rem;
  }

  .site-footer{
    margin-top:4rem;
  }

  .contact-recreated{
    padding-bottom:4rem;
  }

  .contact-recreated__grid{
    gap:1.5rem;
  }

  .contact-panel__content,
  .contact-panel--form{
    padding:1.5rem;
  }

  .contact-field__meta{
    flex-wrap:wrap;
  }

  .floating-action-stack{
    right:0.75rem;
    bottom:0.75rem;
  }

  .floating-action-btn{
    width:3.2rem;
    height:3.2rem;
  }
}

.section-support-copy{
  max-width:900px;
  margin:0 auto 3rem;
  text-align:center;
  color:#64748b;
  line-height:1.9;
}

.services-features-expanded{
  margin-top:0;
  grid-template-columns:repeat(3,1fr);
}

.feature-card{
  display:flex;
  flex-direction:column;
}

.feature-card p{
  color:#64748b;
  line-height:1.8;
}

.feature-list{
  list-style:none;
  margin-top:1.25rem;
  text-align:left;
}

.feature-list li{
  position:relative;
  padding-left:1.2rem;
  margin-bottom:0.85rem;
  color:#0f172a;
  line-height:1.7;
}

.feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.72rem;
  width:0.45rem;
  height:0.45rem;
  border-radius:50%;
  background:#00c2ff;
}

.service-extra-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  margin-top:3rem;
}

.service-extra-card{
  background:white;
  padding:2rem;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.service-extra-card:hover{
  transform:translateY(-10px);
}

.service-extra-card h3,
.about-story-copy h3,
.about-stat-simple h3{
  color:#062b4f;
  margin-bottom:1rem;
}

.service-extra-card p,
.about-story-copy p,
.about-stat-simple p{
  color:#64748b;
  line-height:1.8;
}

.about-story-block{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:2rem;
  align-items:center;
  margin-bottom:3rem;
}

.about-story-copy{
  background:white;
  padding:2rem;
  border-radius:25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.about-story-copy p + p{
  margin-top:1rem;
}

.about-story-image{
  overflow:hidden;
  border-radius:25px;
  box-shadow:0 20px 50px rgba(0,0,0,0.1);
}

.about-story-image img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}

.about-grid-expanded .about-card{
  display:flex;
  flex-direction:column;
}

.about-card p{
  color:#64748b;
  line-height:1.8;
}

.about-stats-simple{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
  margin-top:3rem;
}

.about-stat-simple{
  background:#062b4f;
  color:white;
  padding:2rem 1.5rem;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s;
}

.about-stat-simple:hover{
  transform:translateY(-10px);
}

.about-stat-simple h3{
  color:#00c2ff;
  font-size:1.7rem;
  margin-bottom:0.5rem;
}

.about-stat-simple p{
  color:#dbeafe;
}

.cookie-popup{
  position:fixed;
  left:20px;
  bottom:20px;
  top:auto;
  z-index:1090;
  width:min(calc(100% - 2rem), 380px);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:0.9rem;
  padding:1rem;
  border:1px solid rgba(148,163,184,0.2);
  border-radius:1.25rem;
  background:rgba(255,255,255,0.96);
  box-shadow:0 22px 70px rgba(15,23,42,0.18);
  backdrop-filter:blur(16px);
  opacity:0;
  transform:translateY(18px) scale(0.96);
  transition:opacity 260ms var(--tbm-ease), transform 260ms var(--tbm-ease);
}

.cookie-popup.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.cookie-popup.is-hidden{
  opacity:0;
  transform:translateY(18px) scale(0.96);
  pointer-events:none;
}

.cookie-popup__icon{
  width:2.8rem;
  height:2.8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(135deg,var(--tbm-accent),var(--tbm-accent-strong));
  color:#03131f;
  font-size:1.2rem;
  box-shadow:0 12px 30px rgba(14,165,233,0.2);
}

.cookie-popup__content h3{
  color:#0f172a;
  font-size:1rem;
  font-weight:800;
}

.cookie-popup__content p{
  margin-top:0.35rem;
  color:#64748b;
  font-size:0.88rem;
  line-height:1.65;
}

.cookie-popup__actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:0.75rem;
}

.cookie-popup__btn{
  min-height:2.55rem;
  padding:0.7rem 1rem;
  border-radius:999px;
  font-size:0.88rem;
  font-weight:700;
}

.cookie-popup__btn--ghost{
  border:1px solid rgba(148,163,184,0.3);
  background:#fff;
  color:#334155;
}

.cookie-popup__btn--ghost:hover{
  border-color:rgba(34,211,238,0.36);
  color:#0f172a;
}

.cookie-popup__btn--primary{
  border:none;
  background:linear-gradient(135deg,var(--tbm-accent),var(--tbm-accent-strong));
  color:#03131f;
  box-shadow:0 12px 28px rgba(14,165,233,0.2);
}

.cookie-popup__btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(14,165,233,0.24);
}

@media(max-width:992px){
  .services-features-expanded,
  .service-extra-grid,
  .about-stats-simple{
    grid-template-columns:repeat(2,1fr);
  }

  .about-story-block{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .services-features-expanded,
  .service-extra-grid,
  .about-stats-simple{
    grid-template-columns:1fr;
  }

  .about-story-copy,
  .service-extra-card{
    padding:1.5rem;
  }

  .about-story-image img{
    min-height:240px;
  }

.cookie-popup{
  left:50%;
  top:50%;
  bottom:auto;

  width:min(calc(100% - 1.5rem), 360px);

  transform:translate(-50%, calc(-50% + 18px)) scale(0.96);
}

.cookie-popup.is-visible{
  transform:translate(-50%, -50%) scale(1);
}

.cookie-popup.is-hidden{
  transform:translate(-50%, calc(-50% + 18px)) scale(0.96);
}
}
@media(max-width:768px){

  .privacy-highlight-card{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:0.7rem;

    text-align:center;

    padding:1rem;
  }

  .privacy-highlight-card i{
    font-size:1.3rem;
    margin-bottom:0;
    flex-shrink:0;
  }

  .privacy-highlight-card span{
    font-size:0.82rem;
    line-height:1.4;
  }

}
@media(max-width:768px){

  .terms-badge{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:0.7rem;

    text-align:center;

    padding:1rem;
  }

  .terms-badge i{
    font-size:1.3rem;
    margin-bottom:0;
    flex-shrink:0;
  }

  .terms-badge span{
    font-size:0.82rem;
    line-height:1.4;
  }

}