/* ============================================================
   Imovissi v3 · monochrome, one accent, product-first.
   ============================================================ */
:root{
  --bg:#F7F7F5; --surface:#FFFFFF; --ink:#0E0F11; --text:#2A2D31; --muted:#6B7078; --faint:#9A9FA6;
  --line:#E8E8E4; --line-2:#D9D9D4; --black:#0A0A0B; --black-2:#141517; --on-black:#F2F2EF; --on-black-muted:#9A9DA3;
  --accent:#16A672; --accent-ink:#0B6B48; --accent-soft:#E7F6EE; --accent-line:#BFE8D3;
  --warn:#B7791F; --warn-soft:#FBF3E4; --danger:#C2410C;
  --r:14px; --r-lg:20px; --ease:cubic-bezier(.2,.8,.2,1);
  --sh-1:0 1px 2px rgba(14,15,17,.04),0 1px 1px rgba(14,15,17,.03);
  --sh-2:0 1px 2px rgba(14,15,17,.05),0 12px 32px -16px rgba(14,15,17,.18);
  --sh-3:0 2px 4px rgba(14,15,17,.05),0 24px 60px -24px rgba(14,15,17,.28),0 0 0 1px rgba(14,15,17,.04);
  --wrap:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Geist",ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent-soft);color:var(--ink)}

/* type */
.h1{font-weight:600;font-size:clamp(2.6rem,6vw,5.25rem);line-height:.98;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.h2{font-weight:600;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.h3{font-weight:600;font-size:1.2rem;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.h4{font-weight:600;font-size:1rem;letter-spacing:-.01em;color:var(--ink)}
.lead{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;color:var(--muted);letter-spacing:-.01em}
.p{color:var(--muted);line-height:1.6}
.sm{font-size:.875rem;line-height:1.55}
.xs{font-size:.78rem;line-height:1.5}
.label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;color:var(--muted);letter-spacing:-.005em}
.label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.mono{font-family:"Geist Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:0}
.muted{color:var(--muted)} .ink{color:var(--ink)} .acc{color:var(--accent-ink)}
.dark{background:var(--black);color:var(--on-black)}
.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .ink{color:#fff}
.dark .lead,.dark .p,.dark .muted,.dark .label{color:var(--on-black-muted)}
.dark .label::before{background:var(--accent)}

/* layout */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
@media(min-width:640px){.wrap{padding:0 2rem}}
.sec{padding:clamp(4rem,8vw,7.5rem) 0}
.sec-sm{padding:clamp(2.5rem,5vw,4.5rem) 0}
.head{max-width:40rem}
.head .lead{margin-top:1rem}
.head.center{margin:0 auto;text-align:center}
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:1000px){.split{grid-template-columns:1fr 1fr;gap:5rem}.split.rev>:first-child{order:2}}
.grid{display:grid;gap:1rem}
@media(min-width:720px){.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}}
.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.mt4{margin-top:2rem}.mt6{margin-top:3rem}.mt8{margin-top:4.5rem}
.hair{border-top:1px solid var(--line)}
.dark .hair{border-color:rgba(255,255,255,.1)}

/* surfaces */
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.tile-hover{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .2s}
.tile-hover:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-2)}
.frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);overflow:hidden}
.frame-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--line);background:#FAFAF8}
.frame-bar i{width:9px;height:9px;border-radius:50%;background:#E3E3DF}
.frame-bar span{margin-left:.5rem;flex:1;max-width:360px;height:22px;border-radius:7px;background:#F0F0ED;font-size:.68rem;color:var(--faint);display:flex;align-items:center;padding:0 .6rem;font-family:"Geist Mono",monospace}
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:500;border-radius:999px;padding:.28rem .65rem;background:var(--bg);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.pill.ok{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:#F1E3C4}
.pill.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.only{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:500;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:.28rem .7rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;font-weight:500;font-size:.95rem;letter-spacing:-.01em;
  background:var(--ink);color:#fff;border-radius:10px;padding:.78rem 1.25rem;box-shadow:0 1px 2px rgba(14,15,17,.2),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .2s var(--ease),background-color .15s}
.btn:hover{background:#1C1E22;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-2{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;font-weight:500;font-size:.95rem;letter-spacing:-.01em;
  color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:.75rem 1.2rem;box-shadow:var(--sh-1);transition:transform .2s var(--ease),border-color .15s,background-color .15s}
.btn-2:hover{transform:translateY(-1px);border-color:#C4C4BE}
.btn-2:active{transform:translateY(0)}
.dark .btn{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.4)}
.dark .btn:hover{background:#ECECE8}
.dark .btn-2{background:transparent;color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}
.dark .btn-2:hover{border-color:rgba(255,255,255,.4)}
.more{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;color:var(--ink);font-size:.95rem}
.more svg{transition:transform .2s var(--ease)}
.more:hover svg{transform:translateX(3px)}
.dark .more{color:#fff}

/* nav */
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:40;transition:background-color .25s,border-color .25s,backdrop-filter .25s}
.nav-wrap.scrolled{background:rgba(247,247,245,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:.25rem;padding:.9rem 1.25rem}
@media(min-width:640px){.nav{padding:.9rem 2rem}}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.05rem;letter-spacing:-.025em;color:var(--ink);margin-right:1.25rem}
.brand img{width:26px;height:26px;border-radius:7px}
.nav-links{display:none;align-items:center;gap:.1rem}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-link{color:var(--text);font-weight:500;font-size:.9rem;padding:.45rem .7rem;border-radius:8px;transition:background-color .15s,color .15s;display:inline-flex;align-items:center;gap:.3rem}
.nav-link:hover{background:rgba(14,15,17,.05);color:var(--ink)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.nav .btn{padding:.55rem 1rem;font-size:.88rem}
.nav-menu{position:relative}
.menu-panel{position:absolute;top:calc(100% + .6rem);left:0;transform:translateY(6px);width:680px;padding:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3);
  display:grid;grid-template-columns:1fr 1fr;gap:.15rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .22s var(--ease)}
.nav-menu.open .menu-panel{opacity:1;pointer-events:auto;transform:none}
.menu-item{display:grid;grid-template-columns:34px 1fr;gap:.7rem;align-items:start;padding:.6rem .65rem;border-radius:10px;transition:background-color .15s}
.menu-item:hover{background:var(--bg)}
.menu-item i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--ink)}
.menu-item b{display:block;font-weight:500;font-size:.9rem;color:var(--ink)}
.menu-item span{display:block;font-size:.78rem;color:var(--muted);line-height:1.4}
.menu-foot{grid-column:1/-1;margin-top:.3rem;padding:.7rem .65rem .3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted)}
.burger{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;color:var(--ink);border:1px solid var(--line);background:var(--surface)}
@media(min-width:1024px){.burger{display:none}}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(14,15,17,.4);backdrop-filter:blur(4px)}
.sheet[hidden]{display:none}
.sheet-in{position:absolute;top:.6rem;left:.6rem;right:.6rem;background:var(--surface);border-radius:16px;padding:1rem;box-shadow:var(--sh-3);max-height:calc(100vh - 1.2rem);overflow:auto}
.sheet-in a.row{display:block;padding:.7rem .4rem;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink)}
.sheet-in a.row span{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}

/* hero */
.hero{padding:8.5rem 0 0}
.hero .h1{max-width:14ch}
.hero .lead{max-width:34rem}
.ctas{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.hero-note{font-size:.82rem;color:var(--faint)}
.hero-shot{margin-top:3.5rem;position:relative}
.hero-shot::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:160px;background:linear-gradient(to bottom,rgba(247,247,245,0),var(--bg));pointer-events:none}

/* app mock (hero) */
.app{display:grid;grid-template-columns:200px 1fr 272px;min-height:560px;font-size:.8rem;color:var(--text)}
@media(max-width:900px){.app{grid-template-columns:1fr}.app .side,.app .pane{display:none}}
.app .side{border-right:1px solid var(--line);background:#FAFAF8;padding:.9rem .7rem;display:flex;flex-direction:column;gap:.15rem}
.app .side a{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:8px;color:var(--muted);font-weight:500}
.app .side a.on{background:#fff;color:var(--ink);box-shadow:var(--sh-1);border:1px solid var(--line)}
.app .side a svg{width:15px;height:15px}
.app .side .grp{font-size:.66rem;color:var(--faint);padding:.8rem .6rem .25rem;letter-spacing:.02em}
.app .main{display:grid;grid-template-columns:260px 1fr;min-width:0}
@media(max-width:900px){.app .main{grid-template-columns:1fr}.app .list{display:none}}
.app .list{border-right:1px solid var(--line);overflow:hidden}
.app .list .hd{display:flex;justify-content:space-between;align-items:center;padding:.8rem .85rem;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.app .row{display:grid;grid-template-columns:32px 1fr auto;gap:.6rem;align-items:center;padding:.6rem .85rem;border-bottom:1px solid var(--line)}
.app .row.on{background:#F3F6F4}
.app .row img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.app .row .n{font-weight:500;color:var(--ink);display:flex;align-items:center;gap:.35rem;font-size:.8rem}
.app .row .s{color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.app .row time{font-family:"Geist Mono",monospace;font-size:.62rem;color:var(--faint)}
.app .ia{font-family:"Geist Mono",monospace;font-size:.56rem;padding:.08rem .3rem;border-radius:4px;background:var(--accent-soft);color:var(--accent-ink)}
.app .conv{display:flex;flex-direction:column;min-width:0}
.app .conv .hd{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.app .conv .hd b{color:var(--ink)}
.app .msgs{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;background:#FCFCFB}
.app .m{max-width:78%;padding:.55rem .75rem;border-radius:12px;font-size:.8rem;line-height:1.45}
.app .m.in{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}
.app .m.out{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.app .m time{display:block;font-family:"Geist Mono",monospace;font-size:.58rem;opacity:.55;margin-top:.2rem;text-align:right}
.app .m.sys{align-self:center;background:var(--accent-soft);color:var(--accent-ink);font-size:.7rem;border-radius:999px;padding:.3rem .75rem}
.app .inp{display:flex;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--line)}
.app .inp span{flex:1;border:1px solid var(--line);border-radius:9px;padding:.5rem .7rem;color:var(--faint)}
.app .inp b{background:var(--ink);color:#fff;border-radius:9px;padding:.5rem .8rem;font-weight:500}
.app .pane{border-left:1px solid var(--line);padding:1rem;background:#FAFAF8;display:flex;flex-direction:column;gap:.9rem}
.app .pane h5{margin:0;font-size:.66rem;font-weight:500;color:var(--faint);letter-spacing:.02em}
.app .kv{display:grid;gap:.35rem}
.app .kv div{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem;color:var(--muted)}
.app .kv div b{color:var(--ink);font-weight:500;text-align:right}
.score{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:10px}
.score b{font-size:1.3rem;letter-spacing:-.03em;color:var(--accent-ink)}
.score span{font-size:.7rem;color:var(--accent-ink);line-height:1.3}

/* bento */
.bento{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:720px){.bento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(3,1fr)}.b2{grid-column:span 2}}
.b{display:flex;flex-direction:column;padding:1.4rem;min-height:300px;position:relative;overflow:hidden}
.b .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.b .h3{margin-top:.35rem}
.b .p{margin-top:.4rem;font-size:.9rem}
.b .viz{margin-top:1.1rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.b .more{margin-top:1rem;font-size:.9rem}
.mini{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.8rem;font-size:.78rem;color:var(--muted)}
.mini .r{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--line)}
.mini .r:last-child{border-bottom:0}
.mini .r b{color:var(--ink);font-weight:500}
.mini .bub{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;color:var(--ink);font-size:.78rem;max-width:88%}
.mini .bub.me{align-self:flex-end;background:var(--ink);color:#fff;border-color:var(--ink)}
.mini.chat{display:flex;flex-direction:column;gap:.4rem}
.bar{height:6px;border-radius:4px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.pubs{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.pubs div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:.5rem .3rem;display:grid;gap:.3rem;justify-items:center;font-size:.6rem;color:var(--muted)}
.pubs div img{height:11px;width:auto;max-width:44px}
.pubs div b{color:var(--accent-ink);font-weight:500}
.pubs div.off{border-style:dashed;opacity:.7}.pubs div.off b{color:var(--warn)}
.cover{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--ink)}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,11,.85),transparent 60%)}
.cover .c{position:absolute;left:.9rem;right:.9rem;bottom:.8rem;z-index:1;color:#fff}
.cover .c b{display:block;font-weight:600;font-size:1.05rem;letter-spacing:-.02em}
.cover .c span{font-size:.68rem;opacity:.8}
.spark{width:100%;height:56px}
.big{font-weight:600;font-size:2.4rem;letter-spacing:-.04em;color:var(--ink);line-height:1}

/* story (dark) */
.story{display:grid;gap:3rem}
@media(min-width:1000px){.story{grid-template-columns:.9fr 1.1fr;gap:6rem}.story>:first-child{position:sticky;top:7rem;align-self:start}}
.ev{display:grid;grid-template-columns:4.2rem 1fr;gap:1.25rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.1)}
.ev:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.ev time{font-family:"Geist Mono",monospace;font-size:.8rem;color:var(--accent);padding-top:.2rem}
.ev b{display:block;font-weight:500;color:#fff;letter-spacing:-.01em}
.ev p{color:var(--on-black-muted);font-size:.92rem;margin-top:.2rem}

/* cinematic video band */
.band{position:relative;overflow:hidden;background:var(--black);min-height:72vh;display:grid;place-items:center;color:#fff;text-align:center}
.band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.92}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,11,.55),rgba(10,10,11,.25) 45%,rgba(10,10,11,.75))}
.band .in{position:relative;z-index:1;padding:5rem 1.25rem}
.band .h1{color:#fff;font-size:clamp(2.4rem,5.5vw,4.5rem)}
.band .lead{color:rgba(255,255,255,.8);max-width:34rem;margin:1rem auto 0}

/* record timeline / vistoria / phone */
.tl{padding:.2rem 1.1rem .9rem}
.tl li{display:grid;grid-template-columns:16px 1fr auto;gap:.7rem;padding:.5rem 0;position:relative;align-items:start}
.tl li::before{content:"";position:absolute;left:7px;top:1.5rem;bottom:-.3rem;width:1px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl li i{width:16px;height:16px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;margin-top:.2rem}
.tl li i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.tl li .t{font-size:.86rem;font-weight:500;color:var(--ink)}
.tl li .s{font-size:.74rem;color:var(--muted)}
.tl li time{font-family:"Geist Mono",monospace;font-size:.66rem;color:var(--faint);padding-top:.25rem}
.seal{margin:0 1.1rem 1.1rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;gap:.7rem;align-items:center;font-size:.8rem;color:var(--text)}
.seal b{display:block;font-size:.72rem;font-weight:500;color:var(--ink)}
.fhead{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.fhead b{color:var(--ink);font-weight:500}
.lst{display:grid;grid-template-columns:104px 1fr;gap:.9rem;padding:1rem 1.1rem;align-items:center}
.lst img{width:104px;height:74px;object-fit:cover;border-radius:9px}
.lst .t{font-weight:500;color:var(--ink);font-size:.92rem}
.lst .s{font-size:.76rem;color:var(--muted)}
.rooms{display:grid;gap:.45rem;padding:1rem 1.1rem}
.room{display:grid;grid-template-columns:1fr auto;gap:.3rem .75rem;align-items:center;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff}
.room .r{font-size:.84rem;font-weight:500;color:var(--ink)}
.room .d{grid-column:1/-1;font-size:.74rem;color:var(--muted)}
.audio{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.audio .w{display:flex;align-items:center;gap:2px;height:16px}
.audio .w i{width:3px;border-radius:2px;background:var(--accent);display:block}
.inout{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0 1.1rem 1.1rem}
.inout div{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font-size:.74rem;color:var(--muted);background:#fff}
.inout div b{display:block;font-size:.72rem;font-weight:500;color:var(--ink);margin-bottom:.2rem}
.phone{width:min(300px,100%);margin:0 auto;border-radius:36px;background:var(--black);padding:9px;box-shadow:var(--sh-3)}
.phone .scr{background:var(--bg);border-radius:28px;overflow:hidden;min-height:560px;display:flex;flex-direction:column}
.phone .top{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem .3rem;font-family:"Geist Mono",monospace;font-size:.62rem;color:var(--faint)}
.phone h4{font-weight:600;font-size:1.45rem;letter-spacing:-.03em;color:var(--ink);padding:0 1.1rem}
.phone .sub{font-size:.72rem;color:var(--muted);padding:0 1.1rem .6rem}
.todo{display:grid;gap:.4rem;padding:.3rem .7rem}
.todo li{display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:.5rem .6rem}
.todo li i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--ink)}
.todo li .t{font-size:.76rem;font-weight:500;color:var(--ink);line-height:1.25}
.todo li .s{font-size:.64rem;color:var(--muted)}
.todo li .a{font-size:.64rem;font-weight:500;color:var(--accent-ink);white-space:nowrap}
.todo li.push{background:var(--ink);border-color:var(--ink)}
.todo li.push .t{color:#fff}.todo li.push .s{color:rgba(255,255,255,.7)}.todo li.push i{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}.todo li.push .a{color:var(--accent)}
.tabbar{margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:.6rem .4rem .9rem;border-top:1px solid var(--line);font-size:.56rem;color:var(--faint);text-align:center}
.tabbar span.on{color:var(--ink);font-weight:500}

/* checks */
.fl{display:grid;gap:.75rem}
.fl li{display:grid;grid-template-columns:18px 1fr;gap:.7rem;align-items:start;font-size:.95rem;color:var(--muted)}
.fl li b{color:var(--ink);font-weight:500}
.fl li i{width:18px;height:18px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;margin-top:.2rem;color:var(--accent-ink)}
.fl li i svg{width:9px;height:9px}
.dark .fl li{color:var(--on-black-muted)}.dark .fl li b{color:#fff}.dark .fl li i{background:rgba(22,166,114,.18);border-color:rgba(22,166,114,.4);color:var(--accent)}

/* logos */
.logos{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.logo{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 .9rem;background:#fff;border:1px solid var(--line);border-radius:10px}
.logo img{height:18px;width:auto;max-width:92px;object-fit:contain}
.logo.sq{width:44px;padding:0}.logo.sq img{height:20px}

/* pricing */
.price{padding:1.6rem}
.price .h3{font-size:1.1rem}

/* pillar list (home) */
.plist{display:grid;border-top:1px solid var(--line)}
.plist a{display:grid;grid-template-columns:1fr;gap:.35rem;padding:1.4rem 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding-left .25s var(--ease)}
@media(min-width:720px){.plist a{grid-template-columns:1fr 1.4fr auto;gap:2rem}}
.plist a:hover{padding-left:.4rem}
.plist a .n{font-weight:600;font-size:1.25rem;letter-spacing:-.025em;color:var(--ink)}
.plist a .d{color:var(--muted)}
.plist a .c{font-family:"Geist Mono",monospace;font-size:.74rem;color:var(--faint);white-space:nowrap}

/* pillar pages */
.phero{padding:8.5rem 0 3.5rem}
.phero .h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:16ch}
.toc{display:flex;flex-wrap:wrap;gap:.4rem}
.toc a{font-size:.82rem;font-weight:500;padding:.42rem .8rem;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink);transition:background-color .15s,transform .2s var(--ease)}
.toc a:hover{background:var(--bg);transform:translateY(-1px)}
.feat{padding:clamp(2.5rem,4vw,3.5rem) 0;border-top:1px solid var(--line)}
.feat-grid{display:grid;gap:1.5rem}
@media(min-width:900px){.feat-grid{grid-template-columns:.85fr 1.15fr;gap:4rem}}
.why{margin-top:1.25rem;padding-left:1rem;border-left:2px solid var(--accent);font-size:.92rem;color:var(--text)}
.why b{display:block;font-size:.72rem;font-weight:500;color:var(--accent-ink);margin-bottom:.2rem}

/* footer */
.foot{background:var(--black);color:var(--on-black);padding:4rem 0 2.5rem}
.foot-grid{display:grid;gap:2.5rem}
@media(min-width:800px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.foot h4{font-size:.78rem;font-weight:500;color:#fff;margin-bottom:.8rem}
.foot a.fl-link{display:block;font-size:.88rem;color:var(--on-black-muted);padding:.2rem 0;transition:color .15s}
.foot a.fl-link:hover{color:#fff}
.foot-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--on-black-muted)}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn,.btn-2,.tile-hover,.more svg,.nav-link,.plist a{transition:none}
}
@media(min-width:1000px){.b3{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;gap:3rem}.b3 .top{flex:1}.b3 .viz{margin-top:0;flex:0 0 auto;align-items:flex-end}.b3 .more{margin-top:0}}
.tile.dark{background:var(--black);border-color:var(--black);box-shadow:none}

/* ---- depth: backgrounds + parallax ---- */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-bg .glow{position:absolute;width:70vw;height:70vw;max-width:900px;max-height:900px;right:-20vw;top:-30vw;border-radius:50%;
  background:radial-gradient(closest-side,rgba(22,166,114,.16),rgba(22,166,114,0));filter:blur(10px)}
.hero-bg .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(14,15,17,.14) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 20%,transparent 75%)}
.hero>.wrap{position:relative;z-index:1}
.dark{position:relative;overflow:hidden}
.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);will-change:transform}
.orb.a{width:520px;height:520px;left:-160px;top:-120px;background:radial-gradient(closest-side,rgba(22,166,114,.22),transparent)}
.orb.b{width:420px;height:420px;right:-120px;bottom:-160px;background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent)}
.dark>.wrap{position:relative;z-index:1}
.band video{height:124%;top:-12%;will-change:transform}
[data-px]{will-change:transform}
.hero-shot{z-index:1}
.sec.hair{position:relative}
.bg-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(14,15,17,.045) 1px,transparent 1px);background-size:100% 96px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.sec.hair>.wrap{position:relative}
@media(prefers-reduced-motion:reduce){[data-px]{transform:none!important}}

/* ---- depth, second pass: perceptible ---- */
.hero-bg .glow{width:90vw;height:90vw;max-width:1100px;max-height:1100px;right:-30vw;top:-45vw;background:radial-gradient(closest-side,rgba(22,166,114,.26),rgba(22,166,114,0))}
.hero-bg .glow2{position:absolute;width:60vw;height:60vw;max-width:700px;max-height:700px;left:-25vw;top:30vw;border-radius:50%;background:radial-gradient(closest-side,rgba(14,15,17,.07),rgba(14,15,17,0));filter:blur(8px)}
.hero-bg .dots{background-image:radial-gradient(rgba(14,15,17,.2) 1px,transparent 1.2px)}
.stage{perspective:1400px;perspective-origin:50% 0}
.tilt{transform-origin:50% 0;transform:rotateX(14deg) scale(.94) translateY(24px);transition:none;will-change:transform}
.orb.a{width:720px;height:720px;left:-220px;top:-220px;background:radial-gradient(closest-side,rgba(22,166,114,.32),transparent)}
.orb.b{width:560px;height:560px;right:-160px;bottom:-240px;background:radial-gradient(closest-side,rgba(255,255,255,.1),transparent)}
.band video{height:150%;top:-25%}
.band{min-height:84vh}
.sec.hair{background:var(--surface)}
.sec.hair.alt{background:var(--bg)}
.halo{position:absolute;width:640px;height:640px;border-radius:50%;pointer-events:none;filter:blur(30px);background:radial-gradient(closest-side,rgba(22,166,114,.12),transparent);right:-180px;top:50%;margin-top:-320px}
.sec.hair.alt .halo{right:auto;left:-180px}
.bento .tile.reveal{transition-delay:calc(var(--i,0)*70ms)}
@media(prefers-reduced-motion:reduce){.tilt{transform:none}}
.hero,.sec.hair,.dark,.band{overflow:hidden}
.sec.hair{position:relative}

/* ---- five profiles ---- */
.perfis{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.perfis{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.perfis{grid-template-columns:repeat(5,1fr)}}
.perfil{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;min-height:100%}
.perfil .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--ink)}
.perfil .ic svg{width:18px;height:18px}
.perfil h3{font-size:1rem;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.3}
.perfil .q{font-size:.82rem;line-height:1.45;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px 10px 10px 3px;padding:.55rem .7rem}
.perfil .q::before{content:"";display:block;font-size:.62rem;color:var(--faint);margin-bottom:.15rem}
.perfil .r{font-size:.84rem;line-height:1.5;color:var(--muted)}
.perfil .r b{display:block;color:var(--accent-ink);font-weight:500;font-size:.74rem;margin-bottom:.15rem}
.perfil.off .ic{background:var(--ink);border-color:var(--ink);color:#fff}
.perfil.off .r b{color:var(--muted)}
/* five profiles: 3 + 2 */
@media(min-width:1000px){.perfis{grid-template-columns:repeat(6,1fr);gap:1rem}.perfis .perfil{grid-column:span 2}.perfis .perfil:nth-child(4){grid-column:2/4}.perfis .perfil:nth-child(5){grid-column:4/6}}
.perfil{padding:1.5rem;gap:.9rem}
.perfil h3{font-size:1.1rem}
.perfil .q{font-size:.88rem;padding:.65rem .8rem}
.perfil .r{font-size:.9rem}

/* ---- social media composer mock ---- */
.composer{display:grid;grid-template-columns:1fr}
@media(min-width:720px){.composer{grid-template-columns:1.05fr .95fr}}
.composer .left{border-right:1px solid var(--line);padding:1rem}
.composer .right{padding:1rem;display:grid;gap:.6rem;align-content:start}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}
.tags span{font-size:.72rem;padding:.25rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-line)}
.caption{margin-top:.7rem;font-size:.82rem;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem}
.caption b{display:block;font-size:.68rem;font-weight:500;color:var(--muted);margin-bottom:.2rem}
.net{display:grid;grid-template-columns:26px 1fr auto;gap:.6rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.8rem;color:var(--ink)}
.net img{width:18px;height:18px}
.net span{color:var(--muted);font-size:.74rem}
.net .pill{font-size:.68rem}
.tpl{display:flex;flex-wrap:wrap;gap:.35rem}
.tpl span{font-size:.72rem;padding:.25rem .55rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);background:#fff}
.tpl span.on{border-color:var(--ink);color:var(--ink);font-weight:500}
.composer{grid-template-columns:1fr!important}
.composer .left{border-right:0;border-bottom:1px solid var(--line);padding:1rem 1rem .9rem}
.composer .left .cover{aspect-ratio:16/8}
.composer .cover .c b{font-size:.95rem}
.composer .right{grid-template-columns:repeat(2,1fr);gap:.45rem;padding:.9rem 1rem 1rem}
.net{grid-template-columns:18px 1fr;row-gap:.1rem;align-items:center;padding:.5rem .6rem;font-size:.78rem}
.net span{grid-column:2;font-size:.68rem}
.net .pill{grid-column:1/-1;justify-self:start;margin-top:.25rem;font-size:.64rem;padding:.2rem .5rem}
@media(max-width:420px){.composer .right{grid-template-columns:1fr}}

/* ---- module art in bento tiles ---- */
.b .art{margin:-1.4rem -1.4rem 1rem;aspect-ratio:16/7;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg)}
.b .art img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- profile card art ---- */
.perfil .art{margin:-1.5rem -1.5rem .25rem;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg)}
.perfil .art img{width:100%;height:100%;object-fit:cover;display:block}
.perfil .art+.ic{margin-top:.25rem}

