.elementor-1662 .elementor-element.elementor-element-a631367{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-962ff26 *//* --- CSS Variables (Consistent Brand Colors) --- */

:root {
      --pink: #F653A6;   /* Brilliant Rose */
      --orange:#FBA129;  /* Sea Buckthorn */
      --blue:#4EC6DE;    /* Vivid Sky Blue */

      --primary:var(--pink);
      --secondary:var(--orange);
      --accent:var(--blue);

      --bg:#E8F9FF;      /* Soft blue background */
      --text:#222;
      --card-bg:#fff;
      --shadow:0 10px 25px rgba(0,0,0,.06);
      --radius-lg:24px;
    }

    *{box-sizing:border-box;margin:0;padding:0;}

    body{
      font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.6;
    }

    img{max-width:100%;display:block;}

    .page-wrapper{
      min-height:100vh;
      display:flex;
      flex-direction:column;
    }


    /* HERO */

    .hero{
      background:var(--bg); /* flat soft blue, no gradient */
      padding:42px 6vw 56px;
      display:grid;
      grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
      gap:40px;
      align-items:center;
      position:relative;
      overflow:hidden;
    }

    .hero-copy{position:relative;z-index:1;}

    .eyebrow{
      font-size:.8rem;
      text-transform:uppercase;
      letter-spacing:2px;
      color:var(--accent);
      font-weight:700;
      margin-bottom:6px;
    }

    .hero-title{
      font-size:clamp(2.2rem,3.3vw,2.9rem);
      font-weight:700;
      margin-bottom:10px;
      color:#000;
    }

    .hero-highlight{color:var(--primary);}

    .hero-subtitle{
      max-width:540px;
      font-size:.98rem;
      margin-bottom:18px;
    }

    .hero-badges{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:22px;
      font-size:.8rem;
    }

    .hero-badge{
      background:#fff;
      border-radius:999px;
      padding:7px 13px;
      box-shadow:var(--shadow);
      display:inline-flex;
      align-items:center;
      gap:6px;
      border:1px solid rgba(0,0,0,.03);
    }

    .hero-badge span.icon{
      width:18px;
      height:18px;
      border-radius:50%;
      background:var(--primary);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:.7rem;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    .btn{
      border-radius:999px;
      padding:10px 18px;
      font-size:.9rem;
      font-weight:600;
      border:none;
      cursor:pointer;
      transition:transform .1s,box-shadow .2s,background .2s,color .2s;
      display:inline-flex;
      align-items:center;
      gap:8px;
      text-decoration:none;
    }

    .btn-primary{
      background:var(--primary);
      color:#fff;
      box-shadow:var(--shadow);
    }
    .btn-primary:hover{
      background:#e04395;
      transform:translateY(-1px);
    }

    .btn-ghost{
      background:#fff;
      color:var(--primary);
      border:1px solid rgba(0,0,0,.08);
    }
    .btn-ghost:hover{
      background:#ffe5f4;
      transform:translateY(-1px);
    }

    .hero-media{position:relative;z-index:1;}

    .hero-main-image{
      border-radius:var(--radius-lg);
      overflow:hidden;
      box-shadow:var(--shadow);
      border:6px solid #fff;
      background:#fdfdfd;
    }

    .hero-tag-card{
      position:absolute;
      bottom:12px;
      left:-6px;
      background:#000;
      padding:10px 14px;
      border-radius:16px;
      box-shadow:var(--shadow);
      font-size:.8rem;
      max-width:260px;
      color:#fff;
    }

    .hero-tag-card strong{
      color:var(--accent);
      display:block;
      margin-bottom:2px;
    }

    /* MAIN LAYOUT */

    main{
      padding:0 6vw 50px;
      display:flex;
      flex-direction:column;
      gap:34px;
    }

    section{position:relative;z-index:1;}

    .section-header{
      margin-bottom:16px;
      display:flex;
      align-items:baseline;
      gap:8px;
      flex-wrap:wrap;
    }

    .section-eyebrow{
      font-size:.8rem;
      text-transform:uppercase;
      letter-spacing:1.5px;
      color:var(--accent);
      font-weight:700;
    }

    .section-title{
      font-size:1.5rem;
      font-weight:600;
      color:#000;
    }

    .section-grid-2{
      display:grid;
      grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
      gap:26px;
      align-items:flex-start;
    }

    .card{
      background:var(--card-bg);
      border-radius:var(--radius-lg);
      padding:20px 22px;
      box-shadow:var(--shadow);
      border:1px solid rgba(78,198,222,.14);
    }

    .card + .card{margin-top:14px;}

    .tagline{
      font-weight:600;
      color:var(--primary);
      margin-bottom:10px;
    }

    .muted{
      font-size:.9rem;
      color:#444;
    }

    .pill-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:12px;
      font-size:.78rem;
    }

    .pill{
      padding:6px 10px;
      background:#FFE5F4;
      border-radius:999px;
      border:1px dashed rgba(246,83,166,.55);
    }

    .icon-list{
      list-style:none;
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
      gap:10px 16px;
      font-size:.9rem;
    }

    .icon-list li{
      display:flex;
      align-items:flex-start;
      gap:8px;
    }

    .icon-bullet{
      width:22px;
      height:22px;
      border-radius:50%;
      background:var(--blue);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:.8rem;
      color:#000;
      flex-shrink:0;
    }

    .split-cards{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:16px;
    }

    .stat-row{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      margin-top:10px;
    }

    .stat-chip{
      background:#FFF2DC;
      border-radius:18px;
      padding:8px 12px;
      font-size:.8rem;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }

    .stat-dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--secondary);
    }

    /* CTA */

    .cta-card{
      display:grid;
      grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
      gap:20px;
      align-items:center;
      padding:24px 22px;
      border-radius:var(--radius-lg);
      background:var(--bg); /* same soft-blue, no gradient */
      box-shadow:var(--shadow);
      color:#000;
      border:1px solid rgba(78,198,222,.18);
    }

    .cta-card h3{
      font-size:1.4rem;
      margin-bottom:6px;
    }

    .cta-card p{
      font-size:.92rem;
      margin-bottom:12px;
    }

    .cta-contact{
      font-size:.9rem;
      display:grid;
      gap:4px;
    }

    .cta-contact a{
      color:var(--primary);
      text-decoration:none;
    }
    .cta-contact a:hover{
      text-decoration:underline;
    }

    .whatsapp-line{
      display:flex;
      align-items:center;
      gap:6px;
    }

    .whatsapp-icon{
      color:#25D366; /* WhatsApp green */
      font-size:1rem;
    }

    /*footer{*/
    /*  padding:18px 6vw 26px;*/
    /*  font-size:.8rem;*/
    /*  color:#fff;*/
    /*  display:flex;*/
    /*  flex-wrap:wrap;*/
    /*  justify-content:space-between;*/
    /*  gap:10px;*/
    /*  border-top:1px solid rgba(0,0,0,.4);*/
    /*  background:#000;*/
    /*}*/

    @media (max-width:880px){
      .hero{
        grid-template-columns:minmax(0,1fr);
        padding-top:28px;
      }
      .hero-media{order:-1;}
      header{position:relative;}
    }

    @media (max-width:640px){
      .nav-links{justify-content:flex-start;}
      .hero-actions{
        flex-direction:column;
        align-items:stretch;
      }
      .cta-card{
        grid-template-columns:minmax(0,1fr);
      }
    }/* End custom CSS */