/* Only #no-meter-ever is affected. Original CSS and all other sections are untouched. */
#no-meter-ever {
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  padding:88px 0 82px;
  margin-top:24px;
  background:transparent;
  --nm-panel:#1a120e;
  --nm-panel-line:#49382d;
  --nm-ink:#f3e8d6;
  --nm-muted:#b5a28d;
  --nm-rail:#2a211b;
  --nm-meter-start:#82786b;
  --nm-meter-end:#51473e;
  --nm-progress-start:#a48b59;
  --nm-progress-end:#f0d6a0;
  --nm-progress-ink:#f3dca6;
  --nm-badge:#120c09;
  --nm-badge-border:#594a38;
  --nm-glint:#fff6dc;
  --nm-shadow:rgba(20,12,10,.16);
}
/* Match the Why Infinite band without moving this row in the page. */
#no-meter-ever::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--brand-gradient-soft),var(--bg2);
  background-image:var(--brand-gradient-soft),linear-gradient(var(--bg2),var(--bg2));
  background-size:170% 170%,auto;
  animation:surfaceDrift 12s ease-in-out infinite alternate;
}
#no-meter-ever .nm-copy{text-align:center;max-width:760px;margin:0 auto 46px;padding:0 18px;}
#no-meter-ever .nm-copy h2{
  margin:0;
  font-family:var(--sans);
  font-size:clamp(42px,5.6vw,80px);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.045em;
  color:var(--ink);
}
#no-meter-ever .nm-copy h2 em{
  font-style:normal;
  background:var(--brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#no-meter-ever .nm-copy p{
  margin:22px auto 0;
  max-width:660px;
  font-family:var(--sans);
  font-size:19px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.005em;
  color:var(--ink2);
}
#no-meter-ever .nm-panel{
  --nm-meter:.58;
  --nm-infinite:1;
  --nm-stop-reveal:1;
  --nm-finish-reveal:1;
  --nm-cycle-opacity:1;
  width:100%;
  min-width:0;
  min-height:410px;
  margin:0;
  padding:38px 42px 34px;
  border:1px solid var(--nm-panel-line);
  border-radius:var(--r2);
  background:var(--nm-panel);
  color:var(--nm-ink);
  font-family:var(--ui);
  box-shadow:0 26px 58px -18px var(--nm-shadow);
  overflow:hidden;
  animation:none;
  isolation:isolate;
}
#no-meter-ever .nm-panel::before,#no-meter-ever .nm-panel::after{content:none;}
#no-meter-ever .nm-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 38px;}
#no-meter-ever .nm-panel-head h4{font-family:var(--sans);font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--nm-ink);margin:0;}
#no-meter-ever .nm-example-label{flex-shrink:0;font:400 12px/1.5 var(--sans);color:var(--nm-muted);}
#no-meter-ever .nm-lane-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;line-height:1.5;}
#no-meter-ever .nm-lane-label b{font:600 15px/1.5 var(--sans);color:var(--nm-ink);}
#no-meter-ever .nm-lane-label>span{font:400 11.5px/1.5 var(--mono);color:var(--nm-muted);}
#no-meter-ever .nm-rail{height:42px;background:var(--nm-rail);border-radius:10px;position:relative;isolation:isolate;}
#no-meter-ever .nm-fill{position:absolute;inset:0;border-radius:inherit;transform-origin:0 50%;opacity:var(--nm-cycle-opacity);will-change:transform;}
#no-meter-ever .nm-metered-fill{background:linear-gradient(90deg,var(--nm-meter-start),var(--nm-meter-end));transform:scaleX(var(--nm-meter));}
#no-meter-ever .nm-infinite-fill{background:linear-gradient(90deg,var(--nm-progress-start),var(--nm-progress-end));transform:scaleX(var(--nm-infinite));}
#no-meter-ever .nm-unfinished{position:absolute;inset:0 0 0 58%;border-radius:0 10px 10px 0;background:repeating-linear-gradient(125deg,transparent 0 5px,var(--nm-muted) 5px 6px,transparent 6px 10px);opacity:calc(var(--nm-stop-reveal)*.07);}
#no-meter-ever .nm-stop-marker{position:absolute;left:calc(var(--nm-meter)*100%);top:-8px;bottom:-8px;width:2px;transform:translateX(-1px);background:var(--nm-ink);opacity:var(--nm-stop-reveal);z-index:2;}
#no-meter-ever .nm-stop-marker::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;background:var(--nm-ink);border-radius:50%;transform:translate(-50%,-50%);}
#no-meter-ever .nm-callout{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:7px;background:var(--nm-badge);border:1px solid var(--nm-badge-border);font:500 11.5px/1.4 var(--sans);white-space:nowrap;z-index:3;}
#no-meter-ever .nm-stop-callout{left:calc(var(--nm-meter)*100%);top:calc(100% + 9px);color:var(--nm-ink);opacity:var(--nm-stop-reveal);transform:translate(-50%,calc((1 - var(--nm-stop-reveal))*5px));}
#no-meter-ever .nm-metered{margin-bottom:62px;}
#no-meter-ever .nm-infinite{margin-top:0;}
#no-meter-ever .nm-finish-point{position:absolute;top:50%;left:calc(var(--nm-infinite)*100%);width:9px;height:9px;border-radius:50%;background:var(--nm-glint);box-shadow:0 0 0 6px color-mix(in srgb,var(--nm-progress-end) 14%,transparent),0 0 16px var(--nm-progress-end);transform:translate(-60%,-50%);opacity:var(--nm-finish-reveal);z-index:2;}
#no-meter-ever .nm-finish-callout{right:0;top:calc(100% + 9px);color:var(--nm-progress-ink);font-weight:600;opacity:var(--nm-finish-reveal);transform:translateY(calc((1 - var(--nm-finish-reveal))*5px));}
#no-meter-ever .nm-finish-callout svg{width:13px;height:13px;flex:none;}
#no-meter-ever .nm-axis{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin-top:58px;padding-top:12px;color:var(--nm-muted);font:400 11px/1.5 var(--mono);font-variant-numeric:tabular-nums;}
#no-meter-ever .nm-axis::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--nm-panel-line);}
#no-meter-ever .nm-axis span{position:relative;}
#no-meter-ever .nm-axis span::before{content:"";position:absolute;left:50%;top:-16px;width:1px;height:9px;background:var(--nm-panel-line);}
#no-meter-ever .nm-axis span:first-child::before{left:0;}#no-meter-ever .nm-axis span:last-child::before{left:auto;right:0;}
#no-meter-ever .nm-actions{display:flex;justify-content:center;margin-top:30px;}
#no-meter-ever .nm-actions .btn{min-width:220px;justify-content:center;}
/* Existing edition-aware panel inversion: dark panel in light mode, light panel in dark mode. */
[data-theme="dark"] #no-meter-ever.nm-edition-gilt{--nm-panel:#f4ebdd;--nm-panel-line:#d5c6b2;--nm-ink:#21170f;--nm-muted:#736453;--nm-rail:#e3d8c7;--nm-meter-start:#b9ad9d;--nm-meter-end:#cdc2b2;--nm-progress-start:#6a4e1c;--nm-progress-end:#b08c4c;--nm-progress-ink:#6a4e1c;--nm-badge:#fffaf1;--nm-badge-border:#c5b293;--nm-glint:#6a4e1c;--nm-shadow:rgba(0,0,0,.13);}
#no-meter-ever.nm-edition-pixis{--nm-panel:#0a2c2c;--nm-panel-line:#395e5e;--nm-ink:#eaf7f5;--nm-muted:#a9c1bd;--nm-rail:#1c4040;--nm-meter-start:#788b8b;--nm-meter-end:#466363;--nm-progress-start:#479e9e;--nm-progress-end:#80bfbf;--nm-progress-ink:#9ccfcf;--nm-badge:#081f1f;--nm-badge-border:#416363;--nm-glint:#eaf5f5;--nm-shadow:rgba(10,44,44,.17);}
[data-theme="dark"] #no-meter-ever.nm-edition-pixis{--nm-panel:#f6f3ea;--nm-panel-line:#d8d4c9;--nm-ink:#1a2423;--nm-muted:#60706b;--nm-rail:#e3e7df;--nm-meter-start:#a6b3aa;--nm-meter-end:#c3ccc2;--nm-progress-start:#0f6b6b;--nm-progress-end:#479e9e;--nm-progress-ink:#0f6b6b;--nm-badge:#fffdf8;--nm-badge-border:#b6cabe;--nm-glint:#0f6b6b;--nm-shadow:rgba(0,0,0,.13);}
@media(max-width:900px){#no-meter-ever{padding:70px 0 66px;}#no-meter-ever .nm-copy{margin-bottom:36px;}#no-meter-ever .nm-panel{padding:30px 26px;min-height:390px;}}
@media(max-width:640px){#no-meter-ever{padding:58px 0 54px;}#no-meter-ever .nm-copy h2{font-size:clamp(40px,13vw,58px);}#no-meter-ever .nm-copy p{font-size:17px;}#no-meter-ever .nm-panel{padding:24px 18px 26px;min-height:370px;}#no-meter-ever .nm-panel-head{display:block;margin-bottom:30px;}#no-meter-ever .nm-example-label{display:block;margin-top:6px;}#no-meter-ever .nm-lane-label{gap:10px;}#no-meter-ever .nm-lane-label b{font-size:13px;}#no-meter-ever .nm-lane-label>span{font-size:10px;}#no-meter-ever .nm-rail{height:34px;}#no-meter-ever .nm-metered{margin-bottom:58px;}#no-meter-ever .nm-axis{font-size:9.5px;margin-top:56px;}#no-meter-ever .nm-callout{font-size:10px;padding:6px 8px;}#no-meter-ever .nm-stop-callout{left:58%;}#no-meter-ever .nm-actions .btn{width:100%;max-width:320px;}}
@media(prefers-reduced-motion:reduce){#no-meter-ever::before{animation:none!important;}#no-meter-ever .nm-panel{--nm-meter:.58!important;--nm-infinite:1!important;--nm-stop-reveal:1!important;--nm-finish-reveal:1!important;--nm-cycle-opacity:1!important;}#no-meter-ever .nm-fill{will-change:auto;}}
