/* MIJUONE v1.5 — advanced full-width hero carousel and refined premium brand lockup */
.logo.mi-header-brand{gap:10px;max-width:362px;min-width:0;flex-shrink:1}
.mi-header-brand .mi-logo-symbol{width:62px;height:50px;object-fit:contain;flex:0 0 62px;filter:drop-shadow(0 6px 18px rgba(20,92,218,.16))}
.mi-brand-copy{gap:4px;min-width:0}
.mi-brand-name{gap:7px;align-items:center;letter-spacing:normal}
.mi-brand-name strong,.mi-brand-name b{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.mi-brand-name strong{font-size:25px;letter-spacing:-.048em;font-weight:950;line-height:1;background-image:linear-gradient(180deg,#12387d 0%,#0a4dbd 46%,#0a2b7a 100%)}
.mi-brand-name b{font-size:18px;letter-spacing:-.048em;font-weight:920;line-height:1.1;background-image:linear-gradient(180deg,#2a88ff 0%,#0854d2 100%)}
.mi-brand-divider{height:18px;width:1px;align-self:center;background:linear-gradient(180deg,#bad1f8,#8ea7d2);flex:none;margin:0 1px;opacity:.9}
.mi-brand-tagline{font-size:9.25px;letter-spacing:-.015em;line-height:1.2;white-space:nowrap;color:#5f7698;font-weight:700}
.mi-footer-brand img{object-fit:contain}

.mi-hero-carousel{--mi-pointer-x:0px;--mi-pointer-y:0px;height:348px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(231,244,255,.98),rgba(198,224,255,.96) 34%,rgba(145,191,245,.92) 68%,rgba(46,105,210,.96) 100%);box-shadow:0 14px 38px rgba(14,72,159,.14), inset 0 -1px 0 rgba(255,255,255,.45);outline-offset:-4px}
.mi-hero-carousel::before,.mi-hero-carousel::after{content:"";position:absolute;pointer-events:none;z-index:0}
.mi-hero-carousel::before{inset:-8% auto auto -14%;width:48%;height:120%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(255,255,255,.55) 22%,rgba(173,213,255,.12) 55%,transparent 72%);mix-blend-mode:screen;animation:miAuraDrift 18s ease-in-out infinite}
.mi-hero-carousel::after{inset:auto -12% -44% 40%;height:240px;background:radial-gradient(circle at center,rgba(82,193,255,.36),rgba(83,143,255,.18) 36%,transparent 72%);width:48%;filter:blur(20px);animation:miGlowPulse 12s ease-in-out infinite}
.mi-carousel-stage{height:100%;position:relative;overflow:hidden}
.mi-carousel-slide{position:absolute;inset:0;visibility:hidden;pointer-events:none;transform:translate3d(-100%,0,0);will-change:transform;backface-visibility:hidden;background:linear-gradient(120deg,#dceaff,#bddbff)}
.mi-carousel-slide.is-active{visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.mi-carousel-slide::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 78% 22%,rgba(255,255,255,.24),transparent 16%),
  linear-gradient(104deg,transparent 0 28%,rgba(134,199,255,.26) 44%,transparent 62%),
  linear-gradient(180deg,rgba(255,255,255,.06),rgba(8,46,121,.15));
  opacity:.88;pointer-events:none;z-index:1}
.mi-carousel-slide::after{content:"";position:absolute;left:-10%;right:-10%;bottom:14px;height:90px;background:linear-gradient(90deg,transparent,rgba(114,216,255,.58),rgba(70,123,247,.56),transparent);filter:blur(10px);opacity:.85;transform:translateX(-10%);animation:miLightSweep 6.8s ease-in-out infinite;pointer-events:none;z-index:2}
.mi-carousel-image{position:absolute;z-index:0;inset:0 0 0 35%;background-image:var(--mi-slide-image);background-size:contain;background-repeat:no-repeat;background-position:right center;transform:translate3d(calc(var(--mi-pointer-x) * .18),calc(var(--mi-pointer-y) * .08),0) scale(1.015);transition:transform 900ms cubic-bezier(.2,.8,.2,1),opacity .55s ease;will-change:transform;filter:saturate(1.03) contrast(1.03) drop-shadow(0 18px 26px rgba(7,44,119,.12))}
.mi-carousel-slide.is-active .mi-carousel-image{transform:translate3d(calc(var(--mi-pointer-x) * .18),calc(var(--mi-pointer-y) * .08),0) scale(1)}
.mi-carousel-wash{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(236,246,255,.985) 0%,rgba(234,244,255,.975) 22%,rgba(228,241,255,.94) 33%,rgba(223,238,255,.74) 46%,rgba(217,236,253,.26) 58%,rgba(216,235,255,.02) 74%,transparent 88%)}
.mi-carousel-wash::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 22%,rgba(255,255,255,.56),transparent 22%),
  linear-gradient(0deg,rgba(9,40,103,.12),transparent 38%);
pointer-events:none}
.mi-carousel-content{height:100%;position:relative;z-index:3;display:flex;align-items:center}
.mi-carousel-copy{padding:8px 42px 12px 28px;max-width:610px;min-width:0;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.24));border:1px solid rgba(255,255,255,.44);box-shadow:0 18px 38px rgba(15,82,170,.12), inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mi-carousel-kicker,.mi-carousel-copy h1,.mi-carousel-copy p,.mi-carousel-actions{opacity:0;transform:translateY(20px);will-change:transform,opacity}
.mi-carousel-slide.is-active .mi-carousel-kicker{animation:miCopyIn .55s cubic-bezier(.2,.8,.2,1) .12s both}
.mi-carousel-slide.is-active .mi-carousel-copy h1{animation:miCopyIn .7s cubic-bezier(.2,.8,.2,1) .2s both}
.mi-carousel-slide.is-active .mi-carousel-copy p{animation:miCopyIn .7s cubic-bezier(.2,.8,.2,1) .32s both}
.mi-carousel-slide.is-active .mi-carousel-actions{animation:miCopyIn .7s cubic-bezier(.2,.8,.2,1) .42s both}
.mi-carousel-kicker{font-size:10.2px;font-weight:880;letter-spacing:.18em;color:#1a4e99;margin-bottom:14px;line-height:1.3}
.mi-carousel-copy h1{margin:0 0 12px;color:#0e2b5d;font-size:clamp(29px,2.35vw,42px);line-height:1.16;letter-spacing:-.072em;font-weight:950;text-wrap:balance}
.mi-carousel-copy h1 em{font-style:normal;color:#0758d9}
.mi-carousel-copy p{margin:0 0 16px;font-size:13.3px;line-height:1.58;color:#324d73;font-weight:700;letter-spacing:-.012em;max-width:48ch}
.mi-carousel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mi-carousel-actions .btn{position:relative;overflow:hidden;min-height:41px;padding:10px 18px;font-size:12px;font-weight:850;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
.mi-carousel-actions .btn::before{content:"";position:absolute;inset:0 auto 0 -120%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .65s ease}
.mi-carousel-actions .btn:hover::before{left:130%}
.mi-carousel-actions .btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(20,80,192,.20)}
.mi-carousel-actions .btn-white{background:rgba(255,255,255,.84);border:1px solid #8eb6f6;color:#145bd0;box-shadow:0 6px 16px rgba(45,100,186,.08)}
.mi-carousel-actions .icon{width:15px;height:15px}
.mi-carousel-arrow{position:absolute;z-index:7;top:50%;transform:translateY(-50%);height:48px;width:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.76);background:linear-gradient(180deg,rgba(14,67,159,.38),rgba(8,42,108,.24));box-shadow:0 12px 28px rgba(2,44,103,.18);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.mi-carousel-arrow:hover{background:linear-gradient(180deg,rgba(11,93,215,.95),rgba(13,72,190,.82));transform:translateY(-50%) scale(1.08);box-shadow:0 14px 34px rgba(7,72,194,.28)}
.mi-carousel-arrow:focus-visible,.mi-carousel-dot:focus-visible,.mi-carousel-pause:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.mi-carousel-arrow .icon{height:22px;width:22px}
.mi-carousel-prev{left:16px}.mi-carousel-next{right:16px}
.mi-carousel-toolbar{position:absolute;z-index:7;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(6,42,103,.32);color:white;box-shadow:0 10px 28px rgba(2,24,62,.14);backdrop-filter:blur(16px)}
.mi-carousel-dots{display:flex;align-items:center;gap:3px}
.mi-carousel-dot{border:0;background:transparent;padding:6px 4px;cursor:pointer;display:grid;place-items:center}
.mi-carousel-dot span{width:8px;height:8px;background:rgba(255,255,255,.62);border-radius:100px;transition:width .24s ease,background .24s ease,box-shadow .24s}
.mi-carousel-dot.is-active span{width:24px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.82)}
.mi-carousel-count{white-space:nowrap;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
.mi-carousel-pause{height:28px;width:28px;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(255,255,255,.1);color:inherit;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}
.mi-carousel-pause:hover{transform:scale(1.08);background:rgba(255,255,255,.16)}
.mi-carousel-pause .icon{height:12px;width:12px}.mi-play-icon{display:none!important}
.mi-hero-carousel.is-manually-paused .mi-pause-icon{display:none!important}
.mi-hero-carousel.is-manually-paused .mi-play-icon{display:inline-block!important}
.mi-carousel-progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;z-index:6;background:rgba(255,255,255,.18)}
.mi-carousel-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#5ee0ff,#2e65f7 35%,#6ca7ff 72%,#5ee0ff);background-size:200% 100%;transform-origin:left center;transform:scaleX(0)}
.mi-hero-carousel.is-running .mi-carousel-progress-bar{animation:mi-banner-progress 5000ms linear forwards,mi-progressShimmer 1.8s linear infinite}
@keyframes mi-banner-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mi-progressShimmer{from{background-position:0% 0}to{background-position:200% 0}}
.mi-sponsored-tag{font-size:9px;letter-spacing:.02em;background:#ecf3ff;color:#095ace;border:1px solid #9fc2f9;border-radius:5px;padding:3px 6px;margin-right:5px}

.mi-service-wrap{margin-top:-28px;position:relative;z-index:4}
.mi-service-grid{box-shadow:0 18px 36px rgba(24,73,156,.1)}
.mi-service-grid>a,.mi-feature-card,.mi-region-tile,.mi-latest-tile,.mi-surface,.mi-right-sidebar > *{transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease}
.mi-service-grid>a:hover,.mi-feature-card:hover,.mi-region-tile:hover,.mi-latest-tile:hover,.mi-surface:hover,.mi-right-sidebar > *:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(17,71,154,.12)}
.mi-feature-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent 65%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.mi-feature-card:hover::after{transform:translateX(120%)}
.mi-latest-tile img{transition:transform .45s ease,filter .45s ease}.mi-latest-tile:hover img{transform:scale(1.06);filter:saturate(1.05)}
.mi-region-tile:hover .mi-region-img img{transform:scale(1.05)}
.mi-region-img img{transition:transform .45s ease}

@keyframes miCopyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes miAuraDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,2%,0) scale(1.05)}}
@keyframes miGlowPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.82;transform:scale(1.08)}}
@keyframes miLightSweep{0%,100%{transform:translateX(-10%);opacity:.25}45%{opacity:.8}50%{transform:translateX(10%)}55%{opacity:.8}}

@media(max-width:1250px){.mi-carousel-copy{padding-left:24px;max-width:545px}.mi-brand-name strong{font-size:23px}.mi-brand-name b{font-size:16.5px}.mi-brand-tagline{font-size:8.4px}.mi-header-brand .mi-logo-symbol{width:54px;height:44px;flex-basis:54px}.logo.mi-header-brand{max-width:318px}.mi-hero-carousel{height:320px}.mi-carousel-image{inset:0 0 0 31%}}
@media(max-width:800px){.mi-hero-carousel{height:314px}.mi-carousel-image{inset:0 -2% 0 12%;background-size:cover;background-position:72% center}.mi-carousel-wash{background:linear-gradient(90deg,rgba(233,244,255,.985),rgba(227,240,255,.96) 43%,rgba(215,234,253,.48) 72%,rgba(215,235,255,.15))}.mi-carousel-copy{padding:16px 28px 20px 22px;max-width:500px;border-radius:24px}.mi-carousel-copy h1{font-size:27px}.mi-carousel-copy p{font-size:11.7px}.mi-carousel-arrow{height:38px;width:38px}.mi-carousel-prev{left:6px}.mi-carousel-next{right:6px}.mi-carousel-toolbar{bottom:10px}.mi-header-brand .mi-logo-symbol{width:46px;height:40px;flex-basis:46px}.mi-brand-name strong{font-size:21px}.mi-brand-name b{font-size:15px}.mi-brand-tagline{font-size:7.8px}.mi-service-wrap{margin-top:-22px}}
@media(max-width:480px){.mi-hero-carousel{height:315px}.mi-hero-carousel::before{width:72%;left:-28%;top:-18%}.mi-carousel-image{inset:0 -10% 0 0;background-position:70% center;background-size:cover;opacity:.56;filter:saturate(1.02) contrast(1.02)}.mi-carousel-wash{background:linear-gradient(90deg,rgba(235,246,255,.99) 0%,rgba(235,246,255,.96) 62%,rgba(231,244,255,.68) 100%)}.mi-carousel-copy{padding:8px 22px 28px 18px;max-width:100%;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.28))}.mi-carousel-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:10px}.mi-carousel-copy h1{font-size:22px;line-height:1.24;letter-spacing:-.05em;margin-bottom:10px}.mi-carousel-copy p{font-size:10.5px;line-height:1.5;margin-bottom:13px}.mi-carousel-actions{gap:6px}.mi-carousel-actions .btn{font-size:10px;padding:8px 10px;min-height:35px}.mi-carousel-arrow{height:28px;width:28px}.mi-carousel-prev{left:4px}.mi-carousel-next{right:4px}.mi-carousel-arrow .icon{width:14px;height:14px}.mi-carousel-toolbar{bottom:9px}.mi-carousel-count{font-size:9px}.logo.mi-header-brand{max-width:235px}.mi-brand-name{gap:5px}.mi-brand-name strong{font-size:18px}.mi-brand-name b{font-size:12px}.mi-brand-tagline{font-size:6.4px}.mi-brand-divider{height:13px}.mi-header-brand .mi-logo-symbol{width:36px;height:32px;flex-basis:36px}.mi-service-wrap{margin-top:-14px}}
@media(prefers-reduced-motion:reduce){.mi-carousel-slide,.mi-carousel-image,.mi-carousel-actions .btn,.mi-feature-card,.mi-latest-tile img,.mi-region-img img{transition:none!important;animation:none!important}.mi-carousel-progress-bar,.mi-hero-carousel::before,.mi-hero-carousel::after,.mi-carousel-slide::after{animation:none!important}.mi-carousel-kicker,.mi-carousel-copy h1,.mi-carousel-copy p,.mi-carousel-actions{opacity:1;transform:none}}

