/* Página inicial renovada — 14/10/2026. Tema escuro é o padrão; o claro troca só os tons de base. */
:root{--lp-bg:#f6f4fb;--lp-alt:#ece7f4;--lp-card:#ffffff;--lp-line:#d9d1ea;--lp-tx:#19233d;--lp-mu:#4f5874;--lp-mu2:#6d7590;--lp-pu:#7041d9;--lp-pu2:#6233c9;--lp-li:#d7f98b;--lp-lid:#1a2408;--lp-bl:#3d65ce;--lp-chip:#e7ddff}
:root[data-theme="dark"]{--lp-bg:#0b1020;--lp-alt:#121a30;--lp-card:#19233d;--lp-line:#2c3760;--lp-tx:#f3f4fa;--lp-mu:#aeb6cc;--lp-mu2:#7d86a3;--lp-pu2:#9b7bf0;--lp-bl:#5b8def;--lp-chip:#2a1f55}

.landing-nav{border-bottom:1px solid var(--lp-line);background:var(--lp-bg)}
.landing-nav-links{display:flex;gap:25px;margin-left:auto;margin-right:25px;font-size:14px;font-weight:600}
.landing-nav-links a{color:var(--lp-mu)}
.landing-nav-links a:hover{color:var(--lp-tx);text-decoration:none}
.landing-footer{border-top:1px solid var(--lp-line);padding:30px 32px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:25px;align-items:center}
.landing-footer-links{display:flex;gap:20px;font-size:13px}
.landing-footer-links a{color:var(--lp-mu)}

.lp{background:var(--lp-bg);color:var(--lp-tx)}
.lp h1,.lp h2,.lp h3{color:var(--lp-tx);margin:0}
.lp p{margin:0}
.lp a:not(.lp-btn){color:var(--lp-pu2)}
:root[data-theme="dark"] .lp a:not(.lp-btn){color:var(--lp-li)}
.lp-section{padding:72px max(24px,calc((100% - 1150px)/2))}
.lp-alt{background:var(--lp-alt)}
.lp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.lp-head h2,.lp-duo h2,.lp-faq h2,.lp-final h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;letter-spacing:-.02em}
.lp-head p,.lp-duo p,.lp-faq>div>p{color:var(--lp-mu);font-size:16px;margin-top:8px;max-width:560px}

.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none!important;border:1px solid transparent;transition:transform .15s,opacity .15s}
.lp-btn:hover{transform:translateY(-1px)}
.lp .lp-btn-lime,.lp-btn-lime{background:var(--lp-li);color:var(--lp-lid)}
.lp .lp-btn-ghost{background:transparent;color:var(--lp-tx);border-color:var(--lp-line)}
.lp .lp-btn-dark{background:var(--lp-lid);color:var(--lp-li)}
.lp-full{width:100%}

/* Hero: texto à esquerda e telas reais girando à direita, sem botões. Passar o mouse ou tocar pausa. */
.lp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:64px max(24px,calc((100% - 1150px)/2)) 56px;overflow:hidden}
.lp-chip{display:inline-block;background:var(--lp-chip);color:var(--lp-pu2);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
.lp-hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.06;letter-spacing:-.03em;margin:18px 0 16px}
.lp-hero h1 span{color:var(--lp-pu)}
:root[data-theme="dark"] .lp-hero h1 span{color:var(--lp-li)}
.lp-hero-copy>p{font-size:18px;color:var(--lp-mu);line-height:1.6;max-width:500px}
.lp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.lp-ticks{display:flex;gap:18px;list-style:none;padding:0;margin:18px 0 0;font-size:14px;color:var(--lp-mu);flex-wrap:wrap}
.lp-ticks li::before{content:'✓';color:var(--lp-pu);font-weight:800;margin-right:6px}
:root[data-theme="dark"] .lp-ticks li::before{color:var(--lp-li)}