/* ---- coach de vendas: mascot ---- */
.coach-stage{position:relative;display:grid;place-items:center;min-height:420px}
.coach-stage .glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(22,166,114,.18),transparent);filter:blur(20px)}
.coach-stage img{position:relative;width:min(380px,80%);height:auto;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.coach-tip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.6rem .8rem;font-size:.8rem;color:var(--ink);box-shadow:var(--sh-2);max-width:220px}
.coach-tip b{display:block;font-size:.66rem;font-weight:500;color:var(--accent-ink);margin-bottom:.1rem}
.coach-tip.t1{top:12%;left:0}.coach-tip.t2{bottom:14%;right:0}
@media(max-width:720px){.coach-tip{display:none}}
.coach-card .sec-row{padding:.9rem 1.1rem;border-top:1px solid var(--line)}
.coach-card .sec-row:first-of-type{border-top:0}
.coach-card .k{font-size:.7rem;font-weight:500;color:var(--muted);margin-bottom:.3rem}
.coach-card .v{font-size:.88rem;color:var(--ink);line-height:1.5}
.coach-card .obj{display:grid;gap:.4rem}
.coach-card .obj .q{font-size:.84rem;color:var(--muted);padding:.5rem .7rem;background:var(--bg);border:1px solid var(--line);border-radius:10px 10px 10px 3px}
.coach-card .obj .a{font-size:.84rem;color:#fff;padding:.5rem .7rem;background:var(--ink);border-radius:10px 10px 3px 10px;justify-self:end;max-width:92%}
.coach-card .chk{display:grid;gap:.35rem;font-size:.84rem;color:var(--ink)}
.coach-card .chk li{display:flex;gap:.5rem;align-items:center}
.coach-card .chk li i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line-2);display:inline-block;flex:none}
.coach-card .chk li.done i{background:var(--accent);border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.coach-stage img{animation:none}}
.coach-tip.t2{bottom:2%;right:-6%}
.coach-tip.t1{top:14%;left:-4%}

/* ---- hero rotating phrase ---- */
.rot{display:inline-block;position:relative;color:var(--accent-ink);white-space:nowrap;vertical-align:bottom}
.rot .w{display:inline-block;transition:opacity .35s ease,transform .45s var(--ease)}
.rot .w.out{opacity:0;transform:translateY(-.35em)}
.rot .w.in{opacity:0;transform:translateY(.35em)}
.rot .u{position:absolute;left:0;right:0;bottom:.04em;height:.08em;border-radius:2px;background:var(--accent);opacity:.55}
@media(max-width:640px){.rot{white-space:normal}}
@media(prefers-reduced-motion:reduce){.rot .w{transition:none}}
.rot .u{display:none}

