:root{
  --green:#76B900;
  --green-600:#5E9A00;
  --green-700:#4a7500;
  --green-50:#EEF6DF;
  --green-100:#DDEFBE;
  --bg:#F5F6F9;
  --card:#FFFFFF;
  --line:#DFE3EA;
  --line-soft:#ECEFF3;
  --ink:#14171C;
  --muted:#5B6270;
  --muted-2:#8A909B;
  --dark:#0B2A17;
  --dark-2:#0F3620;
  --red:#D93025;
  --orange:#F07A12;
  --blue:#2563EB;
  --radius:16px;
  --shadow:0 1px 2px rgba(20,23,28,.04),0 8px 24px -12px rgba(20,23,28,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;letter-spacing:-.025em;line-height:1.08}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.icon{width:20px;height:20px;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Logo ---------- */
.logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1;color:var(--ink)}
.logo-word{font-weight:800;font-size:30px;letter-spacing:-.04em}
.logo-word .dot{color:var(--green)}
.logo-cx{font-weight:800;font-size:14px;color:var(--green-600);letter-spacing:.02em;margin-top:-2px}
.logo.light{color:#fff}
.logo-img{height:46px;width:auto}
.footer .logo-img{height:42px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px;padding:14px 22px;border-radius:10px;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;white-space:nowrap}
.btn-primary{background:linear-gradient(180deg,#6FB100,#579000);color:#fff;box-shadow:0 8px 20px -10px rgba(87,144,0,.8)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(87,144,0,.9)}
.btn-outline{background:#fff;color:var(--ink);border-color:#CFD4DC}
.btn-outline:hover{border-color:var(--ink)}
.btn-ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost-dark:hover{border-color:#fff}
.btn-sm{padding:10px 18px;font-size:14px}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,246,249,.88);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.scrolled{border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;gap:40px;height:76px}
.nav-links{display:flex;gap:30px;flex:1;font-size:14px;font-weight:500;color:#2B3038}
.nav-links > li{position:relative}
.nav-links a,.nav-links button{display:inline-flex;align-items:center;gap:4px;padding:8px 0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.nav-links a:hover,.nav-links button:hover{color:var(--green-700)}
.nav-links .chev{width:14px;height:14px}
.dropdown{position:absolute;top:100%;left:-16px;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none}
.nav-links li:hover .dropdown,.nav-links li:focus-within .dropdown{display:block}
.dropdown a{display:block;padding:10px 12px;border-radius:8px;font-size:14px}
.dropdown a:hover{background:var(--bg)}
.nav-cta{display:flex;gap:12px}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{display:none}

/* ---------- Hero ---------- */
.hero{padding:40px 0 36px}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--green-50);border:1px solid var(--green-100);padding:6px 12px;border-radius:999px}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:800;margin:14px 0 18px;letter-spacing:-.035em;line-height:1.02}
.hero h1 .accent{color:var(--green-600)}
.hero-lead{font-size:16px;color:#3A404A;max-width:500px;margin-bottom:26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.checks{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.checks li{display:flex;align-items:center;gap:6px}
.checks .icon{width:15px;height:15px;color:var(--green-600)}

/* App screenshot */
.hero-shot{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(11,42,23,.28)) drop-shadow(0 8px 14px rgba(11,42,23,.18))}
/* App mockup (dark) */
.app{background:#0E1612;border-radius:18px;box-shadow:0 40px 80px -30px rgba(11,42,23,.55),0 0 0 1px rgba(255,255,255,.04) inset;color:#E6ECE8;overflow:hidden;font-size:12px}
.app-top{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid #1E2A23}
.app-top .grid-ic{width:18px;height:18px;color:#9FB0A6}
.app-top .logo-word{font-size:20px;color:#fff}
.app-top .logo-cx{font-size:9px;color:var(--green)}
.app-search{flex:1;white-space:nowrap;overflow:hidden;min-width:0;display:flex;align-items:center;gap:8px;background:#16201B;border:1px solid #213029;border-radius:8px;padding:8px 12px;color:#7D8C84;font-size:11px}
.app-search .icon{width:14px;height:14px}
.app-top-ic{display:flex;gap:10px;color:#9FB0A6}
.app-top-ic .icon{width:16px;height:16px}
.app-team{display:flex;align-items:center;gap:6px;background:#16201B;border:1px solid #213029;border-radius:8px;padding:6px 10px;font-size:11px;color:#CFD8D3}
.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}
.app-body{display:grid;grid-template-columns:44px 190px minmax(0,1fr) 172px;min-height:390px}
.app-rail{border-right:1px solid #1E2A23;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;color:#6F8078}
.app-rail .icon{width:17px;height:17px}
.app-rail .on{color:var(--green)}
.app-list{border-right:1px solid #1E2A23;padding:14px 10px}
.app-list-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#fff;padding:0 6px 10px}
.badge-g{background:var(--green);color:#0B2A17;font-size:10px;font-weight:800;padding:1px 6px;border-radius:6px}
.app-tabs{display:flex;gap:6px;white-space:nowrap;padding:0 6px 10px;font-size:10px;color:#8A9A92}
.app-tabs span{padding:3px 8px;border-radius:6px}
.app-tabs .on{background:var(--green);color:#0B2A17;font-weight:700}
.conv{display:flex;gap:9px;align-items:center;padding:8px 6px;border-radius:9px}
.conv.on{background:#1A2A21}
.conv b{display:block;font-size:11px;color:#fff;font-weight:700}
.conv small{display:block;font-size:10px;color:#7D8C84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.conv .t{margin-left:auto;font-size:9px;color:#6F8078;text-align:right}
.conv .unread{display:block;margin-top:3px;margin-left:auto;width:15px;height:15px;border-radius:50%;background:var(--green);color:#0B2A17;font-size:9px;font-weight:800;text-align:center;line-height:15px}
.app-chat{display:flex;flex-direction:column;border-right:1px solid #1E2A23}
.chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #1E2A23}
.chat-h b{font-size:12px;color:#fff;display:block}
.tag-client{font-size:9px;background:var(--green);color:#0B2A17;font-weight:700;padding:1px 6px;border-radius:5px}
.chat-h-ic{margin-left:auto;display:flex;gap:10px;color:#8A9A92}
.chat-h-ic .icon{width:15px;height:15px}
.chat-msgs{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:78%;padding:9px 11px;border-radius:10px;font-size:11px;line-height:1.4;position:relative}
.msg time{display:block;text-align:right;font-size:9px;opacity:.65;margin-top:3px}
.msg.in{background:#1A2520;align-self:flex-start;border-top-left-radius:3px}
.msg.out{background:#1C6B33;align-self:flex-end;border-top-right-radius:3px;color:#EAF7EC}
.msg.file{display:flex;gap:10px;align-items:center}
.pdf{width:30px;height:34px;border-radius:5px;background:#E5484D;color:#fff;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center}
.chat-input{display:flex;gap:8px;align-items:center;margin:0 14px 14px;background:#16201B;border:1px solid #213029;border-radius:9px;padding:7px 7px 7px 12px;color:#6F8078;font-size:11px}
.chat-input .send{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#0B2A17}
.chat-input .send .icon{width:13px;height:13px}
.app-side{padding:12px}
.side-tabs{display:flex;gap:8px;white-space:nowrap;overflow:hidden;font-size:10px;color:#7D8C84;border-bottom:1px solid #1E2A23;padding-bottom:8px;margin-bottom:12px}
.side-tabs .on{color:#fff;font-weight:700;border-bottom:2px solid var(--green);padding-bottom:6px;margin-bottom:-9px}
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;color:#8A9A92;margin-bottom:5px}
.field .val{display:flex;align-items:center;gap:6px;background:#16201B;border:1px solid #213029;border-radius:7px;padding:7px 9px;font-size:11px;color:#E6ECE8}
.field .val .icon{width:12px;height:12px;margin-left:auto;color:#7D8C84}
.field .val .dot-y{width:7px;height:7px;border-radius:50%;background:#F5B301}
.field .money{font-weight:700;font-size:13px;color:#fff}
.side-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--green);color:#0B2A17;font-weight:700;font-size:11px;padding:9px;border-radius:8px;margin-top:6px}
.side-btn .icon{width:12px;height:12px}

/* ---------- Channels ---------- */
.channels{padding:28px 0 18px}
.channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.channel{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(20,23,28,.03);transition:transform .15s,box-shadow .15s}
.channel:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.channel svg{width:30px;height:30px;flex-shrink:0}
.channel b{display:block;font-size:13px;font-weight:700}
.channel small{display:block;font-size:11px;color:var(--muted)}

/* ---------- Clients ---------- */
.clients{padding:12px 0 36px}
.clients-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 28px 26px}
.clients-card p{text-align:center;font-weight:700;font-size:14px;margin-bottom:18px}
.client-logos{display:flex;align-items:center;justify-content:space-between;gap:24px 32px;flex-wrap:wrap}
.client-logos img{width:auto;max-width:170px;object-fit:contain;opacity:.85;transition:opacity .2s}
.client-logos img:hover,.client-logos .wm:hover{opacity:1}
.client-logos .wm{opacity:.85}
/* text fallbacks until real logo files are uploaded */
.wm{color:#1D2127;transition:opacity .2s;line-height:1;text-align:center}
.wm small{display:block;font-size:7px;letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-weight:600}
.wm-amato{font-family:Georgia,serif;font-size:22px}
.wm-souza{font-weight:800;font-size:22px;letter-spacing:.04em}
.wm-souza small{font-size:13px;letter-spacing:0;text-transform:none;font-weight:500}
.wm-lima{font-weight:800;font-size:22px;letter-spacing:.02em}
.wm-aguia{font-weight:800;font-style:italic;font-size:24px;letter-spacing:.02em}
.wm-blk{font-weight:800;font-size:34px;letter-spacing:-.02em}
.wm-am{font-weight:800;font-size:17px;letter-spacing:.01em}
.wm-nac{font-family:Georgia,serif;font-size:12px;letter-spacing:.12em;text-align:left;line-height:1.2}

/* ---------- Sections ---------- */
.section{padding:32px 0}
.section-h2{font-size:clamp(28px,3.2vw,36px);font-weight:800}
.section-sub{font-size:15px;color:var(--muted);max-width:560px;margin-top:10px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.link-more{display:inline-flex;align-items:center;gap:6px;color:var(--green-700);font-weight:700;font-size:14px}
.link-more .icon{width:16px;height:16px;transition:transform .15s}
.link-more:hover .icon{transform:translateX(3px)}

/* Before / after */
.ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.ba-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.ba-card h3{font-size:13px;font-weight:800;letter-spacing:.04em;margin-bottom:14px}
.ba-card.bad h3{color:var(--red)}
.ba-card.good h3{color:var(--green-600)}
.ba-card li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#3A404A;padding:5px 0}
.ba-card li .icon{width:16px;height:16px;margin-top:2px}
.ba-card.bad .icon{color:var(--red)}
.ba-card.good .icon{color:var(--green-600)}

/* Journey */
.journey-top{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;margin-bottom:22px}
.kanban{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.kanban-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.kanban-h b{font-size:12px}
.kanban-search{flex:1;max-width:260px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:11px;color:var(--muted-2);margin-left:auto}
.kanban-search .icon{width:12px;height:12px}
.kanban-add{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#6FB100,#579000);color:#fff;font-weight:700;font-size:11px;padding:7px 12px;border-radius:8px}
.kanban-add .icon{width:12px;height:12px}
.kanban-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kcol{background:#F7F8FA;border-radius:10px;padding:10px}
.kcol.hl{background:#EEF3FF}
.kcol h4{margin:0;font-size:11px;font-weight:700}
.kcol .sum{font-size:11px;font-weight:700;margin:2px 0 10px}
.kcol.hl .sum{color:var(--blue)}
.kcard{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line-soft);border-radius:8px;padding:7px 8px;margin-top:6px}
.kcard .avatar{width:22px;height:22px;font-size:8px}
.kcard b{display:block;font-size:10px}
.kcard small{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted-2)}
.kcard small svg{width:9px;height:9px}

.steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;position:relative}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 10px;text-align:center}
.step:not(:last-child)::after{content:"";position:absolute;right:-15px;top:50%;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376B900' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;transform:translateY(-50%)}
.step .num{width:30px;height:30px;border-radius:50%;background:var(--green-600);color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;margin:-32px auto 10px;box-shadow:0 0 0 4px var(--bg)}
.step .num.blue{background:var(--blue)}
.step b{display:block;font-size:13px;margin-bottom:4px}
.step p{font-size:11.5px;color:var(--muted);line-height:1.4}
.steps{margin-top:26px}

/* Modules */
.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.module{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .15s,box-shadow .15s}
.module:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.module .mic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.module .mic svg{width:26px;height:26px}
.mic.g{background:var(--green-50);color:var(--green-600)}
.mic.o{background:#FFF1E4;color:var(--orange)}
.module h3{font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.module h3 em{font-style:normal;font-size:11px;font-weight:700;color:var(--green-600)}
.module p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.module.dark{background:linear-gradient(145deg,#0B2A17,#124A26);border-color:#0B2A17;color:#fff}
.module.dark p{color:#C9D9CF}
.module.dark .mic{background:rgba(118,185,0,.15);color:#fff;border:1px solid rgba(118,185,0,.5)}
.module.dark .link-more{color:#fff}

/* Segments */
.segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.segment{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.segment:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.segment .ph{aspect-ratio:8/3;background:#E4E8EE center/cover no-repeat}
.segment .ph-art{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);overflow:hidden}
.segment .ph-art::before,.segment .ph-art::after{content:"";position:absolute;border-radius:50%;background:currentColor;opacity:.08}
.segment .ph-art::before{width:160px;height:160px;right:-40px;top:-50px}
.segment .ph-art::after{width:90px;height:90px;left:-20px;bottom:-35px}
.segment .ph-art svg{width:52px;height:52px;position:relative;z-index:1;padding:14px;box-sizing:content-box;background:#fff;border-radius:18px;box-shadow:0 10px 24px -12px rgba(20,23,28,.35);transition:transform .2s}
.segment:hover .ph-art svg{transform:scale(1.06) rotate(-3deg)}
.segment .ph img{width:100%;height:100%;object-fit:cover;color:transparent}
.segment .ph img.missing{visibility:hidden}
.segment .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.segment b{font-size:14px}
.segment p{font-size:12.5px;color:var(--muted);line-height:1.45}
.segment .link-more{margin-top:auto;font-size:13px}

/* Testimonials */
.testimonials{background:radial-gradient(1200px 400px at 50% -10%,#15532C 0%,transparent 60%),linear-gradient(180deg,#0B2A17,#0A2314);color:#fff;padding:48px 0 52px;margin-top:40px}
.testimonials .head{text-align:center;max-width:720px;margin:0 auto 30px}
.pill-dark{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 12px;margin-bottom:12px}
.testimonials h2{font-size:clamp(26px,3vw,34px);font-weight:800}
.testimonials .head p{font-size:13px;color:#BFD1C5;margin-top:10px}
.t-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.t-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 22px 20px;display:flex;gap:14px}
.t-card .q{width:26px;height:26px;color:var(--green);flex-shrink:0}
.t-card blockquote{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#EAF1EC}
.t-card cite{font-style:normal;display:block;font-size:13px;font-weight:700}
.t-card cite span{display:block;font-weight:500;color:#BFD1C5;font-size:12.5px}

/* CTA */
.cta{background:linear-gradient(110deg,#0B2A17 0%,#0F3A1F 55%,#12472A 100%);color:#fff;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}
.cta-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:24px;min-height:320px}
.cta h2{font-size:clamp(28px,3.2vw,38px);font-weight:800;margin:12px 0 10px}
.cta h2 .accent{color:var(--green)}
.cta p{font-size:15px;color:#D2E0D6;margin-bottom:24px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.cta-visual{position:relative;height:320px;align-self:end;min-width:440px}
.cta-visual::before{content:"";position:absolute;right:20px;bottom:0;width:280px;height:250px;background:radial-gradient(closest-side,rgba(118,185,0,.45),rgba(118,185,0,0));pointer-events:none}
.cta-person{position:absolute;right:30px;bottom:0;height:92%;width:auto;max-width:none;object-fit:contain}
.cta-person-ph{position:absolute;right:20px;bottom:0;width:230px;height:290px;border-radius:120px 120px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:12px;color:#BFD1C5;text-align:center;padding:20px}
.float{position:absolute;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);animation:bob 5s ease-in-out infinite}
.float svg{width:24px;height:24px}
.float.wa{background:#25D366;color:#fff;border-radius:50%}
.float.cal{background:#fff;color:var(--blue)}
.float.ig{background:#2A8C4A;color:#fff}
.float.box{background:#fff;color:var(--ink)}
.float.lg{background:var(--green);color:#fff}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.stat{position:absolute;z-index:2;background:#fff;color:var(--ink);border-radius:12px;padding:12px 14px;box-shadow:0 16px 32px -12px rgba(0,0,0,.5);width:150px}
.stat small{display:block;font-size:10px;color:var(--muted)}
.stat b{display:block;font-size:24px;font-weight:800;color:var(--blue);line-height:1.1}
.stat em{font-style:normal;font-size:10px;color:var(--green-600);font-weight:700}


/* FAQ */
.faq{padding:64px 0 56px}
.faq-head{margin-bottom:26px}
.faq-head .section-h2{margin-top:12px}
.faq-head .section-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.faq-item:hover{border-color:#C9CFD8}
.faq-item[open]{border-color:var(--green-100);box-shadow:var(--shadow)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:15px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:12px}
.faq-ic{width:28px;height:28px;border-radius:50%;background:var(--green-50);color:var(--green-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s}
.faq-ic svg{width:14px;height:14px}
.faq-item[open] .faq-ic{transform:rotate(45deg);background:var(--green);color:#fff}
.faq-item p{padding:0 20px 18px;font-size:14px;color:var(--muted);line-height:1.6}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr}}

/* Footer */
.footer{background:var(--bg);padding:40px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.3fr;gap:28px}
.footer p{font-size:13px;color:var(--muted);margin-top:12px;max-width:220px}
.footer h4{margin:0 0 10px;font-size:13px;font-weight:700}
.footer li a{display:block;font-size:13px;color:var(--muted);padding:3px 0}
.footer li a:hover{color:var(--green-700)}
.social{display:flex;gap:10px;margin-bottom:14px}
.social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}
.social a:hover{border-color:var(--ink)}
.social svg{width:16px;height:16px}
.legal{font-size:12px;color:var(--muted)}
.legal a{color:var(--muted)}
.legal a:hover{color:var(--ink)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .app-body{grid-template-columns:44px 190px minmax(0,1fr)}
  .app-side{display:none}
  .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .segments{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:34px}
  .step::after{display:none}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .nav-links,.nav-cta{display:none}
  .menu-toggle{display:inline-flex}
  .mobile-menu.open{display:block;border-top:1px solid var(--line);background:#fff;padding:12px 24px 20px}
  .mobile-menu a{display:block;padding:12px 0;font-weight:600;border-bottom:1px solid var(--line-soft)}
  .mobile-menu .btn{width:100%;margin-top:12px}
  .hero-grid,.journey-top,.cta-grid{grid-template-columns:1fr}
  .ba,.t-grid{grid-template-columns:1fr}
  .client-logos{justify-content:center}
  .cta-visual{height:280px;min-width:0}
  .cta-visual .float,.cta-visual .stat{display:none}
  .cta-person{right:50%!important;transform:translateX(50%)}
  .cta-visual::before{right:50%;transform:translateX(50%)}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .app-body{grid-template-columns:minmax(0,1fr)}
  .app-rail,.app-list{display:none}
  .app-top .app-top-ic,.app-team{display:none}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modules,.segments{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kanban{overflow-x:auto}
  .kanban-cols{min-width:560px}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .hero-actions .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== CRM page ===== */
.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted-2);padding:18px 0 0}
.crumbs a:hover{color:var(--green-700)}
.crumbs svg{width:12px;height:12px}
.crumbs .cur-sec{color:var(--green-600);font-weight:600}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.pill.sm{font-size:10.5px;padding:5px 11px}

.p-hero{position:relative;overflow-x:clip;padding:26px 0 40px}
.p-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.p-hero h1{font-size:clamp(36px,4.2vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:16px 0 18px}
.p-hero h1 .accent{color:var(--green-600)}
.p-hero .hero-lead{max-width:430px}
.p-hero .hero-actions{flex-wrap:nowrap}
.p-hero .hero-actions .btn{padding:14px 20px}
.p-hero .checks{gap:8px 18px;font-size:12.5px}
@media (max-width:1100px){.p-hero .hero-actions{flex-wrap:wrap}}
.p-hero-visual{position:relative}
.p-hero-visual::before{content:"";position:absolute;left:-60px;top:-40px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(118,185,0,.28),rgba(118,185,0,0));z-index:0}
.p-hero-visual .dk{position:relative;z-index:1}

/* dark kanban mock */
.dk{background:#0E1612;border-radius:18px;color:#E6ECE8;overflow:hidden;font-size:11px;box-shadow:0 40px 80px -30px rgba(11,42,23,.55),0 0 0 1px rgba(255,255,255,.04) inset}
.dk-top{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #1E2A23}
.dk-ic{width:16px;height:16px;color:#9FB0A6}
.dk-logo{height:24px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 0 0 #fff)}
.dk-search{flex:1;display:flex;align-items:center;gap:8px;background:#16201B;border:1px solid #213029;border-radius:8px;padding:7px 11px;color:#7D8C84;font-size:10.5px;white-space:nowrap;overflow:hidden;min-width:0}
.dk-search svg,.dk-tools svg,.dk-team svg{width:13px;height:13px;flex-shrink:0}
.dk-tools{display:flex;gap:10px;color:#9FB0A6}
.dk-team{display:flex;align-items:center;gap:6px;background:#16201B;border:1px solid #213029;border-radius:8px;padding:6px 10px;font-size:10.5px;color:#CFD8D3;white-space:nowrap}
.dk-me{width:26px;height:26px;font-size:9px;background:#F3E2C4;color:#3B2A10}
.dk-body{display:flex}
.dk-rail{width:42px;border-right:1px solid #1E2A23;display:flex;flex-direction:column;align-items:center;gap:15px;padding:14px 0;color:#6F8078}
.dk-rail svg{width:16px;height:16px}
.dk-rail svg.on{color:var(--green)}
.dk-main{flex:1;min-width:0;padding:14px}
.dk-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dk-title b{font-size:13px;color:#fff}
.dk-btn{display:inline-flex;align-items:center;gap:5px;background:var(--green);color:#0B2A17;font-weight:700;font-size:10px;padding:6px 10px;border-radius:7px}
.dk-btn svg{width:11px;height:11px}
.dk-cols{display:grid;gap:10px}
.dk-col{background:#141E19;border:1px solid #1C2922;border-radius:10px;padding:9px;min-width:0}
.dk-col-h{display:flex;justify-content:space-between;align-items:center}
.dk-col-h b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-col-h span{font-size:10px;color:#9FB0A6;background:#1E2A23;border-radius:6px;padding:1px 6px}
.dk-sum{font-size:10px;color:#8FA197;margin:3px 0 8px}
.dk-col.hl .dk-sum{color:#9BD62C}
.dk-card{display:flex;gap:8px;align-items:center;background:#F7F9F8;color:#14171C;border-radius:8px;padding:7px 8px;margin-top:6px}
.dk-card .avatar{width:24px;height:24px;font-size:8.5px}
.dk-card>div{min-width:0}
.dk-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-card small{display:flex;align-items:center;gap:3px;font-size:9px;color:#6B7280}
.dk-card small svg{width:9px;height:9px}
.dk-card em{display:block;font-style:normal;font-size:9px;color:#4a7500;font-weight:700}

/* Visão completa */
.vc{padding:40px 0}
.vc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.vc h2{margin:14px 0 12px}
.vc .section-sub{max-width:470px}
.vc-list{display:grid;gap:12px;margin:22px 0 26px}
.vc-list li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#2B3038}
.vc-list .ok{width:22px;height:22px;border-radius:50%;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vc-list .ok svg{width:12px;height:12px}

/* Features */
.fx{padding:40px 0}
.fx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:26px}
.fx-head h2{margin-top:12px}
.fx-head p{font-size:15px;color:var(--muted);max-width:420px}
.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feat{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .15s,box-shadow .15s}
.feat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.feat-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-ic svg{width:24px;height:24px}
.feat h3{font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:5px}
.feat p{font-size:13px;color:var(--muted);line-height:1.5}

/* Steps */
.sx{padding:44px 0}
.sx-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.sx h2{margin:14px 0 12px}
.sx-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:24px}
.steps-x{display:flex;align-items:center;gap:6px}
.st{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 1px 2px rgba(20,23,28,.03)}
.st-ic{width:42px;height:42px;border-radius:50%;background:#F4F6F9;display:flex;align-items:center;justify-content:center}
.st-ic svg{width:22px;height:22px}
.st b{font-size:12.5px}
.st small{font-size:10.5px;color:var(--muted-2);line-height:1.3}
.st-arrow{color:var(--green-600);flex-shrink:0}
.st-arrow svg{width:14px;height:14px;display:block}
.st-win{background:linear-gradient(160deg,#6FB100,#4E8A00);border-color:#5E9A00;color:#fff;box-shadow:0 14px 30px -14px rgba(87,144,0,.8);padding:22px 8px}
.st-win .st-ic{background:rgba(255,255,255,.18);color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.st-win small{color:#E6F5CC}

/* Integrations */
.ix{padding:44px 0 0;overflow:hidden}
.ix-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.ix h2{margin:14px 0 12px}
.ix .link-more{margin-top:22px}
.ix-visual{position:relative}
.chan-row{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1}
.ch{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.ch svg{width:24px;height:24px}
.ix-lines{display:block;width:100%;height:58px;color:#B9DD8A}
.ix-shot{position:relative;margin:0 0 0 auto;max-width:92%;height:200px;overflow:hidden;border-radius:16px 16px 0 0}
.ix-shot .dk{border-radius:16px 16px 0 0}
.ix-shot::after{content:"";position:absolute;inset:auto 0 0 0;height:50px;background:linear-gradient(to bottom,rgba(245,246,249,0),var(--bg))}

/* Testimonials */
.tx{padding:56px 0 40px}
.tx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tc{margin:0;display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.tc-av{width:58px;height:58px;border-radius:12px;background:linear-gradient(150deg,#14532D,#0B2A17);color:#9BD62C;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tc blockquote{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#2B3038}
.tc figcaption b{display:block;font-size:13px}
.tc figcaption span{display:block;font-size:12px;color:var(--muted)}

/* FAQ */
.qx{padding:56px 0 56px}
.qx-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.qx h2{margin-top:14px}
.fq-list{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 22px}
.fq{border-bottom:1px solid var(--line-soft)}
.fq:last-child{border-bottom:0}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-weight:600;font-size:14px}
.fq summary::-webkit-details-marker{display:none}
.fq summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.fq-ic{width:16px;height:16px;flex-shrink:0;color:var(--ink);transform:rotate(180deg);transition:transform .2s}
.fq[open] .fq-ic{transform:none}
.fq p{font-size:13.5px;color:var(--muted);line-height:1.55;padding:0 0 16px;margin-top:-4px}

/* CTA (product) */
.pcta{background:linear-gradient(110deg,#0B2A17 0%,#0F3A1F 55%,#12472A 100%);color:#fff;overflow:hidden}
.pcta-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center;min-height:330px}
.pcta h2{font-size:clamp(28px,3.2vw,38px);font-weight:800;margin:14px 0 10px}
.pcta h2 .accent{color:var(--green)}
.pcta p{font-size:15px;color:#D2E0D6;max-width:520px;margin-bottom:24px}
.pcta .checks{margin-top:22px;color:#C9D9CF}
.pcta .checks .icon{color:var(--green)}
.pcta-visual{position:relative;height:300px}
.pcta-chart{position:absolute;right:-40px;bottom:0;width:360px;height:260px;color:var(--green)}
.pcta-panel{position:absolute;right:30px;top:24px;width:230px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);display:flex;overflow:hidden}
.pcta-panel .rail{width:34px;background:#0E1612;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0;color:#7D8C84}
.pcta-panel .rail svg{width:14px;height:14px}
.pcta-panel .rail svg.on{color:var(--green)}
.pcta-panel ul{flex:1;padding:8px 10px}
.pcta-panel li{display:flex;gap:9px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line-soft)}
.pcta-panel li:last-child{border-bottom:0}
.pcta-panel .avatar{width:28px;height:28px;font-size:9px}
.pcta-panel b{display:block;font-size:12px}
.pcta-panel small{display:block;font-size:10.5px;color:var(--muted)}
.pcta .stat{left:0;top:96px;bottom:auto}


@media (max-width:1100px){
  .fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tx-grid{grid-template-columns:1fr}
  .steps-x{flex-wrap:wrap}
}
@media (max-width:900px){
  .p-hero-grid,.vc-grid,.sx-grid,.ix-grid,.qx-grid,.pcta-grid,.fx-head{grid-template-columns:1fr}

  .vc-grid > :first-child{order:2}
  .pcta-visual{height:300px;max-width:420px}
}
@media (max-width:640px){
  .fx-grid{grid-template-columns:1fr}

  .p-hero-visual .dk,.vc .dk,.ix-shot .dk{min-width:620px}
  .p-hero-visual,.vc-visual{overflow:hidden}
  .vc-visual{border-radius:18px}
  .steps-x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .st-arrow{display:none}
  .st-win{grid-column:span 2}
  .chan-row{flex-wrap:wrap;justify-content:center}
  .ix-lines{display:none}
  .ix-shot{max-width:100%;margin-top:18px}
  .pcta-chart{display:none}
  .pcta-panel{right:0}
}

/* ===== Omnichannel page ===== */
.avw{position:relative;display:inline-flex;flex-shrink:0}
.avw .avatar{width:30px;height:30px;font-size:10px}
.avw.sm .avatar{width:26px;height:26px;font-size:9px}
.av-ch{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #fff}
.av-ch svg{width:11px;height:11px;color:var(--ink)}

.ib-list{width:220px;border-right:1px solid #1E2A23;padding:13px 10px;flex-shrink:0}
.ib-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#fff;padding:0 6px 10px}
.ib-conv{display:flex;gap:9px;align-items:center;padding:8px 6px;border-radius:9px}
.ib-conv.on{background:#1A2A21}
.ib-txt{min-width:0;flex:1}
.ib-txt b{display:block;font-size:11px;color:#fff}
.ib-txt small{display:block;font-size:10px;color:#7D8C84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-t{font-size:9px;color:#6F8078;text-align:right}
.ib-t .unread{display:block;margin:3px 0 0 auto;width:15px;height:15px;border-radius:50%;background:var(--green);color:#0B2A17;font-size:9px;font-weight:800;text-align:center;line-height:15px}
.ib-chat{flex:1;min-width:0;display:flex;flex-direction:column}
.ib-chat .chat-h .avatar{width:30px;height:30px}

/* channel strip */
.oc-chans{padding:8px 0 30px}
.oc-chan-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.oc-ch{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s,box-shadow .15s}
.oc-ch:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.oc-ch svg{width:34px;height:34px;margin-bottom:6px;color:var(--ink)}
.oc-ch b{font-size:13.5px}
.oc-ch small{font-size:11.5px;color:var(--muted)}

/* visão geral */
.vg{padding:40px 0}
.vg-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.vg h2{margin:14px 0 12px}
.vg .btn{margin-top:22px}
.vg-mock{display:flex;gap:14px;align-items:flex-start}
.vg-side{display:flex;flex-direction:column;gap:12px;padding-top:2px}
.vg-ic{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px -6px rgba(20,23,28,.18);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.vg-ic svg{width:22px;height:22px}
.vg-panel{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.vg-list{padding:16px 14px;border-right:1px solid var(--line-soft)}
.vg-list h4{margin:0 0 10px;font-size:13px}
.vg-list li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line-soft)}
.vg-list li:last-child{border-bottom:0}
.vg-list li>div{flex:1;min-width:0}
.vg-list b{display:block;font-size:11.5px}
.vg-list small{display:block;font-size:10.5px;color:var(--muted-2)}
.vg-list time{font-size:10px;color:var(--muted-2)}
.vg-chat{position:relative;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:#FAFBFC}
.sk{display:block;height:22px;border-radius:8px;background:#EDF0F4}
.sk.g{background:#CFEBB0}
.vg-me{position:absolute;right:14px;bottom:14px}

/* solid feature icons */
.feat-ic.solid{color:#fff;box-shadow:0 8px 16px -10px rgba(20,23,28,.5)}

/* context / timeline */
.cx{padding:40px 0}
.cx-card{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff}
.cx-dark{background:linear-gradient(150deg,#0B2A17,#0F3A1F);color:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:center;position:relative}
.cx-dark::after{content:"";position:absolute;right:-28px;top:0;bottom:0;width:56px;background:linear-gradient(150deg,#0B2A17,#0F3A1F);transform:skewX(-8deg);z-index:1}
.cx-dark h2{font-size:clamp(26px,2.8vw,32px);font-weight:800;margin-bottom:16px;position:relative;z-index:2}
.cx-dark p{font-size:14.5px;color:#C9D9CF;line-height:1.6;position:relative;z-index:2}
.cx-right{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:center;padding:28px 28px 28px 56px;background:linear-gradient(180deg,#F7F9FB,#fff)}
.tl-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 18px 8px}
.tl-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.tl-head .avatar{width:38px;height:38px;font-size:12px}
.tl-head b{display:block;font-size:13.5px}
.tl-head small{font-size:11.5px;color:var(--muted)}
.tl{position:relative;padding-left:4px}
.tl::before{content:"";position:absolute;left:15px;top:8px;bottom:18px;border-left:2px dashed #D6E7C1}
.tl li{position:relative;display:flex;gap:12px;padding:8px 0}
.tl-ic{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.tl-ic svg{width:14px;height:14px;color:var(--ink)}
.tl b{font-size:12.5px}
.tl time{font-size:11px;color:var(--muted-2)}
.tl p{font-size:12.5px;color:#3A404A;margin-top:2px}
.v360{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center}
.v360 .badge360{background:linear-gradient(160deg,#6FB100,#4E8A00);color:#fff;font-weight:800;font-size:22px;line-height:1.15;padding:18px 22px;border-radius:14px;box-shadow:0 14px 30px -14px rgba(87,144,0,.8)}
.v360 p{font-size:12.5px;color:var(--muted);line-height:1.5}

/* automation */
.au{padding:44px 0}
.au-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.au h2{margin:14px 0 12px}
.au .link-more{margin-top:20px}
.flow{display:grid;grid-template-columns:auto 34px auto 34px minmax(0,1fr);align-items:center}
.fbox{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 14px;text-align:center;width:118px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;font-weight:600;line-height:1.3}
.fbox .fi{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.fbox .fi svg{width:24px;height:24px}
.farrow{height:2px;background:#C9E3A6;position:relative;margin:0 4px}
.farrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #9BD62C;border-right:0}
.fbracket{width:20px;height:100%;}
.fouts{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:22px}
.fouts::before{content:"";position:absolute;left:0;top:22px;bottom:22px;border-left:2px solid #C9E3A6}
.fouts li{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:600;box-shadow:0 1px 2px rgba(20,23,28,.03)}
.fouts li::before{content:"";position:absolute;left:-23px;top:50%;width:22px;border-top:2px solid #C9E3A6}
.fouts li span{width:26px;height:26px;border-radius:8px;background:#EDE4FF;color:#7C3AED;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fouts li span svg{width:15px;height:15px}

/* integrations row */
.in2{padding:28px 0 20px}
.in2-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.in2 h2{margin:14px 0 10px}
.in2 .chan-row{justify-content:flex-end;gap:12px;flex-wrap:wrap}
.in2 .link-more{margin-top:10px}

/* CTA panel */
.ocp{position:absolute;right:0;top:30px;display:flex;gap:12px;align-items:flex-start}
.ocp .vg-side{gap:10px}
.ocp .vg-ic{width:38px;height:38px;border:0;box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.ocp-panel{width:270px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);padding:16px 14px}
.ocp-panel h4{margin:0 0 10px;font-size:14px}
.ocp-panel .app-tabs{padding:0 0 10px;color:var(--muted)}
.ocp-panel li{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line-soft)}
.ocp-panel li>div{flex:1;min-width:0}
.ocp-panel b{display:block;font-size:12px}
.ocp-panel small{display:block;font-size:10.5px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocp-panel time{font-size:10px;color:var(--muted-2)}

.fq-ic.pl{transform:none}
.fq[open] .fq-ic.pl{transform:rotate(45deg)}

@media (max-width:1100px){
  .oc-chan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cx-card{grid-template-columns:1fr}
  .cx-dark::after{display:none}
  .cx-right{padding:28px}
}
@media (max-width:900px){
  .vg-grid,.au-grid,.in2-grid{grid-template-columns:1fr}
  .in2 .chan-row{justify-content:flex-start}
  .ib-list{width:180px}
}
@media (max-width:640px){
  .oc-chan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-hero-visual .dk{min-width:640px}
  .vg-side{display:none}
  .vg .btn{white-space:normal;text-align:center}
  .vg-grid>*{min-width:0}
  .vg-panel{grid-template-columns:1fr}
  .vg-chat{display:none}
  .cx-right{grid-template-columns:1fr;padding:20px}
  .cx-dark{padding:32px 24px}
  .flow{grid-template-columns:1fr;justify-items:center;gap:10px}
  .farrow{width:2px;height:22px;margin:0}
  .farrow::after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid #9BD62C;border-bottom:0}
  .fouts{width:100%;max-width:300px}
  .ocp .vg-side{display:flex}
  .ocp-panel{width:240px}
}

/* ===== Automação page ===== */
.flow-app{display:flex;background:#fff;border-radius:18px;box-shadow:0 40px 80px -30px rgba(11,42,23,.45),0 0 0 1px rgba(20,23,28,.06);position:relative;overflow:visible}
.fl-rail{width:46px;background:#0E1612;border-radius:18px 0 0 18px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:16px 0;color:#7D8C84;flex-shrink:0}
.fl-rail svg{width:16px;height:16px}
.fl-rail svg.on{color:var(--green)}
.fl-canvas{flex:1;min-width:0;padding:14px 18px 22px;background-color:#FBFCFD;background-image:radial-gradient(#E3E7ED 1px,transparent 1px);background-size:14px 14px;border-radius:0 18px 18px 0}
.fl-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.fl-logo{height:22px;width:auto}
.fl-ic{width:16px;height:16px;color:var(--muted)}
.fl-top b{font-size:12.5px}
.fl-on{font-size:10px;font-weight:700;color:#fff;background:var(--green-600);padding:2px 8px;border-radius:6px}
.fl-btn{margin-left:auto;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(180deg,#6FB100,#579000);padding:7px 14px;border-radius:8px}
.tree{display:flex;flex-direction:column;align-items:center}
.nd{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:150px;box-shadow:0 4px 12px -8px rgba(20,23,28,.25)}
.nd-ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nd-ic svg{width:15px;height:15px}
.nd b{display:block;font-size:10.5px;line-height:1.25}
.nd small{display:block;font-size:9.5px;color:var(--muted-2)}
.vl{display:block;width:0;height:12px;border-left:1.6px solid #C7CDD6}
.split{position:relative;width:60%;height:20px;color:#C7CDD6}
.split svg{display:block;width:100%;height:100%}
.br-lbl{position:absolute;top:2px;font-size:9px;font-weight:700;padding:1px 7px;border-radius:5px}
.br-lbl.yes{left:12%;background:#E7F8EE;color:#16A34A}
.br-lbl.no{right:12%;background:#FFE4E4;color:#E5484D}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.cols2 .col{display:flex;flex-direction:column;align-items:center}
.res-card{position:absolute;right:-26px;top:58px;width:170px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(20,23,28,.4);padding:14px}
.res-card>b{display:block;font-size:11.5px}
.res-card>small{font-size:10px;color:var(--muted-2)}
.res-card ul{margin-top:10px;display:grid;gap:12px}
.res-card li{display:flex;gap:10px;align-items:center}
.res-card strong{display:block;font-size:15px;line-height:1.1}
.res-card li small{display:block;font-size:9.5px;color:var(--muted-2)}
.a-hero .p-hero-visual{padding-right:0}
.a-hero .fl-canvas{padding-right:190px}
.a-hero .res-card{right:16px;top:64px}
.a-hero .nd{min-width:138px}

/* bot chat */
.ov{padding:40px 0}
.ov-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.ov h2{margin:14px 0 12px}
.ov h2 .accent{color:var(--green-600)}
.ov .btn{margin-top:22px}
.ov-visual{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:22px;align-items:start}
.bot{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.bot-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}
.bot-av{width:32px;height:32px;border-radius:10px;background:#0E1612;color:var(--green);display:flex;align-items:center;justify-content:center}
.bot-av svg{width:18px;height:18px}
.bot-h b{display:block;font-size:12.5px}
.bot-h small{font-size:10.5px;color:var(--green-600)}
.bot-dots{width:16px;height:16px;margin-left:auto;color:var(--muted-2)}
.bot-body{padding:14px;display:flex;flex-direction:column;gap:10px;background:#FAFBFC}
.bm{display:flex;gap:8px;align-items:flex-start}
.bot-mini{width:22px;height:22px;border-radius:7px;background:#E7F8EE;color:#16A34A;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bot-mini svg{width:13px;height:13px}
.bb{background:#fff;border:1px solid var(--line-soft);border-radius:4px 12px 12px 12px;padding:9px 11px;font-size:11.5px;line-height:1.45;max-width:86%}
.bb time,.bu time{display:block;text-align:right;font-size:9px;color:var(--muted-2);margin-top:2px}
.opts{display:grid;gap:6px;padding-left:30px;max-width:78%}
.opts span{display:block;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px;font-size:11px;font-weight:600}
.opts span.on{background:var(--green-600);border-color:var(--green-600);color:#fff}
.bu{align-self:flex-end;background:#DCF2C2;border-radius:12px 4px 12px 12px;padding:8px 11px;font-size:11.5px;font-weight:600}
.ia h4{margin:0 0 12px;font-size:12px;font-weight:700;color:var(--green-700);display:inline-block;border:1px solid var(--green-100);background:var(--green-50);padding:4px 10px;border-radius:999px}
.ia ul{display:grid;gap:12px}
.ia li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#2B3038}
.ia .ok{width:20px;height:20px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ia .ok svg{width:11px;height:11px}

/* features 4-col vertical */
.fx4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feat.v{flex-direction:column;gap:12px}
.fx-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fx-side p{text-align:left}

/* how it works */
.hw{padding:44px 0}
.hw-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.hw h2{margin:14px 0 12px}
.hw-steps{position:relative;display:grid;gap:22px;margin-top:26px}
.hw-steps::before{content:"";position:absolute;left:17px;top:20px;bottom:20px;border-left:2px solid var(--green-100)}
.hw-steps li{position:relative;display:flex;gap:18px}
.hw-steps .num{width:36px;height:36px;border-radius:50%;background:var(--green-600);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 5px var(--bg)}
.hw-steps b{display:block;font-size:15.5px;margin:6px 0 4px}
.hw-steps p{font-size:13.5px;color:var(--muted);max-width:360px}
.flow-app.sm .nd{min-width:170px}

/* CTA with person */
.acta-visual{position:relative;height:330px;align-self:end}
.acta-visual::before{content:"";position:absolute;right:40px;bottom:0;width:320px;height:300px;background:radial-gradient(closest-side,rgba(118,185,0,.42),rgba(118,185,0,0))}
.acta-person{position:absolute;right:30px;bottom:0;height:94%;width:auto}
.nt{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);border-radius:12px;padding:10px 12px;box-shadow:0 18px 36px -16px rgba(0,0,0,.6);width:190px;z-index:2}
.nt b{display:block;font-size:12px}
.nt small{display:block;font-size:10px;color:var(--muted-2);line-height:1.35}
.nt.n0{left:0;top:30px}.nt.n1{left:-20px;top:126px}.nt.n2{left:10px;top:222px}
.robot{position:absolute;right:0;top:40px;width:54px;height:54px;border-radius:16px;background:#fff;color:#0B2A17;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);z-index:2}
.robot svg{width:30px;height:30px}
.wa-bubble{position:absolute;right:6px;bottom:44px;width:50px;height:50px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);z-index:2}
.wa-bubble svg{width:26px;height:26px}

@media (max-width:1100px){
  .fx4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .res-card{right:-10px}
}
@media (max-width:900px){
  .ov-grid,.hw-grid{grid-template-columns:1fr}
  .fx-side{align-items:flex-start}
  .a-hero .p-hero-visual{padding-right:0}
}
@media (max-width:640px){
  .fx4{grid-template-columns:1fr}
  .ov-visual{grid-template-columns:1fr}
  .flow-app{min-width:560px}
  .p-hero-visual,.hw-visual{overflow-x:hidden}
  .res-card{display:none}
  .a-hero .fl-canvas{padding-right:18px}
  .acta-visual{height:320px}
  .acta-person{right:50%;transform:translateX(50%)}
  .nt.n0{left:0;top:10px}.nt.n1{left:0;top:110px}.nt.n2{left:0;top:210px}
  .nt{width:170px}
}

/* ===== Campanhas page ===== */
.dk .app-tabs{padding:0 0 10px;gap:6px}
.dk .app-tabs span{padding:4px 9px}
.cp-table{background:#F7F9F8;border-radius:10px;overflow:hidden}
.cp-table table{width:100%;border-collapse:collapse;color:#14171C;font-size:10.5px}
.cp-table th{text-align:left;font-weight:600;color:#6B7280;background:#EEF1F0;padding:8px 10px;font-size:9.5px;white-space:nowrap}
.cp-table td{padding:8px 10px;border-top:1px solid #E6EAE8;white-space:nowrap}
.cp-table td:first-child{display:flex;align-items:center;gap:8px;font-weight:600}
.cp-ic{width:20px;height:20px;border-radius:6px;background:#FFEBDD;color:#EA580C;display:flex;align-items:center;justify-content:center}
.cp-ic svg{width:12px;height:12px}
.cp-ch{width:15px;height:15px;color:#14171C;vertical-align:middle}
.stt{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.stt.run{background:#FFF1DE;color:#C2410C}
.stt.done{background:#E3F6E5;color:#15803D}
.stt.sched{background:#E8EEFF;color:#3B5BDB}
.cp-hero .p-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}

/* wizard */
.wz{padding:40px 0}
.wz-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.wz h2{margin:14px 0 12px}
.wz h2 .accent{color:var(--green-600)}
.wz .btn{margin-top:22px}
.wiz{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.wiz-h{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:700;font-size:13.5px;border-bottom:1px solid var(--line-soft)}
.wiz-h svg{width:15px;height:15px;color:var(--green-600)}
.wiz-b{display:grid;grid-template-columns:170px minmax(0,1fr)}
.wiz-steps{position:relative;padding:18px 16px;border-right:1px solid var(--line-soft);display:grid;gap:16px}
.wiz-steps::before{content:"";position:absolute;left:31px;top:30px;bottom:30px;border-left:2px solid var(--line)}
.wiz-steps li{position:relative;display:flex;gap:10px;align-items:center}
.wiz-steps li>span{width:30px;height:30px;border-radius:50%;background:#E6E9EE;color:var(--muted);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 4px #fff}
.wiz-steps li.done>span{background:var(--green-600);color:#fff}
.wiz-steps b{display:block;font-size:12px}
.wiz-steps small{display:block;font-size:10.5px;color:var(--muted-2)}
.wiz-main{padding:18px}
.wiz-main>b{font-size:13px}
.wiz-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.wo{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:14px 6px;font-size:11.5px;font-weight:600}
.wo svg{width:26px;height:26px}
.wo.on{border:2px solid var(--green-600);background:#F6FBEF}
.wiz-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#6FB100,#579000);color:#fff;font-weight:700;font-size:12px;padding:9px 16px;border-radius:8px}
.wiz-btn svg{width:13px;height:13px}

/* segmentation */
.sg{padding:44px 0}
.sg-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.sg h2,.rs h2{margin:14px 0 12px}
.chk{display:grid;gap:12px;margin:20px 0 24px}
.chk li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#2B3038}
.chk .ok{width:22px;height:22px;border-radius:50%;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chk .ok svg{width:12px;height:12px}
.flow-app.seg{overflow:hidden}
.seg-main{flex:1;min-width:0}
.seg-h{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:700;font-size:13px;border-bottom:1px solid var(--line-soft)}
.seg-h svg{width:14px;height:14px;color:var(--green-600)}
.seg-b{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr)}
.seg-f{padding:14px 18px;display:grid;gap:10px;border-right:1px solid var(--line-soft)}
.seg-ft{font-size:12px;display:flex;align-items:center;gap:6px}
.seg-ft svg{width:12px;height:12px;color:var(--green-600)}
.fr{display:grid;grid-template-columns:90px 92px minmax(0,1fr);gap:8px;align-items:center;background:#FAFBFC;border:1px solid var(--line-soft);border-radius:10px;padding:8px}
.fr-l b{display:block;font-size:11px}
.fr-l small{display:block;font-size:9.5px;color:var(--muted-2)}
.sel{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:10.5px;min-width:0}
.sel svg{width:11px;height:11px;color:var(--muted-2);flex-shrink:0}
.chip{font-style:normal;background:#EEF1F5;border-radius:5px;padding:1px 6px;font-size:10px;white-space:nowrap}
.add-f{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--green-700)}
.add-f svg{width:12px;height:12px}
.seg-r{padding:18px 16px;display:flex;flex-direction:column;gap:2px}
.seg-r small{font-size:10.5px;color:var(--muted-2)}
.seg-r strong{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.avs{display:flex;margin:14px 0 auto}
.avs .avatar{width:30px;height:30px;font-size:9px;margin-left:-8px;box-shadow:0 0 0 2px #fff}
.avs .avatar:first-child{margin-left:0}
.seg-r .wiz-btn{margin-top:22px;justify-content:center}

/* results */
.rs{padding:44px 0}
.rs-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.rc{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px}
.rc-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin-bottom:14px}
.rc-h svg{width:14px;height:14px;color:var(--green-600)}
.kps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kp{border:1px solid var(--line-soft);border-radius:10px;padding:10px}
.kp small{display:block;font-size:10.5px;color:var(--muted-2)}
.kp b{display:block;font-size:19px;font-weight:800;margin-top:2px}
.kp em{display:block;font-style:normal;font-size:10px;color:var(--muted-2)}
.kb{display:block;height:5px;border-radius:3px;background:#EEF1F5;margin-top:8px;overflow:hidden}
.kb i{display:block;height:100%;border-radius:3px}
.rc-plot{position:relative;margin-top:14px}
.rc-chart{display:block;width:100%;height:150px}
.rc-tip{position:absolute;left:62%;top:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px 12px}
.rc-tip small{display:block;font-size:9.5px;color:var(--muted-2)}
.rc-tip b{display:block;font-size:17px}

/* CTA */
.cc-visual{position:relative;height:340px;align-self:end}
.cc-visual::before{content:"";position:absolute;right:60px;bottom:0;width:320px;height:300px;background:radial-gradient(closest-side,rgba(118,185,0,.42),rgba(118,185,0,0))}
.cc-person{position:absolute;right:70px;bottom:0;height:94%;width:auto}
.cc-sent{position:absolute;left:10px;top:130px;z-index:2;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);border-radius:12px;padding:12px 14px;box-shadow:0 18px 36px -16px rgba(0,0,0,.6);width:200px}
.cc-sent .nd-ic{width:32px;height:32px;background:#25D366;color:#fff;border-radius:9px}
.cc-sent b{display:block;font-size:12px}
.cc-sent small{display:block;font-size:10.5px;color:var(--muted-2)}
.cc-clicks{position:absolute;right:0;top:150px;z-index:2;background:#fff;color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:0 18px 36px -16px rgba(0,0,0,.6);width:130px}
.cc-clicks b{display:block;font-size:26px;font-weight:800;line-height:1}
.cc-clicks small{display:block;font-size:11px;color:var(--muted-2)}
.cc-clicks em{display:block;font-style:normal;font-size:10.5px;color:var(--green-600);font-weight:700;margin-bottom:8px}
.cc-bars{display:flex;align-items:flex-end;gap:5px;height:34px}
.cc-bars i{display:block;width:12px;border-radius:3px;background:var(--green)}
.cc-wa{position:absolute;left:120px;top:40px;width:44px;height:44px;border-radius:12px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -10px rgba(0,0,0,.6);z-index:2}
.cc-wa svg,.cc-pl svg{width:24px;height:24px}
.cc-pl{position:absolute;right:20px;top:20px;color:var(--green);z-index:2}
.cc-pl svg{width:40px;height:40px}

@media (max-width:1100px){
  .rs-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .wz-grid,.sg-grid{grid-template-columns:1fr}
  .cp-hero .p-hero-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wiz-b{grid-template-columns:1fr}
  .wiz-steps{display:none}
  .flow-app.seg{min-width:0}
  .seg-b{grid-template-columns:1fr}
  .seg-f{border-right:0;border-bottom:1px solid var(--line-soft)}
  .fr{grid-template-columns:1fr 1fr}
  .fr-l{grid-column:span 2}
  .seg .fl-rail{display:none}
  .kps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-tip{left:auto;right:0}
  .cc-person{right:50%;transform:translateX(50%)}
  .cc-sent{left:0;top:auto;bottom:20px;width:180px}
  .cc-clicks{top:40px}
  .cc-wa{left:0;top:10px}
  .cc-pl{display:none}
}

/* ===== Tickets page ===== */
.cp-table.tk td:first-child .avatar{width:20px;height:20px;font-size:7.5px}
.pr{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.pr::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px;vertical-align:1px}
.pr.hi{background:#FFE4E4;color:#DC2626}.pr.md{background:#FFF1DE;color:#C2410C}.pr.lo{background:#E3F6E5;color:#15803D}
.stt.run2{background:#E3F6E5;color:#15803D}.stt.wait{background:#FFF1DE;color:#C2410C}.stt.open{background:#FFF1DE;color:#C2410C}

/* ticket detail */
.tkd{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.tkd-main{padding:16px 18px;border-right:1px solid var(--line-soft)}
.tkd-h{display:flex;align-items:center;gap:10px}
.tkd-h b{font-size:13.5px}
.tkd h4{margin:12px 0 2px;font-size:13px}
.tkd-sub{font-size:11px;color:var(--muted-2)}
.tkd-msgs{display:grid;gap:12px;margin:14px 0}
.tm{display:flex;gap:10px}
.tm .avatar{width:28px;height:28px;font-size:9px}
.tm-ch{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tm-ch svg{width:16px;height:16px}
.tm-b{background:#F6F7F9;border-radius:4px 12px 12px 12px;padding:8px 11px;max-width:85%}
.tm-b b{font-size:11px}
.tm-b time{font-size:9.5px;color:var(--muted-2)}
.tm-b p{font-size:11.5px;color:#3A404A;margin-top:2px}
.att{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin-top:6px}
.att svg{width:16px;height:16px;color:var(--muted)}
.att b{display:block;font-size:10.5px}.att small{display:block;font-size:9.5px;color:var(--muted-2)}
.tkd-reply .rt{display:flex;gap:16px;font-size:11px;color:var(--muted-2);border-bottom:1px solid var(--line-soft);padding-bottom:6px}
.tkd-reply .rt .on{color:var(--ink);font-weight:700;border-bottom:2px solid var(--green);padding-bottom:5px;margin-bottom:-7px}
.rbox{display:flex;justify-content:space-between;align-items:flex-end;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:10px;min-height:62px;font-size:11px;color:var(--muted-2)}
.tkd-side{padding:16px;display:flex;flex-direction:column;gap:9px}
.tkd-side>b{font-size:12.5px}
.dt small{display:block;font-size:10px;color:var(--muted-2)}
.dt span{font-size:11.5px;font-weight:600}
.dt .g{color:var(--green-600)}
.side-out{margin-top:6px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:11px;font-weight:700}

/* flow card */
.fcard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px 20px}
.fcard-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.fcard-h b{font-size:13.5px}
.fcard ul{position:relative}
.fcard ul::before{content:"";position:absolute;left:5px;top:24px;bottom:24px;border-left:2px dashed #D6E7C1}
.fcard li{position:relative;display:flex;align-items:center;gap:16px;padding:12px 0}
.fdot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--c);flex-shrink:0;position:relative;z-index:1}
.fi2{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fi2 svg{width:24px;height:24px}
.fcard li>div{flex:1;min-width:0}
.fcard li b{display:block;font-size:13px}
.fcard li small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.ftime{font-size:11px;font-weight:600;color:var(--muted);background:#F4F6F9;border-radius:8px;padding:5px 10px;white-space:nowrap}
.fcard .wiz-btn svg{width:12px;height:12px}

/* 3-way tree */
.t3 .split.s3{width:72%}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.cols3 .nd{min-width:0}
.t3 .nd{min-width:190px}
.t3 .cols3 .nd{min-width:0}

/* CTA */
.tc-visual{position:relative;height:340px;align-self:end}
.tc-visual::before{content:"";position:absolute;right:60px;bottom:0;width:320px;height:300px;background:radial-gradient(closest-side,rgba(118,185,0,.42),rgba(118,185,0,0))}
.tc-person{position:absolute;right:70px;bottom:0;height:94%;width:auto}
.tc-visual .nt{width:200px}
.tc-visual .nt.n0{left:-10px;top:40px}.tc-visual .nt.n1{left:-40px;top:140px}.tc-visual .nt.n2{left:0;top:240px}
.nt strong{display:block;font-size:16px;color:var(--ink)}
.tc-wa{position:absolute;right:0;top:60px;width:64px;height:64px;border-radius:18px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);z-index:2}
.tc-wa svg{width:34px;height:34px}

@media (max-width:900px){.tkd{grid-template-columns:1fr}.tkd-side{border-top:1px solid var(--line-soft)}}
@media (max-width:640px){
  .cols3{grid-template-columns:1fr}
  .t3 .split.s3{display:none}
  .t3 .cols3{margin-top:12px}
  .fcard li{gap:10px}
  .fdot{display:none}.fcard ul::before{display:none}
  .tc-person{right:50%;transform:translateX(50%)}
  .tc-visual .nt.n0{left:0;top:10px}.tc-visual .nt.n1{left:0;top:110px}.tc-visual .nt.n2{left:0;top:210px}
  .tc-visual .nt{width:170px}
  .tc-wa{top:10px;width:52px;height:52px}
}

/* mock do hero cabe inteiro no celular (como a imagem da home), em vez de cortar à direita */
@media (max-width:640px){
  .p-hero-visual{overflow:visible;border-radius:0}
  .p-hero-visual .dk,.p-hero-visual .flow-app{min-width:0;width:640px;margin:0 auto;zoom:.82}
}
@media (max-width:560px){.p-hero-visual .dk,.p-hero-visual .flow-app{zoom:.7}}
@media (max-width:480px){.p-hero-visual .dk,.p-hero-visual .flow-app{zoom:.6}}
@media (max-width:420px){.p-hero-visual .dk,.p-hero-visual .flow-app{zoom:.53}}
@media (max-width:375px){.p-hero-visual .dk,.p-hero-visual .flow-app{zoom:.45}}