.elementor-40 .elementor-element.elementor-element-6a55a89{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Xô Rugas – App de Yoga Facial | xorugas.app</title>
  <meta name="description" content="O app de yoga facial que já transformou mais de 47.000 mulheres. Elimine rugas e flacidez com 10 minutos por dia, 100% natural, sem agulhas e sem procedimentos." />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap" rel="stylesheet">
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --pink:       #F05A7E;
      --pink-deep:  #C93D62;
      --pink-lt:    #F9A8BE;
      --pink-pale:  #FFF0F4;
      --pink-bg:    #FFF5F8;
      --lilac:      #C06090;
      --cream:      #FFFBFC;
      --warm:       #FDF0F4;
      --dark:       #1A0A10;
      --mid:        #5A2040;
      --text:       #2A1020;
      --muted:      #8A5068;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Open Sans', sans-serif;
      background: var(--cream);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
    }

    /* ─── ANIMATIONS ─── */
    @keyframes fadeUp  { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:translateY(0) } }
    @keyframes float   { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-16px) } }
    @keyframes pulse   { 0%,100% { opacity:.5; transform:scale(1) } 50% { opacity:.8; transform:scale(1.05) } }
    @keyframes glow    { 0%,100% { box-shadow: 0 20px 60px rgba(240,90,126,0.3) } 50% { box-shadow: 0 30px 80px rgba(240,90,126,0.5) } }

    .fade-up { animation: fadeUp .7s ease both; }
    .d1 { animation-delay:.1s } .d2 { animation-delay:.22s }
    .d3 { animation-delay:.36s } .d4 { animation-delay:.5s }

    /* ─── NAV ─── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      padding: 14px 52px;
      display: flex; align-items: center; justify-content: space-between;
      background: rgba(255,251,252,0.92);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(240,90,126,0.1);
    }
    .nav-logo img { height: 36px; display: block; }
    .nav-links { display: flex; gap: 32px; list-style: none; }
    .nav-links a {
      text-decoration: none; font-size: 0.85rem; font-weight: 400;
      color: var(--muted); transition: color .2s;
    }
    .nav-links a:hover { color: var(--pink); }
    .nav-cta {
      background: var(--pink); color: #fff;
      border: none; border-radius: 100px;
      padding: 10px 26px; font-size: 0.85rem; font-weight: 600;
      cursor: pointer; text-decoration: none; display: inline-block;
      transition: background .2s, transform .15s;
      font-family: 'Open Sans', sans-serif;
    }
    .nav-cta:hover { background: var(--pink-deep); transform: translateY(-1px); }

    /* ─── HERO ─── */
    .hero {
      min-height: 100vh;
      display: flex; align-items: center;
      padding: 120px 52px 80px;
      position: relative; overflow: hidden;
      background: linear-gradient(160deg, #fff 0%, var(--pink-pale) 60%, #fff 100%);
    }
    .blob1 {
      position: absolute; top: -15%; right: -8%;
      width: 650px; height: 650px;
      background: radial-gradient(circle, rgba(240,90,126,0.1) 0%, transparent 65%);
      border-radius: 60% 40% 55% 45%;
      animation: pulse 7s ease-in-out infinite;
      pointer-events: none;
    }
    .blob2 {
      position: absolute; bottom: -10%; left: -6%;
      width: 450px; height: 450px;
      background: radial-gradient(circle, rgba(192,96,144,0.08) 0%, transparent 65%);
      border-radius: 45% 55% 40% 60%;
      animation: pulse 9s ease-in-out infinite reverse;
      pointer-events: none;
    }
    .hero-inner {
      max-width: 1120px; margin: 0 auto; width: 100%;
      display: grid; grid-template-columns: 1fr 400px; gap: 80px; align-items: center;
      position: relative; z-index: 1;
    }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(240,90,126,0.1); border: 1px solid rgba(240,90,126,0.25);
      border-radius: 100px; padding: 6px 18px;
      font-size: 0.76rem; font-weight: 600; color: var(--pink);
      margin-bottom: 20px; letter-spacing: 0.5px;
    }
    h1 {
      font-size: clamp(2.2rem, 5vw, 3.4rem);
      font-weight: 700; line-height: 1.15; color: var(--dark);
      margin-bottom: 20px;
    }
    h1 em { color: var(--pink); font-style: italic; font-weight: 300; }
    .hero-sub {
      font-size: 1rem; color: var(--muted);
      font-weight: 300; margin-bottom: 16px;
      max-width: 460px; line-height: 1.8;
    }
    .hero-promise {
      display: flex; gap: 20px; margin-bottom: 38px; flex-wrap: wrap;
    }
    .promise-item {
      display: flex; align-items: center; gap: 7px;
      font-size: 0.82rem; color: var(--mid); font-weight: 500;
    }
    .pdot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--pink); flex-shrink: 0;
    }
    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
    .btn-primary {
      background: var(--pink); color: #fff;
      border: none; border-radius: 100px;
      padding: 14px 34px; font-size: 0.95rem; font-weight: 600;
      cursor: pointer; text-decoration: none; display: inline-block;
      transition: background .2s, transform .15s;
      box-shadow: 0 10px 30px rgba(240,90,126,0.35);
      font-family: 'Open Sans', sans-serif;
    }
    .btn-primary:hover { background: var(--pink-deep); transform: translateY(-2px); }
    .btn-ghost {
      background: transparent; color: var(--pink);
      border: 1.5px solid rgba(240,90,126,0.4); border-radius: 100px;
      padding: 13px 34px; font-size: 0.95rem; font-weight: 500;
      cursor: pointer; text-decoration: none; display: inline-block;
      transition: border-color .2s, transform .15s;
      font-family: 'Open Sans', sans-serif;
    }
    .btn-ghost:hover { border-color: var(--pink); transform: translateY(-2px); }

    /* ─── PHONE WITH REAL MOCKUP ─── */
    .hero-visual { display: flex; justify-content: center; position: relative; }
    .mockup-wrap {
      animation: float 5s ease-in-out infinite;
      position: relative; z-index: 2;
    }
    .mockup-wrap img {
      width: 300px;
      filter: drop-shadow(0 40px 60px rgba(240,90,126,0.3));
      display: block;
    }
    .mockup-glow {
      position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);
      width: 200px; height: 40px;
      background: radial-gradient(ellipse, rgba(240,90,126,0.35) 0%, transparent 70%);
      filter: blur(10px);
    }

    /* ─── STATS ─── */
    .stats-bar { background: var(--dark); padding: 52px; }
    .stats-inner {
      max-width: 1120px; margin: 0 auto;
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
    }
    .stat-block {
      text-align: center; padding: 0 20px;
      border-right: 1px solid rgba(255,255,255,0.07);
    }
    .stat-block:last-child { border-right: none; }
    .stat-num {
      font-size: 2.6rem; font-weight: 700; line-height: 1;
      color: var(--pink-lt);
    }
    .stat-label { font-size: 0.78rem; color: rgba(255,255,255,0.4); margin-top: 6px; font-weight: 300; }

    /* ─── SHARED SECTION STYLES ─── */
    section { padding: 96px 52px; }
    .section-inner { max-width: 1120px; margin: 0 auto; }
    .stag {
      font-size: 0.72rem; font-weight: 600; letter-spacing: 2.5px;
      color: var(--pink); text-transform: uppercase; margin-bottom: 10px;
      display: flex; align-items: center; gap: 10px;
    }
    .stag::after { content: ''; flex: 0 0 28px; height: 1.5px; background: var(--pink-lt); }
    h2 {
      font-size: clamp(1.8rem, 4vw, 2.6rem);
      font-weight: 700; color: var(--dark); line-height: 1.2; margin-bottom: 16px;
    }
    h2 em { color: var(--pink); font-style: italic; font-weight: 300; }
    .sdesc { font-size: 0.95rem; color: var(--muted); font-weight: 300; max-width: 500px; line-height: 1.8; }
    .bg-warm { background: var(--warm); }
    .bg-dark { background: var(--dark); }

    /* ─── PAIN ─── */
    .pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-top: 56px; }
    .pain-list { display: flex; flex-direction: column; gap: 12px; }
    .pain-item {
      display: flex; gap: 14px; align-items: flex-start;
      padding: 16px 18px; background: #fff; border-radius: 14px;
      border: 1px solid rgba(240,90,126,0.1);
      transition: transform .2s, box-shadow .2s;
    }
    .pain-item:hover { transform: translateX(4px); box-shadow: 0 6px 20px rgba(240,90,126,0.1); }
    .pain-emoji { font-size: 1.2rem; flex-shrink: 0; margin-top: 1px; }
    .pain-text strong { display: block; font-size: 0.88rem; font-weight: 600; color: var(--dark); margin-bottom: 2px; }
    .pain-text span { font-size: 0.82rem; color: var(--muted); font-weight: 300; }
    .pain-box {
      background: linear-gradient(145deg, var(--pink-pale), #f8e8f0);
      border-radius: 24px; padding: 40px 36px; text-align: center;
      border: 1px solid rgba(240,90,126,0.15);
    }
    .pain-box h3 { font-size: 1.5rem; font-weight: 700; color: var(--dark); margin-bottom: 14px; line-height: 1.3; }
    .pain-box p { font-size: 0.88rem; color: var(--muted); font-weight: 300; margin-bottom: 26px; line-height: 1.75; }

    /* ─── FOR WHOM ─── */
    .forwho-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 44px; }
    .forwho-item {
      display: flex; gap: 12px; align-items: flex-start;
      padding: 18px 20px;
      background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    }
    .fcheck {
      width: 22px; height: 22px; border-radius: 50%;
      background: var(--pink); display: flex; align-items: center;
      justify-content: center; font-size: 0.65rem; color: #fff; flex-shrink: 0; margin-top: 1px;
      font-weight: 700;
    }
    .forwho-item p { font-size: 0.87rem; color: rgba(255,255,255,0.72); font-weight: 300; line-height: 1.6; }
    .trust-row { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 56px; }
    .trust-badge {
      display: flex; flex-direction: column; align-items: center; gap: 8px;
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
      border-radius: 16px; padding: 22px 24px; flex: 1; min-width: 140px; text-align: center;
    }
    .trust-icon { font-size: 1.7rem; }
    .trust-title { font-size: 0.82rem; font-weight: 600; color: #fff; }
    .trust-desc { font-size: 0.72rem; color: rgba(255,255,255,0.38); font-weight: 300; }

    /* ─── FEATURES ─── */
    .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 52px; }
    .fcard {
      background: #fff; border-radius: 20px; padding: 28px 24px;
      border: 1px solid rgba(240,90,126,0.09);
      transition: transform .2s, box-shadow .2s;
    }
    .fcard:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(240,90,126,0.12); }
    .ficon {
      width: 48px; height: 48px;
      background: linear-gradient(135deg, rgba(240,90,126,0.1), rgba(192,96,144,0.1));
      border-radius: 13px; display: flex; align-items: center;
      justify-content: center; font-size: 1.35rem; margin-bottom: 16px;
    }
    .fcard h3 { font-size: 0.95rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
    .fcard p { font-size: 0.85rem; color: var(--muted); line-height: 1.72; font-weight: 300; }

    /* ─── PROTOCOLS ─── */
    .protocols-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 52px; }
    .pcard {
      background: #fff; border-radius: 18px; padding: 30px 26px;
      border: 1px solid rgba(240,90,126,0.1);
      display: flex; gap: 18px; align-items: flex-start;
      transition: transform .2s;
    }
    .pcard:hover { transform: translateY(-3px); }
    .pnum {
      font-size: 2.8rem; font-weight: 700; line-height: 1; flex-shrink: 0;
      color: var(--pink); opacity: 0.85;
    }
    .pcard h3 { font-size: 0.92rem; font-weight: 700; color: var(--dark); margin-bottom: 6px; }
    .pcard p { font-size: 0.84rem; color: var(--muted); line-height: 1.7; font-weight: 300; }

    /* ─── OBJECTIONS ─── */
    .obj-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 52px; }
    .obj-card { border-radius: 16px; overflow: hidden; border: 1px solid rgba(240,90,126,0.12); }
    .obj-prob { background: rgba(240,90,126,0.06); padding: 14px 18px; display: flex; gap: 10px; align-items: center; }
    .obj-prob p { font-size: 0.86rem; color: var(--mid); font-style: italic; font-weight: 300; }
    .obj-sol  { background: #fff; padding: 14px 18px; display: flex; gap: 10px; align-items: center; }
    .obj-sol  p { font-size: 0.86rem; color: var(--dark); font-weight: 600; }

    /* ─── TESTIMONIALS ─── */
    .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }
    .tcard {
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09);
      border-radius: 18px; padding: 26px 22px;
      transition: background .2s;
    }
    .tcard:hover { background: rgba(255,255,255,0.09); }
    .tstars { color: var(--pink-lt); font-size: 0.78rem; letter-spacing: 3px; margin-bottom: 12px; }
    .ttext { font-size: 0.86rem; color: rgba(255,255,255,0.65); line-height: 1.78; font-weight: 300; font-style: italic; }
    .tauthor { margin-top: 16px; display: flex; gap: 10px; align-items: center; }
    .tavatar {
      width: 34px; height: 34px; border-radius: 50%;
      background: var(--pink); display: flex; align-items: center;
      justify-content: center; font-size: 0.85rem;
    }
    .tname { font-size: 0.78rem; color: var(--pink-lt); font-weight: 600; }
    .tcity { font-size: 0.7rem; color: rgba(255,255,255,0.3); }

    /* ─── HOW IT WORKS ─── */
    .steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 52px; position: relative; }
    .steps-grid::before {
      content: ''; position: absolute; top: 30px; left: 12%; right: 12%;
      height: 1px; background: linear-gradient(90deg, transparent, rgba(240,90,126,0.25), transparent);
    }
    .step { text-align: center; }
    .step-n {
      width: 60px; height: 60px; background: #fff;
      border: 2px solid rgba(240,90,126,0.2); border-radius: 50%;
      margin: 0 auto 18px; display: flex; align-items: center;
      justify-content: center; font-size: 1.3rem;
      box-shadow: 0 6px 20px rgba(240,90,126,0.13); position: relative; z-index: 1;
    }
    .step h3 { font-size: 0.88rem; font-weight: 700; color: var(--dark); margin-bottom: 7px; }
    .step p  { font-size: 0.82rem; color: var(--muted); line-height: 1.65; font-weight: 300; }

    /* ─── CTA ─── */
    .cta-section {
      background: var(--pink); padding: 96px 52px; text-align: center; position: relative; overflow: hidden;
    }
    .cta-section::before {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .cta-section h2 { color: #fff; margin-bottom: 12px; font-weight: 700; position: relative; }
    .cta-section p { color: rgba(255,255,255,0.82); font-size: 1rem; margin-bottom: 40px; font-weight: 300; position: relative; }
    .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; position: relative; }
    .btn-white {
      background: #fff; color: var(--pink-deep);
      border: none; border-radius: 100px;
      padding: 14px 36px; font-size: 0.92rem; font-weight: 700;
      cursor: pointer; text-decoration: none; display: inline-flex;
      align-items: center; gap: 10px;
      transition: transform .15s, box-shadow .2s;
      box-shadow: 0 10px 28px rgba(0,0,0,0.15);
      font-family: 'Open Sans', sans-serif;
    }
    .btn-white:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,0.2); }
    .store-sm { font-size: 0.68rem; opacity: 0.55; display: block; font-weight: 400; }
    .store-lg { font-size: 0.92rem; font-weight: 700; display: block; }

    /* ─── FOOTER ─── */
    footer { background: #0E0610; padding: 56px 52px 30px; }
    .footer-inner { max-width: 1120px; margin: 0 auto; }
    .footer-top {
      display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px;
      padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .footer-logo img { height: 32px; margin-bottom: 14px; filter: brightness(0) invert(1) opacity(.7); }
    .footer-desc { font-size: 0.82rem; color: rgba(255,255,255,0.32); line-height: 1.75; font-weight: 300; }
    .footer-col h4 {
      font-size: 0.7rem; font-weight: 600; letter-spacing: 2px;
      text-transform: uppercase; color: rgba(255,255,255,0.25); margin-bottom: 14px;
    }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
    .footer-col ul li a { font-size: 0.83rem; color: rgba(255,255,255,0.42); text-decoration: none; transition: color .2s; }
    .footer-col ul li a:hover { color: var(--pink-lt); }
    .footer-bottom {
      padding-top: 26px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
    }
    .footer-copy { font-size: 0.76rem; color: rgba(255,255,255,0.18); }
    .footer-legal { display: flex; gap: 18px; }
    .footer-legal a { font-size: 0.76rem; color: rgba(255,255,255,0.18); text-decoration: none; transition: color .2s; }
    .footer-legal a:hover { color: rgba(255,255,255,0.45); }

    /* ─── RESPONSIVE ─── */
    @media (max-width: 960px) {
      nav { padding: 14px 20px; }
      .nav-links { display: none; }
      .hero { padding: 96px 20px 56px; }
      .hero-inner { grid-template-columns: 1fr; gap: 40px; text-align: center; }
      .hero-visual { order: -1; }
      .hero-sub, .sdesc { max-width: 100%; }
      .hero-promise, .hero-btns { justify-content: center; }
      .mockup-wrap img { width: 240px; }
      .stats-bar { padding: 36px 20px; }
      .stats-inner { grid-template-columns: repeat(2, 1fr); gap: 16px; }
      .stat-block { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.07); padding-bottom: 16px; }
      section { padding: 64px 20px; }
      .pain-grid, .features-grid, .protocols-grid,
      .forwho-grid, .obj-grid, .testi-grid { grid-template-columns: 1fr; }
      .steps-grid { grid-template-columns: repeat(2, 1fr); }
      .steps-grid::before { display: none; }
      .footer-top { grid-template-columns: 1fr; gap: 30px; }
      .footer-bottom { flex-direction: column; align-items: flex-start; }
      .cta-section { padding: 64px 20px; }
      footer { padding: 40px 20px 24px; }
      .trust-row { flex-direction: column; }
    }
  </style>
</head>
<body>

<!-- NAV -->
<nav>
  <div class="nav-logo">
    <img src="LOGO_XO_RUGAS_APP_.png" alt="Xô Rugas" />
  </div>
  <ul class="nav-links">
    <li><a href="#para-quem">Para quem</a></li>
    <li><a href="#funcionalidades">Funcionalidades</a></li>
    <li><a href="#protocolos">Protocolos</a></li>
    <li><a href="#depoimentos">Depoimentos</a></li>
  </ul>
  <a href="#baixar" class="nav-cta">Baixar o App</a>
</nav>

<!-- HERO -->
<section class="hero">
  <div class="blob1"></div>
  <div class="blob2"></div>
  <div class="hero-inner">
    <div class="hero-content">
      <div class="hero-eyebrow fade-up">✨ Mais de 47.000 mulheres transformadas</div>
      <h1 class="fade-up d1">Elimine rugas e flacidez com <em>10 minutos</em> por dia</h1>
      <p class="hero-sub fade-up d2">Bigode chinês, pés de galinha, flacidez no pescoço, pálpebras caídas — o Xô Rugas trata tudo isso de forma 100% natural, sem agulhas e sem procedimentos.</p>
      <div class="hero-promise fade-up d3">
        <div class="promise-item"><div class="pdot"></div>Resultados em 3 a 6 semanas</div>
        <div class="promise-item"><div class="pdot"></div>100% natural</div>
        <div class="promise-item"><div class="pdot"></div>Só 10 min por dia</div>
      </div>
      <div class="hero-btns fade-up d4">
        <a href="#baixar" class="btn-primary">Baixar Grátis</a>
        <a href="#protocolos" class="btn-ghost">Ver Protocolos</a>
      </div>
    </div>
    <div class="hero-visual fade-up d2">
      <div class="mockup-wrap">
        <img src="MOCKUP_APP_XO__RUGAS.png" alt="App Xô Rugas no celular" />
        <div class="mockup-glow"></div>
      </div>
    </div>
  </div>
</section>

<!-- STATS -->
<div class="stats-bar">
  <div class="stats-inner">
    <div class="stat-block"><div class="stat-num">47.000+</div><div class="stat-label">Mulheres transformadas</div></div>
    <div class="stat-block"><div class="stat-num">10 min</div><div class="stat-label">Por dia é suficiente</div></div>
    <div class="stat-block"><div class="stat-num">3–6 sem</div><div class="stat-label">Para resultados visíveis</div></div>
    <div class="stat-block"><div class="stat-num">100%</div><div class="stat-label">Natural, sem procedimentos</div></div>
  </div>
</div>

<!-- PAIN POINTS -->
<section>
  <div class="section-inner">
    <div class="stag">O problema</div>
    <h2>Você se reconhece em <em>alguma dessas</em> situações?</h2>
    <div class="pain-grid">
      <div class="pain-list">
        <div class="pain-item">
          <div class="pain-emoji">😔</div>
          <div class="pain-text">
            <strong>Bigode chinês e linhas de expressão</strong>
            <span>Marcas ao redor da boca que parecem envelhecer o rosto de um dia para o outro.</span>
          </div>
        </div>
        <div class="pain-item">
          <div class="pain-emoji">👁️</div>
          <div class="pain-text">
            <strong>Pés de galinha e pálpebras caídas</strong>
            <span>A região dos olhos trai a idade antes de qualquer outra parte do rosto.</span>
          </div>
        </div>
        <div class="pain-item">
          <div class="pain-emoji">📏</div>
          <div class="pain-text">
            <strong>Linhas na testa e código de barras</strong>
            <span>Rugas horizontais e verticais marcadas mesmo quando o rosto está relaxado.</span>
          </div>
        </div>
        <div class="pain-item">
          <div class="pain-emoji">🪞</div>
          <div class="pain-text">
            <strong>Flacidez no pescoço e bochechas caídas</strong>
            <span>A perda de firmeza que apaga o contorno do rosto e enfraquece a autoestima.</span>
          </div>
        </div>
      </div>
      <div class="pain-box">
        <h3>O Xô Rugas trata tudo isso — com as suas próprias mãos</h3>
        <p>Nenhuma agulha. Nenhum procedimento caro. Apenas exercícios faciais estruturados, guiados passo a passo no seu celular, com resultados que você verá no espelho em semanas.</p>
        <a href="#baixar" class="btn-primary">Quero começar agora</a>
      </div>
    </div>
  </div>
</section>

<!-- FOR WHOM -->
<section class="bg-dark" id="para-quem">
  <div class="section-inner">
    <div class="stag" style="color:var(--pink-lt);">Para quem é</div>
    <h2 style="color:#fff">O Xô Rugas é para <em>você</em> se…</h2>
    <p class="sdesc" style="color:rgba(255,255,255,0.4)">Respondeu sim para qualquer uma dessas perguntas? Então o app foi feito para você.</p>
    <div class="forwho-grid">
      <div class="forwho-item"><div class="fcheck">✓</div><p>Você quer ter uma pele mais jovem, firme e radiante sem depender de procedimentos invasivos.</p></div>
      <div class="forwho-item"><div class="fcheck">✓</div><p>Quer amenizar rugas que já apareceram ou se prevenir das que estão por vir.</p></div>
      <div class="forwho-item"><div class="fcheck">✓</div><p>Deseja elevar sua autoestima e reconquistar sua relação com o espelho.</p></div>
      <div class="forwho-item"><div class="fcheck">✓</div><p>Quer um rosto com contorno mais definido, bochechas mais altas e pescoço mais firme.</p></div>
      <div class="forwho-item"><div class="fcheck">✓</div><p>Está cansada de gastar fortunas em cremes e tratamentos que prometem e não entregam.</p></div>
      <div class="forwho-item"><div class="fcheck">✓</div><p>Quer resultados reais com apenas 10 minutos por dia, na sua casa, no seu ritmo.</p></div>
    </div>
    <div class="trust-row">
      <div class="trust-badge"><div class="trust-icon">🛡️</div><div class="trust-title">7 dias de garantia</div><div class="trust-desc">Sem perguntas, sem burocracia</div></div>
      <div class="trust-badge"><div class="trust-icon">🔒</div><div class="trust-title">Dados protegidos</div><div class="trust-desc">Segurança total na plataforma</div></div>
      <div class="trust-badge"><div class="trust-icon">💬</div><div class="trust-title">Suporte exclusivo</div><div class="trust-desc">Equipe disponível para alunas</div></div>
      <div class="trust-badge"><div class="trust-icon">🌿</div><div class="trust-title">100% natural</div><div class="trust-desc">Sem agulhas, sem procedimentos</div></div>
    </div>
  </div>
</section>

<!-- FEATURES -->
<section class="bg-warm" id="funcionalidades">
  <div class="section-inner">
    <div class="stag">Funcionalidades</div>
    <h2>Tudo o que você precisa para <em>rejuvenescer</em></h2>
    <p class="sdesc">O Xô Rugas reúne técnicas validadas por mais de 47.000 alunas em um app simples, guiado e eficaz.</p>
    <div class="features-grid">
      <div class="fcard"><div class="ficon">🎥</div><h3>Exercícios em Vídeo</h3><p>Aulas guiadas passo a passo com instrutoras especializadas. Siga no seu ritmo, pause quando quiser, repita quantas vezes precisar.</p></div>
      <div class="fcard"><div class="ficon">📅</div><h3>Planos Estruturados</h3><p>Protocolos progressivos de 6 semanas, organizados em sequência lógica e validada para que você nunca fique sem saber o que fazer.</p></div>
      <div class="fcard"><div class="ficon">📈</div><h3>Progresso Visível</h3><p>Registre fotos antes e depois, acompanhe sua consistência e veja sua evolução semana após semana.</p></div>
      <div class="fcard"><div class="ficon">🎯</div><h3>Exercícios por Área</h3><p>Foque nas regiões que mais te incomodam: testa, olhos, maçãs, pescoço e contorno. Trabalho localizado e eficaz.</p></div>
      <div class="fcard"><div class="ficon">🔔</div><h3>Lembretes Inteligentes</h3><p>Configure notificações no horário ideal para você. A consistência é o segredo do resultado e o app te ajuda a mantê-la.</p></div>
      <div class="fcard"><div class="ficon">👥</div><h3>Comunidade de Alunas</h3><p>Um espaço exclusivo para compartilhar resultados, trocar experiências e se inspirar com mulheres reais que já transformaram o próprio rosto.</p></div>
    </div>
  </div>
</section>

<!-- PROTOCOLS -->
<section id="protocolos">
  <div class="section-inner">
    <div class="stag">Protocolos</div>
    <h2>Metodologias para cada <em>objetivo</em></h2>
    <p class="sdesc">Cada protocolo foi desenvolvido com técnicas consagradas de yoga facial, em sequências progressivas e seguras.</p>
    <div class="protocols-grid">
      <div class="pcard"><div class="pnum">40</div><div><h3>Protocolo 40 Dias Express</h3><p>O programa principal: 6 semanas de exercícios progressivos que trabalham todos os grupos musculares do rosto para um lifting natural e duradouro.</p></div></div>
      <div class="pcard"><div class="pnum">∞</div><div><h3>Protocolo de Longo Prazo</h3><p>Para manter e aprofundar os resultados. Um plano contínuo com novas técnicas adicionadas regularmente para evolução constante.</p></div></div>
      <div class="pcard"><div class="pnum">15</div><div><h3>Rotina Express (15 min)</h3><p>Sequências rápidas para os dias corridos. Máximo resultado com o mínimo de tempo — ideais para sua rotina matinal.</p></div></div>
      <div class="pcard"><div class="pnum">+</div><div><h3>Bônus Exclusivos</h3><p>Semana extra de treinos, ebook de máscaras caseiras, masterclass sobre autoimagem e muito mais para potencializar seus resultados.</p></div></div>
    </div>
  </div>
</section>

<!-- OBJECTIONS -->
<section class="bg-warm">
  <div class="section-inner">
    <div class="stag">Suas dúvidas</div>
    <h2>Sem <em>desculpas</em> para começar</h2>
    <p class="sdesc">Respondemos as objeções mais comuns antes que elas apareçam.</p>
    <div class="obj-grid">
      <div class="obj-card"><div class="obj-prob"><span>❌</span><p>"Não tenho tempo no dia a dia."</p></div><div class="obj-sol"><span>✅</span><p>São apenas 10 minutos por dia — menos que uma série de reels.</p></div></div>
      <div class="obj-card"><div class="obj-prob"><span>❌</span><p>"Nunca fui constante com nada."</p></div><div class="obj-sol"><span>✅</span><p>Os lembretes e protocolos guiados do app foram feitos para te manter na trilha.</p></div></div>
      <div class="obj-card"><div class="obj-prob"><span>❌</span><p>"Não sei se funciona para minha idade."</p></div><div class="obj-sol"><span>✅</span><p>O método já transformou mulheres de 35 a 75 anos. Nunca é tarde para começar.</p></div></div>
      <div class="obj-card"><div class="obj-prob"><span>❌</span><p>"Já tentei cremes e não funcionou."</p></div><div class="obj-sol"><span>✅</span><p>Yoga facial trabalha os músculos — não apenas a superfície. É uma abordagem completamente diferente.</p></div></div>
    </div>
  </div>
</section>

<!-- TESTIMONIALS -->
<section class="bg-dark" id="depoimentos">
  <div class="section-inner">
    <div class="stag" style="color:var(--pink-lt);">Depoimentos</div>
    <h2 style="color:#fff">Mais de 47.000 histórias <em>reais</em></h2>
    <p class="sdesc" style="color:rgba(255,255,255,0.38)">Resultados que você verá no espelho — não apenas nas fotos de divulgação.</p>
    <div class="testi-grid">
      <div class="tcard"><div class="tstars">★★★★★</div><p class="ttext">"Em menos de 30 dias já percebi diferença no contorno do rosto. Minha filha me perguntou se eu tinha feito algum procedimento. Fiquei sem palavras!"</p><div class="tauthor"><div class="tavatar">👩</div><div><div class="tname">Marcia R., 54 anos</div><div class="tcity">São Paulo, SP</div></div></div></div>
      <div class="tcard"><div class="tstars">★★★★★</div><p class="ttext">"Nunca achei que exercícios faciais pudessem funcionar assim. O app é tão prático que virou parte da minha manhã. Não abro mão mais — e o bigode chinês sumiu!"</p><div class="tauthor"><div class="tavatar">👩</div><div><div class="tname">Fernanda L., 48 anos</div><div class="tcity">Curitiba, PR</div></div></div></div>
      <div class="tcard"><div class="tstars">★★★★★</div><p class="ttext">"Já gastei muito dinheiro em cremes caros. Com o Xô Rugas, em 40 dias, vi mais resultado do que em anos de skincare. A flacidez no pescoço diminuiu visivelmente."</p><div class="tauthor"><div class="tavatar">👩</div><div><div class="tname">Cláudia M., 61 anos</div><div class="tcity">Rio de Janeiro, RJ</div></div></div></div>
    </div>
  </div>
</section>

<!-- HOW IT WORKS -->
<section id="como-funciona">
  <div class="section-inner">
    <div class="stag">Como funciona</div>
    <h2>Do download ao <em>primeiro resultado</em></h2>
    <p class="sdesc">Simples, direto e sem complicação. Você começa hoje.</p>
    <div class="steps-grid">
      <div class="step"><div class="step-n">📲</div><h3>Baixe o App</h3><p>Disponível gratuitamente na App Store e Google Play para iOS e Android.</p></div>
      <div class="step"><div class="step-n">🎯</div><h3>Escolha seu Protocolo</h3><p>Selecione o plano ideal para o seu objetivo e para o tempo que você tem disponível.</p></div>
      <div class="step"><div class="step-n">🌸</div><h3>Pratique Todo Dia</h3><p>Siga as aulas em vídeo onde estiver. Apenas 10 minutos por dia, no conforto de casa.</p></div>
      <div class="step"><div class="step-n">✨</div><h3>Veja a Transformação</h3><p>Registre seu progresso e acompanhe os resultados semana após semana no espelho.</p></div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-section" id="baixar">
  <h2>Comece sua transformação <em style="font-weight:300;color:rgba(255,255,255,0.85)">hoje mesmo</em></h2>
  <p>Junte-se a mais de 47.000 mulheres que já descobriram o poder do yoga facial.<br>Gratuito para baixar. Resultados em semanas.</p>
  <div class="cta-btns">
    <a href="#" class="btn-white"><div><span class="store-sm">Disponível na</span><span class="store-lg">🍎 App Store</span></div></a>
    <a href="#" class="btn-white"><div><span class="store-sm">Disponível no</span><span class="store-lg">▶ Google Play</span></div></a>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-inner">
    <div class="footer-top">
      <div>
        <div class="footer-logo"><img src="LOGO_XO_RUGAS_APP_.png" alt="Xô Rugas" /></div>
        <p class="footer-desc">O aplicativo de yoga facial que já transformou mais de 47.000 mulheres. Rejuvenesça de forma natural com exercícios guiados, em apenas 10 minutos por dia.</p>
      </div>
      <div class="footer-col">
        <h4>Navegação</h4>
        <ul>
          <li><a href="#para-quem">Para quem é</a></li>
          <li><a href="#funcionalidades">Funcionalidades</a></li>
          <li><a href="#protocolos">Protocolos</a></li>
          <li><a href="#depoimentos">Depoimentos</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Legal & Suporte</h4>
        <ul>
          <li><a href="/privacidade">Política de Privacidade</a></li>
          <li><a href="/termos">Termos de Uso</a></li>
          <li><a href="/suporte">Central de Suporte</a></li>
          <li><a href="mailto:contato@xorugas.app">contato@xorugas.app</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="footer-copy">© 2025 Xô Rugas. Todos os direitos reservados. xorugas.app</div>
      <div class="footer-legal">
        <a href="/privacidade">Privacidade</a>
        <a href="/termos">Termos</a>
        <a href="/suporte">Suporte</a>
      </div>
    </div>
  </div>
</footer>

</body>
</html>/* End custom CSS */