/* ---- Radar: animated matching ---- */
.radar{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;gap:.75rem;padding:1.1rem;align-items:center}
@media(max-width:720px){.radar{grid-template-columns:1fr 70px 1fr;gap:.4rem;padding:.8rem}}
.radar svg.wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.radar svg .wire{fill:none;stroke:var(--line-2);stroke-width:1.5}
.radar svg .beam{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 1;opacity:0}
.radar .col{display:grid;gap:.5rem;position:relative;z-index:1}
.radar .col h5{margin:0 0 .1rem;font-size:.66rem;font-weight:500;color:var(--faint)}
.rc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .65rem;display:grid;grid-template-columns:1fr auto;gap:.1rem .5rem;align-items:center;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.rc .t{font-size:.78rem;font-weight:500;color:var(--ink);line-height:1.25}
.rc .s{grid-column:1;font-size:.66rem;color:var(--muted)}
.rc .src{grid-column:2;grid-row:1/3;font-size:.58rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.15rem .4rem;white-space:nowrap}
.rc .score{grid-column:2;grid-row:1/3;font-weight:600;font-size:1.05rem;letter-spacing:-.03em;color:var(--accent-ink);opacity:0;transition:opacity .3s}
.rc.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateX(0)}
.rc.on .score{opacity:1}
.rc img{width:26px;height:26px;border-radius:50%;object-fit:cover;grid-row:1/3}
.rc.lead{grid-template-columns:26px 1fr auto}
.rc.lead .t{grid-column:2}.rc.lead .s{grid-column:2}.rc.lead .score{grid-column:3;grid-row:1/3}
.core{position:relative;z-index:1;width:88px;height:88px;margin:0 auto;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.68rem;font-weight:500;letter-spacing:.02em;box-shadow:0 0 0 10px rgba(22,166,114,.08),0 0 0 22px rgba(22,166,114,.04)}
.core::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(22,166,114,.35);animation:ring 2.4s ease-out infinite}
.core .n{position:absolute;inset:0;display:grid;place-items:center;font-size:1.35rem;font-weight:600;letter-spacing:-.03em;color:var(--accent);background:var(--ink);border-radius:50%;opacity:0;transition:opacity .3s}
.core.hit .n{opacity:1}
@keyframes ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.8);opacity:0}}
@media(max-width:720px){.core{width:62px;height:62px;font-size:.58rem}.core .n{font-size:1.05rem}}
.wa{grid-column:1/-1;position:relative;z-index:1;margin-top:.35rem;display:grid;grid-template-columns:34px 1fr;gap:.6rem;align-items:start;background:#F3F8F4;border:1px solid var(--accent-line);border-radius:14px;padding:.7rem .8rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s var(--ease)}
.wa.show{opacity:1;transform:none}
.wa .ico{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.wa .ico img{width:18px;height:18px}
.wa .to{font-size:.66rem;color:var(--muted)}
.wa .m{font-size:.82rem;color:var(--ink);line-height:1.45;margin-top:.1rem}
.wa .m b{font-weight:500}
.wa .lk{display:inline-block;margin-top:.35rem;font-size:.72rem;color:var(--accent-ink);border-bottom:1px solid var(--accent-line)}
@media(prefers-reduced-motion:reduce){.core::before{animation:none}.rc,.wa,.core .n{transition:none}}
.rc{display:block;position:relative;padding-right:2.4rem}
.rc .t,.rc .s{display:block}
.rc .src{display:inline-block;margin-top:.35rem}
.rc .score{position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}
.rc.lead{display:grid;grid-template-columns:26px 1fr;gap:.05rem .5rem;align-items:center}
.rc.lead img{grid-row:1/3}
.wa{min-height:0}

/* ---- support page ---- */
.doc{max-width:46rem}
.doc h2{font-weight:600;font-size:1.35rem;letter-spacing:-.025em;color:var(--ink);margin-top:3rem}
.doc h2:first-of-type{margin-top:0}
.doc p{color:var(--text);margin-top:.75rem;line-height:1.65}
.doc a{color:var(--accent-ink);border-bottom:1px solid var(--accent-line)}
.contact{display:grid;gap:.75rem;margin-top:1rem}
@media(min-width:640px){.contact{grid-template-columns:1fr 1fr}}
.contact .tile{padding:1.1rem 1.2rem}
.contact .k{font-size:.72rem;font-weight:500;color:var(--muted)}
.contact .v{font-size:1.02rem;font-weight:500;color:var(--ink);margin-top:.15rem}
.contact .v a{border:0;color:var(--ink)}
.contact .s{font-size:.82rem;color:var(--muted);margin-top:.2rem}
.faq{margin-top:1rem;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-weight:500;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;color:var(--muted);transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 1.1rem;color:var(--text);line-height:1.65}
.faq .a ol{padding-left:1.2rem;list-style:decimal;margin-top:.4rem;display:grid;gap:.25rem}
.faq .a ol li{color:var(--text)}

/* ---- legal pages ---- */
.legal h2{margin-top:2.75rem}
.legal .intro{font-size:1.02rem}
.tbl{margin-top:1rem;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.5}
.tbl th{text-align:left;font-weight:500;color:var(--ink);background:#FAFAF8;padding:.65rem .85rem;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:var(--ink);font-weight:500}
@media(max-width:640px){.tbl table{min-width:560px}}
.legal ul.bul{margin-top:.75rem;padding-left:1.2rem;list-style:disc;display:grid;gap:.35rem}
.legal ul.bul li{color:var(--text);line-height:1.6}
.legal .upd{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-style:italic;font-size:.9rem}
.legal h2:first-of-type{margin-top:2.75rem}
.legal ol.num{margin-top:.75rem;padding-left:1.4rem;list-style:decimal;display:grid;gap:.5rem}
.legal ol.num li{color:var(--text);line-height:1.65;padding-left:.2rem}
.legal ol.num li::marker{color:var(--muted);font-weight:500}
.legal strong{font-weight:600;color:var(--ink)}

/* ---- Tráfego pago: ported 1:1 from the reference section ---- */
.tp{background:#FEFBF9;--tp-ink:#093555;--tp-body:#495883;--tp-coral:#F04A38;--tp-line:rgba(9,53,85,.10);font-family:"Instrument Sans","Geist",sans-serif}
.tp .wrap{display:grid;gap:3rem;align-items:center}
@media(min-width:1000px){.tp .wrap{grid-template-columns:1fr 1fr;gap:4.5rem}}
.tp .tp-eye{font-family:"Spline Sans Mono",monospace;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-coral)}
.tp h2{margin-top:1rem;font-weight:600;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.14;letter-spacing:-.018em;color:var(--tp-ink);text-wrap:balance}
.tp .tp-lead{margin-top:1.25rem;font-size:clamp(1rem,1.15vw,1.13rem);line-height:1.6;color:var(--tp-body)}
.tp .tp-list{margin-top:1.75rem;display:grid;gap:.75rem;font-size:.875rem;line-height:1.55;color:var(--tp-body)}
.tp .tp-list li{display:flex;gap:.75rem}
.tp .tp-list li>span:first-child{color:var(--tp-coral);flex:none}
.tp .tp-list strong{color:var(--tp-ink);font-weight:600}
.tp .tp-on{margin-top:1.75rem}
.tp .tp-on p{font-family:"Spline Sans Mono",monospace;font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-body)}
.tp .netrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.tp .nettile{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:42px;padding:0 .6rem;background:#fff;border:1px solid var(--tp-line);border-radius:11px;box-shadow:0 1px 2px rgba(9,53,85,.04);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s}
.tp .nettile:hover{transform:translateY(-2px);border-color:rgba(9,53,85,.24)}
.tp .nettile img{height:20px;width:auto;max-width:78px;object-fit:contain;display:block}
.tp .nettile.wide{min-width:74px;padding:0 .8rem}
.tp .nettile.wide img{height:17px;max-width:92px}
.tp .nettile.txt{font-family:"Spline Sans Mono",monospace;font-size:.66rem;font-weight:600;color:var(--tp-body)}
.tp .btn-pill{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;margin-top:1.75rem;background:#101010;color:#fff;font-weight:600;font-size:.95rem;border-radius:999px;padding:.85rem 1.5rem;transition:transform .16s,background-color .16s}
.tp .btn-pill:hover{transform:translateY(-2px);background:#000}
.tp .btn-pill:active{transform:translateY(0)}
.tp .btn-pill:focus-visible{outline:3px solid var(--tp-coral);outline-offset:3px}
.tp .ad-prev{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px rgba(9,53,85,.08),0 14px 30px rgba(9,53,85,.10),0 40px 80px -24px rgba(9,53,85,.18)}
.tp .ad-prev img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.tp .ad-prev::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,18,30,.72) 0%,rgba(4,18,30,.18) 45%,transparent 65%)}
.tp .ad-play{position:absolute;z-index:2;top:42%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--tp-coral);box-shadow:0 6px 24px -6px rgba(4,18,30,.5)}
.tp .ad-copy{position:absolute;z-index:2;left:1rem;right:1rem;bottom:.9rem;color:#fff}
.tp .ad-copy .adk{font-family:"Spline Sans Mono",monospace;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.tp .ad-copy .adt{font-family:Anton,"Instrument Sans",sans-serif;font-size:1.5rem;line-height:1.02;margin-top:.3rem;text-shadow:0 2px 16px rgba(4,18,30,.55)}
.tp .ad-copy .ads{font-size:.78rem;margin-top:.3rem;color:rgba(255,255,255,.88)}
.tp .ad-mgr{background:#fff;border:1px solid var(--tp-line);border-radius:16px;box-shadow:0 1px 2px rgba(9,53,85,.05),0 6px 18px rgba(9,53,85,.06),0 22px 48px -18px rgba(9,53,85,.10);padding:.5rem;margin-top:1rem}
.tp .ad-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border-radius:11px;font-size:.84rem}
.tp .ad-row+.ad-row{border-top:1px solid var(--tp-line)}
.tp .ad-row .nm{font-weight:600;color:var(--tp-ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp .ad-row .cpl{margin-left:auto;font-family:"Spline Sans Mono",monospace;font-size:.7rem;color:var(--tp-body);white-space:nowrap}
.tp .pt-st{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;border-radius:999px;padding:.18rem .55rem;width:max-content;flex:none}
.tp .pt-on{background:#E3F6EA;color:#1B7C43}.tp .pt-mid{background:#FFF1DC;color:#A96A11}.tp .pt-off{background:#EDEDF5;color:#56566A}
.tp .ad-roi{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.35rem;padding:.8rem .8rem .7rem;border-top:1px solid var(--tp-line)}
.tp .ad-roi span{display:flex;flex-direction:column;gap:.1rem}
.tp .ad-roi em{font-style:normal;font-family:"Spline Sans Mono",monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-body)}
.tp .ad-roi strong{font-weight:700;font-size:.95rem;letter-spacing:-.02em;color:var(--tp-ink)}
.tp .ad-roi .hi strong{color:#1B7C43}
.tp .tp-cap{margin-top:.75rem;text-align:center;font-family:"Spline Sans Mono",monospace;font-size:.68rem;color:var(--tp-body)}
@media(max-width:480px){.tp .ad-roi{grid-template-columns:repeat(2,1fr);gap:.7rem .5rem}}
@media(prefers-reduced-motion:reduce){.tp .nettile,.tp .btn-pill{transition:none}}
.tp .wrap{max-width:1220px}
@media(min-width:1000px){.tp .wrap{grid-template-columns:1fr .95fr;gap:4rem}}
.tp .ad-prev img{height:auto}
.tp h2{font-size:clamp(1.9rem,3.5vw,2.75rem)}

/* ---- Atendimento por IA: ported 1:1 from the reference section ---- */
.at{background:radial-gradient(900px 520px at 12% 0%,rgba(255,107,91,.10) 0%,rgba(249,249,249,0) 60%),radial-gradient(760px 480px at 92% 92%,rgba(45,140,190,.11) 0%,rgba(249,249,249,0) 60%),#F9F9F9}
@media(min-width:1000px){.at .wrap{grid-template-columns:1.02fr .98fr;gap:4rem}}
.at .at-phone{justify-self:center}
.at .pwrap{position:relative;width:min(330px,100%);margin:0 auto}
.at .pshot{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 48px rgba(9,53,85,.26)) drop-shadow(0 4px 10px rgba(9,53,85,.14))}
.at .pchat{position:absolute;left:7.2%;right:7.2%;top:18.4%;bottom:12.2%;display:flex;flex-direction:column;justify-content:flex-end;gap:.32rem;overflow:hidden;padding-bottom:.15rem}
.at .pb{display:none;max-width:88%;font-size:.615rem;line-height:1.45;padding:.38rem .5rem .3rem;border-radius:9px}
.at .pb.in{align-self:flex-start;background:#202C33;color:#E9EDEF;border-bottom-left-radius:3px}
.at .pb.out{align-self:flex-end;background:#005C4B;color:#E9EDEF;border-bottom-right-radius:3px}
.at .pb.show{display:block;animation:pb-in .4s cubic-bezier(.22,1,.36,1) both}
.at .pb-audio.show{display:flex}
@keyframes pb-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.at .pb time{display:block;text-align:right;font-size:.45rem;opacity:.62;margin-top:.05rem;font-family:"Spline Sans Mono",monospace}
.at .pb-audio{align-items:center;gap:.35rem;min-width:58%}
.at .pb-play{flex:none;width:15px;height:15px;border-radius:50%;background:#E9EDEF;display:grid;place-items:center}
.at .pb-wave{display:flex;align-items:center;gap:1.4px;height:13px;flex:1}
.at .pb-wave i{flex:1;border-radius:1px;background:rgba(233,237,239,.6);height:62%}
.at .pb-wave i:nth-child(even){height:100%}
.at .pb-wave i:nth-child(3n){height:40%}
.at .pb-dur{flex:none;font-family:"Spline Sans Mono",monospace;font-size:.45rem;opacity:.7}
.at .at-cap{margin-top:1rem;text-align:center;font-size:.75rem;color:var(--tp-body)}
.at .stepper{display:flex;flex-direction:column;gap:.2rem;margin-top:2rem}
.at .step{display:grid;grid-template-columns:26px 1fr;gap:.8rem;align-items:start;padding:.8rem 0;border-top:1px solid var(--tp-line)}
.at .step:first-child{border-top:0}
.at .step-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--tp-line);color:var(--tp-body);font-family:"Spline Sans Mono",monospace;font-size:.64rem;font-weight:600;transition:background-color .3s,color .3s,border-color .3s,transform .3s}
.at .step-t{font-weight:600;font-size:.96rem;color:var(--tp-ink);transition:color .3s}
.at .step-s{font-size:.86rem;color:var(--tp-body);margin-top:.1rem}
.at .step-rail{grid-column:2;height:3px;border-radius:2px;background:rgba(9,53,85,.09);margin-top:.55rem;overflow:hidden}
.at .step-rail i{display:block;height:100%;width:0;border-radius:inherit;background:#FF6B5B}
.at .step.on .step-dot{background:#FF6B5B;border-color:#FF6B5B;color:#fff;transform:scale(1.08)}
.at .step.on .step-rail i{width:100%;transition:width 3.4s linear}
.at .step.done .step-dot{background:#E3F6EA;border-color:#9BDCB6;color:#1B7C43}
.at .step.done .step-rail i{width:100%;background:#43D17C}
@media(prefers-reduced-motion:reduce){.at .pb.show{animation:none}.at .step-dot,.at .step.on .step-rail i{transition:none}}
.tp .wrap{grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.tp .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.at .wrap{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}

/* ---- Ligação no WhatsApp: ported 1:1 from the reference section ---- */
.cl{--teal-bright:#7FD9C4;--teal-dim:#37806F;--navy-deep:#072A44;--shadow-float:0 2px 4px rgba(9,53,85,.08),0 14px 30px rgba(9,53,85,.10),0 40px 80px -24px rgba(9,53,85,.18);background:radial-gradient(820px 460px at 88% 6%,rgba(79,179,158,.12) 0%,rgba(254,251,249,0) 60%),#FEFBF9}
@media(min-width:1000px){.cl .wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.cl .cl-phone{justify-self:center;order:2}.cl .cl-copy{order:1}@media(min-width:1000px){.cl .cl-phone{order:1}.cl .cl-copy{order:2}}
.cl .cl-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cl .cl-head .tp-eye{color:#37806F}
.cl .pt-st{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;border-radius:999px;padding:.18rem .55rem;background:#FFF1DC;color:#A96A11}
.cl .at-cap{margin-top:1rem}
  .cl .callwrap { position: relative; width: min(300px, 78vw); margin: 0 auto; }
  .cl .callphone {
    position: relative; aspect-ratio: 375 / 794; overflow: hidden;
    border-radius: 42px; border: 9px solid #0B1210;
    background:
      radial-gradient(120% 70% at 50% 0%, rgba(127,217,196,.16) 0%, rgba(127,217,196,0) 55%),
      linear-gradient(175deg, #0E4B3D 0%, #0A3A30 42%, var(--navy-deep) 100%);
    box-shadow: var(--shadow-float), inset 0 0 0 2px rgba(255,255,255,.05);
    display: flex; flex-direction: column;
  }
  .cl .callphone::before {
    content: ''; position: absolute; top: 9px; left: 50%; transform: translateX(-50%);
    width: 34%; height: 20px; background: #0B1210; border-radius: 0 0 14px 14px; z-index: 5;
  }
  .cl .call-status { display: flex; justify-content: space-between; align-items: center; padding: .9rem 1.3rem .2rem; color: rgba(255,255,255,.78); font-size: .68rem; font-family: "Spline Sans Mono", monospace; }
  .cl .call-status svg { display: block; }
  .cl .call-scene { position: absolute; inset: 0; padding-top: 2.6rem; display: flex; flex-direction: column; align-items: center; opacity: 0; transition: opacity .4s ease; pointer-events: none; }
  .cl .call-scene.show { opacity: 1; }

  .cl .call-avatar { position: relative; width: 74px; height: 74px; border-radius: 50%; margin-top: 1.6rem; display: grid; place-items: center; background: linear-gradient(150deg, var(--teal-bright), var(--teal-dim)); color: #06251E; font-weight: 700; font-size: 1.5rem; font-family: "Instrument Sans", sans-serif; flex: none; transition: width .35s ease, height .35s ease, margin .35s ease; }
  .cl .call-scene.ringing .call-avatar { animation: call-pulse 1.8s ease-out infinite; }
  .cl .call-scene.active .call-avatar { width: 46px; height: 46px; font-size: 1rem; margin-top: .2rem; }
  @keyframes call-pulse { 0% { box-shadow: 0 0 0 0 rgba(127,217,196,.5) } 70%, 100% { box-shadow: 0 0 0 22px rgba(127,217,196,0) } }

  .cl .call-name { color: #fff; font-weight: 600; font-size: 1.02rem; margin-top: .9rem; }
  .cl .call-sub { color: rgba(255,255,255,.55); font-size: .76rem; margin-top: .2rem; }
  .cl .call-timer { font-family: "Spline Sans Mono", monospace; color: var(--teal-bright); font-size: .82rem; margin-top: .25rem; }

  .cl .cw-bars { display: flex; align-items: center; justify-content: center; gap: 3px; height: 30px; margin-top: 1.1rem; }
  .cl .cw-bars i { width: 3px; border-radius: 2px; background: var(--teal-bright); height: 35%; animation: cw-bounce 1.15s ease-in-out infinite; }
  .cl .cw-bars i:nth-child(2n) { animation-duration: .85s; animation-delay: -.3s; }
  .cl .cw-bars i:nth-child(3n) { animation-duration: 1.35s; animation-delay: -.6s; }
  .cl .cw-bars i:nth-child(5n) { animation-duration: .7s; animation-delay: -.15s; }
  @keyframes cw-bounce { 0%, 100% { transform: scaleY(.4); } 50% { transform: scaleY(1); } }

  .cl .call-captions { width: 100%; padding: 0 1.4rem; margin-top: .9rem; display: flex; flex-direction: column; gap: .5rem; }
  .cl .call-cap { opacity: 0; transform: translateY(6px); transition: opacity .4s ease, transform .4s ease; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: .5rem .65rem; font-size: .68rem; line-height: 1.4; color: rgba(255,255,255,.88); }
  .cl .call-cap.show { opacity: 1; transform: none; }

  .cl .call-buttons { margin-top: auto; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 1.1rem; }
  .cl .call-btn { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.14); color: #fff; transition: transform .16s ease; }
  .cl .call-btn.end { background: #F04A38; }
  .cl .call-btn.accept { background: #43D17C; animation: call-pulse 1.8s ease-out infinite; }

  .cl .call-ended-badge { margin-top: 2.4rem; text-align: center; }
  .cl .call-ended-badge p:first-child { color: #fff; font-weight: 600; font-size: .96rem; }
  .cl .call-ended-badge p:last-child { color: var(--teal-bright); font-family: "Spline Sans Mono", monospace; font-size: .78rem; margin-top: .3rem; }
@media(prefers-reduced-motion:reduce){.cl .call-avatar,.cl .call-btn.accept,.cl .cw-bars i{animation:none}.cl .call-scene,.cl .call-cap,.cl .call-chip{transition:none}}
  .cl .call-chips { margin-top: 1.4rem; display: flex; flex-direction: column; gap: .5rem; padding: 0 1.4rem; width: 100%; }
  .cl .call-chip { opacity: 0; transform: translateY(6px); transition: opacity .4s ease, transform .4s ease; display: flex; align-items: center; gap: .5rem; background: rgba(127,217,196,.14); border: 1px solid rgba(127,217,196,.28); border-radius: 10px; padding: .55rem .7rem; font-size: .72rem; color: #E9FBF4; }
  .cl .call-chip.show { opacity: 1; transform: none; }
@media(prefers-reduced-motion:reduce){.cl .call-chip{transition:none}}

/* ---- legacy feature-page illustrations, re-toned to v3 ---- */
.fp-art{--ink:#0E0F11;--body:#6B7078;--band:#F7F7F5;--neutral:#F0F0EC;--lav:#EEF2EF;--bg:#F7F7F5;--coral:#16A672;--coral-deep:#0B6B48;--navy-deep:#111214;--line:#E8E8E4;--shadow-card:0 1px 2px rgba(14,15,17,.05),0 12px 32px -16px rgba(14,15,17,.18);color:var(--ink)}
.fp-art .mono-note{font-family:"Geist Mono",monospace; font-size:.66rem; color:#9A9A9A; margin-top:.8rem;}
.fp-art .art-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.2rem; box-shadow:var(--shadow-card);}
.fp-art .art-card.art-tight{padding:.6rem;}
.fp-art .art-h{font-weight:600; font-size:.95rem; margin-bottom:.6rem;}
.fp-art .art-note{font-size:.82rem; color:var(--body); margin-top:.9rem; line-height:1.55;}
.fp-art .snip{background:var(--band); border:1px solid var(--line); border-radius:12px; padding:.9rem;}
.fp-art .snip-bub-ai{max-width:94%; font-size:.85rem; line-height:1.5; color:var(--ink); background:#E7F6EE; border-radius:12px 12px 12px 4px; padding:.6rem .8rem;}
.fp-art .snip-bub-us{max-width:94%; margin:.55rem 0 0 auto; font-size:.85rem; line-height:1.5; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:12px 12px 4px 12px; padding:.6rem .8rem;}
.fp-art .snip-bub-ai + .snip-bub-ai{margin-top:.55rem;}
.fp-art .snip-who{display:flex; align-items:center; gap:.45rem; margin-top:.6rem; font-size:.74rem; color:var(--body);}
.fp-art .snip-who img{width:20px; height:20px; border-radius:50%; object-fit:cover;}
.fp-art .ok{color:#1B7C43; font-weight:600;}
.fp-art .okk{color:#1B7C43; font-style:normal; font-size:.68rem; font-weight:600;}
.fp-art .player{display:flex; align-items:center; gap:.7rem; background:var(--band); border:1px solid var(--line); border-radius:12px; padding:.75rem .9rem;}
.fp-art .player-btn{flex:none; width:34px; height:34px; border-radius:50%; background:var(--coral); display:grid; place-items:center;}
.fp-art .player-track{flex:1; height:4px; border-radius:2px; background:rgba(14,15,17,.12); position:relative;}
.fp-art .player-track i{position:absolute; inset:0 62% 0 0; border-radius:inherit; background:var(--ink);}
.fp-art .kv{list-style:none; margin-top:.9rem;}
.fp-art .kv li{display:flex; justify-content:space-between; gap:1rem; padding:.5rem 0; border-top:1px solid var(--line); font-size:.85rem;}
.fp-art .kv li:first-child{border-top:0;}
.fp-art .kv span{color:var(--body);}
.fp-art .kv strong{font-weight:600; text-align:right;}
.fp-art .ticks{list-style:none; margin-top:.4rem;}
.fp-art .ticks li{position:relative; padding:.42rem 0 .42rem 1.6rem; font-size:.87rem; color:var(--ink);}
.fp-art .ticks li::before{content:"✓"; position:absolute; left:.2rem; color:#1B7C43; font-weight:700;}
.fp-art .ticks li.off{color:var(--body);}
.fp-art .ticks li.off::before{content:"•"; color:#B9B9C6;}
.fp-art .who{display:flex; align-items:center; gap:.7rem; padding:.45rem 0;}
.fp-art .who img{border-radius:50%; object-fit:cover;}
.fp-art .who div{display:flex; flex-direction:column; line-height:1.3; min-width:0;}
.fp-art .who strong{font-size:.9rem;}
.fp-art .who span{color:var(--body);}
.fp-art .who .hot{margin-left:auto; font-style:normal; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; background:#E7F6EE; color:var(--coral-deep); border-radius:999px; padding:.25rem .6rem;}
.fp-art .inbox-row{display:flex; align-items:center; gap:.7rem; padding:.7rem .8rem; border-radius:12px;}
.fp-art .inbox-row:hover{background:var(--band);}
.fp-art .inbox-row + .inbox-row{border-top:1px solid var(--line);}
.fp-art .inbox-row img{border-radius:50%;}
.fp-art .inbox-row .min0{min-width:0; display:flex; flex-direction:column;}
.fp-art .inbox-row strong{font-size:.86rem;}
.fp-art .inbox-row .min0 span{font-size:.78rem; color:var(--body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fp-art .inbox-row .meta{margin-left:auto; text-align:right; display:flex; flex-direction:column; gap:.15rem;}
.fp-art .inbox-row .meta em{font-style:normal; font-family:"Geist Mono",monospace; font-size:.58rem; color:var(--body);}
.fp-art .inbox-row .meta time{font-family:"Geist Mono",monospace; font-size:.6rem; color:#9A9A9A;}
.fp-art .bars{display:grid; gap:.55rem; margin-top:.4rem;}
.fp-art .bar{display:grid; grid-template-columns:78px 1fr; align-items:center; gap:.6rem; font-size:.76rem; color:var(--body);}
.fp-art .bar i{display:block; height:12px; border-radius:6px; background:linear-gradient(90deg, var(--coral), #6FD3A8);}
.fp-art .chiprow{display:flex; flex-wrap:wrap; gap:.45rem;}
.fp-art .chip{display:inline-flex; align-items:center; gap:.4rem; background:var(--neutral); border-radius:999px; padding:.42rem .85rem; font-weight:600; font-size:.85rem; color:#101010;}
.fp-art .chip i{font-style:normal; color:#9A9A9A; font-weight:400;}
.fp-art .chip-c{background:#E7F6EE; color:var(--coral-deep);}
.fp-art .ptable{background:#fff; border-radius:12px; overflow:hidden; font-size:.8rem;}
.fp-art .ptable-head{display:grid; grid-template-columns:1.5fr .9fr .8fr; gap:.5rem; padding:.6rem .9rem; background:#FAFAFA; border-bottom:1px solid #EEE; font-family:"Geist Mono",monospace; font-size:.56rem; letter-spacing:.1em; text-transform:uppercase; color:#9A9A9A;}
.fp-art .ptable-row{display:grid; grid-template-columns:1.5fr .9fr .8fr; gap:.5rem; padding:.6rem .9rem; border-bottom:1px solid #F3F3F3; align-items:center; color:#222;}
.fp-art .ptable-row:last-child{border-bottom:0;}
.fp-art .pt-st{display:inline-flex; font-size:.64rem; font-weight:600; border-radius:999px; padding:.16rem .5rem; width:max-content;}
.fp-art .pt-on{background:#E3F6EA; color:#1B7C43;}
.fp-art .pt-mid{background:#FFF1DC; color:#A96A11;}
.fp-art .sig-line{font-family:"Snell Roundhand","Segoe Script",cursive; font-size:1.7rem; color:#0E0F11; transform:rotate(-3deg); display:inline-block; margin-top:1rem;}
.fp-art .sig-foot{margin-top:1rem; padding-top:.8rem; border-top:1px dashed #DDD; display:flex; justify-content:space-between; align-items:center; font-size:.75rem; color:#666;}
.fp-art .photo-card{position:relative; border-radius:16px; overflow:hidden; min-height:340px; background:var(--navy-deep); display:flex; box-shadow:var(--shadow-card);}
.fp-art .photo-card .bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.fp-art .photo-card::after{content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,10,11,.42), rgba(10,10,11,.06) 45%);}
.fp-art .photo-card .stack{position:relative; z-index:2; display:flex; flex-direction:column; gap:.5rem; padding:1.2rem; margin-top:auto; width:100%;}
.fp-art .sync{display:flex; align-items:center; gap:.6rem; background:rgba(20,32,40,.52); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:999px; padding:.45rem .6rem .45rem .45rem;}
.fp-art .sync .logo-cap{display:inline-flex; align-items:center; background:#fff; border-radius:999px; padding:.26rem .6rem;}
.fp-art .sync img{height:13px; width:auto; max-width:80px; object-fit:contain; display:block;}
.fp-art .sync .lbl{color:#fff; font-weight:600; font-size:.82rem; padding-left:.35rem;}
.fp-art .sync .st{margin-left:auto; display:flex; align-items:center; gap:.35rem; color:rgba(255,255,255,.85); font-size:.7rem; white-space:nowrap;}
.fp-art .sync .st::before{content:""; width:7px; height:7px; border-radius:50%; background:#43D17C;}
.fp-art .browser{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow-card);}
.fp-art .browser-bar{display:flex; align-items:center; gap:.35rem; padding:.55rem .8rem; border-bottom:1px solid var(--line); background:var(--band);}
.fp-art .browser-bar i{width:9px; height:9px; border-radius:50%; background:#E3E3E0;}
.fp-art .browser-bar .mono-sm{margin-left:.5rem; color:#9A9A9A;}
.fp-art .browser img{display:block; width:100%; aspect-ratio:16/8; object-fit:cover;}
.fp-art .browser-strip{display:flex; justify-content:space-between; align-items:center; gap:.8rem; padding:.7rem .9rem; font-size:.85rem;}
.fp-art .ad-prev{position:relative; border-radius:12px; overflow:hidden;}
.fp-art .ad-prev img{display:block; width:100%; aspect-ratio:4/3; object-fit:cover;}
.fp-art .ad-prev::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,10,11,.72) 0%, rgba(10,10,11,.18) 45%, transparent 65%);}
.fp-art .ad-play{position:absolute; z-index:2; top:40%; left:50%; transform:translate(-50%,-50%); width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.92); display:grid; place-items:center; color:var(--coral-deep); box-shadow:0 6px 24px -6px rgba(10,10,11,.5);}
.fp-art .ad-copy{position:absolute; z-index:2; left:.9rem; right:.9rem; bottom:.8rem; color:#fff;}
.fp-art .ad-copy .adk{font-family:"Geist Mono",monospace; font-size:.52rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.8);}
.fp-art .ad-copy .adt{font-family:Anton,"Geist",sans-serif; font-size:1.3rem; line-height:1.02; margin-top:.25rem; text-shadow:0 2px 16px rgba(10,10,11,.55);}
.fp-art .ad-rows{padding:.2rem .1rem;}
.fp-art .ad-row{display:flex; align-items:center; gap:.7rem; padding:.62rem .6rem; font-size:.8rem;}
.fp-art .ad-row + .ad-row{border-top:1px solid var(--line);}
.fp-art .ad-row .nm{font-weight:600; color:var(--ink); min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fp-art .ad-row .cpl{margin-left:auto; font-family:"Geist Mono",monospace; font-size:.66rem; color:var(--body); white-space:nowrap;}
.fp-art .pt-off{background:#EDEDF5; color:#56566A;}
.fp-art .art-code{background:var(--navy-deep); border:0; font-family:"Geist Mono",monospace; font-size:.78rem; color:#DFEAF2; line-height:1.9;}
.fp-art .art-code .c-dim{color:#6E8CA6;}
.fp-art .art-code .c-ok{color:#43D17C;}
.fp-art .mockfig{margin:0; text-align:center;}
.fp-art .mockfig img{display:block; width:min(300px,100%); height:auto; margin:0 auto;
    filter:drop-shadow(0 22px 44px rgba(10,10,11,.26)) drop-shadow(0 4px 10px rgba(10,10,11,.14));}
.fp-art .mockfig figcaption{margin-top:.9rem; font-size:.78rem; color:var(--body);}
.fp-art .capimg{display:block; width:100%; aspect-ratio:16/8; object-fit:cover; border-radius:10px 10px 0 0;}
.fp-art .cap{padding: .9rem 1rem 1rem;}
.fp-art .capt{font-weight:600; font-size:.9rem;}
.fp-art .caps{font-size:.8rem; color:var(--body); margin-top:.3rem;}
.fp-art .ba{position:relative; --x:52%; aspect-ratio:3/2; border-radius:14px; overflow:hidden; background:var(--ink);}
.fp-art .ba > img{position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover;}
.fp-art .ba-after{z-index:1;}
.fp-art .ba-before{position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; clip-path:inset(0 calc(100% - var(--x)) 0 0);}
.fp-art .ba-graded{filter:brightness(.64) saturate(.5) contrast(.78) sepia(.3) blur(.7px);}
.fp-art .ba-line{position:absolute; z-index:3; top:0; bottom:0; left:var(--x); width:2px; margin-left:-1px; background:rgba(255,255,255,.92); box-shadow:0 0 0 1px rgba(14,15,17,.18); pointer-events:none;}
.fp-art .ba-grip{position:absolute; z-index:4; top:50%; left:var(--x); transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; background:#fff; pointer-events:none; display:grid; place-items:center; color:var(--ink); box-shadow:0 2px 6px rgba(14,15,17,.28);}
.fp-art .ba-range{position:absolute; z-index:5; inset:0; width:100%; height:100%; margin:0; -webkit-appearance:none; appearance:none; background:transparent; cursor:ew-resize; opacity:0;}
.fp-art .ba-tag{position:absolute; z-index:3; bottom:.6rem; pointer-events:none; font-family:"Geist Mono",monospace; font-size:.54rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:rgba(7,42,68,.55); border:1px solid rgba(255,255,255,.2); border-radius:6px; padding:.2rem .45rem;}
.fp-art .ba-tag-l{left:.6rem;}
.fp-art .ba-tag-r{right:.6rem;}
.fp-art .reel{position:relative; margin:0 auto; width:100%; max-width:250px; aspect-ratio:9/16; border-radius:22px; overflow:hidden; background:var(--navy-deep); box-shadow:var(--shadow-card), inset 0 0 0 1px rgba(255,255,255,.09);}
.fp-art .reel-shot{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.fp-art .reel-tint{position:absolute; inset:0; mix-blend-mode:multiply; background:linear-gradient(200deg, rgba(22,166,114,.08), rgba(14,15,17,.16));}
.fp-art .reel-scrim{position:absolute; inset:0; background:linear-gradient(to top, rgba(10,10,11,.78) 0%, rgba(10,10,11,.4) 20%, rgba(10,10,11,.12) 36%, transparent 55%), linear-gradient(to bottom, rgba(10,10,11,.3) 0%, transparent 17%);}
.fp-art .reel-bar{position:absolute; top:11px; left:13px; right:13px; height:2.5px; border-radius:2px; background:rgba(255,255,255,.3);}
.fp-art .reel-bar i{display:block; height:100%; width:46%; border-radius:inherit; background:#fff;}
.fp-art .reel-body{position:absolute; left:14px; right:14px; bottom:48px;}
.fp-art .reel-kicker{font-family:"Geist Mono",monospace; font-size:.5rem; letter-spacing:.17em; text-transform:uppercase; color:rgba(255,255,255,.84);}
.fp-art .reel-price{font-family:Anton,"Geist",sans-serif; font-size:1.7rem; line-height:.95; color:#fff; margin-top:.3rem; text-shadow:0 2px 18px rgba(10,10,11,.5);}
.fp-art .reel-specs{display:flex; flex-wrap:wrap; gap:.24rem; margin-top:.45rem; padding:0; list-style:none;}
.fp-art .reel-specs li{font-family:"Geist Mono",monospace; font-size:.46rem; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22); border-radius:5px; padding:.16rem .38rem;}
.fp-art .reel-foot{position:absolute; left:14px; right:14px; bottom:13px; display:flex; align-items:center; gap:.4rem;}
.fp-art .reel-mark{width:19px; height:19px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 30% 30%, #7FD9C4, #37806F); font-size:.42rem; font-weight:700; color:#072A22;}
.fp-art .reel-agency{font-size:.56rem; font-weight:600; color:#fff;}
.fp-art .reel-music{margin-left:auto; font-family:"Geist Mono",monospace; font-size:.44rem; color:rgba(255,255,255,.82);}

/* ---- internal pages (funcionalidades, preços) ---- */
.crumb{font-size:.82rem;color:var(--muted)}
.crumb a{color:var(--muted);transition:color .15s}.crumb a:hover{color:var(--ink)}
.fp-hero{padding:8rem 0 4rem}
.fp-hero .split{align-items:center}
.fp-hero .h1{font-size:clamp(2.2rem,4.4vw,3.6rem);max-width:17ch}
.fp-hero .lead{max-width:34rem}
.fp-panel{background:linear-gradient(160deg,#FFFFFF 0%,#F1F3F0 100%);border:1px solid var(--line);border-radius:24px;padding:clamp(1.25rem,3vw,2.25rem);display:grid;place-items:center;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.fp-panel::before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(closest-side,rgba(22,166,114,.12),transparent);pointer-events:none}
.fp-panel>.fp-art{position:relative;width:100%;max-width:430px}
.fp-gain{display:grid;gap:.75rem}
@media(min-width:720px){.fp-gain{grid-template-columns:1fr 1fr}}
.fp-gain li{display:grid;grid-template-columns:22px 1fr;gap:.8rem;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.05rem 1.15rem;color:var(--ink);font-size:.98rem;box-shadow:var(--sh-1)}
.fp-gain li i{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;color:var(--accent-ink);margin-top:.1rem}
.fp-gain li i svg{width:11px;height:11px}
.fp-steps{display:grid;gap:1rem;counter-reset:s}
@media(min-width:760px){.fp-steps{grid-template-columns:repeat(3,1fr)}}
.fp-step{padding:1.4rem;position:relative}
.fp-step .n{font-family:"Geist Mono",monospace;font-size:.78rem;color:var(--accent-ink);display:inline-flex;align-items:center;gap:.5rem}
.fp-step .n::after{content:"";width:28px;height:1px;background:var(--accent-line)}
.fp-step p{margin-top:.8rem;font-size:1.02rem;color:var(--ink);font-weight:500;letter-spacing:-.01em;line-height:1.45}
.fp-rel{display:flex;flex-wrap:wrap;gap:.45rem}
.fp-rel a{font-size:.88rem;font-weight:500;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink);transition:transform .2s var(--ease),border-color .15s}
.fp-rel a:hover{transform:translateY(-1px);border-color:#C4C4BE}
.fx-group{padding:2.75rem 0;border-top:1px solid var(--line)}
.fx-group:first-child{border-top:0;padding-top:0}
.fx-grid{display:grid;gap:.75rem;margin-top:1.5rem}
@media(min-width:640px){.fx-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.fx-grid{grid-template-columns:repeat(3,1fr)}}
.fx-card{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem}
.fx-card b{font-weight:600;color:var(--ink);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.fx-card b svg{flex:none;color:var(--faint);transition:transform .2s var(--ease),color .15s}
.fx-card:hover b svg{transform:translateX(3px);color:var(--ink)}
.fx-card span{font-size:.88rem;color:var(--muted);line-height:1.5}
.fx-count{font-family:"Geist Mono",monospace;font-size:.74rem;color:var(--faint);margin-left:.5rem}
/* pricing */
.plans{display:grid;gap:1rem;align-items:stretch}
@media(min-width:900px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{display:flex;flex-direction:column;padding:1.6rem;position:relative}
.plan.pop{border:1.5px solid var(--ink);box-shadow:var(--sh-3)}
.plan .badge{position:absolute;top:-.75rem;left:1.6rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;background:var(--ink);color:#fff;border-radius:999px;padding:.25rem .7rem}
.plan .nm{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:var(--ink)}
.plan .tg{font-size:.88rem;color:var(--muted);margin-top:.25rem}
.plan .pr{margin-top:1.1rem;display:flex;align-items:baseline;gap:.3rem}
.plan .pr b{font-weight:600;font-size:2.6rem;letter-spacing:-.045em;color:var(--ink);line-height:1}
.plan .pr span{color:var(--muted);font-size:.9rem}
.plan ul{margin-top:1.25rem;display:grid;gap:.6rem;flex:1}
.plan li{display:grid;grid-template-columns:18px 1fr;gap:.6rem;align-items:start;font-size:.9rem;color:var(--text);line-height:1.5}
.plan li strong{font-weight:600;color:var(--ink)}
.plan li i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin-top:.12rem;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-ink)}
.plan li i svg{width:9px;height:9px}
.plan li.no{color:var(--faint)}
.plan li.no i{background:var(--bg);border-color:var(--line);color:var(--faint)}
.plan .btn,.plan .btn-2{margin-top:1.5rem;width:100%}
.dark .faq summary{color:#fff}
.fp-hero .h1{max-width:20ch}

/* ---- programa de indicação ---- */
.ind-hero .h1 span{color:var(--accent-ink)}
.pix{display:grid;gap:.6rem;max-width:380px;margin:0 auto}
.pix .n{display:grid;grid-template-columns:36px 1fr auto;gap:.75rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.8rem .95rem;box-shadow:var(--sh-2)}
.pix .n i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-style:normal;font-weight:600;font-size:.72rem}
.pix .n p{font-size:.72rem;color:var(--muted)}.pix .n b{display:block;font-size:.88rem;font-weight:500;color:var(--ink)}
.pix .n strong{font-weight:600;color:var(--accent-ink);letter-spacing:-.02em}
.pix .n:nth-child(2){margin-left:1.5rem;opacity:.9}.pix .n:nth-child(3){margin-left:3rem;opacity:.8}
.pix .pix-foot{text-align:center;font-size:.78rem;color:var(--muted)}
.rcpt{padding:1.4rem}
.rcpt .hd{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.9rem;border-bottom:1px dashed var(--line-2)}
.rcpt .ctl{margin-top:1.1rem}
.rcpt .ctl label{display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted)}
.rcpt .ctl label b{color:var(--ink);font-weight:500}
.rcpt input[type=range]{width:100%;margin-top:.5rem;accent-color:var(--accent)}
.rcpt .lines{margin-top:1.1rem;padding-top:.9rem;border-top:1px dashed var(--line-2);display:grid;gap:.45rem;font-size:.88rem;color:var(--muted)}
.rcpt .lines div{display:flex;justify-content:space-between;gap:1rem}
.rcpt .lines b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.rcpt .tot{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.rcpt .tot b{font-weight:600;font-size:2rem;letter-spacing:-.04em;color:var(--ink)}
.rcpt .tot b span{font-size:.9rem;color:var(--muted);font-weight:400}
.lvl{padding:1.5rem}
.lvl .pct{font-weight:600;font-size:3.2rem;letter-spacing:-.05em;line-height:1;color:var(--ink);margin-top:.6rem}
.lvl.off{background:var(--bg);box-shadow:none}.lvl.off .pct{color:var(--faint)}
.prog{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:1rem}
.prog i{height:10px;border-radius:5px;background:var(--line)}
.prog i.on{background:var(--accent)}
.faq details[open] summary{color:var(--ink)}
.split{grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.grid>*,.split>*{min-width:0}
.lvl .tbl table{min-width:0}
.lvl .pct{font-size:clamp(2.4rem,6vw,3.2rem);overflow-wrap:anywhere}
.coach-shot img{width:100%;height:auto;display:block}
.coach-shot{max-width:500px;margin:0 auto}

/* Radar: image column matches the text column's height */
@media(min-width:1000px){#radar-home .split{align-items:stretch}}
#radar-home .rd-col{display:flex;flex-direction:column;gap:1rem}
#radar-home .rd-msg{margin-top:auto;display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:start;padding:1.1rem 1.15rem;background:#F3F8F4;border:1px solid var(--accent-line);border-radius:var(--r-lg)}
#radar-home .rd-msg .ico{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
#radar-home .rd-msg .ico img{width:20px;height:20px}
#radar-home .rd-msg .to{font-size:.74rem;color:var(--muted)}
#radar-home .rd-msg .m{font-size:.92rem;color:var(--ink);line-height:1.5;margin-top:.2rem}
#radar-home .rd-msg .m b{font-weight:600}
#radar-home .rd-msg .lk{display:inline-block;margin-top:.45rem;font-size:.78rem;color:var(--accent-ink);border-bottom:1px solid var(--accent-line)}
#radar-home .rd-col{justify-content:space-between}
#radar-home .rd-msg{margin-top:0}
#radar-home .rd-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
#radar-home .rd-stats .tile{padding:1.1rem 1.2rem}
#radar-home .rd-stats b{display:block;font-weight:600;font-size:2rem;letter-spacing:-.04em;color:var(--ink);line-height:1}
#radar-home .rd-stats span{display:block;margin-top:.35rem;font-size:.85rem;color:var(--muted)}

/* ---- iPhone mockup for real app screenshots ---- */
.iphone{position:relative;width:min(320px,82vw);margin:0 auto;padding:11px;border-radius:54px;background:linear-gradient(145deg,#2A2C30,#0D0E10 45%,#1C1D20);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08),inset 0 0 0 5px #0A0A0B,0 2px 4px rgba(14,15,17,.08),0 30px 60px -20px rgba(14,15,17,.45),0 70px 120px -50px rgba(14,15,17,.35)}
.iphone .scr{position:relative;border-radius:44px;overflow:hidden;background:#F4F4F1}
.iphone .scr img{display:block;width:100%;height:auto}
.iphone .island{position:absolute;z-index:2;top:21px;left:50%;transform:translateX(-50%);width:31%;height:27px;border-radius:999px;background:#000}
.iphone .btn-l,.iphone .btn-r{position:absolute;width:3px;border-radius:2px;background:#1C1D20}
.iphone .btn-l{left:-3px;top:22%;height:9%;box-shadow:0 70px 0 #1C1D20}
.iphone .btn-r{right:-3px;top:30%;height:14%}
.iphone .island{top:8px;height:23px;width:29%}

/* ---- app showcase: modules + store badges ---- */
.mods{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
@media(max-width:480px){.mods{grid-template-columns:1fr}}
.mod{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:start;padding:1rem 1.05rem}
.mod .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}
.mod .ic svg{width:21px;height:21px}
.mod b{display:block;font-weight:600;font-size:.98rem;color:var(--ink);letter-spacing:-.01em}
.mod span{display:block;font-size:.84rem;color:var(--muted);line-height:1.45;margin-top:.15rem}
.ic-sun{background:#B4602F;color:#fff}.ic-layers{background:#E3EEE8;color:#1F5C45}.ic-chat{background:#DDEFEA;color:#2E7D6B}
.ic-mic{background:#E6E9EC;color:#1E2B38}.ic-bld{background:#E2E8F8;color:#3557C8}.ic-sig{background:#ECE6F6;color:#6A4BB0}
.ic-phone{background:#E0F1E4;color:#2E8B4E}.ic-house{background:#F3EADC;color:#9A6A23}
.stores{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.store{display:inline-flex;align-items:center;gap:.6rem;height:52px;padding:0 1.1rem 0 .9rem;border-radius:12px;background:var(--black);color:#fff;border:1px solid #2a2b2e;cursor:default}
a.store{cursor:pointer;transition:transform .2s var(--ease)}a.store:hover{transform:translateY(-1px)}
.store svg{flex:none}
.store .t{display:flex;flex-direction:column;line-height:1.1}
.store .t small{font-size:.66rem;color:rgba(255,255,255,.75);letter-spacing:.01em}
.store .t b{font-weight:600;font-size:1.08rem;letter-spacing:-.01em}
.store-note{font-size:.82rem;color:var(--muted)}
@media(min-width:1000px){#app .split{align-items:start}#app .split>:first-child{position:sticky;top:6.5rem}}
#app.sec.hair{overflow:clip}

/* ---- intro: "Muito prazer" ---- */
.intro{position:relative;overflow:clip;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro .glow{position:absolute;width:900px;height:900px;left:50%;top:-420px;margin-left:-450px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(22,166,114,.10),transparent)}
.intro .wrap{position:relative}
.intro-mark{display:flex;align-items:center;gap:.75rem}
.intro-mark img{width:44px;height:44px;border-radius:12px;box-shadow:var(--sh-2)}
.intro-mark span{font-size:.92rem;color:var(--muted)}
.intro-say{margin-top:2rem;font-weight:600;font-size:clamp(2rem,4.4vw,3.9rem);line-height:1.08;letter-spacing:-.04em;color:var(--ink);max-width:22ch;text-wrap:balance}
.intro-say .w{opacity:.16;transition:opacity .35s ease}
.intro-say .w.on{opacity:1}
.intro-say .hl{color:var(--accent-ink)}
.intro-stats{margin-top:4rem;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
@media(min-width:900px){.intro-stats{grid-template-columns:repeat(4,1fr)}}
.intro-stats div{padding:1.6rem 1.25rem 0 0}
@media(min-width:900px){.intro-stats div+div{padding-left:1.5rem;border-left:1px solid var(--line)}}
.intro-stats b{display:block;font-weight:600;font-size:clamp(2.6rem,5vw,3.6rem);letter-spacing:-.05em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.intro-stats span{display:block;margin-top:.5rem;font-size:.92rem;color:var(--muted);line-height:1.45;max-width:20ch}
.intro-foot{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
@media(prefers-reduced-motion:reduce){.intro-say .w{opacity:1;transition:none}}

/* ---- disparo em massa ---- */
.dm-step{padding:1rem 1.1rem;border-bottom:1px solid var(--line)}
.dm-step:last-child{border-bottom:0}
.dm-k{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;color:var(--muted)}
.dm-k i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-style:normal;font-size:.62rem;font-family:"Geist Mono",monospace}
.dm-file{display:grid;grid-template-columns:36px 1fr auto;gap:.7rem;align-items:center;margin-top:.7rem}
.dm-file .x{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#E6F4EA;color:#1B7C43;font-family:"Geist Mono",monospace;font-size:.6rem;font-weight:600}
.dm-file b{display:block;font-size:.88rem;font-weight:500;color:var(--ink)}
.dm-file span{font-size:.74rem;color:var(--muted)}
.dm-map{margin-top:.75rem;display:grid;gap:.35rem}
.dm-map div{display:grid;grid-template-columns:1fr 18px 1fr;gap:.5rem;align-items:center;font-size:.78rem;color:var(--muted)}
.dm-map div b{font-weight:500;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:.25rem .5rem}
.dm-map div em{font-style:normal;color:var(--faint);text-align:center}
.dm-msg{margin-top:.7rem;background:#E7F6EE;border:1px solid var(--accent-line);border-radius:12px 12px 12px 3px;padding:.65rem .8rem;font-size:.84rem;line-height:1.5;color:#123A26;max-width:92%}
.dm-msg .v{background:#fff;border:1px solid var(--accent-line);border-radius:5px;padding:0 .3rem;font-family:"Geist Mono",monospace;font-size:.74rem;color:var(--accent-ink)}
.dm-msg .opt{display:block;margin-top:.45rem;font-size:.72rem;color:var(--accent-ink)}
.dm-aud{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.dm-stats{margin-top:.75rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.dm-stats div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem}
.dm-stats b{display:block;font-weight:600;font-size:1.15rem;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.dm-stats span{font-size:.66rem;color:var(--muted)}
.dm-stats div.hi{background:var(--accent-soft);border-color:var(--accent-line)}.dm-stats div.hi b{color:var(--accent-ink)}
@media(max-width:480px){.dm-stats{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){
  #disparo-em-massa .split{align-items:stretch}
  #disparo-em-massa .split>div:last-child{display:flex}
  #disparo-em-massa .frame{flex:1;display:flex;flex-direction:column}
  #disparo-em-massa .dm-step{flex:1;display:flex;flex-direction:column;justify-content:center}
}

/* site da imobiliária: same composition as the Radar column */
#site .split{align-items:stretch}
#site .rd-col{display:flex;flex-direction:column;gap:1rem}
#site .rd-msg{margin-top:auto;display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:start;padding:1.1rem 1.15rem;background:#F3F8F4;border:1px solid var(--accent-line);border-radius:var(--r-lg)}
#site .rd-msg .ico{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
#site .rd-msg .ico img{width:20px;height:20px}
#site .rd-msg .to{font-size:.74rem;color:var(--muted)}
#site .rd-msg .m{font-size:.92rem;color:var(--ink);line-height:1.5;margin-top:.2rem}
#site .rd-msg .m b{font-weight:600}
#site .rd-msg .lk{display:inline-block;margin-top:.45rem;font-size:.78rem;color:var(--accent-ink);border-bottom:1px solid var(--accent-line)}
#site .rd-col{justify-content:space-between}
#site .rd-msg{margin-top:0}
#site .rd-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
#site .rd-stats .tile{padding:1.1rem 1.2rem}
#site .rd-stats b{display:block;font-weight:600;font-size:2rem;letter-spacing:-.04em;color:var(--ink);line-height:1}
#site .rd-stats span{display:block;margin-top:.35rem;font-size:.85rem;color:var(--muted)}

/* WhatsApp section: two overlapping iPhones (call behind, chat in front) */
#whatsapp .split{align-items:center}
.duo{position:relative;--pw:256px;width:calc(var(--pw) * 1.5);height:calc(var(--pw) * 2.8);margin:0 auto}
.duo .iphone.ui{position:absolute;width:var(--pw);margin:0;container-type:inline-size}
.duo .iphone.ui .island{top:2.8cqw;height:7.9cqw;width:29%}
.duo .iphone.ui{padding:calc(var(--pw) * .038);border-radius:calc(var(--pw) * .186)}
.duo .iphone.ui .scr{border-radius:15.2cqw}
.duo .ph-call{left:0;top:0;transform:rotate(-3deg);box-shadow:0 30px 60px -30px rgba(14,15,17,.45)}
.duo .ph-chat{right:0;bottom:0;z-index:2;box-shadow:0 50px 90px -30px rgba(11,107,72,.35),0 24px 48px -24px rgba(14,15,17,.5)}
.iphone.ui .scr{aspect-ratio:9/19.3;font-size:4.35cqw;display:flex;flex-direction:column;letter-spacing:-.005em}
.iphone.ui .sb{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:1.05em 2em 0 2.3em;height:2.9em;font-weight:600;font-size:.95em;flex:none}
.iphone.ui .sb .ic{display:flex;gap:.35em;align-items:center}
/* call */
.duo .ph-call .scr{background:radial-gradient(120% 70% at 50% 18%,#1E5A45 0%,#0F2A21 55%,#08130F 100%);color:#fff}
.duo .ph-call .call{flex:1;display:flex;flex-direction:column;align-items:center;padding:.8em 1.3em 1.8em;text-align:center}
.duo .ph-call .via{display:flex;align-items:center;gap:.4em;font-size:.82em;color:rgba(255,255,255,.7)}
.duo .ph-call .via img{width:1.2em;height:1.2em}
.duo .ph-call .av{width:30%;aspect-ratio:1;border-radius:50%;object-fit:cover;margin-top:1.1em;box-shadow:0 0 0 .35em rgba(255,255,255,.08),0 0 0 .8em rgba(255,255,255,.04)}
.duo .ph-call .nm{margin-top:.7em;font-size:1.5em;font-weight:600;letter-spacing:-.02em}
.duo .ph-call .tmr{margin-top:.15em;font-family:'Geist Mono',ui-monospace,monospace;font-size:.95em;color:rgba(255,255,255,.72)}
.duo .ph-call .rec{margin-top:.8em;display:inline-flex;align-items:center;gap:.45em;padding:.38em .8em;border-radius:999px;background:rgba(255,255,255,.1);font-size:.78em}
.duo .ph-call .rec i{width:.55em;height:.55em;border-radius:50%;background:#FF5A4E;animation:recblink 1.6s ease-in-out infinite}
.duo .ph-call .wave{display:flex;align-items:center;justify-content:center;gap:.22em;height:2em;margin-top:.8em}
.duo .ph-call .wave i{display:block;width:.22em;height:100%;border-radius:2px;background:#5BE3A8;transform-origin:center;animation:wavebar 1.1s cubic-bezier(.34,1.56,.64,1) infinite alternate}
.duo .ph-call .wave i:nth-child(3n){animation-delay:-.35s}.ph-call .wave i:nth-child(3n+1){animation-delay:-.7s}.ph-call .wave i:nth-child(4n){animation-duration:.8s}.ph-call .wave i:nth-child(5n){animation-duration:1.4s}
.duo .ph-call .tx{margin-top:1em;width:100%;text-align:left;padding:.85em .9em;border-radius:1em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:.8em;line-height:1.45}
.duo .ph-call .tx-h{font-size:.85em;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45em}
.duo .ph-call .tx p+p{margin-top:.4em}
.duo .ph-call .tx b{display:block;font-weight:600;color:rgba(255,255,255,.6);font-size:.9em}
.duo .ph-call .tx b.lu{color:#5BE3A8}
.duo .ph-call .tx .task{margin-top:.6em;padding-top:.5em;border-top:1px solid rgba(255,255,255,.12);color:#5BE3A8;font-weight:600;font-size:.92em}
.duo .ph-call .ctl{margin-top:auto;display:flex;gap:.75em;justify-content:center}
.duo .ph-call .ctl span{width:2.9em;height:2.9em;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.duo .ph-call .ctl svg{width:1.3em;height:1.3em}
.duo .ph-call .ctl .end{background:#EB4C42}
@keyframes wavebar{from{transform:scaleY(.18)}to{transform:scaleY(1)}}
@keyframes recblink{50%{opacity:.25}}
/* chat */
.duo .ph-chat .scr{background:#EFEAE2;color:#111B21}
.duo .ph-chat .chat{flex:1;min-height:0;display:flex;flex-direction:column}
.duo .ph-chat .ch-head{flex:none;display:flex;align-items:center;gap:.55em;padding:.5em .9em .6em .6em;background:#F7F7F5;border-bottom:1px solid rgba(14,15,17,.07)}
.duo .ph-chat .ch-head .bk{width:1.3em;height:1.3em;color:#0B6B48}
.duo .ph-chat .ch-head img{width:2.4em;height:2.4em;border-radius:50%;object-fit:cover}
.duo .ph-chat .ch-head div{flex:1;line-height:1.2}
.duo .ph-chat .ch-head b{display:block;font-weight:600;font-size:1em}
.duo .ph-chat .ch-head span{display:flex;align-items:center;gap:.35em;font-size:.76em;color:#0B6B48}
.duo .ph-chat .ch-head span i{width:.5em;height:.5em;border-radius:50%;background:#16A672}
.duo .ph-chat .ch-head .ph{width:1.25em;height:1.25em;color:#0B6B48}
.duo .ph-chat .ch-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.4em;padding:.6em .7em}
.duo .ph-chat .day{align-self:center;font-size:.72em;padding:.25em .7em;border-radius:.6em;background:#fff;color:#54656F;margin-bottom:.2em}
.duo .ph-chat .m{position:relative;max-width:84%;padding:.42em .6em .45em;border-radius:.75em;font-size:.86em;line-height:1.38;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.duo .ph-chat .m.in{align-self:flex-start;background:#fff;border-top-left-radius:.2em}
.duo .ph-chat .m.out{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.2em}
.duo .ph-chat .m .who{display:block;font-size:.82em;font-weight:600;color:#0B6B48}
.duo .ph-chat .m time{float:right;margin:.45em 0 -.2em .6em;font-size:.72em;color:#667781;line-height:1}
.duo .ph-chat .m time s{text-decoration:none;color:#53BDEB;letter-spacing:-.15em}
.duo .ph-chat .card{padding:.25em;width:78%}
.duo .ph-chat .card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.6em}
.duo .ph-chat .card .cd{padding:.45em .35em .2em;line-height:1.3}
.duo .ph-chat .card b{display:block;font-weight:600;font-size:.98em}
.duo .ph-chat .card span{display:block;font-size:.85em;color:#54656F}
.duo .ph-chat .card strong{display:block;margin-top:.2em;font-weight:600;font-size:1.02em}
.duo .ph-chat .card em{display:block;margin-top:.45em;padding-top:.45em;border-top:1px solid rgba(11,107,72,.18);text-align:center;font-style:normal;font-weight:600;font-size:.88em;color:#0B6B48}
.duo .ph-chat .ch-take{flex:none;display:flex;align-items:center;justify-content:space-between;margin:0 .7em .45em;padding:.45em .5em .45em .75em;border-radius:.8em;background:#fff;border:1px solid rgba(22,166,114,.25);font-size:.78em}
.duo .ph-chat .ch-take span{display:flex;align-items:center;gap:.4em;color:#0B6B48}
.duo .ph-chat .ch-take span i{width:.5em;height:.5em;border-radius:50%;background:#16A672}
.duo .ph-chat .ch-take b{font-weight:600;padding:.3em .75em;border-radius:999px;background:#0E0F11;color:#fff}
.duo .ph-chat .ch-foot{flex:none;display:flex;align-items:center;gap:.5em;padding:.45em .7em 1.6em;background:#F7F7F5}
.duo .ph-chat .ch-foot span{flex:1;padding:.55em .9em;border-radius:999px;background:#fff;color:#8696A0;font-size:.86em;border:1px solid rgba(14,15,17,.06)}
.duo .ph-chat .ch-foot i{width:2.3em;height:2.3em;border-radius:50%;display:grid;place-items:center;background:#16A672;color:#fff}
.duo .ph-chat .ch-foot svg{width:1.1em;height:1.1em}
@media (max-width:560px){.duo{--pw:min(186px,48vw)}}
@media (prefers-reduced-motion:reduce){.duo .ph-call .wave i,.duo .ph-call .rec i{animation:none}}

/* Radar: recreated Radar screen (fictional data), bleeding left and fading into the page */
#radar-home{overflow:clip}
#radar-home .rd-bleed{position:relative;min-height:520px;container-type:inline-size}
.rx{position:absolute;top:0;right:0;height:100%;width:calc(100% + min(11vw,160px));font-size:calc((100cqw + min(11vw,160px)) / 62.5);
  display:flex;gap:1em;padding:1em;border-radius:1.4em;background:linear-gradient(140deg,#DDEFE8,#EEF5F1 55%,#E6F0EC);color:#17181B;overflow:hidden;line-height:1.35;letter-spacing:-.005em;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%),linear-gradient(to bottom,#000 86%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 20%),linear-gradient(to bottom,#000 86%,transparent 100%);mask-composite:intersect}
.rx p{margin:0}
.rx svg{display:block}
.rx-rail{flex:none;width:5em;background:#fff;border-radius:1.4em;display:flex;flex-direction:column;align-items:center;gap:1.45em;padding:1.3em 0;box-shadow:0 .2em .8em rgba(20,60,45,.06)}
.rx-rail img{width:2.7em;height:auto;margin-bottom:.4em}
.rx-rail span{color:#3A3D44}
.rx-rail span svg{width:1.55em;height:1.55em}
.rx-rail span.on{width:3.5em;height:3.1em;display:grid;place-items:center;border-radius:.9em;background:#fff;color:#1F6B4E;box-shadow:0 .25em .9em rgba(20,60,45,.14)}
.rx-main{flex:1;min-width:0;background:#fff;border-radius:1.4em;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 .2em .8em rgba(20,60,45,.06)}
.rx-bar{flex:none;display:flex;align-items:center;gap:1.3em;padding:1.1em 1.4em;border-bottom:1px solid #ECEDEA}
.rx-bar .q{flex:1;min-width:0;display:flex;align-items:center;gap:.6em;height:2.8em;padding:0 1em;border:1px solid #DADCD8;border-radius:.8em;color:#6B6F76;font-size:.95em;white-space:nowrap;overflow:hidden}
.rx-bar svg{width:1.25em;height:1.25em;flex:none}
.rx-bar .ic{position:relative;color:#2A2D33}
.rx-bar .bell i{position:absolute;top:-.75em;right:-.9em;background:#C8502A;color:#fff;font-style:normal;font-size:.6em;font-weight:700;padding:.15em .45em;border-radius:999px}
.rx-bar .me{width:2.6em;height:2.6em;border-radius:50%;object-fit:cover;flex:none}
.rx-list{padding:1.2em 1.3em;display:flex;flex-direction:column;gap:1.1em}
.rx-card{position:relative;flex:none;display:grid;grid-template-columns:13em minmax(0,1fr);border:1px solid #F0D3C8;border-radius:1.4em;background:#fff;box-shadow:0 .7em 1.6em -1.2em rgba(120,60,30,.25)}
.rx-ph{position:relative;min-height:19.5em;border-radius:1.35em 0 0 1.35em;overflow:hidden;color:#fff}
.rx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rx-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,14,.82) 0%,rgba(10,12,14,.35) 45%,rgba(10,12,14,0) 70%)}
.rx-ph .new,.rx-ph .code{position:absolute;top:1em;z-index:2;font-size:.7em;font-weight:700;padding:.35em .8em;border-radius:999px}
.rx-ph .new{left:1em;background:#C8502A;letter-spacing:.08em;text-transform:uppercase}
.rx-ph .code{right:1em;background:rgba(24,25,28,.72);font-family:"Geist Mono",ui-monospace,monospace;font-weight:500}
.rx-ph .cap{position:absolute;left:1.1em;right:1.1em;bottom:1.1em;z-index:2}
.rx-ph .cap b{display:block;font-size:1.42em;font-weight:700;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.rx-ph .ti{text-transform:uppercase;font-size:.74em;line-height:1.35;margin-top:.4em;opacity:.92}
.rx-ph .lo{display:flex;gap:.35em;align-items:center;font-weight:600;font-size:.8em;margin-top:.6em}
.rx-ph .lo svg{width:1.1em;height:1.1em}
.rx-ph .sp{font-size:.74em;opacity:.8;margin-top:.15em}
.rx-score{position:absolute;left:10.3em;top:3.4em;z-index:3;width:5.4em;height:5.4em;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 .3em rgba(46,139,100,.14),0 .6em 1.4em rgba(14,40,30,.22)}
.rx-score svg{position:absolute;inset:.35em;transform:rotate(-90deg)}
.rx-score .tr{fill:none;stroke:#E4EEE9;stroke-width:7}
.rx-score .ar{fill:none;stroke:#1F6B4E;stroke-width:7;stroke-linecap:round}
.rx-score b{position:relative;font-size:1.6em;font-weight:700;line-height:1;letter-spacing:-.03em}
.rx-score span{position:relative;font-size:.52em;letter-spacing:.16em;text-transform:uppercase;color:#1F6B4E;font-weight:700;margin-top:.25em}
.rx-body{padding:1.1em 1.2em 1em 3.6em;min-width:0}
.rx-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.8em;align-items:start}
.rx-top .av{width:3.3em;height:3.3em;border-radius:.9em;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #E1E3E0,0 .3em .8em rgba(0,0,0,.12)}
.rx-top .k{color:#C8502A;font-size:.64em;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.rx-top .nm{font-size:1.15em;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-top .chips{display:flex;gap:.4em;margin-top:.4em}
.rx-top .chips span{display:inline-flex;align-items:center;gap:.35em;font-size:.68em;padding:.3em .7em;border-radius:999px;white-space:nowrap}
.rx-top .chips svg{width:1.15em;height:1.15em}
.rx-top .c1{border:1px solid #DCDDDA;color:#3A3D44}
.rx-top .c2{background:#FBEAE3;color:#C24A20;font-weight:600}
.rx-top .kb{color:#55585E;font-size:1.1em;line-height:1;padding-top:.5em}
.rx-top .act{text-align:right}
.rx-top .act>span{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.82em;padding:.7em 1.1em;border-radius:.75em;white-space:nowrap}
.rx-top .act svg{width:1.15em;height:1.15em}
.rx-top .btn-send{background:#1F5E4A;color:#fff}
.rx-top .btn-sent{background:#E7F3EC;color:#1F6B4E}
.rx-top .act p{font-size:.64em;color:#7A7E85;margin-top:.55em;white-space:nowrap}
.rx-cmp{margin-top:.8em}
.rx-cmp .hd,.rx-cmp .row{display:grid;grid-template-columns:minmax(0,1fr) 8.2em minmax(0,1fr);gap:.8em;align-items:center}
.rx-cmp .hd{padding-bottom:.6em;border-bottom:1px dashed #D9DBD7;margin-bottom:.15em}
.rx-cmp .hd span{font-size:.64em;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#6F737A;white-space:nowrap}
.rx-cmp .hd span:first-child{text-align:right}
.rx-cmp .hd em{justify-self:center;font-style:normal;font-size:.68em;font-weight:700;color:#1F6B4E;background:#E7F3EC;padding:.25em .75em;border-radius:999px;white-space:nowrap}
.rx-cmp .row{height:2.5em}
.rx-cmp .l,.rx-cmp .r{font-size:.84em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-cmp .l{text-align:right}
.rx-cmp .r.sp{color:#8A8E95;font-style:italic;font-weight:400}
.rx-cmp .m{display:flex;flex-direction:column;align-items:center}
.rx-cmp .m small{font-size:.55em;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#7A7E85;line-height:1.2}
.rx-cmp .ln{position:relative;width:100%;display:grid;place-items:center;margin-top:.15em}
.rx-cmp .ln::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #2E8B64}
.rx-cmp .none .ln::before{border-top:2px dotted #B5B8BD}
.rx-cmp .near .ln::before{border-top:2px dashed #E39A2D}
.rx-cmp .d{position:relative;width:1.4em;height:1.4em;border-radius:50%;display:grid;place-items:center;background:#fff}
.rx-cmp .d.ok{background:#2E8B64;color:#fff;box-shadow:0 0 0 .22em #E3F1EA}
.rx-cmp .d.ok svg{width:.8em;height:.8em}
.rx-cmp .d.none{border:2px solid #A9ADB3}
.rx-cmp .d.none i{width:.55em;height:2px;background:#A9ADB3}
.rx-cmp .d.near{border:2px solid #E39A2D}
.rx-cmp .d.near i{width:.62em;height:.62em;border-radius:50%;border:1.5px solid #E39A2D;background:linear-gradient(90deg,#E39A2D 50%,transparent 50%)}
.rx-tags{display:flex;justify-content:center;gap:.5em;margin-top:.7em}
.rx-tags span{display:inline-flex;align-items:center;gap:.35em;background:#EEF4F1;color:#1F6B4E;font-weight:600;font-size:.68em;padding:.45em .85em;border-radius:999px;white-space:nowrap}
.rx-tags svg{width:1.15em;height:1.15em}
@media (max-width:999px){#radar-home .rd-bleed{min-height:0}
  .rx{position:relative;width:100%;height:auto;aspect-ratio:4/5;font-size:calc(100cqw / 57);
    -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}
  .rx-rail{display:none}}


/* Disparo em massa: a single iPhone with one WhatsApp template message */
#disparo-em-massa .split{align-items:center}
.duo.solo{--pw:300px;width:var(--pw);height:auto}
.duo.solo .iphone.ui{position:relative;box-shadow:0 50px 90px -30px rgba(11,107,72,.3),0 24px 48px -24px rgba(14,15,17,.45)}
.duo .ph-chat .ch-head span.biz{color:#667781}
.duo .ph-chat .m.tpl{max-width:90%;padding:.25em .25em .5em;border-top-left-radius:.2em}
.duo .ph-chat .m.tpl img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.6em}
.duo .ph-chat .m.tpl p{padding:0 .4em;margin-top:.45em}
.duo .ph-chat .m.tpl p b{font-weight:600}
.duo .ph-chat .tpl-btns{align-self:flex-start;width:90%;display:flex;flex-direction:column;gap:.22em;margin-top:-.15em}
.duo .ph-chat .tpl-btns span{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.55em;border-radius:.6em;background:#fff;color:#0A8F6C;font-size:.84em;font-weight:500;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.duo .ph-chat .tpl-btns svg{width:1.05em;height:1.05em}
.duo .ph-chat .tpl-btns .opt{color:#667781}
@media (max-width:560px){.duo.solo{--pw:min(250px,66vw)}}

/* Grupos de WhatsApp: group chat phone + the listing the platform builds from it */
#grupos-whatsapp{overflow:clip}
#grupos-whatsapp .split{align-items:center}
.duo.grp{--pw:290px;width:min(100%,500px);height:calc(var(--pw) * 2.62)}
.duo.grp .iphone.ui{left:0;top:0;right:auto;bottom:auto;transform:rotate(-2deg);box-shadow:0 30px 60px -30px rgba(14,15,17,.45)}
.duo .ph-chat .ch-head .gav{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;background:#DFE5E7;color:#fff;flex:none}
.duo .ph-chat .ch-head .gav svg{width:1.45em;height:1.45em;color:#AEBAC1}
.duo .ph-chat .m .snd{display:block;font-size:.82em;font-weight:600}
.duo .ph-chat .alb-m{padding:.25em .25em .45em;max-width:88%}
.duo .ph-chat .alb-m .snd{padding:.15em .4em .3em}
.duo .ph-chat .alb{display:grid;grid-template-columns:1fr 1fr;gap:.15em;border-radius:.55em;overflow:hidden}
.duo .ph-chat .alb img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.duo .ph-chat .alb span{position:relative}
.duo .ph-chat .alb i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-style:normal;font-size:1.5em;font-weight:500}
.duo .ph-chat .alb-m p{padding:0 .4em;margin-top:.4em}
.gcard{position:absolute;right:0;top:auto;bottom:0;z-index:2;width:270px;font-size:13px;line-height:1.35;background:#fff;border:1px solid var(--line,#E6E6E1);border-radius:18px;padding:14px;color:#17181B;
  box-shadow:0 50px 90px -30px rgba(11,107,72,.32),0 24px 48px -24px rgba(14,15,17,.4)}
.gcard p{margin:0}
.gcard .g-src{display:flex;align-items:center;gap:.4em;font-size:.8em;color:#6B6F76;white-space:nowrap}
.gcard .g-src b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.gcard .g-src img{width:1.3em;height:1.3em}
.gcard .g-src b{color:#17181B;font-weight:600}
.gcard .g-src time{margin-left:auto;font-family:"Geist Mono",ui-monospace,monospace;font-size:.95em;color:#0B6B48}
.gcard .g-ph{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;margin-top:.8em;border-radius:12px;overflow:hidden;aspect-ratio:16/10}
.gcard .g-ph img{width:100%;height:100%;object-fit:cover;display:block}
.gcard .g-ph img:first-child{grid-row:1/3}
.gcard .g-t{margin-top:.8em;font-size:1.12em;font-weight:600;letter-spacing:-.015em}
.gcard .g-l{color:#6B6F76;font-size:.9em}
.gcard .g-chips{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.6em}
.gcard .g-chips span{font-size:.78em;padding:.25em .6em;border-radius:999px;background:#F2F2EF;color:#3A3D44}
.gcard .g-chips .pr{background:#0E0F11;color:#fff;font-weight:600}
.gcard .g-d{margin-top:.65em;font-size:.84em;color:#4A4E55;display:flex;gap:.45em;align-items:flex-start}
.gcard .g-d i{flex:none;font-style:normal;font-family:"Geist Mono",ui-monospace,monospace;font-size:.8em;padding:.1em .4em;border-radius:5px;background:#E7F3EC;color:#0B6B48;margin-top:.1em}
.gcard .g-match{display:flex;align-items:center;gap:.6em;margin-top:.75em;padding:.55em .65em;border-radius:10px;background:#F3F8F4;border:1px solid rgba(22,166,114,.2);font-size:.84em;color:#0B6B48}
.gcard .g-match b{font-weight:600}
.gcard .avs{display:flex;flex:none}
.gcard .avs img{width:1.75em;height:1.75em;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-.5em}
.gcard .avs img:first-child{margin-left:0}
.gcard .g-act{display:grid;grid-template-columns:1fr auto;gap:.4em;margin-top:.75em}
.gcard .g-act span{text-align:center;font-weight:600;font-size:.88em;padding:.65em .9em;border-radius:10px}
.gcard .g-act .ok{background:#0E0F11;color:#fff}
.gcard .g-act .no{border:1px solid #DCDDDA;color:#3A3D44}
.gcard .g-auto{display:flex;align-items:center;justify-content:space-between;margin-top:.7em;padding-top:.65em;border-top:1px solid #EEEEEA;font-size:.84em;color:#3A3D44}
.gcard .tog{position:relative;width:2.5em;height:1.4em;border-radius:999px;background:#16A672}
.gcard .tog::after{content:"";position:absolute;top:.17em;right:.17em;width:1.06em;height:1.06em;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
@media (max-width:560px){.duo.grp{--pw:min(200px,52vw);width:100%}.gcard{width:58vw;font-size:9.6px;padding:10px;border-radius:14px}}

/* Marketplace: listings shared by other agencies + automatic co-brokerage notice */
#marketplace{overflow:clip}
#marketplace .split{align-items:center}
.mk{position:relative;padding-bottom:3.2rem}
.mk .frame{font-size:12.5px;line-height:1.35;color:#17181B}
.mk p{margin:0}
.mk-app{padding:16px;background:#fff}
.mk-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}
.mk-hd b{font-size:1.35em;font-weight:600;letter-spacing:-.02em}
.mk-hd p{color:#6B6F76;font-size:.85em;margin-top:.1em}
.mk-hd .mine{display:inline-flex;align-items:center;gap:.5em;font-size:.8em;color:#3A3D44;padding:.4em .6em .4em .8em;border:1px solid #E3E3DF;border-radius:999px;white-space:nowrap}
.mk-hd .mine i{position:relative;width:2.2em;height:1.25em;border-radius:999px;background:#16A672}
.mk-hd .mine i::after{content:"";position:absolute;top:.15em;right:.15em;width:.95em;height:.95em;border-radius:50%;background:#fff}
.mk-f{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.9em}
.mk-f span{font-size:.78em;padding:.3em .7em;border-radius:999px;border:1px solid #E3E3DF;color:#3A3D44}
.mk-f span.on{background:#0E0F11;border-color:#0E0F11;color:#fff}
.mk-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mk-c{border:1px solid #ECECE8;border-radius:12px;overflow:hidden;background:#fff}
.mk-ph{position:relative;aspect-ratio:1/1}
.mk-ph img{width:100%;height:100%;object-fit:cover;display:block}
.mk-ph .ag{position:absolute;left:.55em;top:.55em;display:inline-flex;align-items:center;gap:.35em;font-size:.72em;font-weight:600;padding:.3em .6em;border-radius:999px;background:rgba(255,255,255,.92);color:#17181B}
.mk-ph .ag svg{width:1.15em;height:1.15em}
.mk-in{padding:.65em .7em .7em}
.mk-in b{font-size:1.05em;font-weight:600;letter-spacing:-.01em}
.mk-in .t{font-size:.86em;margin-top:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-in .l{font-size:.74em;color:#6B6F76;margin-top:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-in .bt{margin-top:.6em;display:flex;align-items:center;justify-content:center;gap:.4em;font-size:.8em;font-weight:600;padding:.55em;border-radius:8px;border:1px solid #0E0F11;color:#0E0F11}
.mk-in .bt svg{width:1.1em;height:1.1em}
.mk-in .bt.sent{border-color:transparent;background:#E7F3EC;color:#0B6B48}
.mk-toast{position:absolute;left:-1.5rem;bottom:0;z-index:2;width:min(330px,86%);display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:16px;background:#0E0F11;color:#fff;
  box-shadow:0 40px 70px -30px rgba(11,107,72,.45),0 20px 40px -20px rgba(14,15,17,.5)}
.mk-toast .ic{flex:none;width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;background:#16A672;color:#fff}
.mk-toast .ic svg{width:1.25rem;height:1.25rem}
.mk-toast b{display:block;font-size:.88rem;font-weight:600}
.mk-toast p{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.72);margin-top:.15rem}
@media (max-width:560px){.mk .frame{font-size:10px}.mk-app{padding:12px}.mk-toast{left:0;width:92%}.mk-hd .mine{display:none}}

/* Luna · cinco perfis: dark interactive section */
.lp{background:#0A0B0D;overflow:clip;isolation:isolate}
.lp-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 420px at 78% 38%,rgba(22,166,114,.20),transparent 70%),radial-gradient(520px 360px at 8% 92%,rgba(91,227,168,.08),transparent 70%),radial-gradient(900px 500px at 50% -10%,rgba(255,255,255,.05),transparent 70%)}
.lp-glow::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lp-head{display:grid;gap:1.5rem}
.lp-head .h2{max-width:20ch}
.lp-head .lead{max-width:34rem}
@media (min-width:1000px){.lp-head{grid-template-columns:1.25fr 1fr;align-items:end;gap:4rem}.lp-head .h2{letter-spacing:-.035em}}
.lp-ui{margin-top:clamp(2.5rem,5vw,4rem);display:grid;gap:1.25rem}
@media (min-width:1000px){.lp-ui{grid-template-columns:330px minmax(0,1fr);gap:1.5rem;align-items:stretch}}
/* tabs */
.lp-tabs{display:flex;flex-direction:column;gap:.4rem}
.lp-tab{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:.9rem;align-items:center;width:100%;padding:.8rem .9rem;border-radius:18px;border:1px solid transparent;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer;overflow:hidden;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.lp-tab::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(91,227,168,.28);opacity:0;transition:opacity .35s}
.lp-tab:hover::before{opacity:.45}
.lp-tab[aria-selected="true"]::before{opacity:1}
.lp-tab:focus-visible{outline:2px solid #5BE3A8;outline-offset:2px}
.lp-tab:active{transform:scale(.985)}
.lp-tab>*{position:relative}
.lp-tab img{width:52px;height:52px;border-radius:15px;object-fit:cover;opacity:.55;transition:opacity .35s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.lp-tab[aria-selected="true"] img{opacity:1;transform:scale(1.04)}
.lp-tab .tx{display:flex;flex-direction:column;min-width:0}
.lp-tab b{font-weight:600;font-size:.98rem;letter-spacing:-.015em}
.lp-tab small{font-size:.8rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-tab .pc{font-family:"Geist Mono",ui-monospace,monospace;font-size:.74rem;color:rgba(255,255,255,.4);transition:opacity .3s}
.lp-tab[aria-selected="true"] .pc{color:#5BE3A8}
.lp-tab.off[aria-selected="true"] .pc{color:#FF8A7A}
.lp-tab .bar{position:absolute;left:.9rem;right:.9rem;bottom:.45rem;height:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;opacity:0;transition:opacity .3s}
.lp-tab[aria-selected="true"] .bar{opacity:1}
.lp-tab .bar i{display:block;height:100%;background:#5BE3A8;transform:scaleX(0);transform-origin:left}
.lp-tab.run .bar i{animation:lpbar 8s linear forwards}
.lp-ui.paused .lp-tab.run .bar i{animation-play-state:paused}
@keyframes lpbar{to{transform:scaleX(1)}}
/* stage */
.lp-stage{position:relative;display:grid;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#111316;
  box-shadow:0 60px 120px -40px rgba(22,166,114,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.lp-p{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.lp-p.on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.lp-p .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;transform:scale(1.12);transition:transform 9s cubic-bezier(.2,.6,.2,1)}
.lp-p.play .bg{transform:scale(1)}
.lp-p::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,.72) 48%,rgba(10,11,13,.9) 100%)}
.lp-p .ct{position:relative;z-index:1;display:grid;gap:1rem;padding:clamp(1rem,2.4vw,1.75rem);height:100%}
@media (min-width:1000px){.lp-p .ct{grid-template-columns:1fr 1fr}}
.lp .pane{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lp .pane .ph,.lp .pane .lh{display:flex;align-items:center;gap:.7rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}
.lp .pane .ph img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.lp .pane b{font-weight:600}
.lp .pane small{display:block;font-size:.76rem;color:rgba(255,255,255,.5)}
.lp .msg{margin:0;max-width:92%;padding:.65rem .8rem;font-size:.92rem;line-height:1.45}
.lp .msg.in{align-self:flex-start;background:#fff;color:#111B21;border-radius:16px 16px 16px 4px}
.lp .msg.out{align-self:flex-end;background:#16A672;color:#fff;border-radius:16px 16px 4px 16px;box-shadow:0 12px 30px -12px rgba(22,166,114,.7)}
.lp .msg.out b{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-bottom:.15rem}
.lp .msg.sys{align-self:center;font-size:.78rem;padding:.4rem .8rem;border-radius:999px;background:rgba(255,90,78,.14);color:#FF9A8E;border:1px solid rgba(255,90,78,.25)}
.lp .typ{align-self:flex-end;display:flex;gap:.25rem;margin:0 0 -2.85rem;height:2.1rem;align-items:center;padding:.65rem .8rem;border-radius:16px 16px 4px 16px;background:rgba(22,166,114,.25);opacity:0}
.lp .typ i{width:.38rem;height:.38rem;border-radius:50%;background:#B8F5D9;animation:lptyp 1s ease-in-out infinite}
.lp .typ i:nth-child(2){animation-delay:.15s}.lp .typ i:nth-child(3){animation-delay:.3s}
@keyframes lptyp{50%{transform:translateY(-3px);opacity:.5}}
.lp-p.play .typ{animation:lpshow 1s 2.45s both}
@keyframes lpshow{0%,100%{opacity:0;transform:translateY(6px)}20%,80%{opacity:1;transform:none}}
/* luna pane */
.lp .lorb{position:relative;flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(91,227,168,.35),0 0 24px rgba(22,166,114,.55)}
.lp .lorb::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,#0B6B48,#5BE3A8,#16A672,#B8F5D9,#0B6B48);animation:lpspin 4s linear infinite}
.lp .lorb::after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2A2D33,#0A0B0D 70%)}
@keyframes lpspin{to{transform:rotate(1turn)}}
.lp .st{position:relative;height:1.2em}
.lp .st span{position:absolute;left:0;white-space:nowrap}
.lp .st .s2{opacity:0;color:#5BE3A8}
.lp-p.play .st .s1{animation:lpout .4s 1.55s both}
.lp-p.play .st .s2{animation:lpin .4s 1.6s both}
@keyframes lpout{to{opacity:0;transform:translateY(-4px)}}
@keyframes lpin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lp .scan{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;opacity:0}
.lp .scan i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#5BE3A8,transparent);transform:translateX(-100%)}
.lp-p.play .scan{animation:lpscan 1.4s .35s both}
.lp-p.play .scan i{animation:lpsweep .7s .35s 2 ease-in-out}
@keyframes lpscan{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}
@keyframes lpsweep{to{transform:translateX(250%)}}
.lp .res{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:-.5rem}
.lp .res b{font-size:1.35rem;letter-spacing:-.025em}
.lp .res span{font-family:"Geist Mono",ui-monospace,monospace;font-size:.72rem;color:#5BE3A8;white-space:nowrap}
.lp-p.off .res span{color:#FF9A8E}
.lp .sig{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}
.lp .sig span{font-size:.74rem;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.82)}
.lp .acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.lp .acts li{display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.4}
.lp .acts i{flex:none;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;background:rgba(22,166,114,.22);color:#5BE3A8;margin-top:.1rem}
.lp .acts svg{width:.65rem;height:.65rem}
.lp .oc{margin:auto 0 0;display:flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;background:rgba(22,166,114,.16);border:1px solid rgba(91,227,168,.35);color:#B8F5D9}
.lp .oc span{width:.45rem;height:.45rem;border-radius:50%;background:#5BE3A8;box-shadow:0 0 10px #5BE3A8}
.lp-p.off .oc{background:rgba(255,90,78,.12);border-color:rgba(255,90,78,.3);color:#FFB3A9}
.lp-p.off .oc span{background:#FF8A7A;box-shadow:0 0 10px #FF8A7A}
/* timeline reveal */
.lp.js .lp-p .a{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}
.lp.js .lp-p.play .a{opacity:1;transform:none;transition-delay:var(--d,0s)}
.lp.still .lp-p .a{opacity:1;transform:none;transition:none}
.lp.still .lp-p .st .s1{opacity:0}.lp.still .lp-p .st .s2{opacity:1}
@media (prefers-reduced-motion:reduce){.lp .lorb::before,.lp .typ i{animation:none}.lp-p .bg{transition:none}}
/* mobile: tabs as a scroller */
@media (max-width:999px){
  .lp-tabs{flex-direction:row;overflow-x:auto;gap:.4rem;margin:0 -1rem;padding:0 1rem .2rem;scroll-snap-type:x mandatory;scrollbar-width:none}
  .lp-tabs::-webkit-scrollbar{display:none}
  .lp-tab{flex:none;width:auto;grid-template-columns:34px auto;gap:.55rem;padding:.5rem .8rem .7rem .5rem;scroll-snap-align:start}
  .lp-tab img{width:34px;height:34px;border-radius:10px}
  .lp-tab small,.lp-tab .pc{display:none}
  .lp-tab b{font-size:.86rem;white-space:nowrap}
  .lp-tab .bar{left:.5rem;right:.5rem;bottom:.3rem}
}

/* Homepage FAQ (#perguntas); the shared .faq rules above still serve the other pages */
@media (min-width:1000px){#perguntas .faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem;align-items:start}#perguntas .faq-wrap .head{position:sticky;top:7rem}#perguntas .faq{margin-top:0}}
#perguntas .faq{margin-top:2rem}
#perguntas .faq summary{padding:1.35rem 0;border-radius:8px}
#perguntas .faq summary::after{content:none}
#perguntas .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#perguntas .faq summary h3{margin:0;font-size:clamp(1.02rem,1.3vw,1.15rem);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
#perguntas .faq summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #DCDCD7;background:var(--surface);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
#perguntas .faq summary i::before,#perguntas .faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--ink);border-radius:1px}
#perguntas .faq summary i::after{transform:rotate(90deg);transition:opacity .3s}
#perguntas .faq summary:hover i{transform:scale(1.08)}
#perguntas .faq summary:active i{transform:scale(.94)}
#perguntas .faq details[open] summary i{transform:rotate(180deg)}
#perguntas .faq details[open] summary i::after{opacity:0}
#perguntas .faq details p{margin:0 0 1.4rem;max-width:44rem;color:var(--muted);line-height:1.7}
#perguntas .faq details p a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}

/* Tráfego pago com IA: campaign dashboard mock */
#trafego-pago{overflow:clip}
.ads-head{display:grid;gap:1.25rem}
.ads-head .h2{max-width:19ch}
.ads-head .lead{max-width:36rem}
@media (min-width:1000px){.ads-head{grid-template-columns:1.15fr 1fr;align-items:end;gap:4rem}}
.ads-ui{margin-top:clamp(2.5rem,5vw,3.5rem)}
.ads-ui .frame{box-shadow:0 60px 120px -50px rgba(11,107,72,.35),0 30px 60px -30px rgba(14,15,17,.25)}
.ads-app{padding:clamp(14px,2vw,22px);background:#fff;color:#17181B;font-size:14px;line-height:1.4}
.ads-app p{margin:0}
.ads-top{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-bottom:16px;border-bottom:1px solid #EEEEEA}
.ads-top>div:first-child{flex:1;min-width:14rem}
.ads-top .k{font-size:.72rem;color:#6B6F76;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.ads-top b{font-size:1.15rem;font-weight:600;letter-spacing:-.015em}
.ads-top .chs{display:flex}
.ads-top .ch{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #E6E6E1;display:grid;place-items:center;margin-left:-6px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.ads-top .ch:first-child{margin-left:0}
.ads-top .ch img,.ads-top .ch svg{width:16px;height:16px}
.ads-top .live{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:#0B6B48;background:#E7F3EC;padding:.4rem .8rem;border-radius:999px}
.ads-top .live i{width:7px;height:7px;border-radius:50%;background:#16A672;animation:adspulse 1.8s ease-in-out infinite}
@keyframes adspulse{50%{opacity:.35;transform:scale(.8)}}
.ads-grid{display:grid;gap:16px;margin-top:16px}
@media (min-width:1000px){.ads-grid{grid-template-columns:minmax(0,1fr) 300px}}
.ads-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpis>div{padding:12px 14px;border:1px solid #ECECE8;border-radius:12px;background:#FBFBF9}
.kpis span{display:block;font-size:.76rem;color:#6B6F76}
.kpis b{display:block;margin-top:2px;font-size:1.45rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kpis small{display:block;font-size:.72rem;color:#8A8E95;margin-top:1px}
.kpis .hi{background:#F1F8F4;border-color:rgba(22,166,114,.25)}
.kpis .hi b{color:#0B6B48}
.chart{padding:12px 14px 14px;border:1px solid #ECECE8;border-radius:12px}
.chart .ct{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem}
.chart .ct span{color:#8A8E95;font-size:.74rem}
.chart .cv{position:relative;height:130px;margin-top:10px;overflow:hidden}
.chart svg{display:block;width:100%;height:100%}
.chart .dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#16A672;box-shadow:0 0 0 4px rgba(22,166,114,.18);opacity:0}
.chart .wipe{position:absolute;inset:0;background:#fff;transform-origin:right;transform:scaleX(1)}
.ads-ui.go .chart .wipe{transform:scaleX(0);transition:transform 1.6s cubic-bezier(.65,0,.35,1) .2s}
.ads-ui.go .chart .dot{opacity:1;transition:opacity .4s 1.7s}
.tbl-ads{border:1px solid #ECECE8;border-radius:12px;overflow:hidden}
.tbl-ads .th,.tbl-ads .tr{display:grid;grid-template-columns:minmax(0,2.2fr) .7fr .6fr .9fr 1.5fr;gap:10px;align-items:center;padding:9px 14px}
.tbl-ads .th{background:#FAFAF8;font-size:.7rem;color:#6B6F76;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.tbl-ads .tr{border-top:1px solid #F0F0EC;font-size:.84rem;font-variant-numeric:tabular-nums}
.tbl-ads .nm{display:flex;align-items:center;gap:10px;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl-ads .nm img{flex:none;width:34px;height:34px;border-radius:8px;object-fit:cover}
.tbl-ads .st{justify-self:start;font-size:.72rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:#F2F2EF;color:#3A3D44;white-space:nowrap}
.tbl-ads .win .st{background:#0E0F11;color:#fff}
.tbl-ads .win{background:linear-gradient(90deg,rgba(22,166,114,.07),transparent 60%)}
.tbl-ads .test .st{background:#FFF4E0;color:#9A6212}
.tbl-ads .off{color:#9A9DA3}
.tbl-ads .off .nm img{opacity:.45}
.tbl-ads .off .st{background:#FCEBE8;color:#B3412F}
.ads-ui .tr{opacity:0;transform:translateY(8px)}
.ads-ui.go .tr{opacity:1;transform:none;transition:opacity .5s ease calc(.5s + var(--i) * .12s),transform .6s cubic-bezier(.34,1.56,.64,1) calc(.5s + var(--i) * .12s)}
.ads-side{display:flex;flex-direction:column;gap:14px}
.ads-side .sh{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;margin-bottom:10px}
.ads-side .spark{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#0E0F11;color:#5BE3A8}
.ads-side .spark svg{width:13px;height:13px}
.feed,.route{padding:14px;border:1px solid #ECECE8;border-radius:12px}
.feed{background:#FBFBF9}
.fi{display:flex;gap:10px;padding:10px 0;border-top:1px solid #EEEEEA;opacity:0;transform:translateX(10px)}
.fi:first-of-type{border-top:0;padding-top:0}
.ads-ui.go .fi{opacity:1;transform:none;transition:opacity .5s ease calc(1.2s + var(--i) * .35s),transform .6s cubic-bezier(.34,1.56,.64,1) calc(1.2s + var(--i) * .35s)}
.fi>i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:#16A672;box-shadow:0 0 0 3px rgba(22,166,114,.15)}
.fi.off>i{background:#E0604C;box-shadow:0 0 0 3px rgba(224,96,76,.15)}
.fi.new>i{background:#E3A23B;box-shadow:0 0 0 3px rgba(227,162,59,.15)}
.fi b{display:block;font-size:.84rem;font-weight:600}
.fi p{font-size:.76rem;color:#6B6F76;margin-top:1px}
.route .rt{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8rem}
.route .src,.route .dst{display:inline-flex;align-items:center;gap:6px;padding:.35rem .65rem;border-radius:8px;border:1px solid #E3E3DF;font-weight:500}
.route .src svg{width:14px;height:14px}
.route .dst{background:#0E0F11;border-color:#0E0F11;color:#fff}
.route em{font-style:normal;color:#8A8E95}
.route .avs{display:flex;align-items:center;margin-top:10px;font-size:.74rem;color:#6B6F76}
.route .avs img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-6px}
.route .avs img:first-child{margin-left:0}
.route .avs span{margin-left:8px}
.ads-pts{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;gap:1.75rem}
@media (min-width:700px){.ads-pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.ads-pts{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}
.ads-pts .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#E7F3EC;color:#0B6B48}
.ads-pts .ic svg{width:19px;height:19px}
.ads-pts b{display:block;margin-top:.9rem;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.ads-pts p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.6}
@media (max-width:699px){.tbl-ads .th span:nth-child(2),.tbl-ads .tr>span:nth-child(2),.tbl-ads .th span:nth-child(3),.tbl-ads .tr>span:nth-child(3),.tbl-ads .th span:nth-child(4),.tbl-ads .tr>span:nth-child(4){display:none}.tbl-ads .th,.tbl-ads .tr{grid-template-columns:minmax(0,1fr) auto}.ads-app{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.ads-ui .tr,.ads-ui .fi{opacity:1;transform:none}.chart .wipe{display:none}.chart .dot{opacity:1}.ads-top .live i{animation:none}}

/* A solução completa: 9-feature carousel */
#solucao{overflow:clip}
.sx-head{text-align:center;max-width:46rem;margin:0 auto}
.sx-head .h2{letter-spacing:-.035em}
.sx-head .h2 span{color:#8A9A92}
.sx-head .lead{margin:1rem auto 0;max-width:38rem}
.sx-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.sx-pill{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid #DCDCD7;background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;overflow:hidden;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;box-shadow:0 1px 2px rgba(14,15,17,.05)}
.sx-pill span{position:relative;z-index:1;transition:opacity .3s}
.sx-pill i{position:absolute;inset:0;border-radius:50%;background:#0E0F11;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.sx-pill[aria-selected="true"] i{transform:scale(1)}
.sx-pill[aria-selected="true"]{color:#fff;box-shadow:0 10px 24px -8px rgba(14,15,17,.45)}
.sx-pill[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#5BE3A8;transform:scaleX(0);transform-origin:left;z-index:2}
.sx-pill.run::after{animation:sxbar 6.5s linear forwards}
.sx.paused .sx-pill.run::after{animation-play-state:paused}
@keyframes sxbar{to{transform:scaleX(1)}}
.sx-pill:hover{transform:translateY(-2px)}
.sx-pill:active{transform:scale(.94)}
.sx-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sx-stage{position:relative;margin-top:2.25rem}
.sx-track{display:grid;justify-items:center}
.sx-card{grid-area:1/1;width:min(860px,100%);padding:clamp(1.25rem,3vw,2.25rem);border-radius:24px;background:#fff;border:1px solid #E6E6E1;
  box-shadow:0 2px 4px rgba(14,15,17,.04),0 30px 70px -30px rgba(11,107,72,.28);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease;will-change:transform}
.sx-card[data-pos="0"]{z-index:3}
.sx-card[data-pos="-1"]{transform:translateX(-56%) scale(.84);opacity:.42;z-index:2;cursor:pointer}
.sx-card[data-pos="1"]{transform:translateX(56%) scale(.84);opacity:.42;z-index:2;cursor:pointer}
.sx-card[data-pos="-2"]{transform:translateX(-90%) scale(.7);opacity:0;z-index:1;pointer-events:none}
.sx-card[data-pos="2"]{transform:translateX(90%) scale(.7);opacity:0;z-index:1;pointer-events:none}
.sx:not(.js) .sx-card:not(:first-child){display:none}
.sx-k{margin:0;font-family:"Geist Mono",ui-monospace,monospace;font-size:.74rem;color:#8A8E95}
.sx-card h3{margin:.4rem 0 0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.sx-s{margin:.35rem 0 0;color:var(--muted);max-width:40rem}
.sx-m{margin-top:1.4rem;min-height:300px;font-size:13.5px;line-height:1.4;color:#17181B}
.sx-m p{margin:0}
.sx-nav{position:absolute;top:50%;z-index:5;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:1px solid #E3E3DF;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;
  box-shadow:0 12px 28px -12px rgba(14,15,17,.3);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.sx-nav svg{width:20px;height:20px}
.sx-nav.prev{left:0}.sx-nav.next{right:0}
.sx-nav:hover{transform:scale(1.07)}.sx-nav:active{transform:scale(.94)}
.sx-nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:999px){.sx-card[data-pos="-1"],.sx-card[data-pos="1"]{opacity:0;pointer-events:none}.sx-nav{top:auto;bottom:-70px;margin:0}.sx-nav.prev{left:calc(50% - 60px)}.sx-nav.next{right:calc(50% - 60px)}.sx-stage{margin-bottom:80px}.sx-m{min-height:0}}
/* entrance of mock items */
.sx.js .sx-a{opacity:0;transform:translateY(10px)}
.sx.js .play .sx-a{opacity:1;transform:none;transition:opacity .45s ease var(--d,0s),transform .6s cubic-bezier(.34,1.56,.64,1) var(--d,0s)}
/* shared mock bits */
.sx-m .r{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid #EEEEEA;border-radius:12px;background:#fff}
.sx-m .r img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.sx-m .r div{flex:1;min-width:0}
.sx-m .r b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-m .r small{display:block;color:#6B6F76;font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-m .tg{flex:none;font-size:.76em;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:#F2F2EF;color:#3A3D44}
.sx-m .tg.lead,.sx-m .tg.in{background:#E7F3EC;color:#0B6B48}.sx-m .tg.own,.sx-m .tg.out{background:#0E0F11;color:#fff}.sx-m .tg.par,.sx-m .tg.int{background:#FFF4E0;color:#9A6212}.sx-m .tg.ai{background:#EDE9FE;color:#5B3FC4}
/* 1 pipe */
.m-pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m-pipe .col{padding:10px;border-radius:14px;background:#F6F6F3;border:1px solid #EEEEEA;display:flex;flex-direction:column;gap:8px}
.m-pipe .col>p{display:flex;justify-content:space-between;font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:#3A3D44}
.m-pipe .col>p span{font-family:"Geist Mono",monospace;background:#fff;border-radius:6px;padding:0 .4rem}
.m-pipe .cd{display:flex;gap:8px;align-items:center;padding:8px;border-radius:10px;background:#fff;border:1px solid #ECECE8;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.m-pipe .cd i{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:.78em;font-weight:600;background:#E7F3EC;color:#0B6B48}
.m-pipe .cd div{min-width:0}
.m-pipe .cd b{display:block;font-weight:600;font-size:.9em}
.m-pipe .cd small{display:block;color:#8A8E95;font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-pipe .cd.hot{border-color:#0E0F11;box-shadow:0 10px 20px -10px rgba(14,15,17,.35)}
/* 2 contatos */
.m-ct{display:flex;flex-direction:column;gap:8px}
.m-ct .flt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.m-ct .flt span{font-size:.8em;padding:.3rem .7rem;border-radius:999px;border:1px solid #E3E3DF;color:#3A3D44}
.m-ct .flt .on{background:#0E0F11;border-color:#0E0F11;color:#fff}
/* 3 sim */
.m-sim{display:grid;gap:12px}
@media (min-width:700px){.m-sim{grid-template-columns:1fr 1.1fr}}
.m-sim .in{display:flex;flex-direction:column;gap:8px}
.m-sim .in p{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;border:1px solid #EEEEEA;border-radius:12px;background:#FBFBF9}
.m-sim .in span{color:#6B6F76}
.m-sim .in b{font-weight:600}
.m-sim .in em{font-style:normal;font-size:.85em;padding:.15rem .55rem;border-radius:6px;color:#6B6F76;margin-left:4px}
.m-sim .in em.on{background:#0E0F11;color:#fff}
.m-sim .out{padding:16px;border-radius:16px;background:#0E0F11;color:#fff;display:flex;flex-direction:column}
.m-sim .out small{color:rgba(255,255,255,.6)}
.m-sim .out>b{font-size:2.2em;font-weight:600;letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}
.m-sim .out>span{color:rgba(255,255,255,.6);font-size:.85em}
.m-sim .bars{display:flex;align-items:flex-end;gap:5px;height:96px;margin-top:auto;padding-top:14px}
.m-sim .bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#5BE3A8,#16A672);transform-origin:bottom;transform:scaleY(0)}
.sx .play .m-sim .bars i,.sx:not(.js) .m-sim .bars i{transform:scaleY(1);transition:transform .7s cubic-bezier(.34,1.56,.64,1) var(--d)}
.m-sim .cap{margin-top:8px;font-size:.78em}
/* 4 comissão */
.m-com .hd{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#6B6F76}
.m-com .hd b{color:#17181B;font-weight:600}
.m-com .bar{display:flex;height:18px;border-radius:999px;overflow:hidden;margin:14px 0 16px;background:#F2F2EF}
.m-com .bar i{width:var(--w);height:100%;transform-origin:left;transform:scaleX(0)}
.sx .play .m-com .bar i{transform:scaleX(1);transition:transform .6s cubic-bezier(.22,1,.36,1) var(--d)}
.m-com .ln{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid #F0F0EC}
.m-com .ln i{width:10px;height:10px;border-radius:3px}
.m-com .ln span{margin-left:auto;color:#8A8E95;font-family:"Geist Mono",monospace;font-size:.9em}
.m-com .ln b{width:6.5rem;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.m-com .ok{display:flex;align-items:center;gap:.5rem;margin-top:14px;color:#0B6B48;font-weight:600}
.m-com .ok svg,.m-sig .btn-s svg,.m-soc .ch span svg,.m-day .ti i svg{width:12px;height:12px}
/* 5 assinatura */
.m-sig{display:grid;gap:14px}
@media (min-width:700px){.m-sig{grid-template-columns:1fr 1fr;align-items:center}}
.m-sig .docs{display:flex;flex-direction:column;gap:7px}
.m-sig .docs p{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid #EEEEEA;border-radius:10px;background:#fff}
.m-sig .docs svg{width:16px;height:16px;color:#16A672}
.m-sig .docs .more{border-style:dashed;color:#6B6F76;justify-content:center}
.m-sig .phone{padding:18px;border-radius:22px;background:#F6F6F3;border:1px solid #ECECE8;display:flex;flex-direction:column;gap:6px}
.m-sig .phone small{color:#6B6F76}
.m-sig .phone>b{font-size:1.2em;font-weight:600}
.m-sig .sg{height:70px;border-radius:12px;background:#fff;border:1px dashed #D8D8D3;display:grid;place-items:center}
.m-sig .sg svg{width:70%;height:auto}
.m-sig .sg path{stroke-dasharray:300;stroke-dashoffset:300}
.sx .play .m-sig .sg path{animation:sxsign 1.4s .5s ease forwards}
@keyframes sxsign{to{stroke-dashoffset:0}}
.m-sig .btn-s{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border-radius:12px;background:#16A672;color:#fff;font-weight:600}
.m-sig .phone em{font-style:normal;font-size:.78em;color:#6B6F76;text-align:center}
/* 6 redes */
.m-soc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.m-soc{grid-template-columns:repeat(4,minmax(0,1fr))}}
.m-soc .ch{padding:14px;border:1px solid #EEEEEA;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:4px}
.m-soc .ch img{width:28px;height:28px;object-fit:contain;margin-bottom:6px}
.m-soc .ch b{font-weight:600}
.m-soc .ch span{display:flex;align-items:center;gap:.35rem;font-size:.8em;color:#0B6B48}
.m-soc .hub{background:#0E0F11;border-color:#0E0F11;color:#fff}
.m-soc .hub img{border-radius:8px}
.m-soc .hub span{color:#5BE3A8}
/* 7 ligações */
.m-call{display:grid;gap:12px}
@media (min-width:700px){.m-call{grid-template-columns:.9fr 1.1fr}}
.m-call .cc{padding:18px;border-radius:20px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;background:radial-gradient(120% 80% at 50% 0%,#1E5A45,#0B1F18)}
.m-call .via{display:flex;align-items:center;gap:.4rem;font-size:.8em;color:rgba(255,255,255,.7)}
.m-call .via img{width:16px;height:16px}
.m-call .cc>img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-top:8px;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.m-call .cc>b{font-size:1.15em;margin-top:6px}
.m-call .tm{font-family:"Geist Mono",monospace;font-size:.85em;color:rgba(255,255,255,.7)}
.m-call .rec{display:flex;align-items:center;gap:.4rem;font-size:.78em;padding:.3rem .7rem;border-radius:999px;background:rgba(255,255,255,.1);margin-top:4px}
.m-call .rec i{width:7px;height:7px;border-radius:50%;background:#FF5A4E;animation:adspulse 1.6s ease-in-out infinite}
.m-call .btns{display:flex;gap:18px;margin-top:10px}
.m-call .btns em{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.m-call .btns svg{width:18px;height:18px}
.m-call .btns .end{background:#EB4C42}.m-call .btns .ok{background:#16A672}
.m-call .log{display:flex;flex-direction:column;gap:8px}
/* 8 tarefas */
.m-day{display:grid;gap:12px}
@media (min-width:700px){.m-day{grid-template-columns:1fr 1fr}}
.m-day .dw{padding:14px;border-radius:16px;background:#EFEAE2;display:flex;flex-direction:column;gap:8px}
.m-day .dw p:not(.wh){background:#fff;border-radius:12px 12px 12px 4px;padding:.55rem .7rem;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.m-day .wh{display:flex;align-items:center;gap:.4rem;font-size:.8em;color:#54656F}
.m-day .wh img{width:16px;height:16px}
.m-day .dt{display:flex;flex-direction:column;gap:6px}
.m-day .dh{display:flex;justify-content:space-between;margin-bottom:2px}
.m-day .dh span{color:#8A8E95;font-family:"Geist Mono",monospace;font-size:.85em}
.m-day .ti{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid #EEEEEA;border-radius:10px;background:#fff}
.m-day .ti i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #CFCFCA;display:grid;place-items:center;color:#fff}
.m-day .ti.done i{background:#16A672;border-color:#16A672}
.m-day .ti.done{color:#8A8E95}
.m-day .ti span{margin-left:auto;font-family:"Geist Mono",monospace;font-size:.82em;color:#8A8E95}
/* 9 comparativo */
.m-mkt .hd{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#6B6F76}
.m-mkt .hd b{color:#0B6B48;font-weight:600}
.m-mkt .kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.m-mkt .kp div{padding:12px 14px;border:1px solid #EEEEEA;border-radius:12px;background:#FBFBF9}
.m-mkt .kp small{display:block;color:#6B6F76;font-size:.8em}
.m-mkt .kp b{display:block;font-size:1.6em;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.m-mkt .kp span{font-size:.8em;color:#8A8E95}
.m-mkt .rng{margin-top:22px}
.m-mkt .rng>p{display:flex;justify-content:space-between;color:#8A8E95;font-size:.82em}
.m-mkt .tr{position:relative;height:12px;border-radius:999px;background:#F2F2EF;margin:8px 0 12px}
.m-mkt .fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#B8F5D9,#16A672,#0B6B48);transform-origin:left;transform:scaleX(0)}
.sx .play .m-mkt .fill{transform:scaleX(1);transition:transform .9s cubic-bezier(.22,1,.36,1) .4s}
.m-mkt .you,.m-mkt .avg{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid #fff;font-style:normal;opacity:0;transform:scale(.4)}
.m-mkt .you{background:#0E0F11;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.m-mkt .avg{background:#E3A23B}
.sx .play .m-mkt .you,.sx .play .m-mkt .avg{opacity:1;transform:none;transition:opacity .4s 1.1s,transform .5s cubic-bezier(.34,1.56,.64,1) 1.1s}
.m-mkt .you b{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.8em;font-weight:600;background:#0E0F11;color:#fff;padding:.25rem .55rem;border-radius:7px}
.m-mkt .lg{display:flex;gap:16px;font-size:.8em;color:#6B6F76}
.m-mkt .lg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.m-mkt .lg .y{background:#0E0F11}.m-mkt .lg .a{background:#E3A23B}
@media (max-width:699px){.m-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.m-pipe .col:nth-child(n+3){display:none}.m-mkt .kp{grid-template-columns:1fr 1fr}.m-mkt .kp div:last-child{display:none}.sx-m{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.sx.js .sx-a{opacity:1;transform:none}.m-sim .bars i,.m-com .bar i,.m-mkt .fill{transform:none!important}.m-mkt .you,.m-mkt .avg{opacity:1;transform:none}.m-sig .sg path{stroke-dashoffset:0}.sx-card{transition:none}}
.sx-card{align-self:center}
.sx-m{min-height:0}
@media (max-width:999px){.sx.js .sx-card:not(.on){display:none}.sx.js .sx-card.on{animation:sxin .5s cubic-bezier(.22,1,.36,1)}.sx-m{min-height:0}}
@keyframes sxin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* side cards dim with an overlay instead of opacity, so the centre card is never see-through */
.sx-card{position:relative}
.sx-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:#F4F4F1;opacity:0;pointer-events:none;transition:opacity .5s ease}
.sx-card[data-pos="-1"],.sx-card[data-pos="1"]{opacity:1}
.sx-card[data-pos="-1"]::after,.sx-card[data-pos="1"]::after{opacity:.62}
.sx-card[data-pos="0"]{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.m-sim .oh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.m-sim .cx{flex:none;display:grid;place-items:center;padding:7px 11px;border-radius:9px;background:#fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.m-sim .cx img{display:block;height:15px;width:auto}
/* 10 entorno */
.m-ent{display:grid;gap:12px}
@media (min-width:700px){.m-ent{grid-template-columns:1.05fr 1fr;align-items:start}}
.m-ent .lf{display:flex;flex-direction:column;gap:7px}
.m-ent .adr{display:flex;align-items:center;gap:.55rem;padding:.7rem .85rem;border:1.5px solid #0E0F11;border-radius:12px;background:#fff;font-weight:500}
.m-ent .adr svg{width:16px;height:16px;flex:none;color:#16A672}
.m-ent .adr span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-ent .cur{flex:none;width:1.5px;height:1.1em;background:#0E0F11;animation:entblink 1s steps(1) infinite}
@keyframes entblink{50%{opacity:0}}
.m-ent .beach{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:12px;color:#fff;background:linear-gradient(120deg,#0B6B8C,#1595B8 55%,#5CC6D9)}
.m-ent .beach .w{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.m-ent .beach .w svg{width:18px;height:18px}
.m-ent .beach small{display:block;font-size:.78em;opacity:.8}
.m-ent .beach b{display:block;font-weight:600}
.m-ent .pl{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border:1px solid #EEEEEA;border-radius:11px;background:#fff}
.m-ent .pl .ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#E7F3EC;color:#0B6B48}
.m-ent .pl .ic svg{width:15px;height:15px}
.m-ent .pl div{flex:1;min-width:0}
.m-ent .pl b{display:block;font-weight:600;font-size:.92em}
.m-ent .pl small{display:block;color:#8A8E95;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-ent .pl em{font-style:normal;font-family:"Geist Mono",monospace;font-size:.82em;color:#3A3D44;white-space:nowrap}
.m-ent .ds{padding:14px;border-radius:14px;background:#FBFBF9;border:1px solid #ECECE8;line-height:1.6}
.m-ent .dh{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:6px!important}
.m-ent .dh span{font-family:"Geist Mono",monospace;font-size:.75em;padding:.1rem .45rem;border-radius:5px;background:#0E0F11;color:#5BE3A8}
.m-ent mark{background:linear-gradient(transparent 55%,rgba(91,227,168,.45) 55%);color:inherit;padding:0 1px;background-size:0 100%;background-repeat:no-repeat}
.sx .play .m-ent mark{background-size:100% 100%;transition:background-size .6s ease 1.3s}
.m-ent .ok{display:flex;align-items:center;gap:.45rem;margin-top:10px!important;color:#0B6B48;font-weight:600;font-size:.88em}
.m-ent .ok svg{width:12px;height:12px}
@media (prefers-reduced-motion:reduce){.m-ent mark{background-size:100% 100%}.m-ent .cur{animation:none}}
.m-ent mark{white-space:nowrap}

/* Gestão de corretores */
#gestao-de-corretores{overflow:clip}
.cm-wrap{margin-top:clamp(2.5rem,5vw,3.5rem)}
.cm .frame{box-shadow:0 60px 120px -50px rgba(11,107,72,.35),0 30px 60px -30px rgba(14,15,17,.25)}
.cm p{margin:0}
.cm-app{display:grid;gap:14px;padding:clamp(14px,2vw,20px);background:#fff;color:#17181B;font-size:13.5px;line-height:1.4}
@media (min-width:1000px){.cm-app{grid-template-columns:1.05fr 1fr 1.05fr}}
.cm-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.cm-h{display:flex;align-items:center;gap:.45rem;margin-top:6px!important;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#6B6F76}
.cm-col>.cm-h:first-child{margin-top:0!important}
.cm-agent{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#0E0F11;color:#fff}
.cm-agent img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px rgba(91,227,168,.5)}
.cm-agent div{flex:1;min-width:0}
.cm-agent b{display:block;font-weight:600}
.cm-agent small{display:block;font-size:.78em;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-st{display:flex;align-items:center;gap:.45rem;font-size:.8em;font-weight:600;color:#0B6B48}
.cm-st i{width:7px;height:7px;border-radius:50%;background:#16A672;animation:adspulse 1.8s ease-in-out infinite}
.cm .tgl{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:#DCDCD7;transition:background .35s}
.cm .tgl i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.cm.go .tgl.on{background:#16A672}
.cm.go .tgl.on i{transform:translateX(14px)}
.cm-agent .tgl{background:rgba(255,255,255,.2)}
.cm-mods{display:flex;flex-wrap:wrap;gap:6px}
.cm-mods span{display:inline-flex;align-items:center;gap:.3rem;font-size:.8em;padding:.3rem .65rem;border-radius:999px;border:1px solid #E3E3DF;color:#9A9DA3}
.cm-mods span.on{background:#E7F3EC;border-color:rgba(22,166,114,.3);color:#0B6B48;font-weight:600}
.cm-mods svg{width:11px;height:11px}
.cm-perms{list-style:none;margin:0;padding:0;border:1px solid #EEEEEA;border-radius:12px}
.cm-perms li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.55rem .75rem;border-top:1px solid #F0F0EC;font-size:.9em}
.cm-perms li:first-child{border-top:0}
.cm-week{padding:10px 12px;border:1px solid #EEEEEA;border-radius:12px;display:flex;flex-direction:column;gap:7px}
.cm-week .dy{display:grid;grid-template-columns:30px 1fr 60px;align-items:center;gap:8px;font-size:.85em}
.cm-week .dy span{color:#6B6F76}
.cm-week .bar{position:relative;height:9px;border-radius:999px;background:#F2F2EF}
.cm-week .bar i{position:absolute;top:0;bottom:0;border-radius:999px;background:#16A672;transform-origin:left;transform:scaleX(0)}
.cm-week .bar i.pl{background:repeating-linear-gradient(135deg,#E3A23B 0 5px,#EFB65A 5px 10px)}
.cm.go .cm-week .bar i{transform:scaleX(1);transition:transform .7s cubic-bezier(.22,1,.36,1) var(--d)}
.cm-week .dy em{font-style:normal;font-family:"Geist Mono",monospace;font-size:.9em;color:#3A3D44;text-align:right;white-space:nowrap}
.cm-week .dy:nth-child(n+6) em{color:#9A6212;font-family:inherit;font-weight:600}
.cm-week .hrs{display:flex;justify-content:space-between;margin-left:38px!important;margin-right:68px!important;font-size:.7em;color:#9A9DA3;font-family:"Geist Mono",monospace}
.cm-rules{border:1px solid #EEEEEA;border-radius:12px}
.cm-rules p{display:flex;justify-content:space-between;gap:10px;padding:.55rem .75rem;border-top:1px solid #F0F0EC;font-size:.9em}
.cm-rules p:first-child{border-top:0}
.cm-rules span{color:#6B6F76}
.cm-rules b{font-weight:600;text-align:right}
.cm-rules p.hi{background:#FFF8EC}
.cm-rules p.hi b{color:#9A6212}
.cm-live{padding:14px;border-radius:14px;background:#FBFBF9;border:1px solid #ECECE8}
.cm-live .dot{width:7px;height:7px;border-radius:50%;background:#E0604C;animation:adspulse 1.4s ease-in-out infinite}
.cm-tl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.cm-tl li{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:0 0 16px}
.cm-tl li:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:2px;background:#E6E6E1}
.cm-tl li>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid #DCDCD7;color:#fff}
.cm-tl li>i svg{width:13px;height:13px}
.cm-tl .in>i,.cm-tl .ok>i{background:#16A672;border-color:#16A672}
.cm-tl .miss>i{background:#E0604C;border-color:#E0604C}
.cm-tl .re>i{background:#0E0F11;border-color:#0E0F11}
.cm-tl .offer>i{border-color:#E3A23B}
.cm-tl .ring{width:30px;height:30px;transform:rotate(-90deg)}
.cm-tl .ring circle{fill:none;stroke:#E3A23B;stroke-width:3.5;stroke-dasharray:94.2;stroke-dashoffset:0}
.cm-tl b{display:block;font-weight:600;font-size:.94em}
.cm-tl small{display:block;color:#8A8E95;font-size:.8em}
.cm-tl time{font-family:"Geist Mono",monospace;font-size:.78em;color:#9A9DA3;padding-top:2px}
.cm-tl li.ok b{color:#0B6B48}
.cm-own{display:flex;align-items:center;gap:.45rem;margin-top:auto!important;padding-top:10px;border-top:1px solid #EEEEEA;font-size:.8em;color:#6B6F76}
.cm-own svg{width:14px;height:14px}
/* entrances */
.cm .cm-a{opacity:0;transform:translateY(6px)}
.cm.go .cm-a{opacity:1;transform:none;transition:opacity .45s ease var(--d),transform .6s cubic-bezier(.34,1.56,.64,1) var(--d)}
.cm .cm-tl li{opacity:0;transform:translateX(8px)}
.cm.loop .cm-tl li{animation:cmstep .55s cubic-bezier(.34,1.56,.64,1) forwards}
.cm.loop .cm-tl li:nth-child(1){animation-delay:.2s}.cm.loop .cm-tl li:nth-child(2){animation-delay:1.1s}.cm.loop .cm-tl li:nth-child(3){animation-delay:4.4s}.cm.loop .cm-tl li:nth-child(4){animation-delay:5.3s}.cm.loop .cm-tl li:nth-child(5){animation-delay:6.4s}
.cm.loop .cm-tl .ring circle{animation:cmring 3.1s linear 1.3s forwards}
@keyframes cmstep{to{opacity:1;transform:none}}
@keyframes cmring{to{stroke-dashoffset:94.2}}
.cm.still .cm-tl li,.cm.still .cm-a{opacity:1;transform:none}
.cm.still .cm-week .bar i{transform:scaleX(1)}
.cm.still .tgl.on{background:#16A672}.cm.still .tgl.on i{transform:translateX(14px)}
@media (max-width:560px){.cm-app{font-size:12.5px}.cm-week .dy{grid-template-columns:28px 1fr 52px}.cm-week .hrs{margin-right:60px!important}}

/* Contratos e documentos */
#documentos{overflow:clip}
.dc .frame{box-shadow:0 60px 120px -50px rgba(11,107,72,.35),0 30px 60px -30px rgba(14,15,17,.25)}
.dc p{margin:0}
.dc-app{display:grid;gap:14px;padding:clamp(14px,2vw,20px);background:#fff;color:#17181B;font-size:13.5px;line-height:1.4}
@media (min-width:1000px){.dc-app{grid-template-columns:.9fr 1.1fr 1.15fr}}
.dc-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.dc-h{display:flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#6B6F76}
.dc-h .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0E0F11;color:#fff;font-size:.72rem;letter-spacing:0}
.dc-tpl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dc-tpl li{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px solid #EEEEEA;border-radius:10px;background:#fff;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-tpl li svg{flex:none;width:15px;height:15px;color:#16A672}
.dc-tpl li.on{border-color:#0E0F11;box-shadow:0 8px 18px -10px rgba(14,15,17,.4);font-weight:600}
.dc-tpl li.more{justify-content:center;border-style:dashed;color:#6B6F76}
.dc-up{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dc-up .fl{position:relative;display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;border:1px solid #EEEEEA;border-radius:10px;background:#FBFBF9;overflow:hidden}
.dc-up .th{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#E7F3EC;color:#0B6B48}
.dc-up .th svg{width:16px;height:16px}
.dc-up div{min-width:0}
.dc-up b{display:block;font-weight:600;font-size:.86em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-up small{display:block;color:#8A8E95;font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-up .scan{position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(91,227,168,.35),transparent);transform:translateX(-120%)}
.dc.loop .dc-up .scan{animation:dcscan 1s ease-in-out .3s 2}
@keyframes dcscan{to{transform:translateX(320%)}}
.dc-paper{position:relative;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #E6E6E1;box-shadow:0 1px 0 #F0F0EC,0 2px 0 #FAFAF8,0 14px 30px -18px rgba(14,15,17,.25)}
.dc-paper .pt{font-weight:600;text-align:center;padding-bottom:8px;margin-bottom:6px!important;border-bottom:1px solid #F0F0EC}
.dc-paper .fd{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center;padding:5px 0;font-size:.9em}
.dc-paper .fd span{color:#8A8E95}
.dc-paper .fd b{position:relative;display:block;min-height:1.45em;border-bottom:1px dashed #DADAD5;font-weight:500;overflow:hidden}
.dc-paper .fd em{display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(91,227,168,.28);border-radius:3px;padding:0 3px;clip-path:inset(0 100% 0 0)}
.dc.loop .dc-paper .fd em{animation:dcfill .5s steps(14) forwards;animation-delay:calc(1.6s + var(--i) * .28s)}
@keyframes dcfill{to{clip-path:inset(0 0 0 0)}}
.dc-paper .ai{display:flex;align-items:center;gap:.4rem;margin-top:8px!important;font-size:.8em;font-weight:600;color:#0B6B48;opacity:0}
.dc-paper .ai svg{width:13px;height:13px}
.dc.loop .dc-paper .ai{animation:cmstep .5s ease 3.5s forwards}
.dc-live{padding:14px;border-radius:14px;background:#FBFBF9;border:1px solid #ECECE8}
.dc-ch{display:flex;flex-wrap:wrap;gap:6px}
.dc-ch span{display:inline-flex;align-items:center;gap:.35rem;font-size:.8em;padding:.3rem .6rem;border-radius:999px;background:#fff;border:1px solid #E6E6E1}
.dc-ch img,.dc-ch svg{width:13px;height:13px}
.dc-ch .sig{background:#E7F3EC;border-color:rgba(22,166,114,.3);color:#0B6B48;font-weight:600}
.dc-tl{list-style:none;margin:4px 0 0;padding:0}
.dc-tl li{position:relative;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:0 0 11px;opacity:0;transform:translateX(8px)}
.dc-tl li:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:1px;width:2px;background:#E6E6E1}
.dc-tl li>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#8A8E95}
.dc-tl li>i svg{width:12px;height:12px}
.dc-tl .send>i{background:#0E0F11}.dc-tl .req>i{background:#E3A23B}.dc-tl .edit>i{background:#5B3FC4}.dc-tl .sign>i{background:#16A672}.dc-tl .done>i{background:#0B6B48;box-shadow:0 0 0 4px rgba(22,166,114,.18)}
.dc-tl b{display:block;font-weight:600;font-size:.92em}
.dc-tl small{display:block;color:#8A8E95;font-size:.8em}
.dc-tl .done b{color:#0B6B48}
.dc-tl time{font-family:"Geist Mono",monospace;font-size:.76em;color:#9A9DA3;padding-top:2px}
.dc.loop .dc-tl li{animation:cmstep .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(3.6s + var(--i) * .5s)}
.dc .dc-a{opacity:0;transform:translateY(6px)}
.dc.go .dc-a{opacity:1;transform:none;transition:opacity .45s ease var(--d),transform .6s cubic-bezier(.34,1.56,.64,1) var(--d)}
.dc.still .dc-tl li,.dc.still .dc-a,.dc.still .dc-paper .ai{opacity:1;transform:none}
.dc.still .dc-paper .fd em{clip-path:none}
@media (max-width:560px){.dc-app{font-size:12.5px}.dc-up{grid-template-columns:1fr}.dc-paper .fd{grid-template-columns:86px 1fr}}
@media (max-width:999px){.dc-tpl li:nth-child(n+5):not(.more){display:none}}

/* ---- GSAP motion layer (html.gs is set only when motion runs; see assets/motion.js) ---- */
.gs .reveal{transition:none}
.gs .hero .label,.gs .hero .h1,.gs .hero .lead,.gs .hero .ctas,.gs .hero .hero-note,.gs .hero-shot{visibility:hidden}
/* Line masks get room for accents and descenders (É, ç, g). Only bottom margins between siblings so
   collapsing can't add space: every line keeps the heading's own line-height. */
.lm{padding:.12em 0 .2em;margin:0 0 -.32em}
.lm:first-child{margin-top:-.12em}
.lm:last-child{margin-bottom:-.2em}
@media(min-width:641px){.hero .lm{width:max-content;max-width:none}} /* .rot is nowrap here and overhangs the h1 */

/* ---- Mídias sociais: 3D cylinder of post models (assets/posts3d.js sets --fw, radius, perspective) ---- */
.p3{position:relative;margin-top:4.5rem}
.p3-stage{position:relative;height:calc(var(--fw,248px) + 6rem);perspective:1600px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.p3-stage.drag{cursor:grabbing}
.p3-stage:focus-visible{outline:none}
.p3-stage:focus-visible .p3-face[tabindex="0"]{outline:2px solid var(--ink);outline-offset:4px}
.p3-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.p3-face{position:absolute;left:calc(var(--fw,248px) / -2);top:calc(var(--fw,248px) / -2);width:var(--fw,248px);height:var(--fw,248px);border-radius:var(--r);overflow:hidden;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#16171a;cursor:inherit;
  box-shadow:0 1px 2px rgba(14,15,17,.08),0 22px 44px -22px rgba(11,107,72,.45)}
.p3-face img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .5s var(--ease)}
.p3-face:hover img{transform:scale(1.04)}
.p3-face:active img{transform:scale(.98)}
.p3-face:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.p3-ctl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem;padding:0 1.25rem}
.p3-hint{font-size:.85rem;color:var(--muted);text-align:center}
.p3-btn{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);box-shadow:var(--sh-1);transition:transform .2s var(--ease),border-color .15s}
.p3-btn:hover{transform:translateY(-1px);border-color:var(--ink)}
.p3-btn:active{transform:scale(.94)}
.p3-lb{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:rgba(10,10,11,.78)}
.p3-lb[hidden]{display:none}
.p3-lb img{width:min(88vw,80vh,760px);height:auto;aspect-ratio:1;border-radius:var(--r-lg);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);cursor:zoom-out}
.p3-x{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;transition:transform .2s var(--ease),background-color .15s}
.p3-x:hover{background:rgba(255,255,255,.22)}
.p3-x:active{transform:scale(.94)}
.p3-x:focus-visible{outline-color:#fff}
@media(max-width:640px){.p3{margin-top:3rem}.p3-stage{height:calc(var(--fw,168px) + 4rem)}.p3-hint{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.p3-face img,.p3-btn,.p3-x{transition:none}}