/* Case — Mastri Appliance */
.case--ma { background: #FFFEFA; color: #0F1B3D; font-family: 'Inter Tight', sans-serif; }
.ma-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #C8102E; margin: 0 0 1em; display: inline-block; }
.ma-eyebrow--white { color: #FFD700; }
.ma-h2 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(2rem, 4.6vw, 3.2rem); line-height: 1.05; letter-spacing: -.01em; text-transform: uppercase; margin: 0 0 .5em; color: #0F1B3D; }
.ma-h2--white { color: #FFFEFA; }
.ma-btn { display: inline-flex; padding: 14px 28px; border-radius: 0; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: .96rem; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; transition: transform .25s var(--ac-ease-out), background .25s; }
.ma-btn--red { background: #C8102E; color: #FFF; }
.ma-btn--red:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 #0F1B3D; }
.ma-btn--ghost { background: transparent; color: #0F1B3D; border: 2px solid #0F1B3D; }
.ma-btn--ghost:hover { background: #0F1B3D; color: #FFFEFA; transform: translate(-2px, -2px); }

.ma-hero { padding: clamp(70px, 11vw, 150px) 0 clamp(40px, 6vw, 80px); background: radial-gradient(60% 60% at 70% 30%, rgba(15,27,61,.04), transparent 60%), #FFFEFA; position: relative; overflow: hidden; }
.ma-hero__stripes { position: absolute; top: 0; right: 0; width: 240px; height: 100%; background: repeating-linear-gradient(180deg, #C8102E 0 12px, #FFFEFA 12px 22px, #0F1B3D 22px 34px, #FFFEFA 34px 44px); opacity: .12; pointer-events: none; transform: skewX(-12deg) translateX(60px); }
.ma-hero__inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; position: relative; z-index: 2; }
@media (max-width: 980px) { .ma-hero__inner { grid-template-columns: 1fr; } }
.ma-title { margin: 0 0 28px; line-height: .95; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; }
.ma-title span { display: block; font-size: clamp(2.8rem, 8vw, 5.4rem); letter-spacing: -.015em; }
.ma-title__red { color: #C8102E; }
.ma-tagline { max-width: 56ch; color: #4A4F66; line-height: 1.6; margin: 0 0 32px; font-size: 1.05rem; }
.ma-tagline strong { color: #0F1B3D; }
.ma-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; }
.ma-stars { display: flex; gap: 6px; justify-content: center; align-items: center; }
.ma-star { font-size: 3rem; color: #FFD700; text-shadow: 0 4px 10px rgba(255,215,0,.4); animation: ma-star 3s ease-in-out infinite; }
.ma-star:nth-child(2) { animation-delay: .2s; }
.ma-star:nth-child(3) { animation-delay: .4s; }
.ma-star:nth-child(4) { animation-delay: .6s; }
.ma-star:nth-child(5) { animation-delay: .8s; }
@keyframes ma-star { 0%,100%{ transform: scale(1); } 50%{ transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .ma-star { animation: none; } }

.ma-section { padding: clamp(70px, 10vw, 130px) 0; border-top: 1px solid rgba(15,27,61,.08); }
.ma-section--navy { background: #0F1B3D; color: #FFFEFA; }
.ma-split { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: start; }
@media (max-width: 880px) { .ma-split { grid-template-columns: 1fr; gap: 24px; } }
.ma-split p { line-height: 1.7; margin: 0 0 1em; max-width: 56ch; color: #4A4F66; }
.ma-section--navy .ma-split p { color: #B5BCD2; }
.ma-section--navy .ma-split strong { color: #FFD700; }

.ma-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
@media (max-width: 760px) { .ma-features { grid-template-columns: 1fr; } }
.ma-feature { background: #F2F4F8; border-top: 4px solid #C8102E; padding: 28px; transition: transform .25s var(--ac-ease-out), border-color .25s; }
.ma-feature:hover { transform: translateY(-4px); border-color: #0F1B3D; }
.ma-feature:nth-child(2n) { border-top-color: #0F1B3D; }
.ma-feature__num { font-family: 'JetBrains Mono', monospace; font-size: .76rem; letter-spacing: .14em; color: #C8102E; margin-bottom: 14px; }
.ma-feature h3 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 1.2rem; letter-spacing: -.005em; text-transform: uppercase; margin: 0 0 8px; color: #0F1B3D; }
.ma-feature p { color: #4A4F66; font-size: .94rem; line-height: 1.55; margin: 0; }

.ma-stack { display: grid; grid-template-columns: max-content 1fr; gap: 14px 32px; margin: 0; background: #F2F4F8; border: 2px solid #0F1B3D; padding: 30px; }
@media (max-width: 600px) { .ma-stack { grid-template-columns: 1fr; gap: 4px 0; } }
.ma-stack dt { font-family: 'JetBrains Mono', monospace; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #C8102E; padding-top: 4px; }
.ma-stack dd { margin: 0; font-size: .98rem; color: #0F1B3D; line-height: 1.5; }
@media (max-width: 600px) { .ma-stack dd { padding-bottom: 12px; border-bottom: 1px dashed rgba(15,27,61,.1); margin-bottom: 8px; } }