/* Medge — homepage restructure (4 Nov 2026), from the visitor-panel plan (references/visitor-panel-2026-11-04.md).
   Loaded after site.css / story.css / founder.css: hero rewrite, "What do you run?" picker, labelled calculator,
   compact case cards, static "How it works" strip, MIRA AI in plain words, "Pick your starting point", gateway cards,
   short founder note, contact, phone sticky bar, case-studies / hardware / film pages. */

/* ---------- compact proof cards ---------- */
.pick-note { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin: -18px 0 18px; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(163,92,255,.4); background: rgba(163,92,255,.1); font-size: 14.5px; color: var(--text-2); }
.pick-note[hidden] { display: none; }
.pick-note b { color: #fff; }
.linklike { background: none; border: 0; padding: 6px 2px; color: #c9a8ff; font: 600 14.5px var(--f-body); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; min-height: 36px; }
.pcases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); align-items: stretch; }
.pc { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r); border: 1px solid var(--glass-line, var(--line)); background: var(--glass, var(--surface)); box-shadow: var(--glass-hi, none); }
.pc-th { aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--acc) 40%, transparent), transparent 60%), #0b0716; }
.pc-th img { width: 100%; height: 100%; object-fit: cover; object-position: top left; opacity: .94; display: block; }
.pc-b { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 20px; flex: 1; }
.pc-k { font: 500 12.5px var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: color-mix(in srgb, var(--acc) 70%, white); }
.pc h3 { margin: 0; font: 650 clamp(19px, 1.6vw, 24px)/1.2 var(--f-display); letter-spacing: -.02em; }
.pc-p, .pc-r { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text-2); }
.pc-p b, .pc-r b { display: block; font: 600 12.5px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); margin-bottom: 2px; }
.pc .case-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 4px 0 0; }
.pc .case-stats div { padding: 10px 9px; }
.pc .case-stats b { font-size: 19px; }
.pc .case-stats span { display: block; margin-top: 3px; font: 500 12.5px/1.3 var(--f-body); letter-spacing: 0; text-transform: none; color: var(--text-2); }
.pc .tags { display: flex; flex-wrap: wrap; gap: 6px; }
.pc-a { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 6px; }
.pc-a .btn { flex: 1 1 auto; justify-content: center; min-height: 44px; }
.pc--demo { border-color: color-mix(in srgb, var(--acc) 50%, transparent); }
.more-cases { margin: 26px 0 0; text-align: center; }
@media (max-width: 900px) { .pcases { grid-template-columns: 1fr; } .pc { flex-direction: row; flex-wrap: wrap; } .pc-th { flex: 0 0 100%; aspect-ratio: 16 / 7; } }
@media (max-width: 560px) { .pc-th { aspect-ratio: 16 / 8; } .pc-b { padding: 14px 14px 16px; gap: 8px; } .pc-a .btn { flex: 1 1 100%; } .pcases { gap: 12px; } }
.pcard[hidden] { display: none; }

