.product-hero{padding:140px 64px 100px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1360px;margin:0 auto}.product-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#fd823e14;border:1px solid rgba(253,130,62,.22);padding:5px 12px;border-radius:100px;margin-bottom:28px}.product-hero h1{font-family:Playfair Display,Georgia,serif;font-size:58px;font-weight:400;line-height:1.06;letter-spacing:-1.5px;color:var(--primary);margin-bottom:22px}.product-hero h1 em,.product-hero h1 .highlight-orange{font-style:italic;color:var(--accent)}.highlight-orange{font-weight:700;color:var(--accent)}.highlight-orange-italic{font-style:italic;color:var(--accent)}.product-hero-sub{font-size:16px;font-weight:300;line-height:1.72;color:var(--muted);max-width:440px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:12px;margin-bottom:40px}.product-hero .btn-primary{font-size:14px;font-weight:500;color:#fff;background:var(--primary);padding:12px 28px;border-radius:9px;text-decoration:none;border:1.5px solid var(--primary);transition:background .18s;letter-spacing:.01em}.product-hero .btn-primary:hover{background:#3a3a3b}.product-hero .btn-outline{font-size:14px;font-weight:400;color:var(--primary);background:transparent;padding:11px 26px;border-radius:9px;text-decoration:none;border:1.5px solid var(--border);transition:border-color .18s,background .18s}.product-hero .btn-outline:hover{border-color:#2626274d;background:#26262708}.hero-integrations{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-integrations-label{font-size:12px;color:var(--muted)}.integration-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--primary);background:#fff;border:1px solid var(--border);padding:4px 10px;border-radius:100px;box-shadow:var(--shadow-xs)}.product-hero-visual .ui-placeholder{min-height:460px;border-radius:20px;box-shadow:var(--shadow-lg)}.product-hero-visual .hero-image{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:20px;box-shadow:var(--shadow-lg);display:block}.bt-section{padding:96px 64px;background:var(--bg)}.bt-inner{max-width:1360px;margin:0 auto}.bt-header{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:52px}.bt-header h2{font-family:Playfair Display,Georgia,serif;font-size:50px;font-weight:400;line-height:1.08;letter-spacing:-1.2px;color:var(--primary);max-width:500px;margin-bottom:0}.bt-header h2 em{font-style:italic;color:var(--accent)}.bt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-whatsapp{padding:96px 64px;background:#faf8f5;max-width:100%;margin:0 auto}.why-whatsapp-header{max-width:1360px;margin:0 auto 80px}.why-whatsapp-header .section-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:20px}.why-whatsapp-header h2{font-size:48px;font-family:Playfair Display,Georgia,serif;font-weight:400;color:var(--primary);margin:0 0 24px;line-height:1.2}.why-whatsapp-header h2 em{font-style:italic;color:var(--accent)}.why-whatsapp-header p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;max-width:700px}.stats-container{max-width:1360px;margin:0 auto 80px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;background:#faf8f5;border:1px solid rgba(38,38,39,.08);border-radius:16px;padding:0}.stat-column{padding:40px 32px;display:flex;flex-direction:column;gap:8px;text-align:left}.stat-value{font-size:48px;font-family:Playfair Display,Georgia,serif;font-weight:400;color:var(--accent);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--primary);letter-spacing:.06em}.stat-description{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 0}.stat-divider{width:1px;background:#26262714}.features-container{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#faf8f5;border:1px solid rgba(38,38,39,.08);border-radius:16px;overflow:hidden}.feature-column{padding:40px 32px;display:flex;flex-direction:column;gap:12px;text-align:left;background:#faf8f5}.feature-column h4{font-size:16px;font-weight:600;color:var(--primary);margin:0;line-height:1.3}.feature-column p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.feature-column-accent{background:#fd823e14}.feature-column-accent h4{color:var(--accent)}.feature-column-accent p{color:var(--primary)}.feature-divider{width:1px;background:#26262714}@media(max-width:1024px){.why-whatsapp{padding:80px 48px}.why-whatsapp-header{margin-bottom:64px}.why-whatsapp-header h2{font-size:40px}.stats-container{margin-bottom:64px}.stat-column{padding:32px 24px}.stat-value{font-size:40px}.feature-column{padding:32px 24px}}@media(max-width:768px){.why-whatsapp{padding:64px 20px}.why-whatsapp-header{margin-bottom:48px}.why-whatsapp-header h2{font-size:32px;letter-spacing:-.5px}.stats-container{grid-template-columns:1fr;margin-bottom:48px}.stat-divider{display:none}.stat-column{padding:28px 20px;border-bottom:1px solid rgba(38,38,39,.08)}.stat-column:last-child{border-bottom:none}.features-container{grid-template-columns:1fr}.feature-divider{display:none}.feature-column{padding:28px 20px;border-bottom:1px solid rgba(38,38,39,.08)}.feature-column:last-child{border-bottom:none}.stat-value{font-size:36px}.feature-column h4{font-size:15px}.feature-column p{font-size:12px}}.campaigns-automation{padding:96px 64px;background:#faf8f5;max-width:100%;margin:0 auto}.campaigns-automation-header{max-width:1360px;margin:0 auto 64px}.campaigns-automation-header .section-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:16px}.campaigns-automation-header h2{font-size:48px;font-family:Playfair Display,Georgia,serif;font-weight:400;color:var(--primary);margin:0 0 20px;line-height:1.2}.campaigns-automation-header h2 em{font-style:italic;color:var(--accent)}.campaigns-automation-header p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;max-width:700px}.campaigns-container{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:flex-start}.campaigns-tabs{display:flex;flex-direction:column;gap:16px}.tab-card{padding:32px;border-radius:16px;border:1.5px solid;cursor:pointer;transition:all .3s ease}.tab-card-active{background:#fff;border-color:var(--accent)}.tab-card-inactive{background:#f0ebe5;border-color:#e0d9d0}.tab-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.tab-card-active .tab-eyebrow{color:var(--accent)}.tab-card-inactive .tab-eyebrow{color:var(--muted)}.tab-card h3{font-size:18px;font-weight:600;color:var(--primary);margin:0;line-height:1.3}.tab-content{overflow:hidden;max-height:500px;transition:all .3s ease}.tab-card-inactive .tab-content{max-height:0;visibility:hidden;opacity:0}.tab-card-active .tab-content{max-height:500px;visibility:visible;opacity:1}.tab-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:16px 0 12px}.tab-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tab-bullets li{font-size:13px;color:var(--muted);padding-left:20px;position:relative}.tab-bullets li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.campaigns-mockup-sticky{position:sticky;top:40px}.mockup-panel{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);display:none}.mockup-panel.active{display:block}.mockup-header{padding:16px 20px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.mockup-section{padding:16px 20px;border-bottom:1px solid #f0ebe5}.mockup-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:8px}.mockup-segment-row{background:#fff5e6;padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--primary)}.segment-count{color:var(--accent);font-weight:600}.mockup-exclusion{margin-top:8px;padding:8px 12px;border:1px dashed #d4c9be;border-radius:6px;font-size:12px}.exclusion-badge{color:var(--muted)}.whatsapp-bubble{background:#e7f5e9;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;color:var(--primary)}.accent-text{color:var(--accent);font-weight:600}.mockup-row{display:flex;gap:8px}.mockup-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--primary)}.mockup-button{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.mockup-button:hover{opacity:.9}.mockup-footer{padding:16px 20px;background:#faf8f5;display:flex;gap:24px;border-top:1px solid var(--border)}.footer-stat{display:flex;flex-direction:column;gap:4px}.footer-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.footer-value{font-size:16px;font-weight:600;color:var(--accent)}.flow-canvas{padding:24px;display:flex;flex-direction:column;align-items:center;gap:0}.flow-node{background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px 16px;text-align:center;min-width:140px;position:relative}.trigger-node{background:#fff5e6;border-color:var(--accent)}.action-node{background:#e7f5e9;border-color:#4caf50}.split-node{background:#fff9e6;border-color:#ffc107}.wait-node{background:#fff;border-color:var(--border)}.node-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:4px}.node-value{display:block;font-size:13px;font-weight:500;color:var(--primary)}.delivery-badge{display:block;font-size:10px;color:#4caf50;margin-top:6px;font-weight:600}.split-label{color:#f57f17}.split-condition{display:block;font-size:12px;color:var(--primary);margin-top:6px}.flow-line{width:2px;height:20px;background:linear-gradient(to bottom,var(--border),var(--border));margin:0}.flow-branches{display:flex;gap:24px;margin-top:20px;width:100%;justify-content:center}.flow-branch{display:flex;flex-direction:column;align-items:center;gap:12px}.branch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:4px}.yes-label{background:#4caf501a;color:#4caf50}.no-label{background:#9e9e9e1a;color:var(--muted)}.branch-node{min-width:120px}.yes-node{background:#4caf500d;border-color:#4caf50}.no-node{background:#f5f5f5;border-color:var(--border)}.architecture-section{padding:96px 64px;background:var(--bg);max-width:100%;margin:0 auto}.architecture-header{max-width:1360px;margin:0 auto 64px}.architecture-header .section-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:16px}.architecture-header h2{font-size:48px;font-family:Playfair Display,Georgia,serif;font-weight:400;color:var(--primary);margin:0 0 24px;line-height:1.2}.architecture-header h2 em{font-style:italic;color:var(--accent)}.architecture-header p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;max-width:800px}.architecture-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.architecture-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px}.card-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--accent);letter-spacing:.08em}.architecture-card h3{font-size:18px;font-weight:600;color:var(--primary);margin:0;line-height:1.3}.architecture-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}@media(max-width:1200px){.architecture-grid{grid-template-columns:repeat(2,1fr)}.campaigns-container{grid-template-columns:1fr;gap:40px}.campaigns-mockup-sticky{position:static}}@media(max-width:1024px){.architecture-section{padding:80px 48px}.architecture-header{margin-bottom:56px}.architecture-header h2{font-size:40px}.architecture-grid{gap:20px}.architecture-card{padding:28px}.campaigns-automation{padding:80px 48px}.campaigns-automation-header{margin-bottom:56px}.campaigns-automation-header h2{font-size:40px}.campaigns-container{gap:36px}}@media(max-width:768px){.architecture-section{padding:64px 20px}.architecture-header{margin-bottom:48px}.architecture-header h2{font-size:32px;letter-spacing:-.5px}.architecture-grid{grid-template-columns:1fr;gap:16px}.architecture-card{padding:24px}.campaigns-automation{padding:64px 20px}.campaigns-automation-header{margin-bottom:48px}.campaigns-automation-header h2{font-size:32px;letter-spacing:-.5px}.campaigns-container{grid-template-columns:1fr;gap:32px}.tab-card{padding:24px}.mockup-panel{max-height:400px}.flow-canvas{padding:16px}.flow-node{min-width:120px;padding:12px 14px;font-size:12px}.node-value{font-size:12px}.flow-branches{gap:16px}}@media(max-width:1024px){.product-hero{padding:110px 32px 80px;gap:48px}.product-hero h1{font-size:46px}.bt-section{padding:80px 32px}.bt-grid{grid-template-columns:repeat(2,1fr)}.bt-header{flex-direction:column;align-items:flex-start;gap:20px}.bt-header h2{font-size:36px}}@media(max-width:768px){.product-hero{grid-template-columns:1fr;padding:88px 20px 64px}.product-hero h1{font-size:36px;letter-spacing:-1px}.product-hero-sub{max-width:100%}.hero-actions{flex-direction:column;width:100%;gap:10px}.product-hero .btn-primary,.product-hero .btn-outline{width:100%;text-align:center;padding:14px 20px;font-size:15px}.product-hero-visual .ui-placeholder{min-height:260px}.campaigns-automation{padding:64px 20px}.campaigns-automation-header{margin-bottom:48px}.campaigns-automation-header h2{font-size:32px;letter-spacing:-.5px}.campaigns-automation-cards{grid-template-columns:1fr;gap:0}.divider{display:none}.campaign-card{padding:28px 0;border-bottom:1px solid var(--border)}.campaign-card:last-child{border-bottom:none}.campaigns-mockup{padding-top:40px}.campaigns-mockup .ui-placeholder{min-height:320px}}
