/* Landing do Lowcord. Página em azul-marinho e ciano (cores do logo, favicon.svg);
   a réplica do app usa os tokens reais de web/src/styles/tokens.css. As fontes vêm
   de /fonts/fonts.css (carregado no head). */

:root{
  --bg:#070d22;
  --bg-alt:#0b1330;
  --navy:#172554;
  --blue:#1e3a8a;
  --blue-lt:#60a5fa;
  --cyan:#22d3ee;
  --cyan-hi:#67e8f9;
  --text:#f1f5ff;
  --dim:#aab7d9;
  --line:#1c2a57;
  --danger:#dc2626;
  --ui:'Atkinson Hyperlegible Next',ui-sans-serif,system-ui,sans-serif;
  --mono:'Atkinson Hyperlegible Mono',ui-monospace,'SF Mono',monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--cyan);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:700;z-index:100;text-decoration:none}
.skip:focus{top:12px}
[hidden]{display:none!important}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;background:var(--cyan);color:#06122e;border:0;border-radius:999px;font:700 16px var(--ui);text-decoration:none;cursor:pointer;transition:background .15s,transform .12s}
.btn:hover{background:var(--cyan-hi);transform:translateY(-2px)}
.btn.sm{height:38px;padding:0 18px;font-size:15px}
.btn.lg{height:56px;padding:0 32px;font-size:18px}
.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px #2c3d78}
.btn.ghost:hover{background:#ffffff0f}
.btn.dark{background:var(--bg);color:var(--cyan)}
.btn.dark:hover{background:var(--navy)}

/* Cabeçalho */
.top{position:sticky;top:0;z-index:50;background:#070d22d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font:800 23px var(--ui);letter-spacing:-.03em;text-decoration:none}
.brand.sm{font-size:19px}
.acts{display:flex;gap:10px;margin-left:auto}

/* Hero */
.hero{padding:40px 0 32px}
.tag{display:flex;align-items:center;gap:10px;font:400 14px var(--mono);letter-spacing:.03em;color:var(--cyan)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
h1{margin-top:16px;font-size:clamp(40px,6.4vw,96px);line-height:1.04;letter-spacing:-.045em;font-weight:800}
.swap{display:grid;color:var(--cyan);padding-bottom:.06em}
.swap .w{grid-area:1/1;opacity:0;transform:translateY(.14em);filter:blur(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.swap .w.on{opacity:1;transform:none;filter:none}
.hero-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;margin-top:18px}
.sub{max-width:36ch;font-size:clamp(19px,2vw,23px);line-height:1.4;color:var(--dim)}
.cta{display:flex;flex-wrap:wrap;gap:12px}

/* Réplica do app (tokens reais do produto) */
.app-wrap{margin-top:32px;perspective:1600px}
.app-tilt{transform:rotateX(var(--rx,10deg)) rotateY(var(--ry,0deg)) scale(var(--sc,.95));transform-origin:50% 0;will-change:transform}
.app{
  --a-rail:oklch(0.14 0.018 210);--a-side:oklch(0.172 0.017 207);--a-base:oklch(0.205 0.016 205);
  --a-surface:oklch(0.24 0.016 205);--a-raised:oklch(0.28 0.017 205);--a-raised2:oklch(0.325 0.019 205);
  --a-line:oklch(0.27 0.015 205);--a-hover:oklch(0.93 0.01 205 / .06);--a-sel:oklch(0.93 0.01 205 / .1);
  --a-t1:oklch(0.94 0.006 205);--a-t2:oklch(0.78 0.01 205);--a-t3:oklch(0.7 0.012 205);
  --a-accent:oklch(0.81 0.125 195);--a-live:oklch(0.79 0.13 155);--a-signal:oklch(0.83 0.115 80);
  --a-wash:oklch(0.83 0.115 80 / .13);--a-danger:oklch(0.54 0.19 25);--a-dangerdim:oklch(0.3 0.08 25);--a-dangertxt:oklch(0.88 0.05 25);
  position:relative;display:grid;grid-template-columns:64px 236px minmax(0,1fr);height:min(640px,78vh);min-height:520px;background:var(--a-rail);color:var(--a-t1);
  border-radius:18px;overflow:hidden;font:14px/1.4 var(--ui);box-shadow:0 0 0 1px #2c3d78,0 40px 80px -30px #000c;text-align:left
}
.app .ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.app .ic.sm{width:16px;height:16px}.app .ic.xs{width:13px;height:13px}
.app .ic.fill{fill:currentColor;stroke:none}
.app button{cursor:pointer}
.rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0}
.r-logo{width:40px;height:40px;border-radius:12px;background:var(--a-accent);color:oklch(0.17 0.03 205);display:grid;place-items:center}
.r-logo .ic{width:22px;height:22px}
.r-guild{position:relative;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#b94a2a,#6a2a1a);display:grid;place-items:center;font:700 12px var(--ui)}
.r-guild.sel{outline:2px solid var(--a-accent);outline-offset:2px}
.r-guild.alt{background:oklch(0.4 0.09 330)}
.gdot{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:var(--a-live);border:2px solid var(--a-rail)}
.r-add{color:var(--a-t3);margin-top:2px}
.side{background:var(--a-side);display:flex;flex-direction:column;padding:0 8px 8px;min-height:0}
.s-head{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 8px;font:600 16px var(--ui)}
.s-head span{display:flex;align-items:center;gap:6px}
.s-head > .ic{color:var(--a-t3)}
.s-sec{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 4px;font:600 12px var(--ui);color:var(--a-t3)}
.s-sec span{display:flex;align-items:center;gap:4px}
.s-chan{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--a-t2);font:inherit;text-align:left;width:100%}
.s-chan:hover{background:var(--a-hover);color:var(--a-t1)}
.app[data-view="chat"] .s-chan[data-go="chat"],.app[data-view="voice"] .s-chan[data-go="voice"]{background:var(--a-sel);color:var(--a-t1)}
.s-chan .ic{color:var(--a-t3)}
.s-chan.voice{font-weight:500}
.s-chan.voice em{margin-left:auto;font:normal 12px var(--mono);color:var(--a-live)}
.s-chan .dots{color:var(--a-t3)}
.unread{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--a-signal)}
.members{margin-top:2px}
.members li{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px 0 30px;color:var(--a-t2)}
.vm-sharing{margin-left:auto;flex-shrink:0;font:600 12px var(--ui);background:oklch(0.3 0.08 25);color:oklch(0.68 0.17 25);padding:1px 6px;border-radius:999px}
.av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 9px var(--ui);color:oklch(0.17 0.03 205);flex:none;transition:box-shadow .15s}
.av.me{background:oklch(0.78 0.1 75)}
.a1{background:oklch(0.8 0.1 340)}.a2{background:oklch(0.8 0.1 205)}.a3{background:oklch(0.82 0.1 140)}
.speaking .av,.av.speaking{box-shadow:0 0 0 2px var(--a-live)}
.dock{margin-top:auto;background:var(--a-surface);border-radius:12px;padding:10px}
.dock-top{display:flex;align-items:center;justify-content:space-between;font:600 12px var(--ui)}
.vc{display:flex;align-items:center;gap:7px;color:var(--a-live)}
.vc i{width:7px;height:7px;border-radius:50%;background:var(--a-live)}
.dock p{margin:6px 0 8px;font-size:12px;color:var(--a-t2)}
.dock-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dock-btns span{height:32px;border-radius:8px;background:var(--a-raised);display:grid;place-items:center;color:var(--a-t2)}
.dock-btns .ic{width:16px;height:16px}
.me-row{display:flex;align-items:center;gap:9px;margin-top:10px}
.me-row .av{width:28px;height:28px;font-size:11px}
.me-row b{font:600 14px var(--ui);flex:1}
.me-row .ic{color:var(--a-t3)}
.app.left .dock{display:none}
.main{background:var(--a-base);border-top-left-radius:14px;display:flex;flex-direction:column;min-width:0;min-height:0}
.m-head{display:flex;align-items:center;gap:8px;height:52px;padding:0 20px;border-bottom:1px solid var(--a-line);font:600 16px var(--ui)}
.m-head .ic{color:var(--a-t3)}
.m-tabs{display:none;margin-left:auto;gap:2px;padding:3px;border-radius:10px;background:var(--a-rail)}
.m-tabs button{position:relative;height:30px;padding:0 14px;border:0;border-radius:8px;background:none;color:var(--a-t2);font:600 13px var(--ui)}
.m-tabs button.fk{background:var(--a-hover);color:var(--a-t1)}
.app[data-view="voice"] .m-tabs [data-go="voice"],.app[data-view="chat"] .m-tabs [data-go="chat"]{background:var(--a-sel);color:var(--a-t1)}
.m-tabs .unread{position:absolute;right:4px;top:4px;width:7px;height:7px;margin:0}
.v-voice{display:flex;flex-direction:column;flex:1;min-height:0}
.stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;padding:12px}
.screen{position:relative;border-radius:12px;background:oklch(0.11 0.01 205);overflow:hidden;min-height:0}
.scene{position:absolute;inset:0;padding:18px;opacity:0;transition:opacity .6s ease}
.screen[data-scene="work"] .scene-work,.screen[data-scene="game"] .scene-game{opacity:1}
.scene-work{background:linear-gradient(160deg,#0f1b3d,#0a1230)}
.w-top{display:flex;justify-content:space-between;align-items:center;font:700 15px var(--ui);color:#dbe6ff}
.w-top span{font:400 12px var(--mono);color:var(--cyan)}
.w-chart{display:flex;align-items:flex-end;gap:12px;height:48%;margin-top:16px;padding:0 4px}
.w-chart i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--cyan),var(--blue));transform-origin:bottom;animation:bar 3.4s ease-in-out infinite alternate}
.w-chart i:nth-child(2n){animation-duration:4.2s}.w-chart i:nth-child(3n){animation-duration:2.8s}
@keyframes bar{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.w-rows{margin-top:18px;display:grid;gap:10px}
.w-rows u{display:block;height:10px;border-radius:5px;background:#1d2d63;width:90%}
.w-rows u:nth-child(2){width:70%}.w-rows u:nth-child(3){width:55%}
.scene-game{background:linear-gradient(160deg,#0b1f2e,#0a1424)}
.g-hud{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--mono);color:#cfe9ff}
.g-hp{display:block;width:120px;height:9px;border-radius:5px;background:#16304a;overflow:hidden}
.g-hp i{display:block;height:100%;width:72%;background:var(--cyan);animation:hp 6s ease-in-out infinite alternate}
@keyframes hp{from{width:90%}to{width:46%}}
.g-map{position:absolute;inset:60px 18px 56px;border-radius:10px;border:1px solid #1d3b5b;background:
  linear-gradient(#17324a 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,#17324a 1px,transparent 1px) 0 0/40px 40px}
.g-map i{position:absolute;width:14px;height:14px;border-radius:50%}
.g-map .p1{background:var(--cyan);left:20%;top:55%;animation:m1 7s ease-in-out infinite alternate}
.g-map .p2{background:var(--blue-lt);left:30%;top:30%;animation:m2 6s ease-in-out infinite alternate}
.g-map .p3{background:#fff;left:45%;top:65%;animation:m1 8s ease-in-out infinite alternate-reverse}
.g-map .e1{background:#ef4444;left:78%;top:28%;animation:m2 5s ease-in-out infinite alternate-reverse}
.g-map .e2{background:#ef4444;left:70%;top:70%;animation:m1 6.5s ease-in-out infinite alternate}
@keyframes m1{to{transform:translate(70px,-34px)}}
@keyframes m2{to{transform:translate(-50px,44px)}}
.g-feed{position:absolute;left:18px;bottom:16px;padding:6px 12px;border-radius:8px;background:#0008;font-size:13px;color:#cfe9ff}
.g-feed b{color:var(--cyan)}
.pointer{position:absolute;left:30%;top:40%;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff40;animation:ptr 9s ease-in-out infinite;pointer-events:none}
@keyframes ptr{0%{transform:translate(0,0)}25%{transform:translate(180px,-40px)}50%{transform:translate(90px,80px)}75%{transform:translate(-30px,20px)}100%{transform:translate(0,0)}}
.tag-live{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--a-danger);color:#fff;font:700 11px var(--ui);letter-spacing:.05em}
.tag-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.2s ease-in-out infinite}
.s-name{position:absolute;left:12px;bottom:12px;font:600 13px var(--ui);padding:4px 10px;border-radius:8px;background:#000a}
.scene-game ~ .s-name{bottom:12px}
.strip{display:flex;flex-direction:column;gap:10px;min-height:0}
.tile{position:relative;flex:1;min-height:0;border-radius:12px;background:var(--a-surface);display:grid;place-items:center;overflow:hidden;transition:box-shadow .15s}
.tile.speaking{box-shadow:0 0 0 2px var(--a-live)}
.tile small{position:absolute;left:8px;bottom:6px;font:600 12px var(--ui);text-shadow:0 1px 2px #000a}
.big{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--ui);color:oklch(0.17 0.03 205)}
.big.me{background:oklch(0.78 0.1 75)}.big.a3{background:oklch(0.82 0.1 140)}
.face{position:absolute;inset:0;background:linear-gradient(160deg,#25406b,#142544)}
.face.hidden{display:none}
.face .hd{position:absolute;left:50%;top:26%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#e7b9a0}
.face .sh{position:absolute;left:50%;top:62%;width:62%;height:60%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#2a6bd8}
.rejoin{position:absolute;inset:0;z-index:4;background:oklch(0.205 0.016 205 / .94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.rejoin p{font:600 17px var(--ui)}
.bar-wrap{position:relative;padding:4px 12px 14px;display:flex;justify-content:center}
.cbar{display:flex;align-items:flex-start;gap:8px}
.cb{display:flex;flex-direction:column;align-items:center;gap:5px;width:56px;border:0;background:none;color:var(--a-t3);font:12px var(--ui);padding:0}
.cb .ic{box-sizing:content-box;width:20px;height:20px;padding:12px 16px;border-radius:12px;background:var(--a-raised);color:var(--a-t1);transition:background .15s}
.cb:hover .ic{background:var(--a-raised2)}
.cb{position:relative}
.cb.off .ic,.cb.muted .ic{background:var(--a-dangerdim);color:var(--a-dangertxt)}
.cb.muted::after,.cb.off::after{content:"";position:absolute;left:15px;top:21px;width:22px;height:2px;background:var(--a-dangertxt);border-radius:2px;transform:rotate(45deg);transform-origin:center}
.cb.on .ic{background:oklch(0.79 0.13 155 / .18);color:var(--a-live)}
.cb.on:hover .ic{background:var(--a-danger);color:#fff}
.cb.leave .ic{background:var(--a-danger);color:#fff}
.cb.leave:hover .ic{background:oklch(0.5 0.19 25)}
.sep{width:1px;height:46px;background:var(--a-line);margin:0 4px}
.sb{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px;box-shadow:0 14px 30px #0009;z-index:5}
.sb button{height:42px;padding:0 14px;border:0;border-radius:10px;background:var(--a-raised);color:var(--a-t1);font:600 13px var(--ui)}
.sb button:hover{background:var(--a-accent);color:oklch(0.17 0.03 205)}
.v-chat{display:flex;flex-direction:column;flex:1;min-height:0}
.msgs{flex:1;min-height:0;padding:16px 20px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;overflow:hidden}
.msg{display:flex;gap:12px;padding:6px 10px;margin:0 -10px;border-radius:8px;animation:msgIn .35s ease both}
@keyframes msgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.msg .av{width:34px;height:34px;font-size:13px;margin-top:2px}
.msg b{font-weight:700}
.msg time{margin-left:8px;font-size:12px;color:var(--a-t3)}
.msg p{font-size:15px;color:var(--a-t1)}
.msg.all{background:var(--a-wash);box-shadow:inset 3px 0 0 var(--a-signal)}
.chip{background:oklch(0.83 0.115 80 / .25);color:var(--a-signal);padding:0 4px;border-radius:4px;font-weight:600}
.typing{padding:0 20px 6px;font-size:12px;color:var(--a-t3);min-height:18px}
.composer{margin:0 16px 16px;padding:12px 14px;background:var(--a-surface);border-radius:12px;color:var(--a-t3);font-size:15px}

/* Seções */
.sec{padding:112px 0}
.sec.alt{background:var(--bg-alt);border-block:1px solid var(--line)}
h2{max-width:16ch;font-size:clamp(40px,6vw,84px);line-height:1.06;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.lede{margin-top:22px;max-width:50ch;font-size:21px;line-height:1.55;color:var(--dim)}

/* Revelar ao rolar */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* Tem / Não tem */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
.vs-col{border-radius:22px;padding:30px;background:var(--bg-alt);border:1px solid var(--line)}
.vs-col li{font:800 clamp(34px,4.6vw,62px)/1.12 var(--ui);letter-spacing:-.045em}
.vs-col.no{background:var(--navy);border-color:#2c3d78}
.strike li span{position:relative;display:inline-block;color:var(--dim)}
.strike li span::after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:.09em;background:var(--cyan);border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.strike li span::after{transform:scaleX(1)}
.js .no.rv:not(.in) .strike li span::after{transform:scaleX(0)}
.strike li:nth-child(2) span::after{transition-delay:.12s}
.strike li:nth-child(3) span::after{transition-delay:.24s}
.strike li:nth-child(4) span::after{transition-delay:.36s}
.strike li:nth-child(5) span::after{transition-delay:.48s}
.free{margin-top:32px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;color:var(--dim)}
.free b{color:var(--cyan);font-weight:800}

/* Pra quê */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line)}
.trio li{padding:32px 32px 8px 0}
.trio li + li{padding-left:32px;border-left:1px solid var(--line)}
.gi{width:56px;height:56px;border-radius:16px;background:var(--navy);color:var(--cyan);display:grid;place-items:center}
.gi .ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.trio b{display:block;margin-top:20px;font:800 clamp(30px,3.6vw,48px)/1 var(--ui);letter-spacing:-.04em;color:var(--text)}
.trio p{margin-top:10px;font-size:19px;color:var(--dim);max-width:24ch}

/* Passos */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}
.n{display:block;font:800 140px/.8 var(--ui);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--cyan)}
.steps h3{margin-top:20px;font:800 27px var(--ui);letter-spacing:-.025em}
.steps p{margin-top:10px;color:var(--dim)}

/* FAQ */
.narrow{max-width:900px}
.faq{margin-top:40px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:700 20px var(--ui);cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 28px/1 var(--mono);color:var(--cyan);transition:transform .15s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 24px;max-width:62ch;color:var(--dim);font-size:18px}

/* CTA final */
.final{background:var(--cyan);color:#06122e;padding:120px 0}
.final h2{max-width:11ch;font-size:clamp(48px,8vw,120px);line-height:1}
.final p{margin-top:22px;font-size:22px;font-weight:600;max-width:30ch}
.final .btn{margin-top:32px;height:64px;font-size:21px;padding:0 40px}

/* Rodapé */
.foot{padding:30px 0 44px;color:var(--dim);font-size:15px;border-top:1px solid var(--line)}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.foot-bot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--text);text-decoration:underline}
.foot .copy{font-size:14px}

@media (max-width:980px){
  .app{grid-template-columns:minmax(0,1fr);height:auto;min-height:620px}
  .m-tabs{display:flex}
  .rail,.side{display:none}
  .main{border-radius:0}
  .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .screen,.strip{min-width:0}
  .screen{aspect-ratio:16/10}
  .strip{flex-direction:row}
  .tile{aspect-ratio:1;flex:1;min-width:0}
  .cbar{flex-wrap:wrap;justify-content:center}
  .sep{display:none}
  .v-chat{min-height:360px}
}
@media (max-width:900px){
  .vs{grid-template-columns:1fr}
  .trio{grid-template-columns:1fr}
  .trio li{padding:28px 0}
  .trio li + li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .steps{grid-template-columns:1fr;gap:36px}
  .sec{padding:80px 0}
  .hero-row{align-items:flex-start}
}
@media (max-width:520px){
  .acts .ghost{display:none}

  .app-wrap{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .dot,.tag-live i,.w-chart i,.g-hp i,.g-map i,.pointer,.msg{animation:none!important}
  .app-tilt{transform:none!important}
  .swap .w,.btn,summary::after,.strike li span::after,.scene{transition:none}
  .js .rv{opacity:1;transform:none;transition:none}
  .strike li span::after{transform:scaleX(1)}
}

.hl{color:var(--cyan)}

/* Modal de privacidade e termos */
.legal{width:min(720px,calc(100vw - 32px));max-height:min(86vh,820px);max-height:min(86dvh,820px);padding:0;border:1px solid #2c3d78;border-radius:22px;background:var(--bg-alt);color:var(--text);overflow:hidden}
.legal[open]{display:flex;flex-direction:column;animation:lgin .25s cubic-bezier(.2,.8,.2,1)}
.legal::backdrop{background:#030717cc;backdrop-filter:blur(4px)}
@keyframes lgin{from{opacity:0;transform:translateY(14px) scale(.98)}}
.lg-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 6px}
.lg-head h2{max-width:none;font-size:26px;line-height:1.1;letter-spacing:-.03em}
.lg-x{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--dim);cursor:pointer}
.lg-x:hover{background:#ffffff14;color:var(--text)}
.lg-x .ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lg-tabs{display:flex;gap:6px;padding:10px 26px 0;border-bottom:1px solid var(--line)}
.lg-tabs button{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--dim);font:700 15px var(--ui);cursor:pointer;margin-bottom:-1px}
.lg-tabs button[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan)}
.lg-body{overflow:auto;padding:22px 26px 30px;line-height:1.55;font-size:16px;color:#d6def5}
.lg-body h3{margin:22px 0 6px;font-size:18px;color:var(--text);letter-spacing:-.01em}
.lg-body p+p,.lg-body ul+p{margin-top:10px}
.lg-body ul{padding-left:20px;display:grid;gap:6px;margin:6px 0 0}
.lg-body a{color:var(--cyan)}
.lg-up{font:400 13px var(--mono);color:var(--dim)}
.lg-pills{list-style:none;padding:0!important;display:flex!important;flex-wrap:wrap;gap:8px!important;margin:14px 0 4px!important}
.lg-pills li{padding:7px 14px;border-radius:999px;background:#22d3ee1a;color:var(--cyan-hi);font:700 14px var(--ui)}

.final :focus-visible{outline:3px solid #06122e;outline-offset:3px}

.cursor{position:absolute;left:0;top:0;z-index:40;pointer-events:none;opacity:0;transform:translate3d(60%,70%,0);transition:transform .95s cubic-bezier(.45,0,.2,1),opacity .4s;filter:drop-shadow(0 2px 3px #0008)}
.cursor svg{display:block;transform-origin:4px 3px}
.cursor::after{content:"";position:absolute;left:-8px;top:-9px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;opacity:0}
.cursor.click svg{animation:tap .22s ease}
.cursor.click::after{animation:ring .45s ease-out}
@keyframes tap{50%{transform:scale(.8)}}
@keyframes ring{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}
.cb.fk .ic{background:var(--a-raised2)}
.s-chan.fk{background:var(--a-hover);color:var(--a-t1)}
.sb button.fk,.btn.fk{background:var(--a-accent);color:oklch(0.17 0.03 205)}

.notice{position:absolute;right:18px;bottom:96px;z-index:35;display:flex;align-items:center;gap:12px;width:min(340px,calc(100% - 36px));padding:12px;background:var(--a-raised);border:1px solid var(--a-line);border-radius:12px;box-shadow:0 12px 32px -8px #000b;text-align:left;pointer-events:none;animation:nin .35s cubic-bezier(.2,.8,.2,1)}
.notice[hidden]{display:none}
.n-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--ui);color:oklch(0.17 0.03 205)}
.n-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.n-text b{font-weight:600;color:var(--a-t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-text span{color:var(--a-t2);line-height:1.4}
.n-x{flex:none;color:var(--a-t3);align-self:flex-start;display:grid;place-items:center;width:20px;height:20px}
@keyframes nin{from{opacity:0;transform:translateY(12px)}}