/**
 * MiniCAD -- Home Page Styles
 *
 * Hero section, trust bar, brands, how-it-works, CTA,
 * and hero/trust entrance animations.
 * Loaded only on page-home.php.
 *
 * @package MiniCAD
 */

/* -- HERO ------------------------------------------------------- */

.mc-hero {
    position: relative;
    background: var(--mc-deep);
    background-image:
        linear-gradient(rgba(var(--mc-keppel-rgb),.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--mc-keppel-rgb),.07) 1px, transparent 1px);
    background-size: 80px 80px;
    padding: calc(64px * var(--mc-scale)) var(--mc-section-x) calc(48px * var(--mc-scale));
    overflow: hidden; min-height: calc(520px * var(--mc-scale));
    display: flex; align-items: center;
}
.mc-hero::before {
    content: ''; position: absolute; top: calc(-130px * var(--mc-scale)); right: calc(-100px * var(--mc-scale));
    width: calc(640px * var(--mc-scale)); height: calc(640px * var(--mc-scale)); pointer-events: none;
    background: radial-gradient(ellipse,rgba(var(--mc-keppel-rgb),0.18) 0%,transparent 65%);
}
.mc-hero::after {
    content: ''; position: absolute; bottom: calc(-90px * var(--mc-scale)); left: 28%;
    width: calc(420px * var(--mc-scale)); height: calc(420px * var(--mc-scale)); pointer-events: none;
    background: radial-gradient(ellipse,rgba(var(--mc-amber-rgb),0.07) 0%,transparent 65%);
}
.mc-hero__inner {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: 1fr 1fr; gap: calc(32px * var(--mc-scale)); align-items: center;
    max-width: var(--mc-container); width: 100%; margin: 0 auto;
}
.mc-hero__badge {
    display: inline-flex; align-items: center; gap: calc(8px * var(--mc-scale));
    background: rgba(var(--mc-keppel-rgb),0.12); border: 1px solid rgba(var(--mc-keppel-rgb),0.3);
    border-radius: var(--mc-radius-pill); padding: calc(6px * var(--mc-scale)) calc(16px * var(--mc-scale));
    font-family: var(--mc-font-head); font-size: calc(var(--mc-fs) * 0.786); font-weight: 600;
    letter-spacing: 0.5px; text-transform: uppercase; color: var(--mc-fountain); margin-bottom: calc(22px * var(--mc-scale));
}
.mc-hero__badge::before {
    content: ''; width: calc(6px * var(--mc-scale)); height: calc(6px * var(--mc-scale)); border-radius: 50%;
    background: var(--mc-keppel); flex-shrink: 0;
}
.mc-hero__heading {
    font-family: var(--mc-font-head); font-size: clamp(2.125rem, 4.5vw, 3.625rem);
    font-weight: 800; line-height: 1.05; letter-spacing: -1.8px;
    color: var(--mc-light); margin-bottom: calc(20px * var(--mc-scale));
}
.mc-hero__heading em { font-style: normal; color: var(--mc-keppel); }
.mc-hero__subtext { font-size: var(--mc-fs-lg); line-height: 1.75; color: rgba(var(--mc-light-rgb),0.72); margin-bottom: calc(22px * var(--mc-scale)); max-width: calc(460px * var(--mc-scale)); }
.mc-hero__actions { display: flex; gap: calc(16px * var(--mc-scale)); align-items: center; flex-wrap: wrap; }
.mc-hero__text-link {
    font-family: var(--mc-font-head); font-size: var(--mc-fs); font-weight: 600;
    color: rgba(var(--mc-fountain-rgb),0.7); text-decoration: none;
    display: inline-flex; align-items: center; gap: calc(4px * var(--mc-scale));
    transition: color 0.2s; padding: 0;
}
.mc-hero__text-link:hover { color: var(--mc-fountain); }

