.hero{padding:110px 0 80px;background-color:var(--bg)}.hero .section-inner{display:grid;grid-template-columns:1fr;gap:64px;align-items:center}.hero-text h1{color:var(--text-1);margin-bottom:24px}.hero-text h1 .blue{color:var(--accent)}.hero-subtitle{font-size:1.125rem;color:var(--text-2);margin-bottom:32px;line-height:1.7;max-width:550px}.hero-buttons{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:48px}.hero-visual{background:linear-gradient(135deg,#fff,#f3efe7);border:1px solid var(--border);border-radius:var(--radius);padding:32px;min-height:400px;display:flex;flex-direction:column;justify-content:center}.chat-bubble-container{display:flex;flex-direction:column;gap:24px}.chat-agent{display:flex;gap:24px;align-items:flex-start}.agent-avatar{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,#b8862d,#d4a84b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;position:relative;overflow:hidden}.agent-avatar:after{content:"✦";position:absolute;font-size:.625rem;right:2px;top:2px}.chat-message{background-color:#f0f0f0;color:var(--text-1);padding:24px;border-radius:8px;max-width:280px;font-size:.95rem;line-height:1.6}.chat-user{display:flex;justify-content:flex-end;margin:24px 0}.chat-user .chat-message{background-color:var(--accent);color:#fff;max-width:280px}@media(min-width:1024px){.hero .section-inner{grid-template-columns:1fr 1fr}}.channels-grid{display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px}.channel-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.channel-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #b8862d1a;transform:translateY(-2px)}.channel-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:24px}.channel-icon.app{background-color:#b8862d1a;color:var(--accent)}.channel-icon.whatsapp{background-color:#22b14c1a;color:#22b14c}.channel-icon.chatgpt{background-color:#00000014;color:#000}.channel-card h3{color:var(--text-1);margin-bottom:16px}.channel-card p{color:var(--text-2);font-size:.95rem}@media(min-width:768px){.channels-grid{grid-template-columns:repeat(3,1fr)}}.capabilities{background-color:var(--bg-warm)}.capabilities .section-inner{display:grid;grid-template-columns:1fr;gap:64px;align-items:start}.capabilities-intro{font-size:1.125rem;color:var(--text-2);line-height:1.7;max-width:500px}.capabilities-intro strong{color:var(--text-1);font-weight:600}.capabilities-grid{display:grid;grid-template-columns:1fr;gap:32px}.capability-item{display:flex;gap:24px}.capability-icon{width:40px;height:40px;min-width:40px;background-color:#b8862d1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.25rem}.capability-text h4{color:var(--text-1);margin-bottom:8px;font-size:1rem;font-weight:600}.capability-text p{color:var(--text-2);font-size:.95rem}@media(min-width:1024px){.capabilities .section-inner{grid-template-columns:1fr 1fr}.capabilities-grid{grid-template-columns:repeat(2,1fr)}}.trust{background-color:var(--bg)}.trust-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px}.trust-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative}.trust-card.recommended{background-color:#b8862d0a;border-color:var(--accent)}.trust-badge{position:absolute;top:-12px;left:24px;background-color:var(--accent);color:#fff;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.trust-card h3{color:var(--text-1);margin-bottom:8px}.trust-card p{color:var(--text-2);font-size:.95rem}.trust-statement{background-color:var(--bg-warm);border-left:4px solid var(--accent);padding:20px 24px;border-radius:var(--radius-sm);margin-top:48px;font-size:.95rem;color:var(--text-2);line-height:1.7}@media(min-width:768px){.trust-grid{grid-template-columns:repeat(3,1fr)}}.audiences{background-color:var(--bg-warm)}.audiences-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px}.audience-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.audience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.audience-card.personal:before{background-color:var(--accent)}.audience-card.family:before{background-color:var(--clay)}.audience-card.professional:before{background-color:var(--green-soft)}.audience-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #b8862d1a;transform:translateY(-2px)}.audience-card h3{color:var(--text-1);margin-bottom:8px}.audience-card p{color:var(--text-2);font-size:.95rem;margin-bottom:16px}.btn-tertiary{background-color:transparent;color:var(--accent);padding:8px 0;border:none;font-size:.95rem;text-decoration:underline;cursor:pointer}.btn-tertiary:hover{color:var(--accent-dim)}@media(min-width:768px){.audiences-grid{grid-template-columns:repeat(3,1fr)}}.agent-native{background-color:var(--bg);text-align:center}.agent-native .label{justify-content:center;display:flex}.agent-native h2{max-width:700px;margin:0 auto 32px}.agent-native-intro{font-size:1.125rem;color:var(--text-2);line-height:1.7;max-width:700px;margin:0 auto 64px}.stats-row{display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:12px}.stat-number{display:block;font-family:var(--serif);font-size:3rem;font-weight:700;color:var(--accent)}.stat-label{display:block;font-size:.95rem;color:var(--text-2);line-height:1.6}@media(min-width:768px){.stats-row{grid-template-columns:repeat(3,1fr)}}.cta-section{text-align:center}.cta-section h2{margin-bottom:16px}.cta-section p{font-size:1.125rem;color:var(--text-2);margin-bottom:40px}@media(max-width:768px){.nav-links{display:none}.nav-mobile-btn{display:block}.hero{padding:110px 20px 60px}}@media(max-width:480px){.hero{padding:100px 16px 48px}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;text-align:center}}
