.mvd{--bg:#0a0a0d;--sf:#15151b;--sf2:#1f1f28;--tx:#f5f5f7;--mu:#9a9aa8;--rd:#ff1a1a;--rd2:#ff6b5e;--bd:rgba(255,255,255,.08)}
.mvd{background:var(--bg);color:var(--tx);font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-align:left}
.mvd,.mvd *{box-sizing:border-box}.mvd *{margin:0;padding:0}
.mvd a{color:inherit;text-decoration:none}
.mvd img{display:block;max-width:100%}
.mvd .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.mvd header{position:sticky;top:0;z-index:20;background:rgba(10,10,13,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd)}
.mvd header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.mvd header img{height:30px;width:auto}
.mvd .btn{display:inline-flex;align-items:center;gap:10px;background:var(--rd);color:#fff;font-weight:700;border-radius:12px;padding:14px 26px;font-size:1rem;border:0;cursor:pointer;box-shadow:0 8px 30px rgba(255,26,26,.35);transition:transform .15s,box-shadow .15s}
.mvd .btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(255,26,26,.5)}
.mvd .btn.sm{padding:9px 18px;font-size:.9rem;box-shadow:none}
.mvd .btn.ghost{background:var(--sf2);box-shadow:none;border:1px solid var(--bd)}
.mvd .hero{position:relative;padding:56px 0 40px;background:radial-gradient(900px 500px at 85% 20%,rgba(255,26,26,.18),transparent 60%),radial-gradient(700px 400px at 0% 0%,rgba(255,26,26,.1),transparent 60%)}
.mvd .hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
.mvd .eyebrow{display:flex;align-items:center;gap:12px;color:var(--rd2);font-weight:700;letter-spacing:.28em;font-size:.78rem;text-transform:uppercase}
.mvd .eyebrow:before{content:"";width:34px;height:2px;background:var(--rd)}
.mvd h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:-.03em;margin:18px 0 18px;font-weight:800}
.mvd h1 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--rd2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mvd .lead{color:var(--mu);font-size:1.15rem;max-width:34ch}
.mvd .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mvd .meta{margin-top:18px;color:var(--mu);font-size:.85rem;display:flex;flex-wrap:wrap;gap:6px 18px}
.mvd .meta b{color:var(--tx);font-weight:600}
.mvd .hero img.shot{width:100%;height:auto;mask-image:radial-gradient(closest-side,#000 70%,transparent);-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.mvd section{padding:64px 0}
.mvd h2{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:10px}
.mvd .sub{color:var(--mu);max-width:56ch}
.mvd .feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:32px}
.mvd .feat{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:22px}
.mvd .feat .ic{width:40px;height:40px;border-radius:10px;background:rgba(255,26,26,.14);color:var(--rd);display:grid;place-items:center;margin-bottom:14px}
.mvd .feat h3{font-size:1.05rem;margin-bottom:4px}
.mvd .feat p{color:var(--mu);font-size:.93rem}
.mvd .tour{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 18px;margin:28px -20px 0;scrollbar-width:thin;scrollbar-color:var(--sf2) transparent}
.mvd .tour img{flex:0 0 min(82%,640px);scroll-snap-align:center;border-radius:16px;border:1px solid var(--bd);height:auto;aspect-ratio:16/9;object-fit:cover}
.mvd .steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px}
.mvd .step{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:22px;counter-increment:s}
.mvd .step:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rd);font-weight:800;margin-bottom:12px}
.mvd .step h3{font-size:1.02rem;margin-bottom:4px}
.mvd .step p{color:var(--mu);font-size:.92rem}
.mvd .dl{background:linear-gradient(180deg,rgba(255,26,26,.12),transparent);border:1px solid var(--bd);border-radius:24px;padding:44px 24px;text-align:center}
.mvd .dl img{height:54px;width:auto;margin:0 auto 18px}
.mvd .dl .cta{justify-content:center}
.mvd details{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:16px 20px;margin-top:12px}
.mvd summary{cursor:pointer;font-weight:700}
.mvd details p{color:var(--mu);margin-top:10px;font-size:.95rem}
@media(max-width:820px){.mvd .hero .wrap{grid-template-columns:1fr}.mvd .hero{padding-top:36px}.mvd .lead{max-width:none}.mvd header .btn.sm{padding:8px 14px}}
.mvd a{color:inherit;text-decoration:none;box-shadow:none}.mvd a.btn{color:#fff}.mvd h1,.mvd h2,.mvd h3{color:var(--tx);font-family:inherit;text-transform:none}.mvd p{color:inherit;margin:0}.mvd .sub,.mvd .lead,.mvd .feat p,.mvd .step p,.mvd details p,.mvd .meta,.mvd .hash{color:var(--mu)}.mvd img{border:0;box-shadow:none}.mvd .sub[style]{margin-left:auto;margin-right:auto}.mvd--full{min-height:100vh}.mvd .notice{background:#3a1010;border:1px solid var(--rd);border-radius:10px;padding:10px 14px;margin-top:14px;font-size:.85rem}.mvd header{position:sticky;top:0}body.admin-bar .mvd header{top:32px}

/* ===== v2.0 premium ===== */
.mvd{scroll-behavior:smooth}
.mvd header .wrap{gap:16px}
.mvd .nav{display:flex;gap:26px;font-size:.92rem;color:var(--mu);margin-left:auto;margin-right:8px}
.mvd .nav a:hover{color:#fff}
.mvd .hero{overflow:hidden;padding:72px 0 56px}
.mvd .hero .glow{position:absolute;inset:-20% -10% auto auto;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,26,26,.28),transparent 65%);filter:blur(30px);animation:mvdp 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes mvdp{to{transform:translate(-40px,30px) scale(1.12)}}
.mvd .hero .wrap{position:relative}
.mvd .hero img.shot{animation:mvdf 6s ease-in-out infinite alternate}
@keyframes mvdf{to{transform:translateY(-12px)}}
.mvd .btn{background:linear-gradient(180deg,#ff3a30,#e50914)}
.mvd .btn.ghost{background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.mvd .chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.mvd .chips span{background:rgba(255,255,255,.06);border:1px solid var(--bd);border-radius:999px;padding:6px 14px;font-size:.82rem;color:var(--mu)}
.mvd .chips b{color:#fff}
.mvd .stats{border-block:1px solid var(--bd);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.mvd .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding-block:22px}
.mvd .stats b{display:block;font-size:1.9rem;font-weight:800;background:linear-gradient(90deg,#fff,var(--rd2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mvd .stats span{color:var(--mu);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.mvd .head{text-align:center;margin-bottom:8px}
.mvd .head .sub{margin:0 auto}
.mvd .eyebrow.c{justify-content:center;margin-bottom:12px}
.mvd .eyebrow.c:after{content:"";width:34px;height:2px;background:var(--rd)}
.mvd .video{position:relative;margin:34px auto 0;max-width:960px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(255,26,26,.22),0 0 0 6px rgba(255,255,255,.03);background:#000;aspect-ratio:16/9}
.mvd .video video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.mvd .play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}
.mvd .play.off{display:none}
.mvd .play span{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ff3a30,#e50914);box-shadow:0 0 0 10px rgba(255,26,26,.22),0 12px 40px rgba(255,26,26,.5);transition:transform .2s}
.mvd .play:hover span{transform:scale(1.08)}
.mvd .play em{font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}
.mvd .feat{transition:transform .25s,border-color .25s,background .25s}
.mvd .feat:hover{transform:translateY(-6px);border-color:rgba(255,26,26,.5);background:var(--sf2)}
.mvd .feat .ic{width:46px;height:46px}
.mvd .tour img{border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.5);transition:transform .25s}
.mvd .tour img:hover{transform:scale(1.015)}
.mvd .step{position:relative;overflow:hidden}
.mvd .step:before{background:linear-gradient(180deg,#ff3a30,#e50914);box-shadow:0 6px 18px rgba(255,26,26,.4)}
.mvd .faq{max-width:760px;margin:26px auto 0}
.mvd details[open]{border-color:rgba(255,26,26,.45)}
.mvd summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.mvd summary::-webkit-details-marker{display:none}
.mvd summary:after{content:"+";font-size:1.4rem;color:var(--rd);line-height:1}
.mvd details[open] summary:after{content:"\2212"}
.mvd .contact{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-top:34px;align-items:start}
.mvd .cinfo{display:grid;gap:12px}
.mvd .cc{display:flex;align-items:center;gap:14px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:16px 18px;transition:transform .2s,border-color .2s}
.mvd .cc:hover{transform:translateX(4px);border-color:rgba(255,26,26,.5)}
.mvd .cc i{flex:0 0 44px;height:44px;border-radius:12px;background:rgba(255,26,26,.14);color:var(--rd);display:grid;place-items:center}
.mvd .cc span{display:flex;flex-direction:column;min-width:0}
.mvd .cc b{font-size:1rem}.mvd .cc small{color:var(--mu);font-size:.85rem;word-break:break-all}
.mvd .cform{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:24px;display:grid;gap:14px}
.mvd .cform label{display:grid;gap:6px;font-size:.85rem;color:var(--mu);font-weight:600}
.mvd .cform input,.mvd .cform textarea{width:100%;background:#0e0e13;color:#fff;border:1px solid var(--bd);border-radius:12px;padding:13px 14px;font:inherit;font-size:1rem;outline:0;transition:border-color .2s}
.mvd .cform input:focus,.mvd .cform textarea:focus{border-color:var(--rd)}
.mvd .cform textarea{resize:vertical;min-height:110px}
.mvd .cform .btn{justify-content:center;width:100%}
.mvd .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.mvd .ok,.mvd .err{border-radius:12px;padding:12px 14px;font-size:.92rem}
.mvd .ok{background:rgba(40,180,90,.14);border:1px solid rgba(40,180,90,.5);color:#7be0a3}
.mvd .err{background:#3a1010;border:1px solid var(--rd);color:#ffb3ad}
.mvd .dl{background:radial-gradient(500px 260px at 50% 0%,rgba(255,26,26,.28),transparent 70%),var(--sf);border-radius:28px}
.mvd .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.mvd .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.mvd .rv{opacity:1;transform:none;transition:none}.mvd .glow,.mvd .hero img.shot{animation:none}}
@media(max-width:820px){
.mvd .nav{display:none}.mvd header .btn.sm{margin-left:auto}
.mvd .hero{padding:40px 0 30px}
.mvd .stats .wrap{grid-template-columns:repeat(2,1fr);gap:16px}
.mvd .contact{grid-template-columns:1fr}
}

/* ===== static (Cloudflare Pages) ===== */
html{scroll-behavior:smooth;background:#0a0a0d}body{margin:0;background:#0a0a0d}
.mvd [hidden]{display:none!important}
.mvd footer{border-top:1px solid var(--bd);padding:28px 0 40px;color:var(--mu);font-size:.88rem}
.mvd .frow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.mvd .frow img{height:26px;width:auto}
.mvd .frow nav{display:flex;gap:22px}.mvd .frow nav a:hover{color:#fff}
.mvd .stick{display:none}
.mvd .dl{padding:52px 24px}
@media(max-width:820px){
.mvd .frow{flex-direction:column;text-align:center}
.mvd a.stick{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:30;justify-content:center;padding:15px;border-radius:14px;background:linear-gradient(180deg,#ff3a30,#e50914);color:#fff;font-weight:800;box-shadow:0 10px 34px rgba(255,26,26,.5);transform:translateY(140%);transition:transform .3s}
.mvd a.stick.show{transform:none}
.mvd footer{padding-bottom:90px}
}
.mvd .contact.solo{grid-template-columns:1fr;max-width:520px;margin-inline:auto}

/* ===== info pages & team ===== */
.mvd .docpage{padding:48px 0 40px}.mvd .narrow{max-width:780px}
.mvd .back{color:var(--mu);font-size:.9rem;display:inline-block;margin-bottom:18px}.mvd .back:hover{color:#fff}
.mvd .dh{font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}
.mvd .dl1{margin:0 0 28px;color:var(--mu);font-size:1.08rem}
.mvd .doc h2{font-size:1.25rem;margin:30px 0 8px}
.mvd .doc h3{font-size:1.1rem;margin:0 0 6px}
.mvd .doc p{color:#cfcfd8;line-height:1.7;margin:0 0 12px}
.mvd .doc a:not(.btn):not(.cc){color:var(--rd2);text-decoration:underline}
.mvd .tag{margin:36px 0 0;color:var(--mu);font-size:.9rem;text-align:center}
.mvd .people{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 4px}
.mvd .pc{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px}
.mvd .pc b{color:var(--rd);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.mvd .pc span{font-size:1.5rem;font-weight:800}
.mvd .pc small{color:var(--mu);font-size:.9rem;line-height:1.55}
.mvd .links{display:grid;gap:12px;margin:12px 0 18px}
.mvd .links .cc i{font-style:normal;font-weight:800;font-size:.85rem}
.mvd .jstep{display:flex;gap:16px;background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:20px;margin:0 0 14px}
.mvd .jn{flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#ff3a30,#e50914);display:grid;place-items:center;font-weight:800}
.mvd .jstep p{margin:0 0 10px}.mvd .jstep p:last-child{margin:0}
.mvd .by{text-align:center;font-weight:700;margin-top:22px}
.mvd .team .people{max-width:820px;margin:30px auto 0}
.mvd .team .more{text-align:center;margin-top:22px}
@media(max-width:820px){.mvd .people{grid-template-columns:1fr}.mvd .jstep{flex-direction:column;gap:10px}}
.mvd .jn{width:38px;align-self:flex-start;flex:0 0 38px}