/* Hero card */
.mc-hero-card {
    position: relative; border-radius: var(--mc-radius);
    background: rgba(var(--mc-deep-rgb),0.7); border: 1px solid rgba(var(--mc-keppel-rgb),0.25);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 0 60px rgba(var(--mc-deep-rgb),0.35), 0 0 20px rgba(var(--mc-keppel-rgb),0.1), inset 0 1px 0 rgba(var(--mc-white-rgb),0.04);
    margin-top: calc(16px * var(--mc-scale)); overflow: visible; width: 100%;
}
.mc-hero-slide__img {
    width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; max-width: 100%;
}
.mc-hero-card__badge {
    position: absolute; top: calc(-14px * var(--mc-scale)); right: calc(20px * var(--mc-scale)); z-index: 10;
    background: var(--mc-amber); color: var(--mc-deep);
    font-family: var(--mc-font-head); font-size: var(--mc-fs-xs); font-weight: 800;
    letter-spacing: 0.6px; text-transform: uppercase;
    padding: calc(5px * var(--mc-scale)) calc(14px * var(--mc-scale)); border-radius: var(--mc-radius-pill); white-space: nowrap;
    box-shadow: 0 2px 12px rgba(var(--mc-amber-rgb),0.35);
}
.mc-hero-card__overflow { border-radius: calc(var(--mc-radius) - 1px); overflow: hidden; width: 100%; }
.mc-hero-slide-track { display: flex; transition: transform 0.65s var(--mc-ease); will-change: transform; width: 100%; }
.mc-hero-slide { min-width: 100%; flex-shrink: 0; position: relative; width: 100%; }
.mc-hero-slide__placeholder {
    width: 100%; aspect-ratio: 16/9; background: var(--mc-deep);
    display: flex; align-items: center; justify-content: center; position: relative;
}
.mc-hero-slide__placeholder::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(rgba(var(--mc-keppel-rgb),.07) 1px,transparent 1px),
                linear-gradient(90deg,rgba(var(--mc-keppel-rgb),.07) 1px,transparent 1px);
    background-size: 24px 24px;
}
.mc-hero-slide__placeholder svg { position: relative; z-index: 1; }
.mc-hero-slide__caption {
    position: absolute; bottom: 0; left: 0; right: 0; padding: calc(36px * var(--mc-scale)) calc(18px * var(--mc-scale)) calc(14px * var(--mc-scale));
    background: linear-gradient(transparent,rgba(var(--mc-deep-rgb),.96));
    font-family: var(--mc-font-head); font-size: calc(var(--mc-fs) * 0.929); font-weight: 600;
    color: var(--mc-light); line-height: 1.35;
    min-height: calc(70px * var(--mc-scale));
}
.mc-hero-slide__caption span { display: block; margin-top: 3px; font-weight: 400; font-size: calc(var(--mc-fs) * 0.786); color: var(--mc-fountain); }
.mc-hero-card__nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    left: 0; right: 0; display: flex; justify-content: space-between;
    padding: 0 calc(10px * var(--mc-scale)); pointer-events: none; z-index: 5;
}
.mc-hero-card__arrow {
    width: calc(34px * var(--mc-scale)); height: calc(34px * var(--mc-scale)); border-radius: 50%;
    background: rgba(var(--mc-deep-rgb),0.8); border: 1px solid rgba(var(--mc-keppel-rgb),0.3);
    color: var(--mc-keppel); font-size: var(--mc-fs-xl);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; pointer-events: all; transition: background 0.2s,color 0.2s; line-height: 1;
}
.mc-hero-card__arrow:hover { background: var(--mc-keppel); color: var(--mc-deep); }
.mc-hero-card__stats {
    display: grid; grid-template-columns: repeat(3,1fr);
    background: rgba(var(--mc-deep-rgb),0.7); border-top: 1px solid rgba(var(--mc-keppel-rgb),0.12);
}
.mc-hero-card__stat { padding: calc(10px * var(--mc-scale)) calc(8px * var(--mc-scale)); text-align: center; border-right: 1px solid rgba(var(--mc-keppel-rgb),0.1); }
.mc-hero-card__stat:last-child { border-right: none; }
.mc-hero-card__stat-val { display: block; font-family: var(--mc-font-head); font-size: var(--mc-fs); font-weight: 700; color: var(--mc-keppel); line-height: 1; }
.mc-hero-card__stat-lbl { display: block; margin-top: 3px; font-size: var(--mc-fs-2xs); color: var(--mc-fountain); opacity: 0.7; letter-spacing: 0.5px; text-transform: uppercase; }
.mc-hero-card__dots { display: flex; gap: calc(6px * var(--mc-scale)); justify-content: center; padding: calc(10px * var(--mc-scale)) 0 calc(14px * var(--mc-scale)); background: rgba(var(--mc-deep-rgb),0.6); }
.mc-hero-card__dot { width: calc(6px * var(--mc-scale)); height: calc(6px * var(--mc-scale)); border-radius: 50%; background: rgba(var(--mc-fountain-rgb),0.3); border: none; cursor: pointer; transition: background 0.2s,width 0.2s,border-radius 0.2s; }
.mc-hero-card__dot.is-active { background: var(--mc-keppel); width: calc(20px * var(--mc-scale)); border-radius: 3px; }