.mi-footer-wordmark-divider,.mi-auth-divider{font-weight:500;color:#8b9fbf;margin-inline:4px}


/* v1.6 hero refinements */
.mi-hero-carousel{height:372px;background:radial-gradient(circle at 18% 18%,rgba(239,247,255,.99),rgba(192,220,253,.94) 34%,rgba(119,173,239,.88) 70%,rgba(29,82,181,.96) 100%)}
.mi-carousel-image{inset:0 0 0 40%;background-size:cover;background-position:center center;filter:saturate(1.06) contrast(1.04) drop-shadow(0 24px 36px rgba(7,44,119,.14))}
.mi-carousel-slide::before{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.2),transparent 18%),linear-gradient(104deg,transparent 0 28%,rgba(134,199,255,.23) 44%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(8,46,121,.18))}
.mi-carousel-copy{max-width:560px;margin-left:4px;padding:18px 28px 18px 28px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 40px rgba(15,82,170,.14), inset 0 1px 0 rgba(255,255,255,.78)}
.mi-carousel-copy h1{font-size:clamp(30px,2.4vw,43px);line-height:1.13}
.mi-carousel-copy p{max-width:44ch}
.mi-carousel-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.mi-carousel-chips span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(151,190,244,.85);box-shadow:0 8px 20px rgba(28,91,176,.08);font-size:11px;font-weight:760;color:#194b95;backdrop-filter:blur(10px)}
.mi-carousel-toolbar{bottom:16px;padding:9px 13px}
.mi-carousel-arrow{height:52px;width:52px}
@media(max-width:1250px){.mi-hero-carousel{height:342px}.mi-carousel-image{inset:0 0 0 36%}.mi-carousel-copy{max-width:530px}}
@media(max-width:800px){.mi-hero-carousel{height:328px}.mi-carousel-image{inset:0 -2% 0 18%}.mi-carousel-copy{max-width:480px;padding:16px 22px 18px}.mi-carousel-chips{gap:6px}.mi-carousel-chips span{font-size:10px;padding:6px 9px}}
@media(max-width:480px){.mi-hero-carousel{height:330px}.mi-carousel-image{inset:0 -8% 0 0;opacity:.55}.mi-carousel-copy{padding:12px 18px 20px;max-width:100%}.mi-carousel-copy h1{font-size:23px}.mi-carousel-chips{margin-bottom:14px}.mi-carousel-chips span{font-size:9.5px;padding:5px 8px}}
