@property --c1{syntax:'<color>';inherits:true;initial-value:#ead9fb}@property --c2{syntax:'<color>';inherits:true;initial-value:#cfa6f0}
:root{--ink:#161616;--b:#3b6cff}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);padding-top:92px;overflow-x:hidden;
background:radial-gradient(560px 420px at 4% 2%,#ffb3d9b0,transparent 70%),radial-gradient(560px 560px at 100% 45%,#9db8ffb0,transparent 70%),radial-gradient(640px 380px at 35% 100%,#d9b8ffb0,transparent 70%),
linear-gradient(#0000 calc(100% - 1px),#8a6fd426 0) 0 0/100% 70px,linear-gradient(90deg,#0000 calc(100% - 1px),#8a6fd426 0) 0 0/70px 100%,#fff;background-attachment:fixed}
main{flex:1}a{color:inherit}
.logo{font-family:Silkscreen,monospace;font-weight:700;letter-spacing:.08em}
/* menu redondo (liquid glass, igual ao Bup) */
.nav{position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none}
.nin{pointer-events:auto;max-width:1040px;width:calc(100% - 24px);margin:0 auto;padding:8px 10px 8px 12px;display:flex;align-items:center;gap:10px;border-radius:999px;position:relative;
background:linear-gradient(135deg,#ffffffa6,#ffffff4d);border:1px solid #ffffffd9;backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);
box-shadow:0 10px 34px #3a1a6a26,0 2px 6px #0000001a,inset 0 1.5px 0 #fff,inset 0 -1px 0 #ffffff80,inset 0 0 22px #ffffff55}
.nin::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff0 20%,#ffffff8c 38%,#fff0 52%);opacity:.7}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;position:relative}.brand .logo{font-size:1.55rem}
.nbf{width:42px;height:42px;display:block;filter:drop-shadow(0 3px 4px #0002);animation:bob 3s ease-in-out infinite}.nbf svg{width:100%;height:100%;display:block;overflow:visible}
.nin nav{display:flex;gap:2px;flex:1;justify-content:center;position:relative}
.nin nav a{padding:9px 15px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;transition:background .2s}.nin nav a:hover{background:#ffffff99}
.btn{font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;border:2px solid var(--ink);border-radius:999px;padding:10px 20px;background:var(--ink);color:#fff;text-decoration:none;display:inline-block;position:relative;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.alt{background:#fff;color:var(--ink)}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid #ffffffd9;background:#ffffff99;cursor:pointer;place-items:center;align-content:center;gap:5px;position:relative}.burger i{display:block;width:18px;height:2.5px;background:var(--ink);border-radius:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--b);outline-offset:3px}
@media(max-width:820px){.nin{flex-wrap:wrap;border-radius:32px}.burger{display:grid;margin-left:auto}.nin>.btn{display:none}.nin nav{display:none;order:9;flex-basis:100%;flex-direction:column;padding:6px 4px 8px}.nin nav.open{display:flex}.nin nav a{padding:12px 16px}}
/* Mia */
.mf{--c1:#ead9fb;--c2:#cfa6f0;width:clamp(150px,26vw,230px);transition:width .5s,--c1 .5s,--c2 .5s;filter:drop-shadow(0 10px 14px #6a3ab02e)}
.mf svg,.nbf svg{overflow:visible}.mf svg{width:100%;display:block;animation:bob 3s ease-in-out infinite}


.x{opacity:0;transition:opacity .2s}.x.on{opacity:1}.ck{transition:opacity .3s}[data-m=amando] .ck{opacity:.95!important}
.z{opacity:0;animation:zz 2.4s ease-in infinite}.tear{animation:tear 2s ease-in infinite}
[data-m=rindo] svg{animation:jump .5s ease-in-out infinite}[data-m=amando] svg{animation:beat .9s ease-in-out infinite}[data-m=triste] svg{animation:sink 3s ease-in-out infinite}
[data-m=dormindo] svg{animation:breathe 4s ease-in-out infinite}[data-m=pensando] svg{animation:tilt 3s ease-in-out infinite}[data-m=surpreso] svg{animation:pop .4s ease-out 1}
@keyframes bob{50%{transform:translateY(-8px)}}@keyframes jump{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes beat{40%{transform:scale(1.07)}}@keyframes sink{50%{transform:translateY(5px)}}
@keyframes breathe{50%{transform:scale(1.04)}}@keyframes tilt{50%{transform:rotate(4deg)}}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.1)}}
@keyframes zz{0%{opacity:0;transform:translate(0,8px)}30%{opacity:1}100%{opacity:0;transform:translate(6px,-14px)}}@keyframes tear{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
.nbf svg{animation:none}
/* hero + chat */
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 120px);padding:0 20px 30px;max-width:760px;margin:0 auto;width:100%}
.hero h1{font-size:clamp(1.8rem,5vw,2.9rem);margin:22px 0 26px;text-align:center;line-height:1.15;min-height:1.2em;transition:opacity .35s,transform .35s,filter .35s}
.hero h1.out{opacity:0;transform:translateY(8px);filter:blur(6px)}
.box{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 10px 8px 26px;box-shadow:0 10px 34px #3a1a6a1f,0 1px 0 #fff inset;border:1px solid #ffffffd9;margin:0}
.box input{flex:1;min-width:0;font:inherit;font-size:1.02rem;border:0;outline:0;background:none;padding:13px 0;color:var(--ink)}.box input::placeholder{color:#667}
.box:focus-within{box-shadow:0 10px 34px #3b6cff33,0 0 0 2px #3b6cff55}.box input:focus-visible{outline:0}
.send{all:unset;flex:none;box-sizing:border-box;width:42px;height:42px;border-radius:50%;background:#a9c0f2;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.send.on{background:var(--b)}.send:hover{transform:scale(1.07)}.send svg{width:22px;height:22px}.send:focus-visible{outline:3px solid var(--b);outline-offset:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0 0;padding:0}
.chips button{font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;background:#ffffffb3;border:1px solid #fff;border-radius:999px;padding:8px 15px;box-shadow:0 4px 14px #3a1a6a14,inset 0 1px 0 #fff;transition:transform .2s}.chips button:hover{transform:translateY(-2px)}
#log{display:none;width:100%;flex-direction:column;gap:12px;overflow-y:auto;max-height:48vh;padding:6px 4px 18px;margin-top:10px}
.m{max-width:84%;padding:12px 18px;border-radius:22px;line-height:1.5;font-size:1.03rem;overflow-wrap:anywhere;animation:in .35s ease-out}@keyframes in{from{opacity:0;transform:translateY(8px)}}
.m.b{align-self:flex-start;background:#ffffffe6;border:1px solid #fff;border-bottom-left-radius:6px;box-shadow:0 6px 20px #3a1a6a14}.m.u{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.m a{color:var(--b);font-weight:700}.m.dots{animation:dots 1s ease-in-out infinite}@keyframes dots{50%{opacity:.35}}
body.chat .hero{min-height:0;justify-content:flex-start;padding-top:6px}body.chat .mf{width:92px}body.chat .hero h1,body.chat .chips{display:none}body.chat #log{display:flex}
/* suporte + wiki */
.sec{max-width:1040px;margin:0 auto;padding:30px 20px 60px;width:100%}.sec h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:0 0 6px}
.cols{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;margin-top:20px;align-items:start}@media(max-width:820px){.cols{grid-template-columns:1fr}}
.glass{background:linear-gradient(135deg,#ffffffcc,#ffffff80);border:1px solid #fff;border-radius:36px;padding:26px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 40px #3a1a6a1f,inset 0 1px 0 #fff}
.glass h3{margin:0 0 8px;font-size:1.25rem}.glass p{line-height:1.55;margin:0 0 14px}
.ct{display:grid;gap:10px}.ct a{display:block;text-decoration:none;background:#ffffffb3;border:1px solid #fff;border-radius:22px;padding:12px 18px;font-weight:700;box-shadow:inset 0 1px 0 #fff,0 4px 12px #3a1a6a12}.ct a small{display:block;font-weight:400;color:#667}.ct a:hover{background:#fff}
details{background:#ffffffb3;border:1px solid #fff;border-radius:22px;padding:13px 20px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}details p{margin:10px 0 10px}
details .ask{font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 14px}
/* rodapé (igual ao Bup) */
footer{background:#161616;color:#eee;padding:48px 20px 26px}.fin{max-width:1040px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px 70px;justify-content:space-between}
footer img{height:64px;width:auto;display:block;margin-bottom:12px}footer p{margin:0;line-height:1.6;max-width:260px}footer a{color:#eee;text-decoration:none;display:block;margin:0 0 12px}footer a:hover{text-decoration:underline}
footer h4{margin:0 0 14px;font-family:Silkscreen,monospace;font-size:.9rem;color:#ffb3dc;letter-spacing:.05em}.copy{max-width:1040px;margin:34px auto 0;color:#8a8a8a;font-size:.9rem}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:root{--c1:#ead9fb;--c2:#cfa6f0}.nbf{transition:--c1 .4s,--c2 .4s}.ck{opacity:.9}
.ph{display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding-top:34px;padding-bottom:10px}.ph h1{font-size:clamp(1.9rem,4.5vw,3rem);margin:12px 0 10px;line-height:1.1}.lead{font-size:1.12rem;line-height:1.55;max-width:600px;margin:0 0 20px}
.kicker{display:inline-block;background:#ffffffb3;border:1px solid #fff;border-radius:999px;padding:6px 16px;font-weight:700;font-size:.85rem;box-shadow:inset 0 1px 0 #fff,0 4px 12px #0000001a}
.tile{width:clamp(160px,22vw,220px);padding:22px;background:#fff;border:3px solid #6e6674;border-radius:38px;box-shadow:10px 10px 0 #6e667466;filter:none;flex:none;display:block}.tile svg{width:100%;display:block}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.cards .glass h3{font-size:1.15rem}.glass ol,.glass ul{margin:0 0 14px;padding-left:22px;line-height:1.6}
a.glass{text-decoration:none;display:block;transition:transform .2s}a.glass:hover{transform:translateY(-4px)}.ic{width:72px;display:block;margin-bottom:12px}
.cta{background:var(--ink);color:#fff;border-radius:40px;text-align:center;padding:40px 24px}.cta h2{margin:0 0 8px}.cta p{margin:0 0 20px}.cta .btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta .btn{background:#ffb3dc;border-color:#ffb3dc;color:var(--ink)}
.fq h3{font-family:Silkscreen,monospace;font-size:1rem;margin:26px 0 12px;letter-spacing:.05em}.fq details a{color:var(--b);font-weight:700}.ct a{color:var(--ink)}
.nin nav a[aria-current]{background:linear-gradient(#2a2a2a,#161616);color:#fff}
@media(max-width:1000px){.nin nav a{padding:9px 10px;font-size:.88rem}}@media(max-width:820px){.ph{gap:22px}}
.ph>div{flex:1 1 340px;min-width:0}.tile{padding:12px}

body.chat .intro{display:none}.sec.intro{padding-top:20px}
.steps{counter-reset:s}.steps .glass{position:relative;padding-top:44px}.steps .glass::before{counter-increment:s;content:"0" counter(s);position:absolute;top:-16px;left:24px;font-family:Silkscreen,monospace;font-size:1.3rem;background:var(--ink);color:#fff;border-radius:999px;padding:5px 16px}
button.glass{font:inherit;text-align:left;cursor:pointer;color:inherit;width:100%;display:block;transition:transform .2s}button.glass:hover{transform:translateY(-4px)}
.faces{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px}.fc{text-align:center}.fc .mf{width:92px;margin:0 auto 8px;display:block}.fc b{font-family:Silkscreen,monospace;font-size:.85rem;letter-spacing:.04em}
.bupbox{display:flex;align-items:center;gap:36px;flex-wrap:wrap}.bupbox>div:last-child{flex:1 1 320px;min-width:0}.bupbox h2{margin:10px 0}
.chips2{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}.chips2 li{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:5px 13px;font-weight:700;font-size:.88rem}
#qf h2{margin-bottom:16px}

.ldr{position:fixed;inset:0;z-index:99999;background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s .18s}
.ldr.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease,visibility 0s}.ldr.out{transition:opacity .28s ease,visibility 0s .28s}.ldr.now{transition:none}
.ldr .lb{width:clamp(130px,32vw,170px);filter:drop-shadow(0 10px 14px #6a3ab02e);animation:ld-bob 1.1s ease-in-out infinite}.ldr .lb svg{display:block;width:100%;overflow:visible}.ldr .lp{animation:ld-look 1.1s ease-in-out infinite}
.ldr .lf{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom,0px) + 22px);display:flex;flex-direction:column;align-items:center;gap:2px;color:#8a8a8a;font-weight:500;font-size:.85rem;letter-spacing:.04em}.ldr .lf img{height:46px;width:auto;display:block}
@keyframes ld-bob{50%{transform:translateY(-7px)}}@keyframes ld-look{50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.ldr,.ldr.on,.ldr.out{transition:none}.ldr .lb,.ldr .lp{animation:none}}
.h2s{text-align:center;margin-bottom:6px}.sub{text-align:center;max-width:620px;margin:0 auto 26px;line-height:1.55;font-size:1.05rem}
.hint{display:block;text-align:center;font-weight:700;font-size:.85rem;color:#667;margin-top:22px}
.steps{counter-reset:s}.steps .glass{position:relative;padding-top:44px}.steps .glass::before{counter-increment:s;content:"0" counter(s);position:absolute;top:-16px;left:24px;font-family:Silkscreen,monospace;font-size:1.3rem;background:var(--ink);color:#fff;border-radius:999px;padding:6px 16px}
.topq{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.topq button{font:inherit;font-weight:700;cursor:pointer;background:#ffffffcc;border:1px solid #fff;border-radius:999px;padding:11px 20px;box-shadow:0 6px 18px #3a1a6a14,inset 0 1px 0 #fff;transition:transform .2s}.topq button:hover{transform:translateY(-2px)}
.exp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.exp .glass{text-align:center;padding:20px}.exp .ic{width:96px;margin:0 auto 10px}.exp h3{margin:0 0 4px}.exp p{font-size:.92rem;margin:0}
.abt{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.abt>div{flex:1 1 320px}.abt .btns{display:flex;gap:12px;flex-wrap:wrap}body.chat .land{display:none}