/* Homepage hero: illustrated "your request" card instead of a second logo */
.hero-brand-panel{min-height:520px}
.mhu{position:relative;z-index:5;width:min(78%,370px);font-family:Inter,Arial,sans-serif}
.mhu-card{position:relative;padding:20px 22px 22px;border-radius:24px;background:linear-gradient(160deg,rgba(30,40,56,.82),rgba(12,16,23,.9));border:1px solid rgba(170,210,255,.2);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:mhuFloat 7s ease-in-out infinite}
.mhu-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#cfe0f5}
.mhu-live{width:8px;height:8px;border-radius:50%;background:#8ff0ff;box-shadow:0 0 0 0 rgba(143,240,255,.6);animation:mhuPulse 2.2s ease-out infinite}
.mhu-label{flex:1;letter-spacing:.02em}
.mhu-tag{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0b1018;background:linear-gradient(135deg,#fff,#cfe9ff);padding:5px 9px;border-radius:999px}
.mhu-visual{position:relative;margin:16px 0 6px}
.mhu-car{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(134,185,255,.25));animation:mhuSwapA 9s ease-in-out infinite}
.hero-brand-panel .mhu-logo{z-index:1;max-width:none;position:absolute;left:50%;top:50%;width:62%;height:auto;transform:translate(-50%,-50%) scale(.96);opacity:0;filter:drop-shadow(0 0 26px rgba(134,185,255,.3));animation:mhuSwapB 9s ease-in-out infinite}
@keyframes mhuSwapA{0%,42%{opacity:1;transform:none}50%,92%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:none}}
@keyframes mhuSwapB{0%,44%{opacity:0;transform:translate(-50%,-50%) scale(.96)}52%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}98%,100%{opacity:0;transform:translate(-50%,-50%) scale(.96)}}
.mhu-body{stroke-dasharray:900;stroke-dashoffset:900;animation:mhuDraw 2.4s .3s cubic-bezier(.4,0,.2,1) forwards}
.mhu-road{animation:mhuRoad 1.6s linear infinite}
.mhu-title{font-size:17px;font-weight:800;letter-spacing:-.01em;color:#f4f8fc;margin:4px 0 14px}
.mhu-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px}
.mhu-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:#7f8ea3;opacity:.55}
.mhu-steps i{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(185,215,255,.35);flex:0 0 auto;position:relative}
.mhu-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.mhu-bar b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8ff0ff,#b9d7ff,#bda7ff);animation:mhuBar 10s ease-in-out infinite}
@keyframes mhuBar{0%{width:4%}5%,25%{width:25%}30%,50%{width:50%}55%,75%{width:75%}80%,96%{width:100%}98%,100%{width:4%}}
.mhu-mini{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(10,14,20,.86);border:1px solid rgba(170,210,255,.18);box-shadow:0 18px 44px rgba(0,0,0,.45);font-size:12px;font-weight:700;color:#e6effa;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:mhuFloat 6s ease-in-out infinite}
.mhu-mini.m1{left:-13%;top:22%;animation-delay:-2s}
.mhu-mini.m2{right:-12%;bottom:-18px;animation-delay:-4s}
.mhu-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#e9f3ff,#bfe6ff);color:#0b1018;font-size:13px;font-weight:900}
.mhu-steps .s1{animation:mhuS1 10s infinite}.mhu-steps .s1 i{animation:mhuI1 10s infinite}
@keyframes mhuS1{0%,2%{opacity:.55;color:#7f8ea3}5%,96%{opacity:1;color:#e6effa}98%,100%{opacity:.55;color:#7f8ea3}}
@keyframes mhuI1{0%,2%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}5%,96%{background:linear-gradient(135deg,#8ff0ff,#b9d7ff);border-color:transparent;box-shadow:0 0 14px rgba(143,240,255,.45)}98%,100%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}}
.mhu-steps .s2{animation:mhuS2 10s infinite}.mhu-steps .s2 i{animation:mhuI2 10s infinite}
@keyframes mhuS2{0%,27%{opacity:.55;color:#7f8ea3}30%,96%{opacity:1;color:#e6effa}98%,100%{opacity:.55;color:#7f8ea3}}
@keyframes mhuI2{0%,27%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}30%,96%{background:linear-gradient(135deg,#8ff0ff,#b9d7ff);border-color:transparent;box-shadow:0 0 14px rgba(143,240,255,.45)}98%,100%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}}
.mhu-steps .s3{animation:mhuS3 10s infinite}.mhu-steps .s3 i{animation:mhuI3 10s infinite}
@keyframes mhuS3{0%,52%{opacity:.55;color:#7f8ea3}55%,96%{opacity:1;color:#e6effa}98%,100%{opacity:.55;color:#7f8ea3}}
@keyframes mhuI3{0%,52%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}55%,96%{background:linear-gradient(135deg,#8ff0ff,#b9d7ff);border-color:transparent;box-shadow:0 0 14px rgba(143,240,255,.45)}98%,100%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}}
.mhu-steps .s4{animation:mhuS4 10s infinite}.mhu-steps .s4 i{animation:mhuI4 10s infinite}
@keyframes mhuS4{0%,77%{opacity:.55;color:#7f8ea3}80%,96%{opacity:1;color:#e6effa}98%,100%{opacity:.55;color:#7f8ea3}}
@keyframes mhuI4{0%,77%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}80%,96%{background:linear-gradient(135deg,#8ff0ff,#b9d7ff);border-color:transparent;box-shadow:0 0 14px rgba(143,240,255,.45)}98%,100%{background:transparent;border-color:rgba(185,215,255,.35);box-shadow:none}}
/* panel layout: card on top, product tags in a row below */
.hero-brand-panel{display:grid!important;grid-template-columns:repeat(4,auto);justify-content:center;align-content:center;column-gap:8px;row-gap:26px;padding:40px 24px}
.hero-brand-panel .mhu{grid-row:1;grid-column:1/-1;justify-self:center;width:min(380px,100%)}
.hero-brand-panel .v16-chip{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;grid-row:2;animation:none!important}
@media(max-width:620px){.hero-brand-panel{grid-template-columns:repeat(2,auto);row-gap:10px;padding:28px 16px}.hero-brand-panel .mhu{margin-bottom:14px;width:92%}.hero-brand-panel .v16-chip{grid-row:auto;justify-self:center}.mhu-mini{display:none}.mhu-card{padding:16px 18px 18px}.mhu-title{font-size:15px}}
@keyframes mhuFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mhuPulse{0%{box-shadow:0 0 0 0 rgba(143,240,255,.6)}70%{box-shadow:0 0 0 8px rgba(143,240,255,0)}100%{box-shadow:0 0 0 0 rgba(143,240,255,0)}}
@keyframes mhuDraw{to{stroke-dashoffset:0}}
@keyframes mhuRoad{to{stroke-dashoffset:-30}}
@media(max-width:900px){.mhu{width:min(76%,360px)}.mhu-mini.m1{left:-8%}.mhu-mini.m2{right:-6%}}
@media(prefers-reduced-motion:reduce){.mhu-car,.hero-brand-panel .mhu-logo,.mhu-card,.mhu-mini,.mhu-live,.mhu-road,.mhu-bar b,.mhu-steps li,.mhu-steps li i{animation:none!important}.mhu-body{stroke-dashoffset:0;animation:none}.mhu-steps li{opacity:1;color:#e6effa}.mhu-bar b{width:70%}}

/* Ribbon keeps moving (also with reduced-motion on), seamless loop built in polish.js */
.v16-ribbon-track{animation:v16Marquee var(--mv-rib,30s) linear infinite!important;will-change:transform}
.v16-ribbon-track span{white-space:nowrap}
.v16-ribbon:hover .v16-ribbon-track{animation-play-state:paused!important}