:root{--demo-vinho:#8b0010;--demo-rose:#fff3f5;--demo-text:#341019;--demo-border:rgba(139,0,16,.18)}
.anseio-demo-mode body::before{content:'DEMO OFFLINE';position:fixed;left:14px;bottom:14px;z-index:999998;background:#fff;color:var(--demo-vinho);border:1px solid var(--demo-border);border-radius:999px;padding:8px 12px;font:800 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;box-shadow:0 12px 34px rgba(60,0,10,.18);pointer-events:none}
#anseio-demo-badge{position:fixed;right:18px;bottom:18px;z-index:999999;font-family:Montserrat,Arial,sans-serif;color:var(--demo-text)}
#anseio-demo-badge>[data-demo-toggle]{border:0;background:var(--demo-vinho);color:#fff;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 16px 38px rgba(80,0,10,.25);cursor:pointer}
#anseio-demo-badge [data-demo-panel]{position:absolute;right:0;bottom:54px;width:min(310px,calc(100vw - 30px));background:rgba(255,255,255,.98);border:1px solid var(--demo-border);border-radius:24px;padding:16px;box-shadow:0 24px 70px rgba(80,0,10,.22)}
#anseio-demo-badge b{display:block;color:var(--demo-vinho);font:900 16px/1.2 Cinzel,serif;margin-bottom:4px}
#anseio-demo-badge small{display:block;color:#78525d;font-size:12px;margin-bottom:12px}
#anseio-demo-badge [data-demo-panel] button{display:block;width:100%;border:1px solid var(--demo-border);border-radius:14px;background:var(--demo-rose);color:var(--demo-vinho);font-weight:800;padding:10px 12px;margin:7px 0;cursor:pointer;text-align:left}
.demo-page{min-height:100vh;background:linear-gradient(135deg,#fff 0%,#fff5f6 54%,#fde4e8 100%);color:var(--demo-text);font-family:Montserrat,Arial,sans-serif;padding:42px 18px}
.demo-wrap{max-width:1180px;margin:0 auto}.demo-hero{background:rgba(255,255,255,.86);border:1px solid var(--demo-border);border-radius:34px;padding:34px;box-shadow:0 24px 70px rgba(80,0,10,.12);position:relative;overflow:hidden}.demo-hero::after{content:'✧';position:absolute;right:40px;top:28px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--demo-vinho);font-size:42px;box-shadow:0 12px 40px rgba(80,0,10,.12)}
.demo-kicker{display:inline-block;border:1px solid var(--demo-border);border-radius:999px;padding:8px 15px;color:var(--demo-vinho);font-weight:900;letter-spacing:.12em;font-size:12px;background:#fff}.demo-hero h1{font:500 clamp(42px,8vw,96px)/.86 Cinzel,serif;color:var(--demo-vinho);max-width:760px;margin:24px 0 18px}.demo-hero p{max-width:780px;color:#6f4f58;font-size:17px;line-height:1.7}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.demo-card{background:#fff;border:1px solid var(--demo-border);border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(80,0,10,.08)}.demo-card h2{font:700 24px/1.15 Cinzel,serif;color:var(--demo-vinho);margin:0 0 10px}.demo-card p{color:#6f4f58;line-height:1.55}.demo-card button,.demo-card a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--demo-border);background:var(--demo-vinho);color:#fff;text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:900;margin:5px 6px 5px 0;cursor:pointer}.demo-card .ghost{background:#fff;color:var(--demo-vinho)}.demo-log{background:#26050c;color:#fff;border-radius:22px;padding:16px;min-height:110px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-frame{width:100%;height:680px;border:1px solid var(--demo-border);border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(80,0,10,.10);margin-top:20px}@media(max-width:900px){.demo-grid{grid-template-columns:1fr}.demo-hero::after{display:none}.demo-hero{padding:24px}.demo-frame{height:600px}}