/* -- TRUST BAR -------------------------------------------------- */

.mc-trust { background: var(--mc-calypso); padding: 0 var(--mc-section-x); }
.mc-trust__inner { max-width: var(--mc-container); margin: 0 auto; display: flex; align-items: stretch; }
.mc-trust__item {
    flex: 1; display: flex; align-items: center; gap: calc(14px * var(--mc-scale));
    padding: calc(22px * var(--mc-scale)) calc(24px * var(--mc-scale));
    border-right: 1px solid rgba(var(--mc-white-rgb),0.12);
    transition: background 0.25s ease;
}
.mc-trust__item:hover { background: rgba(var(--mc-white-rgb),0.04); }
.mc-trust__item:last-child { border-right: none; }
.mc-trust__icon {
    width: calc(36px * var(--mc-scale)); height: calc(36px * var(--mc-scale)); flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(var(--mc-white-rgb),0.12); border-radius: calc(8px * var(--mc-scale));
    color: var(--mc-spray);
    filter: drop-shadow(0 0 6px rgba(var(--mc-spray-rgb),0.25));
}
.mc-trust__text { min-width: 0; }
.mc-trust__value { display: block; font-family: var(--mc-font-head); font-size: var(--mc-fs-lg); font-weight: 700; color: var(--mc-white); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-trust__label { display: block; margin-top: 2px; font-size: calc(var(--mc-fs) * 0.786); font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(var(--mc-white-rgb),0.94); }

/* -- BRANDS ----------------------------------------------------- */

.mc-brands { background: var(--mc-deep); padding: calc(48px * var(--mc-scale)) var(--mc-section-x); position: relative; overflow: hidden; }
.mc-brands__inner { max-width: var(--mc-container); margin: 0 auto; }
.mc-brands--empty { display: none; }
.mc-brands__header { display: flex; align-items: center; gap: calc(20px * var(--mc-scale)); margin-bottom: calc(36px * var(--mc-scale)); }
.mc-brands__label { font-family: var(--mc-font-head); font-size: var(--mc-fs-xs); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(var(--mc-spray-rgb),0.55); white-space: nowrap; flex-shrink: 0; margin: 0; }
.mc-brands__line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--mc-keppel-rgb),0.2), transparent); }
.mc-brands__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(32px * var(--mc-scale)) calc(48px * var(--mc-scale)); }
.mc-brand { flex-shrink: 0; display: flex; align-items: center; justify-content: center; opacity: 0.4; transition: opacity 0.3s, transform 0.3s; text-decoration: none; }
.mc-brand:hover { opacity: 0.85; transform: scale(1.05); }
a.mc-brand { cursor: pointer; }
.mc-brand__logo { height: calc(36px * var(--mc-scale)); width: auto; max-width: calc(140px * var(--mc-scale)); object-fit: contain; display: block; filter: brightness(0) invert(1); }
.mc-brand__name {
    font-family: var(--mc-font-head);
    font-size: calc(18px * var(--mc-scale));
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--mc-light);
    white-space: nowrap;
}

