/* MUUMIO – static CSS */
:root{--brand-900:#141821;--brand-800:#1e2330;--text:#fff;--muted:rgba(255,255,255,.72);--line:rgba(255,255,255,.12);--accent:#E2B560;--shadow:0 10px 30px rgba(0,0,0,.2);--glow:0 0 35px rgba(226,181,96,.25)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;color:var(--text);background:var(--brand-900);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{max-width:1152px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}.section--alt{background:rgba(0,0,0,.15)}.section--border{border-top:1px solid var(--line)}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:rgba(20,24,33,.7);border-bottom:1px solid var(--line)}
.topbar__row{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px}
.brand__logo{height:32px;width:32px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(226,181,96,.4);background:rgba(226,181,96,.12);box-shadow:var(--glow)}
.brand__logo span{color:var(--accent);font-weight:900}
.brand__title{font-family:Montserrat,system-ui,sans-serif;font-weight:800;letter-spacing:.02em}
.nav{display:none;gap:20px}@media(min-width:768px){.nav{display:flex}}
.nav a:hover{color:var(--accent)}
.menu-btn{display:inline-flex;border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px}@media(min-width:768px){.menu-btn{display:none}}
.mobile{display:none;border-top:1px solid var(--line)}.mobile a{display:block;padding:10px 0}.mobile.show{display:block}
h1{font-family:Montserrat,system-ui,sans-serif;font-size:clamp(40px,6vw,72px);line-height:1.05;margin:0}
h2{font-family:Montserrat,system-ui,sans-serif;font-size:32px;margin:0 0 16px;font-weight:700}
h3{font-family:Montserrat,system-ui,sans-serif;font-size:20px;margin:0 0 8px;font-weight:600}
.lead{color:var(--muted);font-size:18px;max-width:40ch}
.meta{display:flex;gap:16px;align-items:center;color:rgba(255,255,255,.7)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:12px 16px;font-weight:600;border:1px solid var(--line);background:transparent;color:#fff;transition:.2s transform,.2s background,.2s filter}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.btn--primary{background:var(--accent);color:#000;border-color:rgba(226,181,96,.5);box-shadow:var(--glow)}
.btn--primary:hover{filter:brightness(.96)}
.card{background:rgba(30,35,48,.6);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.card--pad{padding:16px}
.aspect-video{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}
.aspect-tall{position:relative;width:100%;padding-top:177.78%;background:#000;border-radius:12px;overflow:hidden}
.frame{position:absolute;inset:0;border:0;width:100%;height:100%}
.note{color:rgba(255,255,255,.7);font-size:14px;padding:12px 16px 4px}
.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.badge{display:inline-block;width:10px;height:10px;background:#ef4444;border-radius:999px;position:relative;margin-right:8px}
.badge:after{content:\"\";position:absolute;inset:-6px;background:#ef4444;opacity:.45;border-radius:999px;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.list{list-style:none;padding:0;margin:16px 0 0}.list li{display:flex;align-items:center;gap:8px}
.list li:before{content:\"\";width:8px;height:8px;border-radius:999px;background:var(--accent)}
.small{font-size:14px;color:rgba(255,255,255,.65)}
.form input,.form textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;padding:14px 16px;outline:none;transition:.2s border,.2s box-shadow}
.form textarea{resize:vertical}
.form input:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(226,181,96,.25)}
.footer{border-top:1px solid var(--line);font-size:15px;color:rgba(255,255,255,.7);padding:16px 0}
.footer__row{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:space-between}
@media(min-width:768px){.footer__row{flex-direction:row}}
.bg-blob{position:fixed;inset:0;z-index:-1;overflow:hidden}
.bg-blob:before,.bg-blob:after{content:\"\";position:absolute;border-radius:9999px;filter:blur(64px)}
.bg-blob:before{width:60vw;height:60vw;left:-25vw;top:-25vw;background:rgba(226,181,96,.12)}
.bg-blob:after{width:50vw;height:50vw;right:-25vw;bottom:-25vw;background:rgba(139,92,246,.12)}
.noise{position:absolute;inset:-50%;background:url('https://upload.wikimedia.org/wikipedia/commons/5/5f/Noise_texture.png') repeat;opacity:.05;pointer-events:none;filter:contrast(120%)}
.muted{color:var(--muted)}.link{color:var(--accent)}.link:hover{text-decoration:underline}
.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}