/* Our Listings ("Modern Brokerage"). Loads after /site.css and only adds what
   this page needs: the hero, the listings feed with its sold fallback and
   empty state, why buy or sell with us, the home value band, the review
   slider and the closing form. It is the twin of /sold-gallery, so the
   components match it. Same radius rule as the rest of the site: 28px
   sections, 20px cards, 14px images inside cards, pills for every control. */

/* ---------- Current page in the nav (Our Listings lives under Buy) ---------- */
.hd .nav-link.is-active{ background:rgba(255,255,255,.2); }
.hd.is-solid .nav-link.is-active{ background:#fff; box-shadow:0 1px 3px rgba(7,25,49,.1); }
.hd .drop a[aria-current="page"] b{ color:var(--accent-text); }
.mnav details a[aria-current="page"]{ color:var(--ink); font-weight:500; }

/* ---------- Hero (same pattern and text position as /selling) ---------- */
.hero-listings .hero-card{
  height:clamp(500px, 38vw, 600px);
  align-items:stretch; justify-content:flex-end; text-align:left;
  padding:calc(var(--hd-h) + 40px) max(24px, calc((100vw - 1320px) / 2 + 24px)) clamp(64px, 6vw, 88px);
}
.hero-listings .hero-card{ background:#071931; }
/* The photo starts a third of the way in and fades up out of the navy, so the
   copy has clean navy to itself and the four people walk on the right. */
.hero-listings .hero-img{ left:30%; right:auto; width:70%; max-width:none; object-position:30% 18%;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 30%); mask-image:linear-gradient(90deg, transparent 0%, #000 30%); }
.hero-listings .hero-shade{ background:
  radial-gradient(60% 80% at 0% 100%, rgba(201,164,92,.16) 0%, rgba(201,164,92,0) 60%),
  linear-gradient(90deg, rgba(7,25,49,.5) 0%, rgba(7,25,49,.3) 34%, rgba(7,25,49,0) 56%),
  linear-gradient(0deg, rgba(4,13,27,.6) 0%, rgba(4,13,27,0) 44%),
  linear-gradient(180deg, rgba(4,13,27,.42) 0%, rgba(4,13,27,0) 22%); }
.ol-hero-body{ align-items:flex-start; max-width:620px; }
.ol-crumbs{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:36px; padding:4px 16px; border-radius:999px; font-size:14px; font-weight:500;
  background:rgba(4,13,27,.34); border:1px solid rgba(255,255,255,.24); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.ol-crumbs a{ color:rgba(255,255,255,.78); display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; }
.ol-crumbs a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.ol-crumbs i{ font-size:12px; opacity:.6; }
.ol-title{ margin-top:22px; font-size:clamp(2.4rem, 4.4vw, 4rem); font-weight:500; letter-spacing:-0.035em; line-height:1.02; text-wrap:balance; }
.ol-title .ln{ display:block; overflow:hidden; padding-bottom:.08em; margin-bottom:-.08em; }
.ol-title .ln > span{ display:inline-block; animation:lineUp 1.1s var(--ease) both; animation-delay:calc(.25s + var(--i, 0) * .12s); }
.ol-sub{ margin-top:18px; font-size:clamp(16px, 1.3vw, 18.5px); line-height:1.55; color:rgba(255,255,255,.88); max-width:44ch; }
.ol-ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* ---------- Sold feed: four across, eight at a time ---------- */
.ol-feed{ padding-top:clamp(56px, 6vw, 88px); }
.ol-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px 40px; flex-wrap:wrap; margin-bottom:clamp(28px, 3.4vw, 44px); }
.ol-head > div{ max-width:720px; }
.ol-head .lede{ max-width:56ch; }
.ol-tally{ display:flex; flex-wrap:wrap; gap:8px; }
.ol-tally:empty{ display:none; }
.ol-vh{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ol-tally span{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:999px; background:var(--panel); font-size:14.5px; color:var(--ink-2); }
.ol-tally b{ font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums; }
.ol-tally i{ font-size:17px; color:var(--accent-text); }

/* Sold fallback notice: shown above the solds when nothing is listed. */
.ol-note{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px 20px; margin-bottom:16px; padding:12px 12px 12px 16px; border-radius:var(--r-card); background:var(--accent-soft); }
.ol-note[hidden]{ display:none; }
.ol-note-ic{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:21px; background:#fff; color:var(--accent-text); }
.ol-note p{ font-size:15.5px; line-height:1.5; color:var(--ink-2); }
.ol-note b{ font-weight:600; color:var(--ink); }
.ol-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
.ol-grid .lcard.is-hidden{ display:none; }
.ol-grid .lcard{ animation-delay:calc(var(--i, 0) * 70ms); }
.ol-grid .lcard h3{ font-size:17.5px; }
.ol-grid .lc-price{ font-size:19.5px; }
/* Status chip on the photo: For sale (white), Coming soon (gold), Sold (navy).
   The property type, or the admin's sold note, sits in the meta line. */
.ol-chip{ position:absolute; left:12px; top:12px; z-index:1; display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 13px 0 10px; border-radius:999px;
  background:var(--ink); color:#fff; font-size:12.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 8px 18px -8px rgba(4,13,27,.6); }
.ol-chip i{ font-size:15px; color:var(--accent-tint); }
.ol-chip.is-active{ background:#fff; color:var(--ink); }
.ol-chip.is-active i{ color:var(--accent-text); }
.ol-chip.is-soon{ background:var(--accent); color:var(--ink); }
.ol-chip.is-soon i{ color:var(--ink); }
.ol-grid .lc-meta .lc-status{ color:var(--accent-text); }
.ol-grid .lc-meta{ flex-wrap:wrap; row-gap:2px; }

/* The closing tile: only once every home is shown, and only as wide as the
   gap the last row leaves (our-listings.js sets data-rem4 / data-rem2). It
   offers property alerts beside listings, and a home value beside solds. */
.ol-next{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; gap:18px;
  border-radius:var(--r-card); padding:clamp(24px, 2.6vw, 34px); color:#fff;
  background:radial-gradient(80% 70% at 100% 0%, rgba(201,164,92,.3) 0%, rgba(201,164,92,0) 60%), var(--navy-grad); }
.ol-next[hidden]{ display:none; }
.ol-grid[data-mode="active"] [data-for-mode="sold"], .ol-grid[data-mode="sold"] [data-for-mode="active"],
.ol-grid[data-mode="active"] [data-ic-sold], .ol-grid[data-mode="sold"] [data-ic-active]{ display:none; }
.ol-grid[data-rem4="0"] .ol-next{ display:none; }
.ol-grid[data-rem4="2"] .ol-next{ grid-column:span 2; }
.ol-grid[data-rem4="3"] .ol-next{ grid-column:span 3; }
.ol-next-ic{ width:52px; height:52px; border-radius:50%; display:grid; place-items:center; font-size:25px; background:rgba(232,199,126,.14); color:var(--accent-tint); flex:none; }
.ol-next-copy{ margin-top:auto; }
.ol-next h3{ font-size:clamp(22px, 2vw, 28px); font-weight:500; letter-spacing:-0.03em; line-height:1.15; max-width:16ch; }
.ol-next p{ margin-top:10px; font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.76); max-width:40ch; }
.ol-grid[data-rem4="2"] .ol-next, .ol-grid[data-rem4="3"] .ol-next{ justify-content:center; }
.ol-grid[data-rem4="2"] .ol-next-copy, .ol-grid[data-rem4="3"] .ol-next-copy{ margin-top:0; }
.ol-grid[data-rem4="3"] .ol-next{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:28px; }
.ol-grid[data-rem4="3"] .ol-next h3{ max-width:none; }

.ol-more{ display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:clamp(28px, 3vw, 40px); }
.ol-more .pill:hover .pill-ic{ transform:translateY(2px); }
.ol-count{ font-size:14.5px; color:var(--muted); }

.ol-empty{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px 28px; background:var(--panel); border-radius:var(--r-sec); padding:clamp(24px, 3.4vw, 40px); }
.ol-empty[hidden]{ display:none; }
.ol-empty-ic{ width:56px; height:56px; border-radius:50%; background:#fff; color:var(--accent-text); display:grid; place-items:center; font-size:27px; }
.ol-empty h3{ font-size:clamp(20px, 1.8vw, 24px); font-weight:500; letter-spacing:-0.02em; }
.ol-empty p{ margin-top:6px; font-size:16px; color:var(--muted); max-width:56ch; }
.ol-empty-ctas{ display:flex; flex-wrap:wrap; gap:10px; }
.ol-empty-ctas .pill-line{ gap:8px; }

/* ---------- Review slider ---------- */
.ol-rev-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(24px, 2.8vw, 36px); }
.ol-rev-title{ display:flex; align-items:center; flex-wrap:wrap; gap:18px 32px; }
.ol-rev-title .h2{ text-wrap:balance; }
.ol-score{ display:inline-flex; align-items:center; gap:14px; padding:10px 20px 10px 12px; border-radius:999px; background:var(--panel); transition:background-color .3s ease; }
.ol-score:hover{ background:#E8EDF3; }
.ol-score b{ display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#fff; font-size:21px; font-weight:600; letter-spacing:-0.03em; }
.ol-score-meta{ display:flex; flex-direction:column; gap:3px; font-size:14.5px; color:var(--muted); }
.ol-score-meta .stars-g{ color:var(--accent); font-size:16px; }
.ol-score-meta i.ph-arrow-up-right{ font-size:14px; vertical-align:-1px; transition:transform .3s var(--ease); }
.ol-score:hover i.ph-arrow-up-right{ transform:translate(2px, -2px); }
.ol-arrows{ display:flex; gap:8px; flex:none; }
.ol-arrows[hidden]{ display:none; }
.ol-arrow{ width:52px; height:52px; border-radius:50%; display:grid; place-items:center; font-size:20px; background:#fff; color:var(--ink); border:1px solid var(--line-2);
  transition:background-color .25s ease, color .25s ease, border-color .25s ease, opacity .25s ease; }
.ol-arrow:hover:not(:disabled){ background:var(--ink); color:#fff; border-color:var(--ink); }
.ol-arrow:disabled{ opacity:.35; cursor:default; }
.ol-arrow:focus-visible, .ol-dot:focus-visible, .ol-track:focus-visible{ outline:2px solid var(--accent-text); outline-offset:3px; }

.ol-track{ display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 32px) / 3); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain;
  scrollbar-width:none; border-radius:var(--r-card); }
.ol-track::-webkit-scrollbar{ display:none; }
.ol-slide{ scroll-snap-align:start; display:flex; flex-direction:column; min-height:260px; margin:0; padding:clamp(24px, 2.4vw, 32px); border-radius:var(--r-card); background:var(--panel); }
.ol-slide .stars-g{ color:var(--accent); font-size:17px; }
.ol-slide blockquote{ margin:18px 0 0; }
.ol-slide p{ font-size:clamp(19px, 1.55vw, 22px); line-height:1.4; letter-spacing:-0.015em; color:var(--ink); text-wrap:pretty; }
.ol-slide figcaption{ display:flex; flex-direction:column; gap:2px; margin-top:auto; padding-top:24px; font-size:14.5px; color:var(--muted); }
.ol-slide figcaption b{ font-size:15.5px; font-weight:500; color:var(--ink); }
.ol-dots{ display:flex; justify-content:center; gap:4px; margin-top:18px; }
.ol-dots[hidden]{ display:none; }
.ol-dot{ position:relative; width:32px; height:44px; }
.ol-dot::before{ content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:999px; background:var(--line-2); transition:background-color .25s ease; }
.ol-dot.is-on::before{ width:24px; margin-left:-12px; background:var(--ink); }

/* ---------- Why sell with Ryan and Paul ---------- */
.ol-why{ display:grid; grid-template-columns:5fr 7fr; gap:12px; background:var(--panel); border-radius:var(--r-sec); padding:12px; }
.ol-why-copy{ display:flex; flex-direction:column; align-items:flex-start; padding:clamp(20px, 3.2vw, 44px); }
.ol-why-copy .h2{ max-width:12ch; text-wrap:balance; }
.ol-why-copy .lede{ max-width:40ch; }
.ol-duo{ display:grid; gap:14px; margin-top:28px; }
.ol-duo li{ display:grid; grid-template-columns:56px 1fr; gap:14px; align-items:center; }
.ol-duo img{ width:56px; height:56px; border-radius:50%; object-fit:cover; object-position:50% 20%; background:var(--panel-2); }
.ol-duo span{ font-size:14.5px; line-height:1.5; color:var(--muted); }
.ol-duo b{ display:block; font-size:16px; font-weight:500; color:var(--ink); }
.ol-why-ctas{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin-top:32px; }
.ol-gets{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ol-gets li{ display:flex; flex-direction:column; padding:clamp(22px, 2.4vw, 32px); border-radius:var(--r-card); background:#fff; }
.ol-gets-ic{ width:48px; height:48px; border-radius:50%; display:grid; place-items:center; font-size:23px; background:var(--accent-soft); color:var(--accent-text); }
.ol-gets b{ margin-top:28px; font-size:clamp(18px, 1.5vw, 20px); font-weight:500; letter-spacing:-0.02em; line-height:1.25; }
.ol-gets li > span:last-child{ margin-top:8px; font-size:15px; line-height:1.55; color:var(--muted); }
/* The first tile is the pricing promise: navy, so the grid has one anchor. */
.ol-gets li:first-child{ color:#fff; background:radial-gradient(80% 70% at 100% 0%, rgba(201,164,92,.26) 0%, rgba(201,164,92,0) 60%), var(--navy-grad); }
.ol-gets li:first-child .ol-gets-ic{ background:rgba(232,199,126,.14); color:var(--accent-tint); }
.ol-gets li:first-child > span:last-child{ color:rgba(255,255,255,.76); }

/* ---------- Video tours ---------- */
#tours .sec-head .lede{ max-width:52ch; }

/* ---------- Home evaluation band ---------- */
.ol-eval{ position:relative; overflow:hidden; margin-top:clamp(72px, 8vw, 120px); padding:clamp(64px, 7vw, 104px) 0; color:#fff;
  background:
    radial-gradient(60% 70% at 100% 0%, rgba(201,164,92,.16) 0%, rgba(201,164,92,0) 60%),
    radial-gradient(50% 60% at 0% 100%, rgba(201,164,92,.10) 0%, rgba(201,164,92,0) 60%),
    linear-gradient(150deg, #16396A 0%, #0B2446 42%, #071931 78%, #050F20 100%); }
.ol-eval-in{ display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(32px, 6vw, 96px); align-items:center; }
.ol-eval .kicker{ color:var(--accent-tint); }
.ol-eval .h2{ text-wrap:balance; }
.ol-eval-sub{ margin-top:18px; font-size:17px; line-height:1.6; color:rgba(255,255,255,.76); max-width:46ch; }
.ol-eval-copy .value-capture{ margin-top:30px; max-width:560px; border-color:transparent; }
.ol-eval-note{ display:flex; align-items:center; gap:8px; margin-top:16px; font-size:14.5px; color:rgba(255,255,255,.72); }
.ol-eval-note i{ font-size:18px; color:var(--accent-tint); }
.ol-eval-list{ border-radius:var(--r-card); padding:clamp(24px, 3vw, 36px); background:linear-gradient(135deg, rgba(232,199,126,.12), rgba(232,199,126,.03)); border:1px solid rgba(232,199,126,.32); }
.ol-eval-list h3{ font-size:15px; font-weight:500; color:var(--accent-tint); }
.ol-eval-list li{ display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; padding:18px 0; border-top:1px solid rgba(255,255,255,.1); }
.ol-eval-list li:first-child{ margin-top:10px; border-top:0; }
.ol-eval-list li:last-child{ padding-bottom:0; }
.ol-eval-ic{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:21px; background:rgba(232,199,126,.14); color:var(--accent-tint); }
.ol-eval-list b{ display:block; font-size:17px; font-weight:500; letter-spacing:-0.01em; }
.ol-eval-list li span:not(.ol-eval-ic){ display:block; margin-top:4px; font-size:15px; line-height:1.5; color:rgba(255,255,255,.72); }

/* Address bar (the exact markup main.js expects; it wraps the input in .ac-wrap). */
.value-capture{ position:relative; z-index:5; display:flex; align-items:center; gap:10px; background:#fff; border-radius:999px; padding:8px 8px 8px 24px;
  border:1px solid var(--line); box-shadow:0 22px 50px -26px rgba(0,0,0,.55); transition:box-shadow .3s ease; }
.value-capture:focus-within{ box-shadow:0 22px 50px -26px rgba(0,0,0,.55), 0 0 0 4px rgba(201,164,92,.4); }
.value-capture .ac-wrap{ position:static; flex:1; min-width:0; }
.value-capture input:not([name="website"]){ width:100%; height:48px; border:0; outline:0; background:transparent; font:inherit; font-size:16.5px; color:var(--ink); }
.value-capture input::placeholder{ color:#6B7585; }
.value-capture .btn{ flex:none; height:54px; }
.value-capture .ac-list{ z-index:40; }

/* ---------- Closing form ---------- */
#pageCtaForm .btn{ width:100%; margin-top:6px; }

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .ol-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .ol-grid .ol-next, .ol-grid[data-rem4] .ol-next{ grid-column:auto; display:flex; }
  .ol-grid[data-rem2="0"] .ol-next{ display:none; }
  .ol-grid[data-rem2="1"] .ol-next{ grid-column:span 1; }
  .ol-grid .ol-next[hidden]{ display:none; }
.ol-grid[data-mode="active"] [data-for-mode="sold"], .ol-grid[data-mode="sold"] [data-for-mode="active"],
.ol-grid[data-mode="active"] [data-ic-sold], .ol-grid[data-mode="sold"] [data-ic-active]{ display:none; }
  .ol-track{ grid-auto-columns:calc((100% - 16px) / 2); }
  .ol-why{ grid-template-columns:1fr; }
  .ol-why-copy .h2{ max-width:none; }
}
@media (max-width:1023px){
  .ol-eval-in{ grid-template-columns:1fr; }
  .ol-empty{ grid-template-columns:auto 1fr; }
  .ol-empty-ctas{ grid-column:1 / -1; }
}
@media (max-width:760px){
  /* Phone hero: the photo holds the top of the card and fades into navy, so
     the copy sits under the SOLD sign instead of on top of it. */
  .hero-listings .hero-card{ height:auto; min-height:0; justify-content:flex-end; padding:318px 20px 36px; background:#071931; }
  .hero-listings .hero-media{ inset:0 0 auto 0; height:400px; }
  .hero-listings .hero-img{ left:0; width:100%; object-position:50% 30%; -webkit-mask-image:linear-gradient(180deg, #000 62%, transparent 94%); mask-image:linear-gradient(180deg, #000 62%, transparent 94%); }
  .hero-listings .hero-shade{ bottom:auto; height:402px; background:linear-gradient(180deg, rgba(4,13,27,.42) 0%, rgba(4,13,27,0) 20%, rgba(4,13,27,0) 60%, rgba(7,25,49,.9) 86%, #071931 100%); }
  .ol-crumbs{ min-height:32px; padding:2px 12px; font-size:13px; gap:6px; }
  .ol-title{ margin-top:14px; font-size:clamp(2.2rem, 10vw, 2.7rem); line-height:1.04; }
  .ol-sub{ margin-top:12px; font-size:15.5px; }
  .ol-ctas{ margin-top:22px; width:100%; }
  .ol-ctas .pill-accent{ width:100%; justify-content:space-between; }
  .ol-cta-2{ display:none; }

  .ol-feed{ padding-top:48px; }
  .ol-grid{ grid-template-columns:1fr; gap:12px; }
  .ol-grid .lc-img{ aspect-ratio:16/10; }
  .ol-grid .ol-next, .ol-grid[data-rem4] .ol-next, .ol-grid[data-rem2] .ol-next{ grid-column:auto; display:flex; padding:24px 20px; }
  .ol-grid .ol-next[hidden]{ display:none; }
.ol-grid[data-mode="active"] [data-for-mode="sold"], .ol-grid[data-mode="sold"] [data-for-mode="active"],
.ol-grid[data-mode="active"] [data-ic-sold], .ol-grid[data-mode="sold"] [data-ic-active]{ display:none; }
  .ol-next-copy{ margin-top:6px; }
  .ol-next .pill{ width:100%; justify-content:space-between; }
  .ol-more .pill{ width:100%; justify-content:space-between; }
  .ol-chip{ left:10px; top:10px; }

  .ol-head{ display:block; }
  .ol-tally{ margin-top:18px; }
  .ol-tally span{ height:36px; padding:0 14px; font-size:14px; }
  .ol-note{ grid-template-columns:auto 1fr; padding:16px; }
  .ol-note .pill{ grid-column:1 / -1; width:100%; justify-content:space-between; }
  .ol-empty{ grid-template-columns:1fr; padding:24px 20px; border-radius:var(--r-card); }
  .ol-empty-ctas{ grid-column:auto; display:grid; }
  .ol-empty-ctas .pill{ width:100%; justify-content:space-between; }
  .ol-empty-ctas .pill-line{ justify-content:center; }

  .ol-rev-head{ display:block; }
  .ol-rev-title{ gap:18px; }
  .ol-arrows{ display:none; }
  .ol-track{ grid-auto-columns:86%; gap:10px; margin:0 -16px; padding:0 16px; scroll-padding:0 16px; border-radius:0; }
  .ol-slide{ min-height:220px; padding:22px 20px; }
  .ol-slide p{ font-size:18px; }
  .ol-dots{ margin-top:10px; }

  .ol-why{ padding:8px; border-radius:24px; }
  .ol-why-copy{ padding:20px 12px 16px; }
  .ol-duo{ margin-top:22px; }
  .ol-why-ctas{ margin-top:24px; }
  .ol-why-ctas .pill{ width:100%; justify-content:space-between; }
  .ol-gets{ grid-template-columns:1fr; gap:8px; }
  .ol-gets li{ display:grid; grid-template-columns:44px 1fr; column-gap:14px; padding:18px 16px; }
  .ol-gets-ic{ width:44px; height:44px; font-size:21px; grid-row:span 2; }
  .ol-gets b{ margin:0; padding-top:0; font-size:17px; }
  .ol-gets li > span:last-child{ margin-top:4px; font-size:14.5px; }

  .ol-eval{ padding:56px 0; }
  .ol-eval-sub{ font-size:16px; }
  .value-capture{ flex-wrap:wrap; border-radius:var(--r-card); padding:8px; gap:6px; }
  .value-capture .ac-wrap{ flex-basis:100%; }
  .value-capture input:not([name="website"]){ padding:0 12px; }
  .value-capture .btn{ width:100%; height:52px; }
  .ol-eval-list{ padding:22px 18px; }
  .ol-eval-list li{ grid-template-columns:40px 1fr; gap:14px; padding:14px 0; }
  .ol-eval-ic{ width:40px; height:40px; font-size:19px; }
  .ol-eval-list b{ font-size:16px; }
  .ol-eval-list li span:not(.ol-eval-ic){ font-size:14.5px; }
}

@media (prefers-reduced-motion:reduce){
  .ol-title .ln > span{ animation:none !important; }
  .ol-grid .lcard{ animation:none; }
  .ol-dot::before, .ol-arrow{ transition:none; }
}