/* -- HOW IT WORKS ----------------------------------------------- */

.mc-hiw {
    content-visibility: auto; contain-intrinsic-size: auto 600px;
    background: var(--mc-dark);
    background-image:
        linear-gradient(rgba(var(--mc-keppel-rgb),.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--mc-keppel-rgb),.06) 1px, transparent 1px);
    background-size: 80px 80px;
    position: relative; overflow: hidden;
}
.mc-hiw::after {
    content: ''; position: absolute; top: calc(-200px * var(--mc-scale)); right: calc(-200px * var(--mc-scale));
    width: calc(500px * var(--mc-scale)); height: calc(500px * var(--mc-scale));
    background: radial-gradient(ellipse, rgba(var(--mc-keppel-rgb),.08) 0%, transparent 60%);
    pointer-events: none;
}
.mc-hiw__header { text-align: center; margin-bottom: calc(32px * var(--mc-scale)); }
.mc-hiw__header .mc-eyebrow {
    display: flex; align-items: center; justify-content: center; gap: calc(14px * var(--mc-scale));
    font-size: var(--mc-fs-xs); letter-spacing: calc(4px * var(--mc-scale)); color: var(--mc-keppel); margin-bottom: calc(20px * var(--mc-scale));
}
.mc-hiw__header .mc-eyebrow::before,
.mc-hiw__header .mc-eyebrow::after { content: ''; width: calc(40px * var(--mc-scale)); height: 1px; background: var(--mc-keppel); opacity: 0.6; }
.mc-hiw__h2 {
    font-family: var(--mc-font-head); font-size: clamp(1.75rem, 4vw, 3.25rem);
    font-weight: 800; color: var(--mc-light); letter-spacing: -1.5px; line-height: 1.1; margin: 0;
}
.mc-hiw__track { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(28px * var(--mc-scale)); position: relative; }
.mc-hiw__connector { position: absolute; top: calc(46px * var(--mc-scale)); height: calc(6px * var(--mc-scale)); z-index: 0; pointer-events: none; }
.mc-hiw__connector--a { left: calc(16.666% + 52px); right: calc(50% + 52px); }
.mc-hiw__connector--b { left: calc(50% + 52px); right: calc(16.666% + 52px); }
.mc-hiw__connector-svg { width: 100%; height: calc(6px * var(--mc-scale)); display: block; overflow: visible; }
.mc-hiw__beam--a { stroke-dasharray: 60 200; stroke-dashoffset: 140; opacity: 0.6; animation: mc-beam-sweep 3s ease-in-out infinite; animation-play-state: paused; }
.mc-hiw__beam--b { stroke-dasharray: 60 200; stroke-dashoffset: 140; opacity: 0.6; animation: mc-beam-sweep 3s 1.5s ease-in-out infinite; animation-play-state: paused; }
.mc-hiw__dot--a { opacity: 0.8; animation: mc-dot-travel 3s ease-in-out infinite; animation-play-state: paused; }
.mc-hiw__dot--b { opacity: 0.8; animation: mc-dot-travel 3s 1.5s ease-in-out infinite; animation-play-state: paused; }
.mc-hiw.is-visible .mc-hiw__beam--a,
.mc-hiw.is-visible .mc-hiw__beam--b,
.mc-hiw.is-visible .mc-hiw__dot--a,
.mc-hiw.is-visible .mc-hiw__dot--b { animation-play-state: running; }
@keyframes mc-dot-travel { 0% { cx: 0; opacity: 0; } 10% { opacity: 0.9; } 90% { opacity: 0.9; } 100% { cx: 200; opacity: 0; } }
@keyframes mc-beam-sweep { 0% { stroke-dashoffset: 260; } 100% { stroke-dashoffset: -60; } }
.mc-hiw__step { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 1; }
.mc-hiw__icon-wrap { position: relative; margin-bottom: calc(20px * var(--mc-scale)); flex-shrink: 0; }
.mc-hiw__icon {
    width: calc(100px * var(--mc-scale)); height: calc(100px * var(--mc-scale)); border-radius: 50%;
    background: var(--mc-deep); border: 1px solid rgba(var(--mc-keppel-rgb),.2);
    display: flex; align-items: center; justify-content: center;
    color: var(--mc-keppel); position: relative;
    transition: transform 0.4s var(--mc-ease), box-shadow 0.4s var(--mc-ease), border-color 0.4s ease;
}
.mc-hiw__num {
    position: absolute; top: calc(-6px * var(--mc-scale)); right: calc(-6px * var(--mc-scale));
    width: calc(26px * var(--mc-scale)); height: calc(26px * var(--mc-scale)); border-radius: 50%;
    background: var(--mc-amber); color: var(--mc-deep);
    font-family: var(--mc-font-head); font-size: var(--mc-fs-sm); font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    z-index: 2; box-shadow: 0 2px 8px rgba(var(--mc-amber-rgb),.4);
}
.mc-hiw__step:hover .mc-hiw__icon { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(var(--mc-keppel-rgb),.3), 0 8px 32px rgba(var(--mc-deep-rgb),.3), 0 0 20px rgba(var(--mc-keppel-rgb),.15); border-color: rgba(var(--mc-keppel-rgb),.4); }
.mc-hiw__step:nth-child(2) { transition-delay: 0.1s; }
.mc-hiw__step:nth-child(3) { transition-delay: 0.2s; }
.mc-hiw__step:nth-child(4) { transition-delay: 0.3s; }
.mc-hiw__title { font-family: var(--mc-font-head); font-size: var(--mc-fs-2xl); font-weight: 700; color: var(--mc-light); margin-bottom: calc(12px * var(--mc-scale)); line-height: 1.2; }
.mc-hiw__desc { font-size: var(--mc-fs); color: rgba(var(--mc-light-rgb),.55); line-height: 1.7; margin-bottom: calc(16px * var(--mc-scale)); max-width: calc(260px * var(--mc-scale)); }
.mc-hiw__meta { font-family: var(--mc-font-mono); font-size: calc(var(--mc-fs) * 0.679); color: rgba(var(--mc-spray-rgb),0.5); letter-spacing: 0.5px; text-transform: uppercase; }

