/* Platform 88.2 — Mobiles homepage hero (premium comparison identity) */
.mh88-hero{position:relative;background:#0b1220;color:#e8eef8;overflow:hidden;padding:clamp(2rem,5vw,4rem) 0}
.mh88-hero__mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(56,189,248,.18),transparent 55%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(99,102,241,.2),transparent 50%),linear-gradient(180deg,#0b1220 0%,#111827 100%)}
.mh88-hero__inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 1rem}
.mh88-hero__bento{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:1024px){.mh88-hero__bento{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto auto}}
.mh88-hero__spotlight{grid-column:1/-1}
@media(min-width:1024px){.mh88-hero__spotlight{grid-column:1/3}}
.mh88-hero__eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#67e8f9;margin:0 0 .75rem}
.mh88-hero__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.1;margin:0 0 .75rem}
.mh88-hero__lead{color:#cbd5e1;max-width:42rem;margin:0 0 1.25rem;line-height:1.6}
.mh88-hero__search{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #475569;border-radius:1rem;padding:.5rem .75rem;max-width:36rem}
.mh88-hero__search input{flex:1;background:transparent;border:0;color:#f8fafc;outline:none;min-width:0}
.mh88-hero__search input::placeholder{color:#94a3b8}
.mh88-hero__search input:focus{outline:2px solid #67e8f9;outline-offset:2px;border-radius:.35rem}
.mh88-hero__search button{background:linear-gradient(135deg,#22d3ee,#6366f1);color:#0b1220;border:0;border-radius:.75rem;padding:.65rem 1.1rem;font-weight:700;cursor:pointer}
.mh88-hero__search button:focus-visible{outline:2px solid #f8fafc;outline-offset:2px}
.mh88-hero__brands{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.mh88-hero__brand{padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#cbd5e1;text-decoration:none;transition:background .2s}
.mh88-hero__brand:hover{background:rgba(6,182,212,.15);color:#fff}
.mh88-hero__flagship{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:1.25rem;padding:1.25rem;position:relative}
.mh88-hero__badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#06b6d4;color:#0b1220;padding:.25rem .5rem;border-radius:.35rem}
.mh88-hero__flagship h2{font-size:1.25rem;margin:.75rem 0 .35rem}
.mh88-hero__flagship h2 a{color:#fff;text-decoration:none}
.mh88-hero__meta{color:#cbd5e1;font-size:.9rem;margin:0}
.mh88-hero__flagship-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}
.mh88-hero__cta{display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:.75rem;font-weight:600;text-decoration:none;font-size:.875rem}
.mh88-hero__cta--primary{background:#22d3ee;color:#0b1220}
.mh88-hero__cta--ghost{border:1px solid #64748b;color:#f1f5f9;background:rgba(15,23,42,.5)}
.mh88-hero__cta:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}
.mh88-hero__score{position:absolute;top:1rem;right:1rem;color:#fbbf24;font-weight:700}
.mh88-hero__widgets{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.mh88-hero__widget{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:1rem;background:#172033;border:1px solid #293548;text-decoration:none;color:#e2e8f0;transition:transform .2s,border-color .2s}
.mh88-hero__widget:hover{transform:translateY(-2px);border-color:#06b6d4}
.mh88-hero__widget i{font-size:1.25rem;color:#67e8f9}
.mh88-hero__widget span{font-size:.8rem;color:#cbd5e1}
.mh88-hero__trending,.mh88-hero__rankings{background:#111827;border:1px solid #334155;border-radius:1rem;padding:1rem}
.mh88-hero__trending h3,.mh88-hero__rankings h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;margin:0 0 .75rem}
.mh88-hero__trending ul{list-style:none;margin:0;padding:0}
.mh88-hero__trending li{margin:.35rem 0}
.mh88-hero__trending a{color:#e2e8f0;text-decoration:none;font-size:.9rem}
.mh88-hero__trending a:hover{color:#67e8f9}
.mh88-hero__rank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.mh88-hero__rank{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:.75rem;background:#0f172a;text-decoration:none;color:#cbd5e1;font-size:.85rem}
.mh88-hero__rank:hover{background:#1e293b;color:#fff}

/* Upgrade / downgrade path cards */
.md-path-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem}
.md-path-card--upgrade{border-left:4px solid #06b6d4}
.md-path-card--downgrade{border-left:4px solid #f59e0b}
.md-path-card__title{font-size:1rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.md-path-card__entry+.md-path-card__entry{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}
.md-path-card__label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:600}
.md-path-card__device{display:block;font-size:1.1rem;color:#0f172a;margin-top:.25rem}
.md-path-card__benefits{margin-top:.75rem}
.md-path-card__benefits-title{font-size:.75rem;font-weight:700;color:#475569;display:block;margin-bottom:.35rem}
.md-path-card__benefits ul{margin:0;padding-left:1.1rem;color:#334155}
.md-path-card__benefits li{margin:.2rem 0}