.home-visual-mobile {
    max-width: 540px;
    margin: 18px auto 24px;
    padding: 0 14px;
}

.home-protected-banner-area {
    display: grid;
    gap: 16px;
    width: 100%;
}

.home-protected-banner {
    position: relative;
    overflow: hidden;
    color: #e5eef9;
    background: linear-gradient(160deg, #0d1727 0%, #07111f 100%);
    border: 1px solid rgba(103, 232, 249, .24);
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.home-protected-banner--inquiry {
    background: linear-gradient(160deg, #172554 0%, #0f172a 55%, #111827 100%);
    border-color: rgba(250, 204, 21, .3);
}

.home-protected-banner__media img {
    display: block;
    width: 100%;
    height: auto;
}

.home-protected-banner__body {
    padding: 16px;
}

.home-protected-banner__badge {
    display: inline-flex;
    margin-bottom: 9px;
    padding: 4px 9px;
    color: #08111f;
    background: #67e8f9;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.home-protected-banner--inquiry .home-protected-banner__badge {
    background: #fde047;
}

.home-protected-banner h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.42;
}

.home-protected-banner p {
    margin: 0 0 14px;
    color: #b8c6d9;
    font-size: .88rem;
    line-height: 1.65;
}

.home-protected-banner__action {
    min-height: 48px;
    padding: 10px;
    color: #cbd5e1;
    background: rgba(2, 8, 23, .56);
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 11px;
    cursor: pointer;
    outline: none;
}

.home-protected-banner__action:focus-visible {
    border-color: #67e8f9;
    box-shadow: 0 0 0 3px rgba(103, 232, 249, .2);
}

.home-protected-banner__default {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    line-height: 1.45;
}

.home-protected-banner__lock {
    color: #4ade80;
    text-shadow: 0 0 9px rgba(74, 222, 128, .85);
}

.home-protected-banner__action.is-loading .home-protected-banner__default,
.home-protected-banner__action.is-prepared .home-protected-banner__default {
    display: none;
}

.home-protected-banner__loading,
.home-protected-banner__error {
    padding: 4px 2px;
    font-size: .8rem;
}

.home-protected-banner__error { color: #fecaca; }

.home-protected-banner__cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 11px 14px;
    color: #06111e;
    background: linear-gradient(135deg, #67e8f9, #38bdf8);
    border: 0;
    border-radius: 9px;
    font-weight: 800;
    text-decoration: none;
}

.home-protected-banner--inquiry .home-protected-banner__cta {
    background: linear-gradient(135deg, #fde047, #fb923c);
}

.home-protected-banner__cta--disabled {
    justify-content: center;
    color: #94a3b8;
    background: #1e293b;
    cursor: not-allowed;
}

.home-protected-banner--effect-glow {
    animation: home-banner-glow 2.8s ease-in-out infinite alternate;
}

.home-protected-banner--effect-pulse:hover,
.home-protected-banner--effect-pulse:focus-within {
    transform: translateY(-3px);
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 18px 36px rgba(56, 189, 248, .22);
}

@keyframes home-banner-glow {
    from { box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 0 rgba(56, 189, 248, 0); }
    to { box-shadow: 0 14px 32px rgba(0, 0, 0, .3), 0 0 22px rgba(56, 189, 248, .28); }
}

.hero-slide-managed .hero-slide-bg {
    background-color: #0a0e17;
}

.hero-slide-managed-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slide-managed .hero-slide-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--managed-slide-overlay, linear-gradient(135deg, rgba(10,14,23,.9), rgba(0,209,255,.14)));
}

.hero-slide-theme-cyan { --managed-slide-overlay: linear-gradient(135deg, rgba(10,14,23,.94), rgba(15,20,32,.78) 52%, rgba(0,209,255,.2)); }
.hero-slide-theme-purple { --managed-slide-overlay: linear-gradient(135deg, rgba(10,14,23,.94), rgba(88,28,135,.46) 52%, rgba(10,14,23,.86)); }
.hero-slide-theme-gold { --managed-slide-overlay: linear-gradient(135deg, rgba(13,17,23,.95), rgba(120,83,9,.42) 52%, rgba(17,24,39,.88)); }
.hero-slide-theme-dark { --managed-slide-overlay: linear-gradient(135deg, rgba(0,0,0,.94), rgba(15,23,42,.84) 55%, rgba(2,6,23,.95)); }

.hero-slide-managed-cta {
    color: #06111e;
    background: linear-gradient(135deg, #67e8f9, #38bdf8);
    border: 1px solid rgba(103, 232, 249, .55);
    box-shadow: 0 5px 18px rgba(56, 189, 248, .24);
}

.hero-slide-managed-cta:hover {
    color: #020617;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(56, 189, 248, .34);
}

@media (prefers-reduced-motion: reduce) {
    .home-protected-banner--effect-glow { animation: none; }
    .home-protected-banner--effect-pulse:hover,
    .home-protected-banner--effect-pulse:focus-within { transform: none; }
}