/* -- CTA -------------------------------------------------------- */

.mc-cta { background: var(--mc-deep); padding: var(--mc-section-y) var(--mc-section-x); text-align: center; position: relative; overflow: hidden; content-visibility: auto; contain-intrinsic-size: auto 400px; }
.mc-cta::after { content: ''; position: absolute; bottom: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--mc-keppel-rgb),0.3), transparent); pointer-events: none; }
.mc-cta::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(700px * var(--mc-scale)); height: calc(300px * var(--mc-scale)); pointer-events: none; background: radial-gradient(ellipse,rgba(var(--mc-keppel-rgb),0.1) 0%,transparent 65%); }
.mc-cta__heading { font-family: var(--mc-font-head); font-size: clamp(1.625rem, 3.8vw, 2.875rem); font-weight: 800; color: var(--mc-light); letter-spacing: -1.2px; margin-bottom: calc(14px * var(--mc-scale)); position: relative; overflow: hidden; }
.mc-cta__sub { font-size: var(--mc-fs-lg); color: rgba(var(--mc-light-rgb),0.65); margin-bottom: calc(24px * var(--mc-scale)); position: relative; }
.mc-cta__actions { display: flex; align-items: center; justify-content: center; gap: calc(20px * var(--mc-scale)); flex-wrap: wrap; }
.mc-cta__ghost-link { font-size: var(--mc-fs); padding: calc(14px * var(--mc-scale)) calc(8px * var(--mc-scale)); opacity: 0.7; }
.mc-cta__ghost-link:hover { opacity: 1; }

