/* Features page — aligns the older tabbed demo with the mk.css system */
.f-hero { padding: clamp(56px, 8vw, 110px) 0 10px; text-align: left; }
.f-hero .wrap { display: block; }
.f-hero h1 { margin: 6px 0 22px; max-width: 900px; letter-spacing: -.03em; line-height: .98; }
.f-hero .lead { margin: 0; max-width: 640px; }
.tabs { justify-content: flex-start; top: 76px; padding: 16px 0; margin-top: 34px; background: linear-gradient(180deg, var(--ink) 70%, transparent); }
.tab { min-height: 50px; padding: 0 24px; border-radius: 14px; border: 2px solid var(--line); background: transparent; font: 800 .95rem 'Plus Jakarta Sans', sans-serif; box-shadow: none; }
.tab:hover { border-color: rgba(255,255,255,.3); }
.tab[aria-selected="true"] { background: var(--red); border-color: var(--red); box-shadow: 0 4px 0 var(--red-dd); }
.blk { padding: clamp(48px, 7vw, 88px) 0; }
.blk h3 { font-size: clamp(1.9rem, 3.6vw, 3rem); line-height: 1.02; letter-spacing: -.03em; }
.blk h3 em { font-style: normal; color: var(--red) !important; }
.blk .tagline { font: 800 .8rem 'Plus Jakarta Sans', sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--red); margin-bottom: 14px; }
.blk .tagline::before { content: ''; display: inline-block; width: 26px; height: 3px; background: currentColor; border-radius: 3px; vertical-align: middle; margin-right: 12px; }
.facts { gap: 14px; max-width: 520px; } .facts li { font-size: 1.02rem; }
.rule { border-radius: 14px; border-style: solid; }
.step { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
.step.flip .copy { order: 2; }
@media (max-width: 860px) { .step { grid-template-columns: 1fr; } .step.flip .copy { order: 0; } }
.blk .copy, .blk .phone { min-width: 0; }
.blk .phone { background: var(--navy); border: 1px solid var(--line); border-radius: 28px; padding: 22px; }
.final { margin-top: 40px; }
.tabs { border: 0; box-shadow: none; border-radius: 0; width: auto; margin-left: 0; margin-right: 0; background: none; }