/* FileHub — landing v3 ("escritório" / claro+escuro, botões com sombra dura) */
:root{--bg:#F7F5F0;--bg2:#EEEAE1;--card:#FFFFFF;--ink:#16181F;--ink2:#474B57;--ink3:#6B6F7B;--line:rgba(22,24,31,.1);--sky:#D9F0E4;--sky2:#E9F3EC;--acc:#2EE59D;--acc2:#0A8F5C;--accInk:#04140D;--night:0;color-scheme:light}
html[data-theme="dark"]{--bg:#0B0E12;--bg2:#11151B;--card:#151A21;--ink:#F2F1EC;--ink2:#B9BCC6;--ink3:#8D919D;--line:rgba(255,255,255,.09);--sky:#06110C;--sky2:#0A1510;--acc2:#5FF0B8;--night:1;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Bricolage Grotesque',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .5s,color .5s;overflow-x:clip}
a{color:var(--acc2);text-decoration:none}
a:hover{color:var(--ink)}
button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}
::selection{background:var(--acc);color:#04140D}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.eye{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.eye i{width:10px;height:10px;background:var(--acc);display:inline-block}
.h2{margin:18px 0 0;font-size:clamp(34px,5.2vw,68px);line-height:.98;letter-spacing:-.042em;font-weight:800;text-wrap:balance}
.h3{margin:0;font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.025em;font-weight:800}
.lead{margin:20px 0 0;max-width:640px;font-size:clamp(17px,1.45vw,20px);line-height:1.5;color:var(--ink2);text-wrap:pretty}
.hl{color:var(--acc);text-shadow:.045em .05em 0 #16181F}
.muted{color:var(--ink3)}
.sec{padding:110px 0}
.sec-tight{padding:60px 0}

/* botões com sombra dura */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 26px;border-radius:14px;border:2px solid #16181F;box-shadow:0 5px 0 #16181F;font-weight:700;font-size:18px;line-height:1;white-space:nowrap;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1),background .2s;text-decoration:none}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 #16181F}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #16181F}
.btn-acc{background:var(--acc);color:#04140D}
.btn-acc:hover{color:#04140D}
.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--ink);box-shadow:0 5px 0 var(--ink)}
.btn-ghost:hover{color:var(--ink);box-shadow:0 7px 0 var(--ink)}
.btn-ghost:active{box-shadow:0 1px 0 var(--ink)}
.btn-sm{padding:13px 20px;font-size:16px;border-radius:12px;box-shadow:0 4px 0 #16181F}
.btn-sm:hover{box-shadow:0 6px 0 #16181F}
.btn-sm:active{transform:translateY(3px);box-shadow:0 1px 0 #16181F}
.btn-dark{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 4px 0 var(--acc)}
.btn-dark:hover{color:var(--bg);box-shadow:0 6px 0 var(--acc)}
.btn-dark:active{box-shadow:0 1px 0 var(--acc)}
.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em}
.ic svg{width:100%;height:100%;display:block}

/* chips */
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font:600 14px/1 'Bricolage Grotesque',sans-serif;color:var(--ink2);white-space:nowrap}
.chip i{width:7px;height:7px;background:var(--ink);display:inline-block}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink2)}
.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font:700 11px/1.2 'Bricolage Grotesque',sans-serif;background:var(--acc);color:#04140D}
.tag-dark{background:#16181F;color:var(--acc)}
.tag-blue{background:#B7D8FF;color:#0B2A55}
.tag-amber{background:#F5C542;color:#3A2A00}
.tag-pink{background:#F7B7D0;color:#5A0F30}
.tag-violet{background:#D3C7FF;color:#2A1A66}

/* nav */
.nav{position:sticky;top:0;z-index:60;padding:12px 16px 0}
.navbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;border-radius:18px;background:color-mix(in oklab,var(--bg) 80%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--line);transition:box-shadow .35s}
.navbar.is-scrolled{box-shadow:0 14px 34px -16px rgba(16,20,36,.32)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);flex:none}
.brand img{height:26px;width:26px}
.brand b{font-size:21px;letter-spacing:-.03em;font-weight:800}
.brand b em{font-style:normal;color:var(--acc2)}
.navlinks{display:flex;gap:2px;margin-left:10px}
.navlinks a{padding:9px 12px;border-radius:10px;font-size:15px;font-weight:500;color:var(--ink2);white-space:nowrap;transition:background .2s}
.navlinks a:hover{background:var(--line);color:var(--ink)}
.navsp{flex:1}
.iconbtn{position:relative;width:38px;height:38px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.sun{position:absolute;width:14px;height:14px;border-radius:50%;background:#F5B342;box-shadow:0 0 0 4px rgba(245,179,66,.25);opacity:calc(1 - var(--night));transform:scale(calc(1 - var(--night) * .6));transition:opacity .5s,transform .5s}
.moon{position:absolute;width:16px;height:16px;border-radius:50%;box-shadow:inset -5px -3px 0 0 #E9E7F7;opacity:var(--night);transform:rotate(calc(var(--night) * -20deg));transition:opacity .5s,transform .5s}
.navlogin{display:flex;align-items:center;gap:8px;padding:10px 12px;white-space:nowrap;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;font-weight:600}
.navcta{padding:11px 16px;font-size:15px;border-radius:12px;box-shadow:0 3px 0 #16181F}
.navcta:hover{box-shadow:0 4px 0 #16181F;transform:translateY(-1px)}
.navcta:active{transform:translateY(2px);box-shadow:0 1px 0 #16181F}
@media (max-width:1059px){.navlinks{display:none}}
@media (max-width:639px){.navlogin{display:none}.nav{padding:10px 10px 0}.navbar{gap:8px;padding-left:10px}.brand b{font-size:19px}.navcta{padding:11px 12px}}

/* hero */
.hero{position:relative;margin-top:-74px;padding:150px 0 0;background:linear-gradient(180deg,var(--sky) 0%,var(--sky2) 36%,var(--bg) 74%)}
.stars{position:absolute;inset:0;opacity:var(--night);transition:opacity 1s;pointer-events:none;overflow:hidden}
.stars i{position:absolute;background:#fff;display:block}
.clouds{position:absolute;left:0;right:0;top:0;height:640px;opacity:calc(1 - var(--night));transition:opacity 1s;pointer-events:none;overflow:hidden}
.cloud{position:absolute;left:0}
.cloud i{position:absolute;background:#fff;display:block}
.cloud i.sh{background:#DCEFE4}
.hero-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero h1{margin:30px 0 0;font-size:clamp(40px,6.1vw,90px);line-height:.98;letter-spacing:-.048em;font-weight:800;max-width:1120px;text-wrap:balance}
.hero h1 .tool{display:inline-grid;place-items:center;width:.82em;height:.82em;vertical-align:-.1em;margin-right:.16em;border-radius:.2em;background:#fff;border:.04em solid #16181F;box-shadow:.05em .06em 0 #16181F}
.hero h1 .tool b{font:800 .42em/1 'JetBrains Mono',monospace;letter-spacing:-.04em}
.cursor{display:inline-block;width:.38em;height:.11em;background:var(--acc);box-shadow:.045em .05em 0 #16181F;margin-left:.06em;animation:fhBlink 1.05s steps(1) infinite}
.hero p.sub{margin:28px 0 0;max-width:720px;font-size:clamp(17px,1.55vw,21px);line-height:1.5;color:var(--ink2);text-wrap:pretty}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:26px;font-size:14px;color:var(--ink3)}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.hero-meta i{width:8px;height:8px;display:inline-block}
.dot-live{width:9px;height:9px;border-radius:2px;background:#1FB46B;animation:fhPulse 1.8s ease-out infinite;display:inline-block}
.hero-new{padding:5px 12px 5px 5px;color:var(--ink)}
.hero-new:hover{border-color:var(--acc2)}

/* frame do painel */
.stage{position:relative;width:100%;max-width:1180px;margin:72px auto 0;padding:0 24px;perspective:1900px}
.tilt{position:relative;transform-origin:50% 20%;transform:rotateX(14deg) scale(.94);will-change:transform}
.frame{border-radius:20px;overflow:hidden;background:#0B0E12;border:1px solid rgba(255,255,255,.1);box-shadow:0 60px 120px -40px rgba(12,24,48,.55),0 30px 60px -30px rgba(12,24,48,.45)}
.frame-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.frame-bar i{width:11px;height:11px;border-radius:50%;display:block}
.frame-url{flex:1;display:flex;justify-content:center}
.frame-url span{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:8px;background:rgba(255,255,255,.06);color:#AEB4C2;font:500 12px/1 'JetBrains Mono',monospace}
.frame-ver{color:#6E7587;font:500 11px/1 'JetBrains Mono',monospace}
.screen{position:relative;aspect-ratio:1440/900;container-type:inline-size;overflow:hidden;background:#0E1218;color:#E6E8EE;font-family:'Bricolage Grotesque',sans-serif}
.app{position:absolute;inset:0;display:flex}
.side{width:17%;flex:none;background:#0A0D12;border-right:1px solid rgba(255,255,255,.06);padding:1.4cqw 1.1cqw;display:flex;flex-direction:column;gap:.35cqw}
.side .lg{display:flex;align-items:center;gap:.6cqw;margin-bottom:1.4cqw;font:800 1.5cqw/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.side .lg img{height:1.7cqw;width:auto}
.side .it{display:flex;align-items:center;gap:.7cqw;padding:.62cqw .8cqw;border-radius:.6cqw;font:500 1.02cqw/1 'Bricolage Grotesque',sans-serif;color:#9AA3B2;white-space:nowrap}
.side .it i{width:.55cqw;height:.55cqw;background:currentColor;opacity:.5;display:block;border-radius:.1cqw}
.side .it.on{background:rgba(46,229,157,.12);color:var(--acc);font-weight:700}
.side .it.on i{opacity:1}
.side .plan{margin-top:auto;padding:.9cqw;border-radius:.7cqw;background:#141A22;border:1px solid rgba(255,255,255,.08);font:600 .95cqw/1.3 'Bricolage Grotesque',sans-serif}
.side .plan b{display:block;color:var(--acc);font-size:1.05cqw}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{height:4.2cqw;display:flex;align-items:center;gap:1cqw;padding:0 1.6cqw;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .srch{flex:1;max-width:28cqw;height:2.5cqw;border-radius:.6cqw;background:#141A22;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 .9cqw;font:500 .95cqw/1 'Bricolage Grotesque',sans-serif;color:#6E7587}
.topbar .av{margin-left:auto;display:flex;align-items:center;gap:.7cqw;font:600 1cqw/1 'Bricolage Grotesque',sans-serif;color:#C9CED9}
.topbar .av i{width:2.2cqw;height:2.2cqw;border-radius:.6cqw;background:linear-gradient(135deg,var(--acc),#0A8F5C);display:grid;place-items:center;color:#04140D;font:800 1cqw/1 'Bricolage Grotesque',sans-serif;font-style:normal}
.content{flex:1;padding:1.6cqw;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr;align-content:start;gap:1.4cqw;min-height:0}
.hello{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.hello h4{margin:0;font:800 1.9cqw/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.hello p{margin:.3cqw 0 0;font:500 1cqw/1.3 'Bricolage Grotesque',sans-serif;color:#8D95A8}
.hello .st{display:flex;align-items:center;gap:.6cqw;padding:.6cqw .9cqw;border-radius:.6cqw;background:#141A22;border:1px solid rgba(255,255,255,.08);font:600 .95cqw/1 'JetBrains Mono',monospace;color:#C9CED9}
.hello .st i{width:.6cqw;height:.6cqw;border-radius:50%;background:#1FB46B;display:block}
.card-ui{border-radius:1cqw;background:#141A22;border:1px solid rgba(255,255,255,.08);padding:1.1cqw;display:flex;flex-direction:column;gap:.9cqw;min-height:0}
.card-ui .hd{display:flex;align-items:center;justify-content:space-between;font:700 1.15cqw/1 'Bricolage Grotesque',sans-serif}
.card-ui .hd span{font:500 .85cqw/1 'JetBrains Mono',monospace;color:#8D95A8}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.7cqw}
.tool-t{padding:.85cqw;border-radius:.7cqw;background:#0E1218;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.5cqw;position:relative}
.tool-t b{font:700 1.05cqw/1.1 'Bricolage Grotesque',sans-serif}
.tool-t span{font:500 .82cqw/1 'Bricolage Grotesque',sans-serif;color:#8D95A8}
.tool-t em{position:absolute;right:.7cqw;top:.7cqw;font:700 .68cqw/1 'JetBrains Mono',monospace;font-style:normal;color:#1FB46B;display:flex;align-items:center;gap:.3cqw}
.tool-t em::before{content:"";width:.45cqw;height:.45cqw;border-radius:50%;background:#1FB46B}
.tool-t .lg2{width:2cqw;height:2cqw;border-radius:.5cqw;display:grid;place-items:center;font:800 .9cqw/1 'JetBrains Mono',monospace;color:#04140D}
.dls{display:flex;flex-direction:column;gap:.5cqw}
.dl{display:flex;align-items:center;gap:.8cqw;padding:.7cqw .8cqw;border-radius:.6cqw;background:#0E1218;border:1px solid rgba(255,255,255,.06)}
.dl .ext{width:2.4cqw;height:2.4cqw;flex:none;border-radius:.5cqw;display:grid;place-items:center;font:800 .75cqw/1 'JetBrains Mono',monospace;color:#04140D}
.dl .nm{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25cqw}
.dl .nm b{font:600 .98cqw/1.1 'Bricolage Grotesque',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl .nm span{font:500 .8cqw/1 'JetBrains Mono',monospace;color:#8D95A8}
.dl .ok{font:700 .8cqw/1 'JetBrains Mono',monospace;color:#1FB46B;white-space:nowrap}
.dl .bt{padding:.45cqw .75cqw;border-radius:.45cqw;background:var(--acc);color:#04140D;font:700 .8cqw/1 'Bricolage Grotesque',sans-serif}
.quota{display:flex;flex-direction:column;gap:.45cqw}
.quota .q{display:flex;align-items:center;gap:.7cqw;font:500 .85cqw/1 'JetBrains Mono',monospace;color:#9AA2B4}
.quota .q span:first-child{width:7cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quota .bar{flex:1;height:.6cqw;border-radius:.3cqw;background:rgba(255,255,255,.08);overflow:hidden}
.quota .bar i{display:block;height:100%;background:var(--acc)}
.quota .q b{color:#E6E8EE;width:4cqw;text-align:right}
.ring{position:absolute;pointer-events:none;border-radius:50%;border:.28cqw solid #F0A020;animation:fhPing 1.6s cubic-bezier(0,0,.2,1) infinite}
.ptr{position:absolute;width:2cqw;height:2cqw;z-index:6;pointer-events:none;filter:drop-shadow(0 0 1px #000) drop-shadow(0 .3cqw .4cqw rgba(0,0,0,.45));animation:fhCursor 10s cubic-bezier(.65,0,.35,1) infinite}
.ptr i{position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,0 80%,22% 62%,38% 98%,53% 91%,38% 57%,68% 57%);display:block}
.clickring{position:absolute;width:5cqw;height:5cqw;margin:-2.5cqw 0 0 -2.5cqw;border-radius:50%;border:.3cqw solid #fff;opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.bubble{position:absolute;transform:translate(-50%,-100%);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1);padding:.5cqw .9cqw;border-radius:.6cqw;background:#fff;color:#16181F;font:600 1.1cqw/1.2 'Bricolage Grotesque',sans-serif;white-space:nowrap;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.35)}
.drawer{position:absolute;right:1.4%;top:9%;width:27%;opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1);background:#161A22;border:1px solid rgba(255,255,255,.1);border-radius:1cqw;padding:1.2cqw;box-shadow:0 1.5cqw 3cqw rgba(0,0,0,.5);color:#E9EBF0;display:flex;flex-direction:column;gap:.8cqw;text-align:left}
.drawer .ttl{display:flex;align-items:center;gap:.8cqw;font:700 1.25cqw/1.1 'Bricolage Grotesque',sans-serif}
.drawer .ttl i{width:3cqw;height:3cqw;border-radius:.6cqw;background:#F08A3C;display:grid;place-items:center;font:800 .9cqw/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal}
.drawer .row{display:flex;align-items:center;gap:.6cqw;font:500 .95cqw/1.2 'Bricolage Grotesque',sans-serif;color:#C8CDD8}
.drawer .row i{width:.75cqw;height:.75cqw;background:#1FB46B;display:block}
.drawer .prog{height:.6cqw;border-radius:.3cqw;background:rgba(255,255,255,.08);overflow:hidden}
.drawer .prog i{display:block;height:100%;width:0;background:var(--acc)}
.drawer .acts{display:flex;gap:.6cqw}
.drawer .acts span{flex:1;text-align:center;padding:.6cqw;border-radius:.5cqw;border:1px solid rgba(255,255,255,.12);font:600 .9cqw/1 'Bricolage Grotesque',sans-serif}
.drawer .acts span.p{background:var(--acc);color:#04140D;border-color:transparent}

/* cards flutuantes do hero */
.float{position:absolute;z-index:3}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 30px 60px -24px rgba(16,24,40,.35);text-align:left;display:flex;flex-direction:column;gap:12px}
.fcard .lbl{display:flex;align-items:center;gap:8px;font:600 12px/1 'JetBrains Mono',monospace;color:var(--ink2);letter-spacing:.05em;text-transform:uppercase}
.fcard .lbl i{width:8px;height:8px;display:inline-block;background:#4AA8E8}
.fcard .big{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.fcard .box{padding:12px;border-radius:12px;border:1.5px solid var(--acc);background:color-mix(in oklab,var(--acc) 12%,var(--card))}
.fcard .ln{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink2)}
.fcard .ln b{font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--ink)}
.fcard .bars{display:flex;align-items:flex-end;gap:3px;height:34px}
.fcard .bars i{flex:1;background:#1FB46B;border-radius:2px 2px 0 0;display:block}
.toast{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#161A22;border:1.5px solid var(--acc);box-shadow:0 0 0 4px rgba(46,229,157,.16),0 24px 50px -20px rgba(0,0,0,.6);text-align:left;color:#fff}
.toast .ext{width:40px;height:40px;flex:none;border-radius:9px;display:grid;place-items:center;font:800 11px/1 'JetBrains Mono',monospace;color:#04140D}
.toast .tx{flex:1;min-width:0}
.toast .tx b{font-size:14px;font-weight:700;display:flex;gap:6px;align-items:center}
.toast .tx span{display:block;font:500 11px/1.4 'JetBrains Mono',monospace;color:#9AA2B4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast .bt{padding:8px 10px;border-radius:9px;background:var(--acc);color:#04140D;font-size:12px;font-weight:700;flex:none}
.usage{padding:12px 14px;border-radius:16px;background:#161A22;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -24px rgba(0,0,0,.55);display:flex;gap:12px;align-items:center;color:#E9EBF0;text-align:left}
.usage .L{width:40px;height:40px;flex:none;border-radius:10px;background:var(--acc);color:#04140D;display:grid;place-items:center;font:800 18px/1 'Bricolage Grotesque',sans-serif}
.usage .rows{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.usage .rows b{font-size:13px;font-weight:700}
.urow{display:flex;align-items:center;gap:6px;font:500 11px/1 'JetBrains Mono',monospace;color:#9AA2B4}
.urow span:first-child{width:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticks{display:flex;gap:2px;flex:1}
.ticks i{flex:1;height:9px;background:rgba(255,255,255,.12);display:block}
.ticks i.on{background:#1FB46B}
.urow em{color:#3DD68C;font-style:normal}
@media (max-width:639px){.float.lo{display:none}}

/* marquee */
.live{padding:110px 0 30px}
.live-lbl{display:flex;justify-content:center;align-items:center;gap:10px;font:600 13px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.live-lbl i{width:8px;height:8px;background:#E5484D;animation:fhBlink 1.2s steps(1) infinite;display:inline-block}
.mq{margin-top:20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:12px;width:max-content;padding-right:12px;animation:fhMarquee 70s linear infinite}
.mq-track.slow{animation-duration:90s}
.feed{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:14px;background:var(--card);border:1px solid var(--line);white-space:nowrap;font-size:14px}
.feed .av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 13px/1 'Bricolage Grotesque',sans-serif;color:#04140D}
.feed time{font:500 12px/1 'JetBrains Mono',monospace;color:var(--ink3)}
.feed b{font-weight:700}
.feed .pj{font:500 12px/1 'JetBrains Mono',monospace;color:var(--ink3)}
.proofs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}

/* seção plataformas (grade de chips) */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:40px}
.logo-t{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14.5px;letter-spacing:-.01em;transition:transform .25s,box-shadow .25s}
.logo-t:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(16,20,36,.4)}
.logo-t i{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;font:800 12px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal}
.logo-t small{display:block;font:500 11px/1.3 'JetBrains Mono',monospace;color:var(--ink3)}
.logo-more{justify-content:center;background:var(--bg2);color:var(--ink2);border-style:dashed}

/* problema (scroll) */
.prob{position:relative;height:300vh}
.prob-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:clamp(72px,13vh,96px) 16px clamp(14px,3.5vh,28px);overflow:clip}
.prob-h{display:grid;width:100%;max-width:1000px;margin-top:16px;text-align:center}
.prob-h h2{grid-area:1/1;margin:0;font-size:clamp(30px,4.8vw,64px);line-height:1;letter-spacing:-.04em;font-weight:800;text-wrap:balance}
.prob-h h2.b{opacity:0}
.prob-sub{margin:14px 0 0;max-width:620px;text-align:center;font-size:clamp(15px,1.3vw,18px);line-height:1.5;color:var(--ink2);text-wrap:pretty}
.prob-field{position:relative;width:min(1100px,100%);flex:1;min-height:150px;max-height:560px;margin-top:clamp(14px,3vh,26px)}
.pc{position:absolute;width:31%;height:46%;border-radius:16px;overflow:hidden;background:#0E1116;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -28px rgba(10,20,40,.55)}
@media (max-width:639px){.pc{width:48%;height:31%}}
.pc .front{position:absolute;inset:0;display:flex;flex-direction:column}
.pc .fbar{height:28px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;background:#0A0C10;border-bottom:1px solid rgba(255,255,255,.06)}
.pc .fbar i{width:8px;height:8px;border-radius:50%;display:block}
.pc .fbar span{margin-left:6px;min-width:0;font:500 11px/1 'JetBrains Mono',monospace;color:#7D8596;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .fb{padding:12px 14px;display:flex;flex-direction:column;gap:6px;font:500 12px/1.35 'JetBrains Mono',monospace;overflow:hidden;color:#C9CED9}
.pc .fb .usd{font:800 20px/1 'Bricolage Grotesque',sans-serif;color:#fff;letter-spacing:-.03em}
.pc .fb .bad{color:#FF6B6B}
.pc .fb .btnx{align-self:flex-start;margin-top:4px;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font:600 11px/1 'Bricolage Grotesque',sans-serif}
.pc .back{position:absolute;inset:0;opacity:0;background:#141A22;display:flex;flex-direction:column;justify-content:space-between;padding:12px}
.pc .back .bt1{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:7px;background:#0E1218;color:#fff;font:600 12px/1 'Bricolage Grotesque',sans-serif;align-self:flex-start}
.pc .back .bt1 i{width:6px;height:6px;border-radius:50%;background:#1FB46B;display:block}
.pc .back .mid{display:flex;align-items:center;gap:10px}
.pc .back .mid i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 12px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal;flex:none}
.pc .back .mid b{font:800 15px/1.1 'Bricolage Grotesque',sans-serif;color:#fff;display:block}
.pc .back .mid span{font:500 11px/1.3 'JetBrains Mono',monospace;color:#9AA2B4}
.pc .back .pill2{align-self:flex-start;padding:6px 10px;border-radius:8px;background:var(--acc);color:#04140D;font:700 12px/1 'Bricolage Grotesque',sans-serif;white-space:nowrap}
@media (max-width:639px){.pc .fb{font-size:10.5px;gap:4px;padding:10px 12px}.pc .fb .usd{font-size:16px}.pc .fb .btnx{display:none}.pc .back{padding:10px}.pc .back .mid b{font-size:13px}.pc .back .mid span{font-size:10px}.pc .back .pill2{white-space:normal;font-size:11px;line-height:1.2}}
.prob-bar{width:min(420px,90%);margin-top:22px;display:flex;align-items:center;gap:14px;font:600 12px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.prob-bar .tr{position:relative;flex:1;height:6px;background:var(--line)}
.prob-bar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--acc)}
.prob-bar .dot{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--acc);border:2px solid #16181F}

/* como funciona */
.how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px;margin-top:24px;align-items:start}
.how-vis{order:2;position:sticky;top:16vh;height:68vh;z-index:2;background:var(--bg);padding:8px 0}
.how-vis-in{position:relative;height:100%}
.hv{position:absolute;inset:0;opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.hv:first-child{opacity:1}
.term{height:100%;border-radius:22px;overflow:hidden;background:#0E1116;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -40px rgba(10,20,40,.5);display:flex;flex-direction:column;color:#E6E8EE}
.term-bar{height:38px;flex:none;display:flex;align-items:center;gap:7px;padding:0 16px;background:#0A0C10;border-bottom:1px solid rgba(255,255,255,.06)}
.term-bar i{width:10px;height:10px;border-radius:50%;display:block}
.term-bar span{margin-left:8px;font:500 12px/1 'JetBrains Mono',monospace;color:#7D8596;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.term-bar>span:last-child{flex-shrink:1}
.term-body{flex:1;padding:22px;font:500 clamp(12px,1.15vw,14px)/1.8 'JetBrains Mono',monospace;overflow:hidden;display:flex;flex-direction:column}
.term-body [data-on]{opacity:0}
.term .g{color:#3DD68C}.term .o{color:#F08A3C}.term .b{color:#9CCDF0}.term .m{color:#B9C0CE}.term .d{color:#7D8596}.term .r{color:#FF9A9D}
.typ{display:inline-block;overflow:hidden;white-space:pre;vertical-align:top;max-width:92%}
.spin{display:inline-block;animation:fhSpin 1.4s linear infinite}
.think{margin-top:10px;color:#E8A87C;display:flex;align-items:center;gap:10px}
.okbox{margin-top:10px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(31,180,107,.12);border:1px solid rgba(31,180,107,.35);color:#7BE3B0;align-self:flex-start}
.okbox i{width:8px;height:8px;background:#1FB46B;display:block}
.ui-card{margin-top:14px;border-radius:14px;background:#161A22;border:1px solid rgba(255,255,255,.1);padding:14px;display:flex;flex-direction:column;gap:10px;font-family:'Bricolage Grotesque',sans-serif;line-height:1.3}
.ui-card .t{font-weight:700;font-size:15px;color:#fff;display:flex;align-items:center;gap:8px}
.ui-card .s{font:500 12px/1.4 'JetBrains Mono',monospace;color:#9AA2B4}
.ui-card .price{font:800 28px/1 'Bricolage Grotesque',sans-serif;color:var(--acc);letter-spacing:-.03em}
.ui-card .pay{display:flex;gap:8px;flex-wrap:wrap}
.ui-card .pay span{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);font:600 12px/1 'Bricolage Grotesque',sans-serif;color:#C9CED9}
.ui-card .pay span.on{background:var(--acc);color:#04140D;border-color:transparent}
.ui-card .qr{width:84px;height:84px;border-radius:8px;background:#fff;background-image:linear-gradient(90deg,#16181F 50%,transparent 50%),linear-gradient(#16181F 50%,transparent 50%);background-size:12px 12px;background-blend-mode:difference;opacity:.9}
.ui-card .prog{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.ui-card .prog i{display:block;height:100%;width:0;background:var(--acc)}
.ui-card .prog.go i{animation:fhFill 2.4s cubic-bezier(.2,.8,.2,1) forwards}
.ui-card .file{display:flex;align-items:center;gap:10px}
.ui-card .file i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font:800 11px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal;flex:none}
.ui-card .file b{font-size:14px;color:#fff;display:block}
.ui-card .file span{font:500 11px/1.4 'JetBrains Mono',monospace;color:#9AA2B4}
.ui-card .cta{align-self:flex-start;padding:10px 14px;border-radius:10px;background:var(--acc);color:#04140D;font:700 13px/1 'Bricolage Grotesque',sans-serif}
.mail{display:flex;gap:12px;padding:12px;border-radius:12px;background:#0E1218;border:1px solid rgba(255,255,255,.08)}
.mail i{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--acc),#0A8F5C);display:grid;place-items:center;color:#04140D;font:800 15px/1 'Bricolage Grotesque',sans-serif;font-style:normal;flex:none}
.mail b{display:block;font:700 13.5px/1.2 'Bricolage Grotesque',sans-serif;color:#fff}
.mail span{display:block;font:500 11.5px/1.4 'JetBrains Mono',monospace;color:#9AA2B4;margin-top:3px}
.mail.hl2{border-color:var(--acc);box-shadow:0 0 0 3px rgba(46,229,157,.14)}
.steps{order:1}
.step{min-height:66vh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:20px 0;transition:opacity .4s}
.step .n{display:flex;align-items:center;gap:14px}
.step .n b{font:800 clamp(40px,4vw,56px)/1 'Bricolage Grotesque',sans-serif;color:var(--acc);text-shadow:3px 3px 0 #16181F;letter-spacing:-.04em}
.step .n i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--ink3) 0 6px,transparent 6px 12px);opacity:.5;display:block}
.step h3{margin:0;font-size:clamp(26px,2.6vw,38px);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.step p{margin:0;max-width:460px;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink2);text-wrap:pretty}
@media (max-width:919px){.how-grid{grid-template-columns:minmax(0,1fr)}.how-vis{order:0;top:72px;height:42vh}.step{min-height:46vh}}

/* categorias */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:36px;margin-top:48px;align-items:start}
.cats{display:flex;flex-direction:column;gap:6px}
.cat{text-align:left;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,box-shadow .3s,border-color .3s;width:100%}
.cat.on{background:var(--card);border-color:var(--line);box-shadow:0 22px 44px -26px rgba(16,20,36,.35)}
.cat .r{display:flex;align-items:center;gap:14px;width:100%}
.cat .r i{width:14px;height:14px;flex:none;display:block}
.cat .r b{font-size:20px;font-weight:700;letter-spacing:-.02em}
.cat .r span{margin-left:auto;font-size:14px;color:var(--ink3);text-align:right}
.cat .d{display:none;padding-left:28px;font-size:16px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.cat .chips{display:none;flex-wrap:wrap;gap:6px;padding-left:28px}
.cat .chips span{padding:5px 9px;border-radius:7px;background:var(--bg2);font:600 12.5px/1 'Bricolage Grotesque',sans-serif;color:var(--ink2)}
.cat .pb{display:none;margin-left:28px;height:3px;background:var(--line);overflow:hidden}
.cat .pb i{display:block;height:100%;width:0}
.cat.on .d,.cat.on .pb{display:block}
.cat.on .chips{display:flex}
.cat-vis{position:sticky;top:110px}
.cat-screen{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#12151D;border:1px solid var(--line);box-shadow:0 50px 100px -50px rgba(16,24,40,.55);container-type:inline-size}
.cat-panel{position:absolute;inset:0;padding:5cqw;display:flex;flex-direction:column;gap:3cqw;opacity:0;transform:scale(1.04);transition:opacity .6s,transform 1.2s cubic-bezier(.16,1,.3,1);color:#E6E8EE}
.cat-panel.on{opacity:1;transform:scale(1)}
.cat-panel .ph{display:flex;align-items:center;justify-content:space-between}
.cat-panel .ph b{font:800 4.2cqw/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.cat-panel .ph span{font:500 2.4cqw/1 'JetBrains Mono',monospace;color:#8D95A8}
.cat-panel .tiles{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw}
.ctile{padding:3cqw;border-radius:2.4cqw;background:#1A1F28;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:1.6cqw;position:relative}
.ctile i{width:7cqw;height:7cqw;border-radius:1.8cqw;display:grid;place-items:center;font:800 2.6cqw/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal}
.ctile b{font:700 3.2cqw/1.1 'Bricolage Grotesque',sans-serif}
.ctile span{font:500 2.3cqw/1.2 'Bricolage Grotesque',sans-serif;color:#8D95A8}
.ctile em{position:absolute;right:2.6cqw;top:2.6cqw;font:700 2cqw/1 'JetBrains Mono',monospace;font-style:normal;color:#1FB46B;display:flex;align-items:center;gap:1cqw}
.ctile em::before{content:"";width:1.3cqw;height:1.3cqw;border-radius:50%;background:#1FB46B}
.ctile em.q{color:#9CCDF0}.ctile em.q::before{background:#4AA8E8}
.cat-foot{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#161A22;color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.cat-foot i{width:10px;height:10px;display:block}

/* seção escura (Claude Code) */
.dark-box{max-width:1280px;margin:0 auto;border-radius:36px;background:#0E1116;color:#F2F1EC;padding:clamp(40px,6vw,80px) clamp(20px,4.5vw,64px);position:relative;overflow:hidden}
.dark-box .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.dark-box .eye{color:#B9BCC6}
.dark-box .lead{color:#B9BCC6}
.dark-box .h2 .dim{color:#8D919D}
.ai-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px;margin-top:48px}
.ai-term{border-radius:22px;overflow:hidden;background:#090B0F;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:460px}
.ai-term .term-body{font-size:clamp(12px,1.05vw,13.5px);line-height:1.75}
.tok-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.tok{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.tok span{color:#A1A1A6;font:600 12px/1 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.tok b{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--acc)}
.tok small{color:#A1A1A6;font-size:12.5px}
.ai-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.ai-list li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:#E9EBF0}
.ai-list li i{color:var(--acc);font-style:normal;flex:none}
.tip{padding:14px 16px;border-radius:14px;background:#161A22;border:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.5;color:#B9BCC6}
.tip b{color:#fff}

/* onde você quiser (celular) */
.where{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.opts{display:flex;flex-direction:column;gap:10px;margin-top:30px;max-width:520px}
.opt{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.opt i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;color:#16181F;font-style:normal}
.opt i .ic{width:20px;height:20px}
.opt b{font-size:17px;display:block}
.opt span{font-size:15px;color:var(--ink3)}
.phone-wrap{position:relative;display:flex;justify-content:center;padding:30px 0}
.phone-bg{position:absolute;inset:4% 6%;border-radius:40px;background:var(--bg2);background-image:radial-gradient(color-mix(in oklab,var(--ink) 14%,transparent) 1.5px,transparent 1.5px);background-size:20px 20px}
.phone{position:relative;z-index:2;width:300px;height:620px;border-radius:46px;background:#0B0D11;border:3px solid #16181F;box-shadow:0 0 0 2px #2C3038,0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.phone::before{content:"";position:absolute;left:50%;top:10px;width:110px;height:30px;margin-left:-55px;border-radius:16px;background:#000;z-index:5}
.phone-scr{position:absolute;inset:0;background:#12151D;color:#E6E8EE;font-family:'Bricolage Grotesque',sans-serif;display:flex;flex-direction:column;padding:56px 14px 14px;gap:10px}
.phone-scr .hd{display:flex;align-items:center;justify-content:space-between}
.phone-scr .hd b{font-size:17px;letter-spacing:-.02em}
.phone-scr .hd span{font:600 11px/1 'JetBrains Mono',monospace;color:var(--acc);padding:4px 7px;border-radius:6px;background:rgba(46,229,157,.12)}
.phone-scr .inp{height:42px;border-radius:12px;background:#1A1F28;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 12px;font:500 11.5px/1 'JetBrains Mono',monospace;color:#9AA2B4;white-space:nowrap;overflow:hidden}
.phone-scr .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.phone-scr .g2 div{padding:10px;border-radius:12px;background:#1A1F28;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:5px}
.phone-scr .g2 b{font-size:12.5px}
.phone-scr .g2 span{font:500 10px/1 'JetBrains Mono',monospace;color:#8D95A8}
.phone-scr .g2 em{font:700 9px/1 'JetBrains Mono',monospace;color:#1FB46B;font-style:normal}
.phone-scr .list{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.phone-scr .list div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#1A1F28;border:1px solid rgba(255,255,255,.07)}
.phone-scr .list i{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font:800 9px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal;flex:none}
.phone-scr .list b{font-size:11.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone-scr .list span{font:500 9.5px/1 'JetBrains Mono',monospace;color:#8D95A8}
.phone-scr .list em{margin-left:auto;font:700 9.5px/1 'JetBrains Mono',monospace;color:#1FB46B;font-style:normal}
.phone-scr .nav2{margin-top:auto;display:flex;justify-content:space-around;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.08);font:600 10px/1 'Bricolage Grotesque',sans-serif;color:#8D95A8}
.phone-scr .nav2 span.on{color:var(--acc)}
.ptoast{position:absolute;left:10px;right:10px;top:50px;opacity:0;transition:opacity .35s,transform .55s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(30,34,44,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--acc);box-shadow:0 14px 30px rgba(0,0,0,.45);z-index:6}
.ptoast i{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font:800 10px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal;flex:none}
.ptoast b{color:#fff;font-size:13.5px;display:block}
.ptoast span{color:#9AA2B4;font:500 10.5px/1.4 'JetBrains Mono',monospace;display:block}
.sheet{position:absolute;left:0;right:0;bottom:0;opacity:0;transition:opacity .2s,transform .6s cubic-bezier(.16,1,.3,1);padding:12px 16px 26px;border-radius:28px 28px 0 0;background:#1A1E28;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;color:#E9EBF0;z-index:7}
.sheet .hdl{align-self:center;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.2)}
.sheet .ttl{font-size:14px;font-weight:700;color:var(--acc)}
.sheet .fl{display:flex;align-items:center;gap:10px}
.sheet .fl i{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font:800 10px/1 'JetBrains Mono',monospace;color:#04140D;font-style:normal}
.sheet .fl b{font-size:14px;display:block}
.sheet .fl span{font:500 10.5px/1.4 'JetBrains Mono',monospace;color:#9AA2B4}
.sheet .big{text-align:center;padding:13px;border-radius:12px;background:var(--acc);color:#04140D;font-size:14px;font-weight:700;position:relative;overflow:hidden}
.sheet .big .done{position:absolute;inset:0;background:#1FB46B;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .25s}
.sheet .alt{text-align:center;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}
.pdim{position:absolute;inset:0;background:rgba(5,7,12,.55);opacity:0;transition:opacity .4s;z-index:6}
.phone [data-on]{opacity:0}
@media (max-width:379px){.phone{width:270px;height:560px}}

/* bento recursos */
.bento{display:flex;flex-wrap:wrap;gap:20px;margin-top:48px}
.bcard{min-width:0;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:28px;background:var(--card);border:1px solid var(--line)}
.bcard.w2{flex:1 1 560px}.bcard.w1{flex:1 1 340px}
.bcard h3{margin:0;font-size:26px;letter-spacing:-.025em;font-weight:800}
.bcard p{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--ink2);max-width:480px}
.dark-ui{margin-top:auto;padding:18px;border-radius:20px;background:#141821;color:#E9EBF0;display:flex;flex-direction:column;gap:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.kpi{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.kpi.hl3{border:1.5px solid var(--acc);background:rgba(46,229,157,.08)}
.kpi .l{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#C9CED9}
.kpi .l i{width:8px;height:8px;display:block}
.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:6px}
.kpi .s{font-size:11px;color:#8D95A8;margin-top:2px}
.hbars{display:flex;align-items:flex-end;gap:3px;height:120px;margin-top:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.hbars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;border-radius:3px 3px 0 0}
.hbars div i{display:block;background:#1FB46B}
.hbars div i.g{background:#5A6684;border-radius:2px 2px 0 0}
.hb-x{display:flex;justify-content:space-between;margin-top:8px;font:500 11px/1 'JetBrains Mono',monospace;color:#7D8596}
.save-list{display:flex;flex-direction:column;gap:0}
.save-list div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.save-list div span:last-child{font:600 13px/1 'JetBrains Mono',monospace;color:#C9CED9;white-space:nowrap}
.save-list div.tot{border-bottom:0;font-weight:700;font-size:15px}
.save-list div.tot span:last-child{color:#FF9A9D}
.save-you{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(46,229,157,.1);border:1.5px solid var(--acc)}
.save-you b{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--acc)}
.save-you span{font-size:14px;color:#C9CED9}
.credits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:auto}
@media (max-width:420px){.credits{grid-template-columns:repeat(3,minmax(0,1fr))}}
.credit{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;background:var(--bg2);border:1.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);font-weight:800;font-size:18px;letter-spacing:-.02em;transition:transform .14s,box-shadow .14s}
.credit:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink);color:var(--ink)}
.credit:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.credit small{font:600 10.5px/1 'JetBrains Mono',monospace;color:var(--ink3);letter-spacing:.04em;text-transform:uppercase}
.wa{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;background:#0B141A;border:1px solid rgba(255,255,255,.08)}
.wa .m{max-width:86%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.4;color:#E9EDEF}
.wa .m.in{background:#202C33;border-top-left-radius:4px;align-self:flex-start}
.wa .m.out{background:#005C4B;border-top-right-radius:4px;align-self:flex-end}
.wa .m small{display:block;text-align:right;font:500 10px/1 'JetBrains Mono',monospace;color:#8696A0;margin-top:4px}
.seal{margin-top:auto;display:flex;align-items:center;gap:18px}
.seal .n{width:96px;height:96px;flex:none;border-radius:24px;background:var(--ink);color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--acc);font:800 40px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em}
.seal .n small{font:600 11px/1 'JetBrains Mono',monospace;letter-spacing:.1em;margin-top:4px}
.seal ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--ink2)}
.seal li{display:flex;gap:8px;align-items:center}
.seal li i{color:var(--acc2);font-style:normal;font-weight:800}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:auto}
.area{padding:14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.area b{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--acc2)}
.area span{font-size:13.5px;color:var(--ink2);line-height:1.3}
.area small{font:500 11px/1 'JetBrains Mono',monospace;color:var(--ink3)}

/* planos */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px;align-items:stretch}
@media (max-width:1079px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:639px){.plans{grid-template-columns:1fr}}
.plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 22px 22px;border-radius:24px;background:var(--card);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.plan:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(16,20,36,.4)}
.plan.pop{border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink)}
.plan.pop:hover{box-shadow:0 8px 0 var(--ink),0 26px 50px -30px rgba(16,20,36,.4)}
.plan .badge{position:absolute;top:-14px;left:22px;padding:6px 10px;border-radius:8px;background:var(--acc);color:#04140D;border:2px solid var(--ink);font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.plan h3{margin:0;font-size:24px;letter-spacing:-.025em;font-weight:800}
.plan .desc{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink2);min-height:42px}
.plan .price{display:flex;align-items:baseline;gap:6px}
.plan .price small{font:600 15px/1 'JetBrains Mono',monospace;color:var(--ink3)}
.plan .price b{font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1}
.plan .per{font-size:13px;color:var(--ink3)}
.plan .hint{font:600 12.5px/1 'JetBrains Mono',monospace;color:var(--acc2)}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.4;color:var(--ink)}
.plan li{display:flex;gap:9px;align-items:flex-start}
.plan li i{color:var(--acc2);font-style:normal;font-weight:800;flex:none}
.plan .ai{display:flex;gap:9px;align-items:flex-start;font-weight:600;padding:10px 12px;border-radius:12px;background:rgba(46,229,157,.12);border:1px solid rgba(46,229,157,.5);font-size:14px;line-height:1.35}
.plan .ai i{color:var(--acc2);font-style:normal;flex:none}
.plan .ai small{display:block;opacity:.75;font-weight:400;font-size:12.5px}
.plan .more{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.plan .link{background:none;border:0;padding:4px 0;color:var(--acc2);font-weight:700;font-size:14px;text-align:left}
.plan .link:hover{color:var(--ink)}
.plan .btn{width:100%;font-size:16px;padding:15px 18px}
.anual{margin-top:28px;padding:28px;border-radius:28px;background:#16181F;color:#F2F1EC;display:flex;flex-direction:column;gap:20px}
.anual .top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.anual h3{margin:6px 0 0;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;font-weight:800}
.anual p{margin:8px 0 0;max-width:620px;font-size:15.5px;line-height:1.5;color:#B9BCC6}
.anual .eye{color:var(--acc)}
.anual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.anual-c{display:flex;flex-direction:column;padding:20px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.anual-c.pop{border-color:rgba(46,229,157,.6)}
.anual-c .n{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.anual-c .l{font-size:13px;color:#8E8E93}
.anual-c .v{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--acc)}
.anual-c .s{font-size:13px;color:#A1A1A6;margin:4px 0 16px}
.anual-c a,.anual-c span.soon{margin-top:auto;background:var(--acc);color:#04140D;font-weight:700;font-size:14px;padding:12px;text-align:center;display:block;border-radius:12px;border:2px solid #F2F1EC;box-shadow:0 4px 0 #F2F1EC;transition:transform .14s,box-shadow .14s}
.anual-c a:hover{transform:translateY(-2px);box-shadow:0 6px 0 #F2F1EC;color:#04140D}
.anual-c span.soon{background:rgba(255,255,255,.08);color:#8E8E93;border-color:transparent;box-shadow:none}
.anual .note{font:500 12.5px/1.5 'JetBrains Mono',monospace;color:#8D919D}
.pay-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:22px;font-size:14px;color:var(--ink3)}
.pay-row span{display:inline-flex;align-items:center;gap:8px}
.pay-row i{width:8px;height:8px;background:var(--acc);display:inline-block}

/* modais */
.modal{position:fixed;inset:0;z-index:100;display:none;padding:24px;overflow-y:auto}
.modal.is-open{display:flex;align-items:flex-start;justify-content:center}
.modal-bg{position:fixed;inset:0;background:rgba(10,12,18,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-card{position:relative;background:var(--card);color:var(--ink);border-radius:24px;max-width:600px;width:100%;margin:auto;padding:36px 32px;border:2px solid #16181F;box-shadow:0 8px 0 #16181F,0 30px 90px rgba(0,0,0,.45);animation:fhModalIn .28s cubic-bezier(.16,1,.3,1)}
.modal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1.5px solid var(--ink);border-radius:10px;background:var(--card);color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 0 var(--ink)}
.modal-card h3{margin:0;font-size:28px;letter-spacing:-.03em;font-weight:800}
.modal-card .price{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.modal-card .price b{font-size:36px;font-weight:800;letter-spacing:-.04em}
.modal-card .price small{font:600 14px/1 'JetBrains Mono',monospace;color:var(--ink3)}
.modal-card .desc{margin:8px 0 22px;color:var(--ink2);font-size:15px}
.modal-card .ai{display:flex;gap:10px;align-items:center;background:rgba(46,229,157,.12);border:1px solid rgba(46,229,157,.45);border-radius:12px;padding:10px 12px;margin-bottom:18px;font-size:14px;font-weight:600;color:var(--acc2)}
.modal-card .ai small{display:block;font-weight:400;font-size:12.5px;opacity:.85;color:var(--ink2)}
.modal-card .grp{font:600 11.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:18px 0 10px}
.modal-card .grp:first-of-type{margin-top:0}
.modal-card ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;font-size:14px;line-height:1.35}
.modal-card li{display:flex;gap:7px}
.modal-card li i{color:var(--acc2);font-style:normal;font-weight:800;flex:none}
.modal-card li.full{grid-column:1/-1}
.modal-card .btn{width:100%;margin-top:24px;font-size:16px}
body.modal-open{overflow:hidden}
@media (max-width:600px){.modal-card{padding:28px 20px}.modal-card ul{grid-template-columns:1fr}}

/* tabela comparativa */
.cmp-wrap{margin-top:40px;border-radius:24px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.cmp-wrap summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font-weight:700;font-size:18px}
.cmp-wrap summary::-webkit-details-marker{display:none}
.cmp-wrap summary .plus{width:34px;height:34px;flex:none;border-radius:10px;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:22px;line-height:1;transition:transform .4s}
.cmp-wrap[open] summary .plus{transform:rotate(45deg);background:var(--acc);color:#04140D}
.tbl{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;font-size:14px}
.tbl>div{padding:10px 14px;border-top:1px solid var(--line);display:flex;align-items:center}
.tbl>div.nm{font-weight:600}
.tbl>div.c{justify-content:center;text-align:center;font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--ink2)}
.tbl .hd{background:var(--bg2);font-weight:700!important;color:var(--ink)!important;font-family:'Bricolage Grotesque',sans-serif!important;padding:14px;display:flex;flex-direction:column;gap:4px}
.tbl .hd.pop{color:var(--acc2)!important}
.tbl .grp{grid-column:1/-1;background:var(--bg2);font:600 11.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:12px 14px}
.tbl .y{color:var(--acc2)!important}
.tbl .n{color:var(--ink3)!important;opacity:.6}
.tbl-note{padding:16px 26px 22px;font-size:13px;line-height:1.5;color:var(--ink3)}
@media (max-width:639px){.tbl{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;font-size:11.5px}.tbl>div{padding:8px 8px}.tbl .hd{padding:10px 8px;font-size:11px}}

/* depoimentos */
.quote{width:340px;flex:none;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);white-space:normal}
.quote .stars5{color:#F5B342;font-size:14px;letter-spacing:2px}
.quote p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink)}
.quote .who{display:flex;align-items:center;gap:10px;margin-top:auto}
.quote .who i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:800 14px/1 'Bricolage Grotesque',sans-serif;color:#04140D;font-style:normal}
.quote .who b{display:block;font-size:14px}
.quote .who span{font:500 12px/1 'JetBrains Mono',monospace;color:var(--ink3)}
@media (max-width:639px){.quote{width:290px}}

/* faq */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:start}
.faq-side{position:sticky;top:110px}
.faq-card{margin-top:28px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);max-width:380px}
.faq-card i{width:52px;height:52px;border-radius:12px;background:#25D366;display:grid;place-items:center;color:#fff;font-style:normal;flex:none}
.faq-card i .ic{width:26px;height:26px}
.faq-card b{font-size:16px;display:block}
.faq-card a{font-size:15px;font-weight:600}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;background:none;border:0;color:var(--ink);font:700 clamp(17px,1.6vw,20px)/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.01em;text-align:left}
.faq-q .pl{position:relative;flex:none;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--ink);transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s}
.faq-q .pl::before,.faq-q .pl::after{content:"";position:absolute;left:50%;top:50%;background:var(--ink)}
.faq-q .pl::before{width:12px;height:2px;margin:-1px 0 0 -6px}
.faq-q .pl::after{width:2px;height:12px;margin:-6px 0 0 -1px}
.faq-item.open .faq-q .pl{transform:rotate(45deg);background:var(--acc)}
.faq-item.open .faq-q .pl::before,.faq-item.open .faq-q .pl::after{background:#04140D}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a>div{overflow:hidden}
.faq-a p{margin:0;padding:0 54px 24px 0;font-size:17px;line-height:1.6;color:var(--ink2);text-wrap:pretty}

/* cta final */
.fin{padding:0 16px 40px}
.fin-box{position:relative;max-width:1280px;margin:0 auto;border-radius:40px;overflow:hidden;background:linear-gradient(180deg,#06110C 0%,#0E2A1F 55%,#1A3A2C 100%);color:#F2F1EC}
.fin-in{position:relative;padding:clamp(60px,8vw,110px) 24px clamp(60px,8vw,90px);display:flex;flex-direction:column;align-items:center;text-align:center}
.fin-logo{width:132px;height:132px;border-radius:30px;overflow:hidden;border:3px solid #16181F;box-shadow:0 6px 0 #16181F,0 0 80px 10px rgba(46,229,157,.3);animation:fhBob 4s ease-in-out infinite;background:#0B0E12;display:grid;place-items:center}
.fin-logo img{width:70%;height:auto}
.fin h2{margin:36px 0 0;max-width:900px;font-size:clamp(42px,6.6vw,92px);line-height:.95;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
.fin h2 .hl{text-shadow:.045em .05em 0 #000}
.fin p{margin:22px 0 0;font-size:clamp(18px,1.6vw,22px);color:#C9CED9}
.fin .btn{border-color:#000;box-shadow:0 5px 0 #000}
.fin .btn:hover{box-shadow:0 7px 0 #000}
.fin .btn:active{box-shadow:0 1px 0 #000}
.fin .btn-ghost{background:#F2F1EC;color:#16181F}
.fin .fine{margin-top:22px;font:500 14px/1.5 'JetBrains Mono',monospace;color:#9AA2B4}
.fin .stars i{background:#fff}

/* rodapé */
footer{padding:56px 0 40px}
.foot{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.foot .col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot .col b{font:600 12px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.foot .col a{color:var(--ink2);padding:5px 0}
.foot .col a:hover{color:var(--ink)}
.foot-bot{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:13px;color:var(--ink3)}

/* reveal / util */
[data-reveal]{will-change:opacity,transform}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@keyframes fhTwinkle{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes fhDrift{from{transform:translateX(-25vw)}to{transform:translateX(125vw)}}
@keyframes fhBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes fhPing{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.4);opacity:0}}
@keyframes fhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fhFloat2{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes fhMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fhPulse{0%{box-shadow:0 0 0 0 rgba(31,180,107,.6)}70%,100%{box-shadow:0 0 0 9px rgba(31,180,107,0)}}
@keyframes fhSpin{to{transform:rotate(360deg)}}
@keyframes fhBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes fhFill{to{width:100%}}
@keyframes fhModalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes fhHand{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(14deg)}}
@keyframes fhCursor{0%{left:50%;top:76%;transform:scale(1)}20%{left:91.2%;top:24%;transform:scale(1)}23%{left:91.2%;top:24%;transform:scale(.78)}26%{left:91.2%;top:24%;transform:scale(1)}44%{left:91.2%;top:24%}60%{left:58%;top:44%}80%{left:40%;top:64%}100%{left:50%;top:76%;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}}

/* logos reais (favicon do servico, como na index) */
.logo-t i.lg,.tool-t .lg2,.pc .back .mid i.lg3,.ctile i,.hero h1 .tool{background:#fff!important;color:transparent;overflow:hidden}
.logo-t i.lg{border:1px solid var(--line);padding:4px;box-sizing:border-box}
.logo-t i.lg img,.tool-t .lg2 img,.pc .back .mid i.lg3 img,.ctile i img{width:100%;height:100%;object-fit:contain;display:block;border-radius:3px}
.tool-t .lg2{padding:.3cqw;box-sizing:border-box}
.pc .back .mid i.lg3{padding:5px;box-sizing:border-box}
.ctile i{padding:1.2cqw;box-sizing:border-box}
.hero h1 .tool img{width:72%;height:72%;object-fit:contain;display:block}