/* ---------- case-studies page ---------- */
.cs-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.cs-filters button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--text-2); font: 500 15px var(--f-body); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.cs-filters button i { font: 600 12.5px var(--f-mono); font-style: normal; color: var(--text-3); }
.cs-filters button:hover { color: #fff; border-color: #a35cff; }
.cs-filters button[aria-pressed="true"] { background: #7e42ea; border-color: #7e42ea; color: #fff; }
.cs-filters button[aria-pressed="true"] i { color: #fff; }
.cs-filters button:focus-visible { outline: 2px solid #c9a8ff; outline-offset: 2px; }
.cs-count { margin: 0 0 22px; font: 500 13.5px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.pcard .cs-prob-s { -webkit-line-clamp: 6; }
@media (max-width: 900px) { .pgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .pgrid { grid-template-columns: 1fr; } }

/* ---------- 03 how it works: static strip ---------- */
.flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; counter-reset: fl; border: 1px solid var(--line-strong); border-radius: var(--r); overflow: hidden; background: var(--surface); }
.flow li { position: relative; display: grid; gap: 6px; align-content: start; padding: 22px 22px 24px 22px; border-right: 1px solid var(--line); }
.flow li:last-child { border-right: 0; }
.flow li::after { content: "→"; position: absolute; right: -11px; top: 26px; z-index: 2; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #1a0f30; border: 1px solid var(--line-strong); color: #d8c2ff; font-size: 13px; }
.flow li:last-child::after { display: none; }
.flow i { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(163,92,255,.14); border: 1px solid rgba(163,92,255,.35); color: #d8c2ff; margin-bottom: 6px; }
.flow i svg { width: 22px; height: 22px; }
.flow b { font: 650 18px/1.2 var(--f-display); letter-spacing: -.02em; }
.flow span { font-size: 15px; line-height: 1.5; color: var(--text-2); }
.protos { margin: 22px 0 0; font-size: 16px; line-height: 1.6; color: var(--text-2); }
.protos b { color: var(--text); font-weight: 600; display: block; margin-bottom: 2px; }
.flow-cta { margin: 20px 0 0; }
@media (max-width: 900px) {
  .flow { grid-template-columns: 1fr 1fr; }
  .flow li:nth-child(2) { border-right: 0; } .flow li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .flow li::after { display: none; }
}
@media (max-width: 520px) {
  .flow { grid-template-columns: 1fr; }
  .flow li { border-right: 0; border-bottom: 1px solid var(--line); padding: 14px 16px; grid-template-columns: 42px 1fr; column-gap: 14px; row-gap: 2px; align-items: center; }
  .flow li:last-child { border-bottom: 0; }
  .flow i { grid-row: 1 / 3; margin: 0; }
  .flow b { font-size: 16.5px; } .flow span { font-size: 14px; }
}
.disc { margin-top: 28px; border-top: 1px solid var(--line); padding-top: 4px; }
.disc > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; min-height: 52px; font: 500 14.5px var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--text-2); }
.disc > summary::-webkit-details-marker { display: none; }
.disc > summary::after { content: "+"; margin-left: auto; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--line-strong); display: grid; place-items: center; font-size: 18px; color: #d8c2ff; }
.disc[open] > summary::after { content: "–"; }
.disc > summary:hover { color: #fff; }
.disc > summary:focus-visible { outline: 2px solid #c9a8ff; outline-offset: 3px; border-radius: 8px; }
.disc > .lead { margin: 6px 0 22px; }
.disc { position: relative; }

/* ---------- 04 MIRA AI in plain words ---------- */
/* owner, 10 Nov 2026: big Ollie and his tap/moves stage are back; the three points sit under him */
.mira-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mira-points li { padding: 12px 14px; border-left: 2px solid rgba(163,92,255,.65); background: linear-gradient(90deg, rgba(163,92,255,.08), transparent); border-radius: 0 10px 10px 0; font-size: 15.5px; line-height: 1.5; color: var(--text-2); }
.mira-points b { color: #fff; font-weight: 600; }
@media (min-width: 961px) { #ollie .ollie-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); } }
@media (min-width: 1100px) and (min-height: 640px) {
  /* big Ollie keeps the left column (rows 5-6); the three points sit as one row of cards under the chat */
  #ollie .ollie-left > .mira-points { grid-column: 2; grid-row: 6; align-self: start; margin-top: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #ollie .ollie-left > .mira-points li { padding: 8px 12px; font-size: 13.5px; line-height: 1.4; }
  #ollie .ollie-right > .h-lg { font-size: clamp(34px, min(3.1vw, 6vh), 56px); }
}
@media (max-width: 1099px), (max-height: 639px) {
  #ollie .ollie-left > .mira-points { margin-top: 14px; }
}
@media (max-width: 960px) {
  #ollie .ollie-left { display: contents; }
  #ollie .ollie-left > .ollie-stage { order: 4; margin-top: 10px; }
  #ollie .ollie-left > .ollie-hint { order: 4; }
  #ollie .ollie-left > .mira-points { order: 6; margin-top: 18px; }
  #ollie .chat { order: 5; }
  #ollie .ollie-right > .h-lg { font-size: clamp(26px, 7.4vw, 40px); }
}
@media (max-width: 560px) { .mira-points li { font-size: 14.5px; padding: 10px 12px; } }

/* ---------- 05 pick your starting point ---------- */
/* live platforms (owner, 10 Nov 2026): picture tiles, the whole tile is the link */
/* owner, 11 Nov 2026: grouped by where they're used. 4 columns: Energy (4) / Shop floor (3) + Fleet (1) / Buildings (1) + the "see all" panel */
.sp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(26px, 2.6vw, 36px) clamp(14px, 1.4vw, 20px); }
.sg { --gc: #ffb547; display: grid; grid-template-columns: subgrid; grid-template-rows: auto; grid-auto-rows: 1fr; align-content: start; grid-column: span 4; row-gap: 12px; min-width: 0; }
.sg--floor { --gc: #4fd1ff; grid-column: span 3; } .sg--fleet { --gc: #2ee6a6; grid-column: span 1; } .sg--bldg { --gc: #c9a8ff; grid-column: span 1; }
@supports not (grid-template-columns: subgrid) { .sg { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px; } .sg--floor { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sg--fleet, .sg--bldg { grid-template-columns: 1fr; } }
.sg-n { grid-column: 1 / -1; margin: 0; display: flex; align-items: center; gap: 10px; font: 600 14px var(--f-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gc); white-space: nowrap; }
.sg-n i { width: 10px; height: 10px; border-radius: 3px; background: var(--gc); box-shadow: 0 0 12px var(--gc); flex: none; }
.sg-n small { font: 500 12px var(--f-mono); letter-spacing: .1em; color: var(--text-3); }
.sg-n::after { content: ""; flex: 1; min-width: 12px; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--gc) 55%, transparent), transparent); }
.sg .sp { border-top: 3px solid var(--gc); }
.sg .sp-g { display: none; }
.sp-more.start-more { grid-column: span 3; align-self: stretch; margin: 31px 0 0; padding: 20px; min-height: 120px; align-content: center; justify-content: center; border: 1px dashed var(--line-strong); border-radius: 18px; }
.sp-chips { display: none; }
.sp { position: relative; display: flex; flex-direction: column; border-radius: 18px; border: 1px solid var(--line-strong); background: var(--surface); overflow: hidden; color: inherit; text-decoration: none; cursor: pointer;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .25s, box-shadow .3s, background .25s; }
.sp:hover, .sp:focus-visible { transform: translateY(-4px); border-color: color-mix(in srgb, var(--acc) 70%, transparent); background: var(--surface-2);
  box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 0 1px color-mix(in srgb, var(--acc) 45%, transparent); }
.sp:focus-visible { outline: 2px solid #c9a8ff; outline-offset: 3px; }
.sp-th { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--acc) 40%, transparent), transparent 60%), #0b0716; border-bottom: 1px solid var(--line); }
.sp-th img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.sp:hover .sp-th img { transform: scale(1.05); }
.sp-th.no-img img { display: none; }
.sp-live { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px; background: rgba(8,5,16,.82); color: #7df5c8; font: 600 12px var(--f-mono); letter-spacing: .1em; text-transform: uppercase; font-style: normal; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sp-live i { width: 7px; height: 7px; border-radius: 50%; background: #2ee6a6; box-shadow: 0 0 8px #2ee6a6; animation: pulse 1.6s infinite; }
.sp-ov { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(180deg, rgba(8,5,16,.15), rgba(8,5,16,.7)); color: #fff; font: 650 16px var(--f-body); opacity: 0; transition: opacity .3s; }
.sp:hover .sp-ov { opacity: 1; }
.sp-b { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 16px; flex: 1; }
.sp-g { font: 500 12px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.sp-t { font: 650 18px/1.2 var(--f-body); color: var(--text); }
.sp-k { font: 500 12.5px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: color-mix(in srgb, var(--acc) 55%, #fff); }
.sp-p { font-size: 14.5px; line-height: 1.45; color: var(--text-2); margin: 2px 0 12px; }
.sp-cta { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; margin-top: auto;
  background: linear-gradient(135deg, #8a2be2, #c040e0); color: #fff; font: 650 14.5px var(--f-body); box-shadow: 0 6px 18px rgba(160,60,230,.35); transition: filter .25s, gap .25s; }
.sp:hover .sp-cta { filter: brightness(1.12); gap: 12px; }
@media (max-width: 1000px) { .sp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sg, .sg--floor { grid-column: span 2; } .sp-more.start-more { grid-column: span 2; min-height: 0; } }
/* phones: one swipeable row of full-picture cards, the next card peeks in so the row reads as swipeable */
@media (max-width: 560px) {
  .sp-grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; margin-inline: calc(50% - 50vw); padding: 4px calc(50vw - 50%) 14px; scroll-padding-inline: 12px; scrollbar-width: none; }
  .sp-grid::-webkit-scrollbar { display: none; }
  .sg { display: contents; } .sg-n { display: none; } .sg .sp-g { display: block; color: var(--gc); }
  .sp-more.start-more { display: none; }
  .sp { flex: 0 0 84%; scroll-snap-align: start; }
  .sp:hover, .sp:focus-visible { transform: none; }
  .sp-ov { display: none; }
  .sp-b { padding: 12px 14px 14px; }
  .sp-t { font-size: 17px; } .sp-p { font-size: 14px; }
}
.sp-swipe { display: none; }
@media (max-width: 560px) {
  .sp-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(50% - 50vw) 12px; padding: 0 12px; }
  .sp-chips::-webkit-scrollbar { display: none; }
  .sp-chip { --gc: #ffb547; flex: none; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--text-2); font: 600 13.5px var(--f-body); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
  .sp-chip[data-g="floor"] { --gc: #4fd1ff; } .sp-chip[data-g="fleet"] { --gc: #2ee6a6; } .sp-chip[data-g="bldg"] { --gc: #c9a8ff; }
  .sp-chip i { width: 8px; height: 8px; border-radius: 2px; background: var(--gc); }
  .sp-chip small { font: 500 12px var(--f-mono); color: var(--text-3); }
  .sp-chip.on small { color: var(--text-2); }
  .sp-chip.on { border-color: var(--gc); color: var(--text); background: color-mix(in srgb, var(--gc) 16%, var(--surface)); }
  .sp-chip:focus-visible { outline: 2px solid #c9a8ff; outline-offset: 2px; }
}
@media (max-width: 560px) { .sp-swipe { display: block; margin: 2px 0 0; font: 500 12.5px var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); } }
@media (prefers-reduced-motion: reduce) { .sp, .sp-th img { transition: none; } .sp:hover { transform: none; } .sp:hover .sp-th img { transform: none; } .sp-live i { animation: none; } }
.start-more { margin: 26px 0 0; display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- 06 hardware: four gateway cards ---------- */
.hw--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hw-card--c { display: flex; flex-direction: column; gap: 4px; padding: 18px; }
.hw-card--c .img { aspect-ratio: 1.5; margin-bottom: 8px; }
.hw-card--c h3 { margin: 0; }
.hw-card--c p { margin: 0 0 8px; font-size: 14.5px; line-height: 1.45; }
.hw-card--c .best { margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--line); display: grid; gap: 2px; }
.hw-card--c .best small { font: 500 12.5px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.hw-card--c .best span { font-size: 15px; line-height: 1.4; color: var(--text); }
@media (max-width: 1000px) { .hw--compact { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) {
  .hw--compact { grid-template-columns: 1fr; gap: 10px; }
  .hw-card--c { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 12px 14px; }
  .hw-card--c .img { grid-row: 1 / 5; aspect-ratio: 1; margin: 0; }
  .hw-card--c .img::after { display: none; }
  .hw-card--c p { margin: 2px 0 6px; font-size: 13.5px; }
  .hw-card--c .best { padding-top: 6px; }
  .hw-card--c .best span { font-size: 14px; }
}

/* ---------- founder note: short ---------- */
.founder-sec .fnote-q p:not(:first-child) { color: var(--text-2); }
.fnote-from { font: 500 13.5px var(--f-body); color: var(--text-3); margin-top: 2px; }
.founder-sec .fnote-body { gap: 14px; padding: clamp(20px, 3vw, 40px); }
@media (min-width: 861px) { .founder-sec .fnote { grid-template-columns: 4fr 7fr; } }
@media (max-width: 860px) { .founder-sec .fnote-ph { aspect-ratio: 16 / 8; } .founder-sec .fnote-ph img { object-position: center 28%; } .fnote-q p:first-child { font-size: 19px; } }

/* ---------- 07 contact ---------- */
#contact .contact { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; }
#contact .cinfo a { padding: 14px 16px; min-height: 64px; }
#contact .cinfo .cinfo-wa .ic { background: rgba(37,211,102,.14); border-color: rgba(37,211,102,.45); }
#contact .cinfo > a:first-child, #contact .cinfo .cinfo-wa { border-color: rgba(163,92,255,.5); }
.term-bar { color: var(--text-2); }
@media (max-width: 900px) { #contact .contact { grid-template-columns: 1fr; gap: 14px; } .term form { gap: 12px; padding: 16px; } .term textarea { min-height: 72px; } }
@media (max-width: 560px) { #contact .cinfo { grid-template-columns: 1fr 1fr; } #contact .cinfo a { grid-template-columns: 1fr; gap: 6px; padding: 12px 12px; min-height: 0; } #contact .cinfo .ic { width: 38px; height: 38px; } #contact .cinfo a:nth-child(n+3) { grid-column: 1 / -1; grid-template-columns: 38px 1fr; } }

/* ---------- sub-pages: film (the scroll-locked film now lives only here), hardware, case studies ---------- */
.subpage-film main > section:first-of-type { padding-top: 0; }
.subpage-hardware .bros { margin-top: 0; }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* short laptop screens: site.css lets the chat take the full column there; keep row 6 free for the three points */
@media (min-width: 1100px) and (min-height: 640px) and (max-height: 860px) {
  #ollie .ollie-right > .chat { grid-row: 1 / 6; }
}
/* while Ollie's welcome bubble is up, his three stage tags step aside (they sat under the bubble on narrow stages) */
#ollie .ollie-tag { transition: opacity .3s; }
#ollie .ollie-stage:has(.stage-bubble.show) .ollie-tag { opacity: 0; }

/* owner, 11 Nov 2026: on phones the hero is headline + one line, so the moving background shows. Long line stays on PC/tablet. */
@media (max-width: 560px) {
  .hero-long { display: none; }
  .hero-sub { margin-top: 18px; gap: 22px; }
  .hero-sub p .hl { display: block; font-size: 21px; line-height: 1.35; }
  .hero::before { background: linear-gradient(180deg, rgba(4,2,10,.1) 0%, rgba(4,2,10,.18) 40%, rgba(4,2,10,.62) 72%, rgba(4,2,10,.8) 100%); }
  .hero h1 { text-shadow: 0 2px 18px rgba(0,0,0,.6); }
  .hero-ctas { gap: 10px; }
  .hero-ctas > [data-video] { flex: 1 1 100%; }
  .hero-ctas > [data-tour-start], .hero-ctas > a.btn { flex: 1 1 0; min-width: 0; padding-inline: 12px; font-size: 15px; white-space: nowrap; }
}

/* owner, 11 Nov 2026: shorter MIRA AI on phones. Big Ollie + his taps/moves stay; the intro line, chat height and the 3 points get tighter */
@media (max-width: 560px) {
  #ollie.sec, section#ollie { padding-block: 56px; }
  #ollie .ollie-right > .lead { display: none; }
  #ollie .ollie-left > .ollie-stage { margin-top: 4px; }
  #ollie .stage-bubble { top: -2%; width: min(300px, 88%); padding: 9px 12px; font-size: 14px; line-height: 1.4; }
  #ollie .chat { margin-top: 14px; }
  #ollie .chat-body { height: 250px; }
  #ollie .chat-foot #chat-hint { display: none; }
  #ollie .chat-foot { min-height: 0; padding-bottom: 8px; }
  #ollie .ollie-left > .mira-points { margin-top: 12px; gap: 6px; }
  #ollie .mira-points li { padding: 6px 11px; font-size: 0; line-height: 1.35; }
  #ollie .mira-points li b, #ollie .mira-points li strong { font-size: 14px; }
}