/* Seção comercial isolada: nenhuma dependência de scripts ou API. */
.sw-section { --sw-green:#00b952; --sw-ink:#101018; --sw-orange:#ff5618; padding:48px 24px 24px; position:relative; isolation:isolate; color:var(--sw-ink); background:#fff; overflow:hidden; font-family:var(--font, sans-serif); }
.sw-section::before { content:""; position:absolute; z-index:-1; width:1000px; height:920px; top:-540px; right:-120px; border-radius:50%; background:linear-gradient(145deg,transparent 50%,#e6f9e9 76%,#fff1e4 94%); box-shadow:0 34px 0 2px #fff,0 100px 0 2px #fff5e9,0 104px 0 4px #fff; transform:rotate(-15deg); opacity:.9; }
.sw-inner { max-width:1120px; margin:0 auto; }
.sw-section svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; flex-shrink:0; }
.sw-section .sw-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.sw-main { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:12px; }
.sw-copy { position:relative; z-index:2; padding:6px 0 18px; }
.sw-eyebrow { display:inline-flex; gap:10px; align-items:center; padding:4px 6px 4px 0; font-size:12px; font-weight:700; background:#f6f7f7; border-radius:30px; margin-bottom:18px; }
.sw-wa-dot { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; color:white; background:var(--sw-green); }
.sw-wa-dot svg { width:23px; height:23px; stroke-width:1.6; }
.sw-soon { color:#d6410e; background:#ffe3d7; border-radius:20px; font-size:10px; padding:4px 10px; }
.sw-copy h2 { font-size:clamp(30px,3.05vw,42px); font-weight:800; line-height:1.04; letter-spacing:-1.1px; margin:0 0 12px; }
.sw-copy h2>span { color:var(--sw-orange); }
.sw-intro { max-width:500px; font-size:14px; color:#626573; line-height:1.4; margin:0 0 16px; }
.sw-benefits { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.sw-benefit { display:flex; align-items:flex-start; gap:12px; padding:13px; border:1px solid #edf0ed; border-radius:13px; background:linear-gradient(120deg,#fff,#fafcfb); min-width:0; }
.sw-icon-box { width:44px; height:44px; display:grid; place-items:center; flex-shrink:0; border-radius:12px; background:#eafbeb; color:var(--sw-green); }
.sw-icon-box svg { width:27px; height:27px; }
.sw-benefit h3 { font-size:13px; font-weight:700; line-height:1.1; margin:0 0 5px; letter-spacing:-.2px; }
.sw-benefit p { font-size:11px; line-height:1.25; color:#656979; margin:0; }
.sw-actions { display:flex; gap:20px; align-items:center; margin-top:17px; }
.sw-section .sw-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; background:var(--sw-orange); color:#fff; border-radius:24px; padding:12px 20px; text-decoration:none; font-size:12px; font-weight:600; line-height:1.2; white-space:nowrap; transition:background .15s; }
.sw-button svg { width:16px; height:16px; }
.sw-section .sw-button:hover { background:#df420a; }
.sw-section a:focus-visible { outline:3px solid #176a36; outline-offset:5px; }
.sw-api-note { display:flex; align-items:center; gap:8px; border-left:1px solid #d4d8db; padding-left:18px; font-size:10px; line-height:1.3; color:#2c374f; margin:0; }
.sw-api-note>svg { color:var(--sw-green); width:23px; height:23px; }
.sw-visual { width:100%; height:530px; position:relative; background:radial-gradient(ellipse at 48% 58%,#d3f7da99,transparent 64%); }
.sw-section .sw-connectors { position:absolute; inset:0; width:100%; height:100%; stroke:none; }
.sw-floating-wa { position:absolute; right:27px; top:20px; z-index:4; width:66px; height:66px; border-radius:50%; background:#00cc61; border:5px solid #fff; box-shadow:0 8px 30px #00bf5830; color:white; display:grid; place-items:center; transform:rotate(10deg); }
.sw-floating-wa svg { width:53px; height:53px; stroke-width:1.7; }
.sw-float { position:absolute; z-index:3; background:#ffffffed; border:1px solid #f1f6f0; border-radius:16px; box-shadow:0 7px 25px #3e8a4920; width:100px; padding:13px 14px; color:var(--sw-ink); font-size:10px; font-weight:500; line-height:1.15; }
.sw-float>svg { display:block; color:var(--sw-green); width:24px; height:24px; margin-bottom:8px; }
.sw-float-contract { left:7px; top:55px; }
.sw-float-reminder { left:15px; top:230px; }
.sw-float-confirm { right:0; top:188px; }
.sw-float-follow { right:-10px; top:355px; width:113px; }
.sw-check-dot { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--sw-green); color:white; margin-bottom:9px; }
.sw-check-dot svg { width:18px; height:18px; }
.sw-phone { position:absolute; z-index:2; width:249px; height:498px; left:50%; top:7px; transform:translateX(-50%) rotate(-3deg); padding:8px; background:linear-gradient(100deg,#747776,#111 4%,#050505 94%,#a4a7a4 98%,#252525); border-radius:43px; border:2px solid #888c89; box-shadow:2px 4px 0 #252525,7px 12px 18px #0003,inset 0 0 0 2px #111; }
.sw-phone::before { content:""; position:absolute; right:-4px; top:115px; width:3px; height:55px; background:#414542; border-radius:2px; }
.sw-phone::after { content:""; position:absolute; left:-4px; top:95px; width:3px; height:42px; background:#414542; border-radius:2px; }
.sw-phone-screen { position:relative; height:100%; border-radius:33px; overflow:hidden; background:#f7f7f7; display:flex; flex-direction:column; }
.sw-notch { position:absolute; top:0; left:50%; transform:translateX(-50%); width:115px; height:20px; border-radius:0 0 14px 14px; background:#080808; }
.sw-notch::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#14202f; right:15px; top:5px; }
.sw-phone-status { padding:8px 15px 5px; display:flex; justify-content:space-between; font-size:8px; font-weight:700; color:#151515; min-height:28px; }
.sw-contact { display:flex; align-items:center; gap:6px; padding:6px 9px 9px; background:#f6f7f5; border-bottom:1px solid #dbdfd8; }
.sw-contact>span:first-child { font-size:22px; color:#757b79; }
.sw-contact img { background:#111; border-radius:50%; padding:3px; }
.sw-contact strong { display:block; font-size:10px; font-weight:700; }
.sw-contact small { display:block; font-size:8px; color:#67706b; margin-top:1px; }
.sw-contact-verified { color:#00aa4d; }
.sw-contact-menu { margin-left:auto; font-size:18px; color:#6d756f; }
.sw-conversation { flex:1; min-height:0; padding:5px 8px 8px; display:flex; flex-direction:column; gap:5px; background-color:#eeece3; background-image:radial-gradient(#a4b8a726 .8px,transparent .8px); background-size:10px 10px; }
.sw-chat-date { align-self:center; color:#52635b; padding:3px 8px; background:#fff9; border-radius:5px; font-size:7px; margin:0; }
.sw-bubble { align-self:flex-start; position:relative; background:#fff; border-radius:0 6px 6px; padding:7px 8px 5px; font-size:9px; line-height:1.25; width:90%; color:#17201a; box-shadow:0 1px 1px #0001; }
.sw-bubble small { display:block; font-size:6px; color:#717a72; text-align:right; line-height:1; margin-top:3px; }
.sw-bubble small b { color:#42afdd; font-size:9px; }
.sw-outgoing { align-self:flex-end; background:#ddfac6; width:83%; border-radius:6px 0 6px 6px; }
.sw-attachment { display:flex; gap:6px; align-items:center; padding-bottom:12px; }
.sw-attachment strong { display:block; font-size:7px; font-weight:500; }
.sw-attachment div>span { display:block; font-size:6px; color:#7a7d78; margin-top:3px; }
.sw-attachment>small { position:absolute; right:7px; bottom:4px; }
.sw-pdf { background:#ff3c31; color:#fff; font-size:6px; font-weight:700; padding:9px 4px; border-radius:3px; }
.sw-compose { display:flex; align-items:center; gap:8px; padding:7px 7px 5px; font-size:12px; color:#7b858b; }
.sw-compose-placeholder { font-size:8px; flex:1; color:#9da5ab; }
.sw-mic { display:grid; place-items:center; background:#00a659; color:#fff; width:27px; height:27px; border-radius:50%; }
.sw-home-bar { width:80px; height:3px; background:#121212; border-radius:5px; margin:2px auto 5px; }
.sw-demo-label { position:absolute; width:100%; bottom:0; text-align:center; color:#68766e; font-size:9px; margin:0; }
.sw-journey { display:grid; grid-template-columns:250px 1fr; align-items:center; gap:18px; background:linear-gradient(120deg,#fcf8f3,#fcf9f5); border:1px solid #f6eee5; padding:20px 25px; border-radius:16px; margin-top:14px; scroll-margin-top:85px; }
.sw-journey:focus { outline:none; }
.sw-journey:focus-visible { outline:2px solid var(--sw-green); outline-offset:4px; }
.sw-journey-heading h3 { font-size:18px; line-height:1.1; font-weight:700; letter-spacing:-.5px; margin:0 0 7px; }
.sw-journey-heading p { font-size:11px; color:#737a88; margin:0; }
.sw-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; list-style:none; padding:0; margin:0; }
.sw-steps li { position:relative; min-width:0; }
.sw-steps li:not(:last-child)::after { content:"›"; position:absolute; right:-15px; top:3px; color:#77818a; font-size:19px; }
.sw-step-top { display:flex; align-items:center; gap:9px; color:var(--sw-green); margin-bottom:10px; }
.sw-step-top>span { display:grid; place-items:center; border-radius:50%; width:24px; height:24px; background:var(--sw-green); color:#fff; font-size:12px; font-weight:600; }
.sw-step-top>svg { width:21px; height:21px; }
.sw-steps h4 { font-size:11px; line-height:1.2; font-weight:600; margin:0 0 5px; }
.sw-steps p { font-size:10px; line-height:1.25; color:#67717f; margin:0; }
.sw-banner { position:relative; isolation:isolate; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 30px 16px 30%; background:#0e1116; border:1px solid #252d32; border-radius:14px; margin-top:12px; overflow:hidden; }
.sw-banner-art { position:absolute; z-index:-1; left:0; bottom:0; width:36%!important; height:100%!important; stroke:#ff681c!important; stroke-width:2!important; filter:drop-shadow(0 0 5px #ff5a00) drop-shadow(0 0 10px #ff681c); }
.sw-banner p { position:relative; color:#f6f7fa; font-size:16px; font-weight:600; letter-spacing:-.2px; margin:0; }
.sw-banner p::before { content:""; display:block; width:26px; height:3px; background:var(--sw-orange); margin-bottom:7px; border-radius:2px; }
.sw-banner p>span { color:#ff6b26; }
.sw-banner .sw-button { border-radius:10px; font-size:11px; padding:12px 18px; }
@media(min-width:1600px) { .sw-section { padding-top:60px; padding-bottom:32px; } }
@media(max-width:1100px) and (min-width:901px) { .sw-main { grid-template-columns:1.1fr 1fr; gap:0; } .sw-copy h2 { font-size:34px; } .sw-actions { gap:12px; flex-wrap:wrap; } .sw-api-note { border:0; padding-left:0; } .sw-visual { transform:scale(.9); transform-origin:center; } .sw-float-contract { left:-20px; } .sw-float-reminder { left:-15px; } .sw-float-confirm { right:-15px; } .sw-float-follow { right:-25px; } .sw-journey { grid-template-columns:200px 1fr; padding:20px; } .sw-banner { padding-left:25%; } }
@media(max-width:900px) { .sw-section { padding:40px 24px 24px; } .sw-main { grid-template-columns:1fr; gap:6px; } .sw-copy { max-width:640px; margin:auto; width:100%; } .sw-copy h2 { font-size:40px; } .sw-desktop-break { display:none; } .sw-intro { max-width:600px; } .sw-benefit { padding:16px; } .sw-benefit h3 { font-size:14px; } .sw-benefit p { font-size:12px; } .sw-visual { max-width:510px; margin:auto; } .sw-journey { grid-template-columns:1fr; gap:20px; } .sw-journey-heading h3 br { display:none; } .sw-banner { padding-left:25px; } .sw-banner-art { opacity:.5; } }
@media(max-width:520px) { .sw-section { padding:32px 16px 20px; } .sw-copy h2 { font-size:33px; line-height:1.08; letter-spacing:-.9px; } .sw-eyebrow { font-size:11px; margin-bottom:16px; } .sw-intro { font-size:13px; line-height:1.5; } .sw-benefits { grid-template-columns:1fr; gap:8px; } .sw-benefit { padding:14px; gap:13px; } .sw-benefit h3 br { display:none; } .sw-benefit h3 { font-size:14px; } .sw-benefit p { font-size:12px; line-height:1.4; } .sw-benefit .sw-icon-box { width:40px; height:40px; } .sw-actions { align-items:flex-start; flex-direction:column; gap:14px; } .sw-api-note { border-left:0; padding:0; font-size:10px; } .sw-main { gap:20px; } .sw-visual { height:510px; max-width:380px; } .sw-phone { width:224px; height:478px; left:50%; top:10px; transform:translateX(-50%) rotate(-2deg); } .sw-bubble { font-size:8.5px; } .sw-conversation { gap:6px; } .sw-float { width:83px; padding:10px; font-size:8px; border-radius:12px; } .sw-float>svg { width:20px; height:20px; margin-bottom:5px; } .sw-float-contract { left:0; top:53px; } .sw-float-reminder { left:0; top:232px; } .sw-float-confirm { right:0; top:190px; } .sw-float-follow { right:0; top:354px; width:90px; } .sw-floating-wa { right:8px; top:8px; width:51px; height:51px; border-width:4px; } .sw-floating-wa svg { width:40px; height:40px; } .sw-connectors { opacity:.5; } .sw-journey { padding:20px; margin-top:16px; } .sw-journey-heading h3 { font-size:18px; } .sw-steps { grid-template-columns:1fr; gap:20px; padding-left:0; } .sw-steps li { padding-left:42px; min-height:56px; } .sw-step-top { position:absolute; top:0; left:0; display:flex; flex-direction:column; gap:6px; } .sw-step-top>svg { width:18px; height:18px; } .sw-steps li:not(:last-child)::after { content:""; left:11px; right:auto; top:51px; bottom:-16px; border-left:1px dashed #a3d8b2; } .sw-steps h4 { font-size:13px; } .sw-steps p { font-size:12px; line-height:1.4; } .sw-banner { flex-direction:column; align-items:flex-start; padding:24px; gap:18px; } .sw-banner p { font-size:18px; line-height:1.4; } .sw-banner-art { width:100%!important; opacity:.35; } .sw-banner .sw-button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .sw-section *, .sw-section *::before, .sw-section *::after { transition:none!important; } }
@media(max-width:520px) {
    .sw-visual { height:726px; }
    .sw-phone { height:530px; }
    .sw-visual .sw-float { width:calc(50% - 6px); min-height:65px; display:flex; align-items:center; gap:9px; font-size:10px; padding:12px; }
    .sw-visual .sw-float>svg, .sw-visual .sw-check-dot { margin:0; flex-shrink:0; }
    .sw-visual .sw-float-contract { left:0; right:auto; top:557px; }
    .sw-visual .sw-float-reminder { left:auto; right:0; top:557px; }
    .sw-visual .sw-float-confirm { left:0; right:auto; top:634px; }
    .sw-visual .sw-float-follow { left:auto; right:0; top:634px; }
    .sw-section .sw-connectors { display:none; }
}