/* -- ANIMATIONS ------------------------------------------------- */

.mc-hero__heading { animation: mc-fadeIn 0.5s var(--mc-ease-out) both; }
.mc-hero__heading em { animation: mc-fadeIn 0.5s 0.1s var(--mc-ease-out) both; }
.mc-hero__subtext { animation: mc-fadeIn 0.5s 0.18s var(--mc-ease-out) both; }
.mc-hero__actions { animation: mc-fadeIn 0.5s 0.26s var(--mc-ease-out) both; }
.mc-hero__badge { animation: mc-fadeIn 0.4s 0.05s var(--mc-ease-out) both; }
@keyframes mc-fadeIn { from { opacity: 0; } to { opacity: 1; } }

.mc-hero-card { animation: mc-fadeIn 0.5s 0.2s var(--mc-ease-out) both; }

/* Trust items animate via mc-reveal + mc-reveal-stagger (no separate keyframe) */

.mc-hiw__step.is-visible .mc-hiw__icon { animation: mc-iconReveal 0.35s var(--mc-ease-out) both; }
.mc-hiw__step:nth-child(2).is-visible .mc-hiw__icon { animation-delay: 0.1s; }
.mc-hiw__step:nth-child(3).is-visible .mc-hiw__icon { animation-delay: 0.2s; }
.mc-hiw__step:nth-child(4).is-visible .mc-hiw__icon { animation-delay: 0.3s; }
@keyframes mc-iconReveal { from { transform: scale(0.7); opacity: 0; } to { transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(var(--mc-keppel-rgb),0.12); } }

/* -- Reduced Motion --------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .mc-hero__heading, .mc-hero__heading em, .mc-hero__subtext,
    .mc-hero__actions, .mc-hero__badge, .mc-hero-card,
    .mc-trust__item { animation: none !important; opacity: 1 !important; }
    .mc-hiw__step.is-visible .mc-hiw__icon { animation: none; opacity: 1; }
    .mc-hiw__beam--a, .mc-hiw__beam--b, .mc-hiw__dot--a, .mc-hiw__dot--b { animation: none; }
}

/* -- Responsive ------------------------------------------------- */

@media (max-width: 1024px) {
    .mc-hero__inner { grid-template-columns: 1fr 1fr; gap: calc(36px * var(--mc-scale)); }
    .mc-trust__item { padding: calc(18px * var(--mc-scale)) calc(16px * var(--mc-scale)); gap: calc(10px * var(--mc-scale)); }
    .mc-trust__value { font-size: var(--mc-fs); }
}

@media (max-width: 768px) {
    .mc-hero { padding: calc(44px * var(--mc-scale)) calc(20px * var(--mc-scale)) calc(32px * var(--mc-scale)); min-height: auto; }
    .mc-hero__inner { grid-template-columns: 1fr; }
    .mc-hero-card { display: none; }
    .mc-trust__inner { flex-wrap: wrap; }
    .mc-trust__item { flex: 0 0 100%; border-right: none; border-bottom: 1px solid rgba(var(--mc-white-rgb),0.1); }
    .mc-trust__item:last-child { border-bottom: none; }
    .mc-trust__label { font-size: var(--mc-fs-2xs); letter-spacing: var(--mc-ls-label); }
    .mc-trust__value { font-size: var(--mc-fs-md); }
    .mc-hiw__track { grid-template-columns: 1fr; gap: calc(24px * var(--mc-scale)); }
    .mc-hiw__connector { display: none; }
    .mc-hiw__header { margin-bottom: calc(24px * var(--mc-scale)); }
    .mc-hiw__desc { max-width: 100%; }
    .mc-cta__actions { flex-direction: column; align-items: stretch; gap: calc(12px * var(--mc-scale)); }
    .mc-cta__ghost-link { text-align: center; padding: calc(10px * var(--mc-scale)) 0; }
}

