*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937;background:#fff7f7}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul{list-style:none;margin:0;padding:0}
:root{--primary:#ff6b6b;--primary-600:#f35d5d;--accent:#ff8a80;--bg:#fff7f7;--surface:#ffffff;--muted:#6b7280;--line:#f2d5d5;--card-shadow:0 10px 30px rgba(255,107,107,.25);--radius-lg:20px;--radius-md:14px;--radius-sm:10px}
.container{width:min(1160px,92%);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:.9rem 1.2rem;font-weight:600;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}
.btn i{font-size:.95rem}
.btn-primary{background:linear-gradient(90deg,var(--primary),#ff7d7d);color:#fff;box-shadow:0 10px 20px rgba(255,107,107,.35)}
.btn-primary:hover{background:linear-gradient(90deg,#ff5858,#ff7a7a)}
.btn-ghost{background:transparent;border-color:#ffd2d2;color:#b14a4a}
.btn-ghost:hover{border-color:#ffb9b9;background:#fff}
.btn-light{background:#fff;color:#b14a4a;border:1px solid #ffd2d2}
.btn-light:hover{background:#fff3f3}
.btn-pill{padding:.95rem 1.4rem}
.btn-sm{padding:.55rem .9rem;font-size:.95rem}
.link-muted{color:#6b7280;font-weight:600}
.link-muted:hover{color:#374151}
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:.55rem;font-weight:800;color:#1f2937}
.logo i{color:var(--primary)}
.nav ul{display:flex;gap:28px}
.nav a{color:#3b3b3b;font-weight:600}
.nav a:hover{color:#111}
.header-cta{display:flex;align-items:center;gap:14px}
.hamburger{display:none;background:none;border:0;padding:6px;cursor:pointer}
.hamburger span{display:block;width:22px;height:2px;background:#1f2937;margin:5px 0;border-radius:3px}
.hero{position:relative;background:linear-gradient(180deg,#fff7f7 0%,#fff 60%,#fff 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 0}
.hero-copy h1{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.1;margin:0 0 12px}
.accent{color:var(--primary)}
.hero-copy p{color:var(--muted);max-width:50ch;margin:0 0 22px}
.cta-row{display:flex;gap:14px;margin:22px 0 18px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.hero-stats .stat{display:flex;flex-direction:column}
.hero-stats strong{font-size:1.35rem}
.hero-media .media-card{background:var(--surface);border-radius:18px;box-shadow:var(--card-shadow);padding:14px;transform:translateY(8px)}
.watermark{position:absolute;left:50%;top:16%;transform:translateX(-35%);font-size:16vw;line-height:1;font-weight:800;color:#fbe0e0;letter-spacing:-2px;pointer-events:none}
.features{padding:54px 0 28px}
.section-title{font-size:clamp(1.8rem,3vw,2.2rem);text-align:center;margin:0 0 8px}
.section-sub{color:var(--muted);text-align:center;max-width:70ch;margin:0 auto 30px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;box-shadow:0 10px 18px rgba(0,0,0,.03)}
.card .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#b14a4a;background:#ffe6e6;margin-bottom:14px}
.card h3{margin:0 0 8px;font-size:1.15rem}
.card p{margin:0 0 14px;color:var(--muted)}
.card .meta{display:inline-block;background:#fff3f3;border:1px dashed #ffc6c6;color:#b14a4a;border-radius:999px;padding:.25rem .55rem;font-weight:600;font-size:.85rem;margin-bottom:10px}
.card-link{display:inline-flex;align-items:center;gap:6px;color:#b14a4a;font-weight:700}
.card-link:hover{color:#8b3535}
.center{text-align:center;margin-top:18px}
.impact{padding:54px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.stat-icon{width:40px;height:40px;border-radius:10px;background:#ffe6e6;color:#b14a4a;display:grid;place-items:center}
.stat-number{font-size:1.6rem;font-weight:800}
.stat-label{color:var(--muted)}
.how{padding:54px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px}
.step-number{width:34px;height:34px;border-radius:50%;background:#ffe1e1;color:#b14a4a;display:grid;place-items:center;font-weight:800;margin-bottom:10px}
.community{padding:54px 0}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.t-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px}
.t-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.t-head img{border-radius:50%}
.t-name{font-weight:700}
.t-role{color:var(--muted);font-size:.95rem}
.cta-band{background:linear-gradient(135deg,var(--primary) 0%,#ff7d7d 100%);color:#fff;padding:64px 0;margin:18px 0}
.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.cta-note{opacity:.9;font-size:.95rem}
.newsletter{padding:40px 0}
.newsletter-inner{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.n-copy p{color:var(--muted);margin:6px 0 0}
.n-form{display:flex;gap:10px;flex-wrap:wrap}
.n-form input{border:1px solid #f1caca;border-radius:999px;padding:.8rem 1rem;outline:none}
.n-form input:focus{border-color:#ff9b9b}
.site-footer{background:#0f172a;color:#d1d5db;margin-top:28px}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px;padding:36px 0}
.logo-footer{color:#fff}
.footer-brand p{color:#99a3b0;max-width:46ch}
.footer-col h4{color:#fff;margin:0 0 10px}
.footer-col a{color:#cbd5e1}
.footer-col a:hover{color:#fff}
.social{display:flex;gap:12px;margin-top:10px}
.social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #29324b;border-radius:10px;color:#e2e8f0}
.social a:hover{background:#1e293b}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1e293b;padding:14px 0;color:#aab4c3}
.footer-bottom a{color:#e2e8f0}
.footer-bottom a:hover{color:#fff}
@media (max-width:1024px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .hero-grid{grid-template-columns:1fr}
  .watermark{left:6%;top:6%;transform:none;font-size:24vw}
}
@media (max-width:768px){
  .nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;border-top:1px solid #f1caca}
  .nav ul{flex-direction:column;padding:10px 16px}
  .hamburger{display:block}
  .site-header.open .nav{display:block}
  .steps{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .newsletter-inner{flex-direction:column;align-items:stretch;text-align:center}
  .n-form{justify-content:center}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}