:root{
--bg:#070707; --fg:#f2f0eb; --mute:#8a8780; --line:rgba(242,240,235,.14);
--accent:#0d1bc4;--brand:#0d1bc4;
--disp:'Archivo',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
--pad:clamp(16px,2.6vw,40px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--disp);font-variation-settings:'wdth' 100;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.kick{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.wrap{padding:0 var(--pad)}
.roll{display:inline-block;position:relative;overflow:hidden;line-height:1.2;vertical-align:top;white-space:nowrap}
.roll .r1,.roll .r2{display:block}
.roll .r2{position:absolute;left:0;top:0}
.roll b{display:inline-block;font-weight:inherit;transition:transform .55s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*28ms)}
.roll .r2 b{transform:translateY(115%)}
a:hover .roll .r1 b,button:hover .roll .r1 b,.srow:hover .roll .r1 b{transform:translateY(-115%)}
a:hover .roll .r2 b,button:hover .roll .r2 b,.srow:hover .roll .r2 b{transform:translateY(0)}
.rv{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.btn{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:15px 22px;border-radius:99px;background:var(--fg);color:var(--bg);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.btn i{width:8px;height:8px;border-radius:50%;background:var(--accent);font-style:normal}
.toast{position:fixed;left:50%;bottom:24px;z-index:99;transform:translate(-50%,220%);opacity:0;background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:99px;font-family:var(--mono);font-size:12px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.toast.on{transform:translate(-50%,0);opacity:1}
/* --- antes injetado pelo app.js --- */
.pretitle{font-size:clamp(15px,1.5vw,22px);font-weight:500;line-height:1.3;max-width:42ch;margin:0 0 14px;opacity:.9;font-variation-settings:'wdth' 100}
body.editing .pretitle:empty{min-height:1.3em;min-width:12ch}