@media (max-width: 480px) {
    .mc-hero {
            padding: calc(32px * var(--mc-scale)) calc(16px * var(--mc-scale)) calc(24px * var(--mc-scale));
        }
    .mc-hero__heading { font-size: var(--mc-fs-3xl); letter-spacing: -0.8px; }
        .mc-hero__subtext {
            font-size: var(--mc-fs);
            margin-bottom: calc(16px * var(--mc-scale));
        }
    
        .mc-hero__badge {
            font-size: calc(var(--mc-fs) * 0.714);
            padding: calc(5px * var(--mc-scale)) calc(12px * var(--mc-scale));
            margin-bottom: calc(16px * var(--mc-scale));
        }
    .mc-hero__actions { flex-direction: column; align-items: stretch; gap: calc(12px * var(--mc-scale)); }
    .mc-hero__actions .mc-btn { width: 100%; justify-content: center; }
        .mc-trust__item {
            padding: calc(14px * var(--mc-scale)) calc(16px * var(--mc-scale));
            gap: calc(10px * var(--mc-scale));
        }
    
        .mc-trust__value {
            font-size: var(--mc-fs);
        }
    
        .mc-trust__label {
            font-size: calc(var(--mc-fs) * 0.679);
        }
    
        .mc-trust__icon {
            width: calc(30px * var(--mc-scale));
            height: calc(30px * var(--mc-scale));
            border-radius: calc(6px * var(--mc-scale));
        }
    
        .mc-hiw__icon {
            width: calc(80px * var(--mc-scale));
            height: calc(80px * var(--mc-scale));
        }
    
        .mc-hiw__num {
            width: calc(22px * var(--mc-scale));
            height: calc(22px * var(--mc-scale));
            font-size: var(--mc-fs-xs);
        }
    
        .mc-hiw__title {
            font-size: var(--mc-fs-xl);
        }
    
        .mc-hiw__desc {
            font-size: calc(var(--mc-fs) * 0.929);
        }
    
        .mc-hiw__icon-wrap {
            margin-bottom: calc(14px * var(--mc-scale));
        }
    
        .mc-brands {
            padding: calc(28px * var(--mc-scale)) calc(16px * var(--mc-scale));
        }
    
        .mc-brands__label {
            font-size: calc(var(--mc-fs) * 0.679);
            letter-spacing: 2px;
        }
    
        .mc-brands__grid {
            gap: calc(20px * var(--mc-scale)) calc(32px * var(--mc-scale));
        }
    
        .mc-brand__logo {
            height: calc(28px * var(--mc-scale));
        }
    
        .mc-cta__heading {
            font-size: calc(var(--mc-fs) * 1.571);
        }
    
        .mc-cta__sub {
            font-size: var(--mc-fs);
            margin-bottom: calc(18px * var(--mc-scale));
        }
        }
    
        @media (max-width: 320px) {
            .mc-hero {
                padding: calc(24px * var(--mc-scale)) calc(12px * var(--mc-scale)) calc(20px * var(--mc-scale));
            }
    
            .mc-hero__heading {
                font-size: calc(var(--mc-fs) * 1.571);
                letter-spacing: -0.5px;
            }
    
            .mc-trust__item {
                padding: calc(12px * var(--mc-scale));
            }
    
            .mc-trust__value {
                font-size: calc(var(--mc-fs) * 0.929);
            }
}