.hero{align-items:center;min-height:90vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-gradient-orb{pointer-events:none;background:radial-gradient(circle,#22c55e26 0%,#22c55e0d 40%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite gradientOrb;position:absolute;top:20%;right:10%}.hero-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.hero-content h1{color:var(--color-white);margin:20px 0;line-height:1.15}.hero-sub{color:#ffffffb3;font-size:var(--fs-large);max-width:540px;margin-bottom:32px;line-height:1.7}.hero-ctas{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.hero-proof{font-size:var(--fs-small);color:#ffffff80;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-visual,.hero-mockup{position:relative}.mockup-browser{background:var(--color-white);box-shadow:var(--shadow-elevated);border-radius:12px;overflow:hidden}.mockup-dots{background:var(--color-gray-100);gap:6px;padding:12px 16px;display:flex}.mockup-dots span{background:var(--color-gray-300);border-radius:50%;width:10px;height:10px}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#22c55e}.mockup-screen{padding:0}.mockup-dashboard{padding:20px}.dash-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-logo{font-family:var(--font-display);color:var(--color-navy);font-size:1rem;font-weight:700}.dash-status{font-size:var(--fs-small);color:var(--color-green);font-weight:600}.dash-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.dash-stat{background:var(--color-gray-50);text-align:center;border-radius:8px;padding:12px}.dash-num{font-family:var(--font-display);color:var(--color-navy);font-size:1.25rem;font-weight:700;display:block}.dash-label{color:var(--color-gray-500);margin-top:2px;font-size:.625rem;display:block}.dash-conversations{flex-direction:column;gap:8px;display:flex}.dash-conv{background:var(--color-gray-50);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.conv-avatar{background:var(--color-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.conv-name{color:var(--color-navy);font-size:.75rem;font-weight:600}.conv-msg{color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.7rem;overflow:hidden}.conv-time{color:var(--color-gray-400);white-space:nowrap;margin-left:auto;font-size:.625rem}.whatsapp-bubble{background:var(--color-white);box-shadow:var(--shadow-elevated);z-index:2;border-radius:16px;max-width:300px;padding:16px;position:absolute;bottom:-20px;left:-40px}.wa-header{font-size:var(--fs-small);color:#25d366;align-items:center;gap:6px;margin-bottom:10px;font-weight:700;display:flex}.wa-icon{font-size:1.125rem}.wa-msg{border-radius:12px;max-width:240px;margin-bottom:6px;padding:8px 12px;font-size:.8rem;line-height:1.4}.wa-guest{background:var(--color-gray-100);color:var(--color-navy)}.wa-ai{color:var(--color-navy);background:#dcf8c6;margin-left:auto}.stat-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 32px;display:grid}.stat-card{background:var(--color-white);border-radius:var(--card-radius);box-shadow:var(--shadow-card);border-left:4px solid var(--color-red);text-align:center;padding:32px 24px}.stat-card .stat-number{color:var(--color-red);margin-bottom:8px}.stat-label{color:var(--color-navy);margin-bottom:4px;font-weight:600}.stat-sub{font-size:var(--fs-small);color:var(--color-gray-500);margin-bottom:8px}.stat-source{color:var(--color-gray-400);font-size:.7rem;font-style:italic}.pain-body{text-align:center;font-size:var(--fs-large);color:var(--color-gray-600);max-width:680px;margin:0 auto;line-height:1.7}.pain-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;margin-bottom:40px;display:grid}.pain-card{background:var(--color-white);border-radius:var(--card-radius);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;height:100%;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.pain-card:hover{box-shadow:var(--shadow-card);border-color:#ef4444;transform:translateY(-4px)}.pain-icon{background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.5rem;display:flex}.pain-title{color:var(--color-navy);margin-bottom:12px;font-size:1.125rem;font-weight:700;line-height:1.4}.pain-desc{font-size:var(--fs-small);color:var(--color-gray-600);flex-grow:1;margin-bottom:20px;line-height:1.6}.pain-result{color:#ef4444;border-top:1px solid var(--color-gray-100);align-items:center;gap:8px;padding-top:16px;font-size:.8rem;font-weight:700;display:flex}.solution-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.solution-visual{justify-content:center;display:flex}.solution-content h2{margin-bottom:32px}.feature-list{flex-direction:column;gap:20px;display:flex}.feature-item{align-items:flex-start;gap:14px;display:flex}.feature-icon{background:var(--color-green-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.feature-item strong{color:var(--color-navy);margin-bottom:2px;display:block}.feature-item p{font-size:var(--fs-small);color:var(--color-gray-600);line-height:1.5}.proof-strip{padding:60px 0}.proof-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:40px;display:grid}.proof-stat .stat-number{color:var(--color-white);margin-bottom:8px;display:block}.proof-label{font-size:var(--fs-small);color:#fff9}.proof-quote{text-align:center;font-style:italic;font-size:var(--fs-large);color:#fffc;max-width:700px;margin:0 auto;line-height:1.7}.proof-quote cite{font-style:normal;font-size:var(--fs-small);color:#ffffff80;margin-top:12px;display:block}.steps-grid{justify-content:center;align-items:flex-start;gap:0;margin-top:48px;display:flex}.step-card{background:var(--color-white);border-radius:var(--card-radius);box-shadow:var(--shadow-card);text-align:center;max-width:320px;transition:transform var(--transition-base),box-shadow var(--transition-base);flex:1;padding:32px 24px}.step-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.step-number{background:var(--color-green);color:#fff;width:40px;height:40px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.125rem;font-weight:700;display:flex}.step-icon{margin-bottom:12px;font-size:2rem}.step-card h3{margin-bottom:8px}.step-card p{font-size:var(--fs-small);color:var(--color-gray-600);line-height:1.6}.step-connector{align-items:center;padding-top:50px;display:flex}.roi-calc{text-align:left;margin-top:40px}.roi-inputs{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.roi-input-group{flex-direction:column;gap:8px;display:flex}.roi-input-group label{color:var(--color-navy);font-weight:600;font-size:var(--fs-small)}.roi-slider{appearance:none;background:var(--color-gray-200);border-radius:4px;outline:none;width:100%;height:8px}.roi-slider::-webkit-slider-thumb{appearance:none;background:var(--color-green);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #22c55e4d}.roi-slider::-moz-range-thumb{background:var(--color-green);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #22c55e4d}.roi-value{font-family:var(--font-display);color:var(--color-navy);font-size:1.25rem;font-weight:700}.roi-input-wrap{color:var(--color-navy);align-items:center;gap:8px;font-weight:600;display:flex}.roi-number-input{border:2px solid var(--color-gray-200);font-size:var(--fs-body);width:140px;color:var(--color-navy);transition:border-color var(--transition-fast);border-radius:8px;padding:10px 14px;font-weight:600}.roi-number-input:focus{border-color:var(--color-green);outline:none}.roi-result{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.roi-result-card{border:2px solid var(--color-green);border-radius:var(--card-radius);text-align:center;padding:24px}.roi-result-label{font-size:var(--fs-small);color:var(--color-gray-600);margin-bottom:8px}.roi-result-number{font-family:var(--font-display);color:var(--color-green);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.roi-note{font-size:var(--fs-small);color:var(--color-gray-500);text-align:center}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-question{text-align:left;width:100%;font-weight:600;font-size:var(--fs-body);color:var(--color-navy);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.faq-question:hover{color:var(--color-green)}.faq-chevron{transition:transform var(--transition-base);color:var(--color-gray-400);flex-shrink:0}.faq-answer{max-height:0;padding:0;transition:max-height .3s ease-out,padding .3s ease-out;overflow:hidden}.faq-answer p{font-size:var(--fs-small);color:var(--color-gray-600);padding-bottom:20px;line-height:1.7}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-item.open .faq-answer{max-height:400px;padding:0}.final-cta{padding:100px 0;position:relative;overflow:hidden}.final-cta-pattern{pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}@media (max-width:768px){.hero{min-height:auto;padding:100px 0 60px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1}.whatsapp-bubble{margin-top:16px;position:relative;bottom:0;left:0}.stat-grid,.solution-grid{grid-template-columns:1fr}.solution-visual{order:-1}.proof-stats{grid-template-columns:repeat(2,1fr);gap:24px}.steps-grid{flex-direction:column;align-items:center;gap:16px}.step-card{max-width:100%}.roi-result{grid-template-columns:1fr}}