:root{
  --primary-color:#2CBFAE;
  --primary-dark:#249c8e;
  --accent-color:#FF8C69;
  --accent-hover:#e87a5a;
  --bg-light:#FAFAF8;
  --bg-white:#ffffff;
  --text-dark:#42474C;
  --text-soft:#7A848D;
  --radius-L:24px;
  --radius-M:16px;
  --soft-shadow:0 12px 35px -10px rgba(44,191,174,.15);
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
  font-family:'Nunito',sans-serif;
  color:var(--text-dark);
  line-height:1.7;
  background-color:var(--bg-light);
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:'Poppins',sans-serif;
  font-weight:700;
  color:var(--text-dark);
}

a{
  text-decoration:none;
  color:inherit;
  transition:color .3s ease;
}

ul{list-style:none;}

.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 25px;
}

section{padding:80px 0;}

header{
  background-color:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  padding:20px 0;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 4px 20px rgba(0,0,0,.03);
}

.nav-flex{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  display:flex;
  align-items:center;
  min-width:0;
}

.logo-link{
  display:flex;
  align-items:center;
  gap:.6rem;
  line-height:0;
}

.logo-img{
  height:clamp(28px,2.6vw,44px);
  width:auto;
  max-width:min(240px,60vw);
  object-fit:contain;
  display:block;
}

@media (max-width:480px){
  .logo-img{max-width:62vw;}
}

.nav-links a{
  font-weight:600;
  font-size:1rem;
  margin-left:25px;
  color:var(--text-dark);
}

.nav-links a:hover{color:var(--primary-color);}

.hero{
  position:relative;
  background-image:url('img/bg3.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:55% 30%;
  text-align:center;
  padding:120px 20px 140px;
  border-bottom-left-radius:50px;
  border-bottom-right-radius:50px;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(75% 85% at 50% 35%, rgba(250,250,248,.78) 0%, rgba(250,250,248,.55) 45%, rgba(230,245,243,.28) 100%),
    linear-gradient(90deg, rgba(250,250,248,.55) 0%, rgba(250,250,248,0) 22%, rgba(250,250,248,0) 78%, rgba(250,250,248,.55) 100%);
  pointer-events:none;
}

.hero .container{
  position:relative;
  z-index:1;
  max-width:820px;
  padding:28px 26px;
  border-radius:28px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(44,191,174,.12);
  box-shadow:0 22px 70px -35px rgba(44,191,174,.45);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

@media (max-width:768px){
  .hero .container{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(255,255,255,.88);
  }
}

h1{
  font-size:3rem;
  line-height:1.2;
  margin-bottom:20px;
  color:var(--text-dark);
}

.highlight-text{
  background:linear-gradient(to right,var(--primary-color),var(--accent-color));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.subheadline{
  font-size:1.35rem;
  color:var(--text-soft);
  margin-bottom:40px;
  font-weight:400;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}

.btn-cta{
  background-color:var(--accent-color);
  color:#fff;
  padding:18px 45px;
  border-radius:50px;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:1.2rem;
  transition:all .3s ease;
  display:inline-block;
  box-shadow:0 8px 20px -5px rgba(255,140,105,.5);
}

.btn-cta:hover{
  background-color:var(--accent-hover);
  transform:translateY(-3px);
  box-shadow:0 12px 25px -5px rgba(255,140,105,.6);
}

.hero-trust{
  margin-top:25px;
  font-size:.95rem;
  color:var(--text-soft);
  font-weight:600;
}

.grid-3{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:40px;
}

.section-title{
  text-align:center;
  font-size:2.2rem;
  margin-bottom:60px;
}

.card{
  background:var(--bg-white);
  padding:40px 30px;
  border-radius:var(--radius-L);
  box-shadow:var(--soft-shadow);
  text-align:center;
  transition:transform .3s ease;
  border:1px solid rgba(44,191,174,.1);
}

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

.card-icon{
  font-size:3rem;
  margin-bottom:20px;
  display:inline-block;
}

h3{
  margin-bottom:15px;
  font-size:1.3rem;
}

p{color:var(--text-soft);}

.security-section{
  background-color:#E6F5F3;
  border-radius:50px;
  margin:40px 20px;
}

.intro-text-bubble{
  max-width:800px;
  margin:0 auto 50px;
  text-align:center;
  font-size:1.1rem;
}

.security-list li{
  margin-bottom:15px;
  position:relative;
  padding-left:35px;
  font-weight:600;
  color:var(--text-dark);
}

.security-list li::before{
  content:"✨";
  position:absolute;
  left:0;
  top:2px;
}

footer{
  background-color:var(--text-dark);
  color:rgba(255,255,255,.8);
  padding:60px 0 30px;
  font-size:.95rem;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
}

.footer-title{
  color:#fff;
  margin-bottom:20px;
  font-size:1.1rem;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:30px;
  margin-bottom:40px;
}

.footer-links li{margin-bottom:12px;}

.footer-links a:hover{color:var(--accent-color);}

.tech-note{
  text-align:center;
  font-size:.85rem;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
}

@media (max-width:768px){
  h1{font-size:2.2rem;}
  .hero{
    padding:80px 20px 100px;
    border-radius:0 0 30px 30px;
  }
  .btn-cta{
    width:100%;
    text-align:center;
    padding:15px 30px;
  }
  section{padding:60px 0;}
  .security-section{
    margin:20px 0;
    border-radius:30px;
  }
  .nav-links{display:none;}
}

@font-face{
  font-family:'Poppins';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/fonts/poppins-v24-latin-600.woff2') format('woff2');
}

@font-face{
  font-family:'Poppins';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('/fonts/poppins-v24-latin-700.woff2') format('woff2');
}

@font-face{
  font-family:'Nunito';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/fonts/nunito-v32-latin-regular.woff2') format('woff2');
}

@font-face{
  font-family:'Nunito';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/fonts/nunito-v32-latin-600.woff2') format('woff2');
}

.nav-mobile{display:none;}

@media (max-width:768px){
  .nav-links{display:none;}
  .nav-flex{gap:12px;}
  .nav-mobile{
    display:flex;
    gap:8px;
    margin-left:auto;
    flex-wrap:nowrap;
    white-space:nowrap;
  }
  .nav-pill{
    background:rgba(44,191,174,.12);
    border:1px solid rgba(44,191,174,.25);
    padding:8px 10px;
    border-radius:999px;
    font-weight:700;
    font-size:.9rem;
    line-height:1;
  }
}

@media (max-width:360px){
  .nav-pill{
    padding:7px 8px;
    font-size:.85rem;
  }
}