body{margin:0;font-family:Inter,Arial;color:#111;background:#fff}
.header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 48px;background:#fff;border-bottom:1px solid #eee}
.brand a{font-family:'Playfair Display',serif;font-size:22px;color:#6d3df0;text-decoration:none}
.menu{list-style:none;display:flex;gap:24px}
.menu a{text-decoration:none;color:#333}
.cta{background:linear-gradient(90deg,#ff7a18,#ff9a44);color:#fff;padding:10px 18px;border-radius:10px;text-decoration:none}

.hero{padding:110px 48px;background:linear-gradient(135deg,#fff2f8,#f3f6ff)}
.hero h1{font-family:'Playfair Display',serif;font-size:56px;color:#6d3df0}
.hero h1 span{background:linear-gradient(90deg,#ff7a18,#6d3df0);-webkit-background-clip:text;color:transparent}
.lead{max-width:720px;font-size:18px;color:#444}
.hero-actions .btn{margin-right:12px}

.btn{padding:12px 20px;border-radius:10px;text-decoration:none;display:inline-block}
.primary{background:linear-gradient(90deg,#6d3df0,#8f6cff);color:#fff}
.ghost{border:1px solid #ccc;color:#333}

.ai-section{padding:70px 48px;background:linear-gradient(180deg,#ffffff,#fff7f2)}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}
.ai-grid div{background:#fff;border:1px solid #eee;padding:16px;border-radius:10px}

.group-section{padding:60px 48px}

.brands-section{padding:70px 48px;background:linear-gradient(135deg,#f8fbff,#fff)}
.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.brand-card{padding:28px;border-radius:14px;color:#fff}
.brand-card.swag{background:linear-gradient(135deg,#6d3df0,#ff7a18)}
.brand-card.mido{background:linear-gradient(135deg,#ff7a18,#6d3df0)}
.brand-card .tag{font-weight:600;opacity:.9}
.brand-card .link{color:#fff;font-weight:600;text-decoration:none}

.methodology-section{padding:80px 48px;background:linear-gradient(180deg,#ffffff,#f6f9ff)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.compare table{width:100%;border-collapse:collapse;background:#fff}
.compare th,.compare td{border:1px solid #eee;padding:12px}

.contact-box{background:#fff;border:1px solid #eee;border-radius:14px;padding:24px}
.contact-box form{display:grid;gap:12px}
.contact-box input,.contact-box textarea{padding:12px;border-radius:8px;border:1px solid #ddd}

.footer{text-align:center;padding:40px;background:#fafafa;color:#666}
.whatsapp{position:fixed;bottom:22px;right:22px;background:#25D366;color:#fff;padding:12px 18px;border-radius:28px;text-decoration:none}

@media(max-width:900px){
  .menu{display:none}
  .brand-grid,.two-col{grid-template-columns:1fr}
  .hero h1{font-size:38px}
}