body.landing-clean{
  font-family: Inter, Arial, sans-serif;
  color:#1e293b;
  background:#f7fafc;
}
.landing-clean .clean-nav{
  background:#ffffff;
  border-bottom:1px solid #e5edf5;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.landing-clean .navbar-brand img,
.footer-logo{height:44px;width:auto;display:block}
.landing-clean .nav-link{color:#475569;font-weight:500}
.landing-clean .nav-link:hover{color:#217cab}
.hero-clean{
  padding:48px 0 24px;
  background:linear-gradient(180deg,#f6f9fc 0%,#ffffff 100%);
}
.eyebrow,
.section-tag{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:#eef7fd;
  color:#217cab;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em;
}
.hero-clean h1{
  font-size:clamp(2.4rem,4.5vw,4rem);
  line-height:1.1;
  font-weight:800;
  color:#18212f;
  margin:16px 0;
}
.hero-copy,.section-copy{font-size:1.05rem;line-height:1.8;color:#64748b}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 22px}
.hero-points{padding:0;margin:0;list-style:none;display:grid;gap:10px;color:#475569}
.hero-points li strong{color:#0f172a;margin-right:6px}
.hero-visual-clean{
  position:relative;
  background:#ffffff;
  border:1px solid #e7eef5;
  border-radius:28px;
  padding:28px;
  box-shadow:0 24px 64px rgba(15,23,42,.10);
}
.hero-visual-clean img{display:block;width:100%;height:auto;border-radius:20px}
.floating-stat{
  position:absolute;
  background:#fff;
  border-radius:18px;
  padding:14px 18px;
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  min-width:150px;
}
.floating-stat span{display:block;font-size:.84rem;color:#64748b;margin-bottom:4px}
.floating-stat strong{font-size:1.3rem;color:#0f172a}
.stat-a{top:22px;right:-14px}
.stat-b{bottom:22px;left:-14px}
.section-clean{padding:84px 0}
.bg-soft{background:#f3f7fb}
.section-head{max-width:760px;margin:0 auto 10px}
.section-head h2{font-size:clamp(2rem,3.6vw,3rem);font-weight:800;color:#1c2433;margin-top:14px}
.info-card{
  background:#fff;
  border:1px solid #e5edf5;
  border-radius:24px;
  padding:28px;
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.info-card img{width:100%;height:185px;object-fit:cover;border-radius:18px;margin-bottom:18px;background:#f8fbff}
.info-card h3{font-size:1.45rem;font-weight:800;color:#1e293b;margin-bottom:12px}
.info-card p{color:#64748b;line-height:1.75;margin:0}
.featured-card{transform:translateY(-8px)}
.feature-mosaic{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:22px;
}
.mosaic-card{
  border-radius:26px;
  padding:28px;
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
}
.mosaic-card img{width:100%;max-width:250px;align-self:flex-end;border-radius:18px}
.mosaic-card h3{font-size:1.65rem;font-weight:800;margin-bottom:10px}
.mosaic-card p,.mosaic-card li{line-height:1.7}
.card-light{grid-column:span 4;background:#faf3e7}
.card-blue{grid-column:span 4;background:#1f7ed6;color:#fff}
.card-soft{grid-column:span 4;background:#edf5fb}
.card-dark{grid-column:span 6;background:#183f8d;color:#fff}
.card-gold{grid-column:span 6;background:#f3b457}
.card-blue p,.card-dark p,.card-blue li,.card-dark li{color:rgba(255,255,255,.86)}
.card-light p,.card-soft p,.card-gold li{color:#5b6472}
.card-gold ul{padding-left:18px;margin:0}
.benefit-row{margin-bottom:12px}
.benefit-copy h3{font-size:2rem;font-weight:800;color:#1c2433;margin-bottom:14px}
.benefit-copy p{font-size:1.05rem;color:#64748b;line-height:1.8;margin:0}
.benefit-image{background:#fff;border:1px solid #e6eef5;border-radius:28px;padding:20px;box-shadow:0 18px 48px rgba(15,23,42,.06)}
.benefit-image img{width:100%;display:block;border-radius:18px}
.pricing-card-clean{
  position:relative;
  background:#fff;
  border:1px solid #e5edf5;
  border-radius:28px;
  padding:30px 26px;
  box-shadow:0 16px 40px rgba(15,23,42,.07);
}
.pricing-card-clean.popular{transform:translateY(-8px);border-color:#2a90c8;box-shadow:0 24px 56px rgba(50,152,200,.18)}
.popular-badge{position:absolute;top:16px;right:16px;background:#eef7fd;color:#217cab;padding:7px 12px;border-radius:999px;font-size:.8rem;font-weight:700}
.plan-icon{width:58px;height:58px;margin-bottom:18px}
.pricing-card-clean h3{font-size:1.8rem;font-weight:800;color:#1f2937}
.price-line-clean{font-size:2.4rem;font-weight:800;color:#0f172a;margin:10px 0 6px}
.price-line-clean span{font-size:1rem;color:#64748b;font-weight:500;margin-left:4px}
.pricing-card-clean .small-copy{color:#64748b;margin-bottom:12px}
.pricing-card-clean ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:10px}
.pricing-card-clean li{padding-left:22px;position:relative;color:#475569}
.pricing-card-clean li:before{content:"•";position:absolute;left:4px;top:-2px;color:#2a90c8;font-size:1.2rem}
.faq-list{display:grid;gap:16px;max-width:900px;margin-inline:auto}
.faq-card{background:#fff;border:1px solid #e5edf5;border-radius:22px;padding:24px 26px;box-shadow:0 12px 32px rgba(15,23,42,.05)}
.faq-card h3{font-size:1.35rem;font-weight:800;color:#1f2937;margin-bottom:10px}
.faq-card p{margin:0;color:#64748b;line-height:1.75}
.trial-banner{padding:70px 0;background:#ffffff}
.trial-box{background:linear-gradient(135deg,#e7f6ff,#f2fbff);border:1px solid #d7ebf8;border-radius:30px;padding:46px 24px}
.trial-box h2{font-size:clamp(2rem,3vw,3rem);font-weight:800;color:#18212f;margin:14px 0 20px}
.footer-clean{padding:54px 0;background:#fff;border-top:1px solid #e5edf5}
.footer-clean h4{font-size:1rem;font-weight:800;color:#1f2937;margin-bottom:12px}
.footer-clean p,.footer-clean a{color:#64748b;text-decoration:none;line-height:1.8}
.footer-clean a:hover{color:#217cab}

@media (max-width: 991.98px){
  .featured-card,.pricing-card-clean.popular{transform:none}
  .feature-mosaic{grid-template-columns:1fr}
  .card-light,.card-blue,.card-soft,.card-dark,.card-gold{grid-column:span 1}
  .floating-stat{position:static;margin-top:14px}
}
@media (max-width: 767.98px){
  .hero-clean{padding-top:30px}
  .section-clean{padding:64px 0}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-actions .btn{width:100%}
  .landing-clean .navbar-brand img,.footer-logo{height:40px}
  .info-card{padding:24px}
  .benefit-copy h3{font-size:1.65rem}
}