.lp-show{position:relative;height:420px;min-width:0;touch-action:pan-y}
.lp-shot{position:absolute;top:12px;left:50%;width:300px;margin:0 0 0 -150px;border-radius:20px;overflow:hidden;background:#0b1020;border:1px solid #ffffff26;box-shadow:0 24px 60px #00000059;transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .7s ease,filter .7s ease;user-select:none;-webkit-user-select:none}
.lp-shot img{display:block;width:100%;height:auto;pointer-events:none}
.lp-shot-tag{position:absolute;right:12px;top:12px;z-index:1;background:var(--lp-li);color:var(--lp-lid);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;box-shadow:0 4px 14px #0000004d}
.lp-shot[data-pos="0"]{transform:none;opacity:1;filter:none;z-index:3}
.lp-shot[data-pos="1"]{transform:translateX(170px) scale(.8);opacity:.5;filter:blur(2.5px) brightness(.8);z-index:2;cursor:pointer}
.lp-shot[data-pos="-1"]{transform:translateX(-170px) scale(.8);opacity:.5;filter:blur(2.5px) brightness(.8);z-index:2;cursor:pointer}
.lp-shot[data-pos="2"]{transform:scale(.62);opacity:0;z-index:1;pointer-events:none}
.lp-shot[data-pos="1"] .lp-shot-tag,.lp-shot[data-pos="-1"] .lp-shot-tag,.lp-shot[data-pos="2"] .lp-shot-tag{opacity:0}
.lp-tabs button{border:1px solid var(--lp-line);background:transparent;color:var(--lp-mu);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.lp-wa-head{background:#1f2c34;color:#e9edef;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;margin-bottom:10px}
.lp-bubble{font-size:13.5px;line-height:1.5;border-radius:12px;padding:9px 11px;margin-top:8px;animation:lp-in .35s ease both}
.lp-in{background:#202c33;color:#e9edef;margin-right:28px}
.lp-out{background:#005c4b;color:#e9edef;margin-left:28px}
@keyframes lp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.lp-band{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--lp-li);color:var(--lp-lid);padding:16px max(24px,calc((100% - 1150px)/2));font-weight:800;font-size:15px}
.lp-band span::before{content:'●';margin-right:8px;font-size:9px;vertical-align:2px}

.lp-steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-step{background:var(--lp-card);border:1px solid var(--lp-line);border-top:4px solid var(--lp-pu);border-radius:0 0 16px 16px;padding:20px}
.lp-step span{font-size:13px;font-weight:800;color:var(--lp-pu2);letter-spacing:.04em}
.lp-step h3{font-size:18px;margin:8px 0 6px}
.lp-step p{font-size:14px;line-height:1.55;color:var(--lp-mu)}
.lp-c-blue{border-top-color:var(--lp-bl)}.lp-c-blue span{color:var(--lp-bl)}
.lp-c-lime{border-top-color:var(--lp-li)}
.lp-c-lime span{color:#5e7d14}
:root[data-theme="dark"] .lp-c-lime span{color:var(--lp-li)}

.lp-purple{background:var(--lp-pu)}
.lp-purple h2,.lp-purple .lp-duo>div>p{color:#fff}
.lp-duo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.lp-duo .lp-duo-desc{color:#e6deff;font-size:15px;margin-top:14px}
.lp-tabs{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.lp-purple .lp-tabs button{border-color:#ffffff66;color:#fff}
.lp-purple .lp-tabs button.is-on{background:var(--lp-li);color:var(--lp-lid);border-color:var(--lp-li)}
.lp-phone{background:#0b141a;border:1px solid #2a3942;border-radius:26px;padding:16px;max-width:360px;width:100%;justify-self:center;min-height:330px}
.lp-chat .lp-bubble{font-size:14px}

.lp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lp-box{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;padding:24px}
.lp-box h3{font-size:20px;margin-bottom:8px}
.lp-box p{color:var(--lp-mu);line-height:1.6;margin-bottom:12px}
.lp-box a{font-weight:700}

.lp-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.lp-quote{margin:0;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;padding:22px}
.lp-quote blockquote{margin:0 0 18px;font-size:16px;line-height:1.6}
.lp-quote blockquote::before{content:'“';display:block;font-size:40px;line-height:.8;color:var(--lp-pu)}
:root[data-theme="dark"] .lp-quote blockquote::before{color:var(--lp-li)}
.lp-quote figcaption{display:flex;gap:10px;align-items:center}
.lp-quote img,.lp-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.lp-avatar{display:grid;place-items:center;background:var(--lp-chip);color:var(--lp-pu2);font-weight:800;font-size:14px}
.lp-quote small{display:block;color:var(--lp-mu2);font-size:13px}

.lp-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-use{background:var(--lp-card);border:1px solid var(--lp-line);border-top:4px solid var(--lp-pu);border-radius:0 0 18px 18px;padding:22px}
.lp-use.lp-c-blue{border-top-color:var(--lp-bl)}.lp-use.lp-c-lime{border-top-color:var(--lp-li)}
.lp-use-kind{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--lp-mu2)}
.lp-use h3{font-size:19px;margin:8px 0 8px}
.lp-use p{color:var(--lp-mu);line-height:1.6;font-size:15px}
@media(max-width:820px){.lp-uses{grid-template-columns:1fr}}
.lp-switch{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--lp-card);border:1px solid var(--lp-line)}
.lp-switch button{border:0;background:transparent;color:var(--lp-mu);border-radius:999px;padding:9px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.lp-switch button.is-on{background:var(--lp-li);color:var(--lp-lid)}
.lp-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}
.lp-plan{position:relative;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:20px;padding:26px}
.lp-plan-pro{border:2px solid var(--lp-li)}
.lp-plan-kicker{font-size:13px;font-weight:800;color:var(--lp-mu2);text-transform:uppercase;letter-spacing:.05em}
.lp-plan-pro .lp-plan-kicker{color:#5e7d14}
:root[data-theme="dark"] .lp-plan-pro .lp-plan-kicker{color:var(--lp-li)}
.lp-plan h3{font-size:20px;margin:6px 0 14px}
.lp-plan-big{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}
.lp-plan-big small{font-size:16px;font-weight:600;color:var(--lp-mu);letter-spacing:0}
.lp-plan-big s{font-size:18px;font-weight:600;color:var(--lp-mu2);margin-left:6px}
.lp-plan-note{font-size:14px;color:var(--lp-mu);margin-top:10px!important}
.lp-plan ul{list-style:none;padding:0;margin:18px 0 22px;font-size:15px;line-height:2}
.lp-plan li::before{content:'✓';font-weight:800;color:var(--lp-pu);margin-right:8px}
:root[data-theme="dark"] .lp-plan li::before{color:var(--lp-li)}
.lp-save{position:absolute;top:-14px;right:18px;background:var(--lp-li);color:var(--lp-lid);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:800}
.lp-fine{font-size:13px;color:var(--lp-mu2);margin-top:18px!important}

.lp-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}
.lp-faq details{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:14px;padding:16px 18px;margin-bottom:10px}
.lp-faq summary{font-weight:800;cursor:pointer}
.lp-faq details p{color:var(--lp-mu);margin-top:10px;line-height:1.6}

.lp-final{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--lp-li);color:var(--lp-lid);padding:48px max(24px,calc((100% - 1150px)/2))}
.lp-final h2{color:var(--lp-lid)}
.lp-final p{color:#33461a;margin-top:6px!important}

@media(max-width:960px){.landing-nav-links{display:none}.lp-steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.lp-hero,.lp-duo,.lp-faq,.lp-plans,.lp-grid2{grid-template-columns:1fr}.lp-hero{padding-top:40px}.lp-section{padding-top:52px;padding-bottom:52px}}
@media(max-width:640px){.lp-show{height:350px}.lp-shot{width:240px;margin-left:-120px}.lp-shot[data-pos="1"]{transform:translateX(105px) scale(.8)}.lp-shot[data-pos="-1"]{transform:translateX(-105px) scale(.8)}}
@media(max-width:520px){.lp-steps4{grid-template-columns:1fr}.landing-footer{flex-direction:column;align-items:flex-start;padding:28px 24px}.landing-footer-links{flex-wrap:wrap;gap:13px 20px}.lp-band{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.lp-shot,.lp-bubble,.lp-flow-arrow i{transition:none;animation:none}}

/* Um número, dois jeitos de falar: uma pessoa por vez, escolhida no seletor Seu cliente / Você */
.lp-flow{margin:52px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(220px,260px) 104px minmax(190px,220px);grid-template-areas:"title title title title title" "person lane hub down db" "note note note note note";gap:0 10px;align-items:center;color:#fff}
.lp-flow[data-mode="client"] [data-flow-for="owner"],.lp-flow[data-mode="owner"] [data-flow-for="client"]{display:none!important}
.lp-flow-title{grid-area:title;text-align:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:18px}
.lp-flow-card{grid-area:person;display:flex;flex-direction:column;gap:12px;background:#1b1240;border:1.5px solid var(--lp-li);border-radius:18px;padding:20px;box-shadow:0 0 0 4px #d7f98b33,0 10px 24px #1b124059;animation:lp-flow-in .35s ease}
.lp-flow-who{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;margin-bottom:2px}
.lp-flow-who i,.lp-flow-db i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lp-li);color:var(--lp-lid)}
.lp-flow-who svg,.lp-flow-db svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-flow-row{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:#ece6ff}
.lp-flow-row>b{flex:none;width:40px;text-align:center;font-size:17px;line-height:1.3;color:var(--lp-li)}
.lp-flow-row em{font-style:normal;font-weight:800;color:#fff}
.lp-flow-hub{grid-area:hub;background:#1b1240;border:1.5px solid #ffffff40;border-radius:20px;padding:18px;text-align:center}
.lp-flow-hub b{display:block;font-size:17px}
.lp-flow-hub small{display:block;font-size:13px;color:#cfc3ff;margin:4px 0 12px;line-height:1.4}
.lp-flow-mode{display:inline-block;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:800;background:var(--lp-li);color:var(--lp-lid);animation:lp-flow-in .35s ease}
.lp-flow-lane{grid-area:lane;display:flex;flex-direction:column;gap:14px}
.lp-flow-arrow{position:relative;height:30px;color:var(--lp-li)}
.lp-flow-arrow span{position:absolute;left:0;right:0;top:0;text-align:center;font-size:13.5px;font-weight:800;color:#fff}
.lp-flow-arrow::before{content:'';position:absolute;left:4px;right:4px;bottom:6px;height:2px;background:currentColor}
.lp-flow-arrow::after{content:'';position:absolute;bottom:1px;border-top:6px solid transparent;border-bottom:6px solid transparent}
.lp-flow-arrow.pt-r::after{right:-2px;border-left:10px solid currentColor}
.lp-flow-arrow.pt-l::after{left:-2px;border-right:10px solid currentColor}
.lp-flow-arrow i{position:absolute;bottom:2px;left:0;width:10px;height:10px;border-radius:50%;background:var(--lp-li);box-shadow:0 0 0 4px #d7f98b33;opacity:0;animation:lp-flow-x 3.2s ease-in-out infinite}
.lp-flow .pt-l i{animation-name:lp-flow-x-back;animation-delay:1.6s}
.lp-flow-down{grid-area:down;position:relative;height:2px;background:#ffffffb3}
.lp-flow-down::before,.lp-flow-down::after{content:'';position:absolute;top:-5px;border-top:6px solid transparent;border-bottom:6px solid transparent}
.lp-flow-down::before{left:-2px;border-right:10px solid #ffffffb3}
.lp-flow-down::after{right:-2px;border-left:10px solid #ffffffb3}
.lp-flow-down span{position:absolute;left:0;right:0;bottom:10px;text-align:center;white-space:nowrap;font-size:13.5px;font-weight:800}
.lp-flow-db{grid-area:db;display:flex;align-items:center;gap:12px;background:#1b1240;border:1.5px solid #ffffff40;box-shadow:0 10px 24px #1b124059;border-radius:16px;padding:16px}
.lp-flow-db b{display:block;font-size:16px}
.lp-flow-db small{display:block;font-size:13px;color:#cfc3ff;margin-top:2px}
.lp-flow-note{grid-area:note;text-align:center;font-size:14px;color:#fff;margin-top:22px!important}
@keyframes lp-flow-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes lp-flow-x{0%{left:0;opacity:0}8%{opacity:1}45%{left:calc(100% - 10px);opacity:1}52%,100%{left:calc(100% - 10px);opacity:0}}
@keyframes lp-flow-x-back{0%{left:calc(100% - 10px);opacity:0}8%{opacity:1}45%{left:0;opacity:1}52%,100%{left:0;opacity:0}}
@keyframes lp-flow-y{0%{top:0;opacity:0}8%{opacity:1}45%{top:calc(100% - 10px);opacity:1}52%,100%{top:calc(100% - 10px);opacity:0}}
@keyframes lp-flow-y-back{0%{top:calc(100% - 10px);opacity:0}8%{opacity:1}45%{top:0;opacity:1}52%,100%{top:0;opacity:0}}
@media(max-width:900px){
  .lp-flow{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "person" "lane" "hub" "down" "db" "note";gap:8px}
  .lp-flow-lane{flex-direction:row;justify-content:center;gap:30px;height:72px}
  .lp-flow-arrow{flex:1;height:100%}
  .lp-flow-arrow span{top:50%;transform:translateY(-50%)}
  .lp-flow-arrow.pt-r span{left:0;right:16px;text-align:right}
  .lp-flow-arrow.pt-l span{left:16px;right:0;text-align:left}
  .lp-flow-arrow::before{top:0;bottom:0;width:2px;height:auto}
  .lp-flow-arrow.pt-r::before{left:auto;right:0}
  .lp-flow-arrow.pt-l::before{left:0;right:auto}
  .lp-flow-arrow.pt-r::after,.lp-flow-arrow.pt-l::after{border-left:6px solid transparent;border-right:6px solid transparent}
  .lp-flow-arrow.pt-r::after{right:-5px;left:auto;bottom:-2px;top:auto;border-top:10px solid currentColor;border-bottom:0}
  .lp-flow-arrow.pt-l::after{left:-5px;right:auto;top:-2px;bottom:auto;border-bottom:10px solid currentColor;border-top:0}
  .lp-flow-arrow i{bottom:auto;top:0}
  .lp-flow-arrow.pt-r i{left:auto!important;right:-4px;animation-name:lp-flow-y!important}
  .lp-flow-arrow.pt-l i{left:-4px!important;animation-name:lp-flow-y-back!important}
  .lp-flow-down{justify-self:center;width:2px;height:56px}
  .lp-flow-down::before,.lp-flow-down::after{left:-5px;border:0;border-left:6px solid transparent;border-right:6px solid transparent}
  .lp-flow-down::before{top:-2px;border-bottom:9px solid #ffffffb3}
  .lp-flow-down::after{top:auto;bottom:-2px;border-top:9px solid #ffffffb3}
  .lp-flow-down span{left:14px;right:auto;bottom:auto;top:50%;transform:translateY(-50%)}
}