:root{--meter-ink:#17232e;--meter-muted:#647481;--meter-orange:#f2531e;--meter-orange-soft:#fff0e9;--meter-blue:#1f5f8f;--meter-line:#dce4e9;--meter-bg:#f6f8fa}.meter-guide{overflow:hidden;background:#fff;color:var(--meter-ink)}.meter-guide *{box-sizing:border-box}.meter-scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:10000;pointer-events:none}.meter-scroll-progress span{display:block;height:100%;background:var(--meter-orange);transform:scaleX(0);transform-origin:left}.meter-hero{position:relative;min-height:78vh;background:linear-gradient(135deg,#f8fafb 0%,#fff 48%,#fff1eb 100%);padding:70px 5vw 55px;display:flex;align-items:center}.meter-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(30,50,65,.08) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(to right,#000,transparent 65%);pointer-events:none}.meter-hero-grid{width:min(1280px,100%);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;position:relative}.meter-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:26px;color:#6e7c87}.meter-breadcrumbs a{color:inherit;text-decoration:none}.meter-eyebrow,.meter-section-heading>span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--meter-orange);margin-bottom:14px}.meter-hero h1{font-size:clamp(42px,5.3vw,76px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;max-width:850px}.meter-hero-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:#52626e;max-width:760px}.meter-badges{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.meter-badges span{background:#fff;border:1px solid var(--meter-line);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(22,35,46,.05)}.meter-hero-actions,.meter-final-actions{display:flex;gap:12px;flex-wrap:wrap}.meter-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 19px;text-decoration:none;font-weight:800;transition:.2s ease}.meter-btn:hover{transform:translateY(-2px)}.meter-btn-primary{background:var(--meter-orange);color:#fff;box-shadow:0 12px 28px rgba(242,83,30,.22)}.meter-btn-ghost{border:1px solid #cfd8de;color:var(--meter-ink);background:#fff}.meter-btn-light{background:#fff;color:var(--meter-ink)}.meter-hero-visual{min-height:560px;display:grid;place-items:center;position:relative}.meter-product-stage{position:relative;width:min(520px,82%);aspect-ratio:1;border-radius:48% 52% 45% 55%/54% 44% 56% 46%;background:rgba(255,255,255,.82);box-shadow:0 50px 100px rgba(23,35,46,.13),inset 0 0 0 1px rgba(255,255,255,.8);display:grid;place-items:center;z-index:2}.meter-product-stage img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(20,40,50,.18))}.meter-orbit{position:absolute;border:1px solid rgba(242,83,30,.25);border-radius:50%;animation:meterOrbit 18s linear infinite}.meter-orbit-one{width:520px;height:520px}.meter-orbit-two{width:640px;height:640px;animation-direction:reverse;animation-duration:25s}.meter-orbit:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--meter-orange);top:12%;left:17%;box-shadow:0 0 0 8px rgba(242,83,30,.10)}@keyframes meterOrbit{to{transform:rotate(360deg)}}.meter-float-card{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(220,228,233,.9);box-shadow:0 16px 40px rgba(20,35,50,.10);border-radius:15px;padding:13px 16px;z-index:3}.meter-float-card small{display:block;color:#798792;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.meter-float-card strong{font-size:14px}.meter-float-card-a{left:0;top:22%}.meter-float-card-b{right:0;bottom:20%}.meter-image-placeholder{width:100%;height:100%;min-height:300px;display:grid;place-content:center;text-align:center;padding:30px;background:linear-gradient(135deg,#fff,#f0f4f6);border:1px dashed #b9c5cd;border-radius:26px;color:#63747f}.meter-image-placeholder strong{color:var(--meter-ink);font-size:20px}.meter-image-placeholder span{margin-top:7px;font-size:12px}.meter-section-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow:auto;padding:11px max(20px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.93);backdrop-filter:blur(15px);border-bottom:1px solid var(--meter-line);scrollbar-width:none}.meter-section-nav a{white-space:nowrap;text-decoration:none;color:#4d5e69;font-size:13px;font-weight:700;padding:8px 11px;border-radius:9px}.meter-section-nav a:hover{background:var(--meter-orange-soft);color:#c84116}.meter-section{width:min(1180px,90vw);margin:0 auto;padding:100px 0}.meter-section-heading{max-width:760px;margin-bottom:48px}.meter-section-heading h2{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}.meter-section-heading p{font-size:18px;line-height:1.6;color:var(--meter-muted)}.meter-intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px}.meter-large-copy{font-size:clamp(25px,2.4vw,36px);line-height:1.35;letter-spacing:-.025em;margin-top:0}.meter-story>p:not(.meter-large-copy){font-size:17px;line-height:1.75;color:var(--meter-muted)}.meter-fact-panel{background:var(--meter-ink);color:#fff;border-radius:24px;padding:28px;align-self:start;box-shadow:0 30px 60px rgba(20,35,50,.14)}.meter-fact-panel>small{text-transform:uppercase;letter-spacing:.1em;color:#b9c5cd}.meter-fact-panel dl{margin:18px 0 0}.meter-fact-panel dl div{padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.meter-fact-panel dt{font-size:11px;color:#9eabb4;text-transform:uppercase}.meter-fact-panel dd{margin:4px 0 0;font-weight:700}.meter-how{width:100%;max-width:none;background:var(--meter-ink);color:#fff;padding-left:max(5vw,calc((100vw - 1180px)/2));padding-right:max(5vw,calc((100vw - 1180px)/2))}.meter-how .meter-section-heading p{color:#aebbc4}.meter-process{position:relative;max-width:1000px}.meter-process:before{content:"";position:absolute;left:27px;top:25px;bottom:25px;width:2px;background:linear-gradient(var(--meter-orange),rgba(255,255,255,.08))}.meter-process-step{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:22px 0;position:relative}.meter-step-number{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--meter-orange);color:#fff;font-weight:900;box-shadow:0 0 0 8px rgba(242,83,30,.09);z-index:1}.meter-process-step h3{font-size:26px;margin:0 0 8px}.meter-process-step p{margin:0;color:#b4c0c8;line-height:1.7;max-width:760px}.meter-system-flow{margin-top:55px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center}.meter-system-flow div{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.04)}.meter-system-flow span,.meter-system-flow small{display:block;color:#95a5af;font-size:11px}.meter-system-flow strong{display:block;margin:5px 0}.meter-system-flow i{font-style:normal;color:var(--meter-orange);font-size:26px}.meter-explorer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:stretch}.meter-explorer-visual{min-height:520px;border-radius:28px;background:var(--meter-bg);padding:28px;display:grid;place-items:center}.meter-explorer-visual img{max-width:100%;max-height:500px;object-fit:contain}.meter-feature-tabs{display:grid;grid-template-columns:.42fr .58fr;border:1px solid var(--meter-line);border-radius:24px;overflow:hidden}.meter-tab-list{background:#f5f7f8;padding:16px}.meter-tab-list button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:14px;border-radius:10px;font-weight:800;color:#53636e;cursor:pointer;margin:3px 0}.meter-tab-list button.is-active{background:#fff;color:var(--meter-orange);box-shadow:0 6px 18px rgba(20,35,50,.07)}.meter-feature-display{padding:34px;align-self:center}.meter-feature-display small{color:var(--meter-orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.meter-feature-display h3{font-size:32px;margin:10px 0 12px}.meter-feature-display p{font-size:17px;line-height:1.7;color:var(--meter-muted)}.meter-application-grid,.meter-card-grid,.meter-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.meter-application-card{border:1px solid var(--meter-line);border-radius:20px;padding:26px;min-height:220px;transition:.25s ease}.meter-application-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(20,35,50,.09)}.meter-card-dot{display:block;width:11px;height:11px;background:var(--meter-orange);border-radius:50%;box-shadow:0 0 0 8px var(--meter-orange-soft);margin-bottom:28px}.meter-application-card h3{font-size:22px}.meter-application-card p{color:var(--meter-muted);line-height:1.65}.meter-choice{background:linear-gradient(135deg,#fafbfc,#fff);position:relative}.meter-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.meter-choice-card{border-radius:25px;padding:34px;border:1px solid var(--meter-line)}.meter-choice-positive{background:#17232e;color:#fff}.meter-choice-check{background:#fff7f2}.meter-choice-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--meter-orange)}.meter-choice-card h3{font-size:28px;line-height:1.2}.meter-choice-card ul{padding:0;list-style:none;margin:25px 0 0}.meter-choice-card li{padding:14px 0 14px 30px;border-top:1px solid rgba(120,140,150,.18);position:relative;line-height:1.5}.meter-choice-card li:before{content:"✓";position:absolute;left:2px;color:var(--meter-orange);font-weight:900}.meter-spec-table{border:1px solid var(--meter-line);border-radius:22px;overflow:hidden}.meter-spec-table div{display:grid;grid-template-columns:.35fr .65fr;border-top:1px solid var(--meter-line)}.meter-spec-table div:first-child{border-top:0}.meter-spec-table dt,.meter-spec-table dd{padding:18px 22px;margin:0}.meter-spec-table dt{font-weight:800;background:#f6f8f9}.meter-spec-table dd{line-height:1.6}.meter-source-note{color:var(--meter-muted);line-height:1.6;font-size:13px;margin-top:18px}.meter-faq-list{display:grid;gap:10px}.meter-faq{border:1px solid var(--meter-line);border-radius:15px;background:#fff}.meter-faq summary{cursor:pointer;padding:19px 22px;font-weight:800;list-style:none}.meter-faq summary::-webkit-details-marker{display:none}.meter-faq summary:after{content:"+";float:right;color:var(--meter-orange);font-size:22px}.meter-faq[open] summary:after{content:"−"}.meter-faq div{padding:0 22px 18px;color:var(--meter-muted);line-height:1.7}.meter-related{border-top:1px solid var(--meter-line)}.meter-related-card,.meter-guide-card{display:block;text-decoration:none;color:var(--meter-ink);border:1px solid var(--meter-line);border-radius:20px;padding:22px;background:#fff;transition:.25s}.meter-related-card:hover,.meter-guide-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,35,50,.09)}.meter-related-card small,.meter-guide-card small{color:var(--meter-orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.meter-related-card span,.meter-guide-card strong{color:var(--meter-orange)}.meter-final-cta{width:min(1180px,90vw);margin:20px auto 100px;border-radius:30px;background:linear-gradient(125deg,#17232e,#293b48);color:#fff;padding:44px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.meter-final-cta>div>span{color:#f8a382;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.meter-final-cta h2{font-size:42px;margin:8px 0}.meter-final-cta p{max-width:720px;color:#bdc8cf;line-height:1.6}.meter-hub-hero{padding:100px 5vw 75px;background:linear-gradient(135deg,#17232e,#2c4250);color:#fff}.meter-hub-hero>div{width:min(1180px,90vw);margin:auto}.meter-hub-hero h1{font-size:clamp(44px,6vw,78px);max-width:950px;letter-spacing:-.045em;line-height:.98;margin:10px 0 25px}.meter-hub-hero p{font-size:20px;color:#c1ccd3;max-width:760px;line-height:1.6}.meter-hub-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.meter-hub-category-grid a{padding:35px;border:1px solid var(--meter-line);border-radius:24px;text-decoration:none;color:var(--meter-ink);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#fff,#f7f9fa);transition:.25s}.meter-hub-category-grid a:hover{transform:translateY(-5px);box-shadow:0 24px 45px rgba(20,35,50,.09)}.meter-hub-category-grid span{color:var(--meter-orange);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.meter-hub-category-grid h2{font-size:34px;margin:12px 0}.meter-hub-category-grid p{color:var(--meter-muted);line-height:1.6}.meter-guide-card-visual{height:220px;background:#f4f7f8;border-radius:15px;margin-bottom:20px;display:grid;place-items:center;overflow:hidden}.meter-guide-card-visual img{width:100%;height:100%;object-fit:contain;padding:15px}.meter-guide-card-visual span{font-size:34px;font-weight:900;color:#a5b2ba}.meter-guide-card h3,.meter-guide-card h2{font-size:23px;line-height:1.2}.meter-guide-card p{color:var(--meter-muted);line-height:1.55}.meter-card-grid{grid-template-columns:repeat(3,1fr)}.meter-empty{grid-column:1/-1;padding:35px;border:1px dashed #bbc6cd;border-radius:18px}.meter-error{padding:120px 8vw}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:980px){.meter-hero-grid,.meter-intro-grid,.meter-explorer-grid,.meter-choice-grid,.meter-final-cta{grid-template-columns:1fr}.meter-hero{padding-top:55px}.meter-hero-visual{min-height:470px}.meter-product-stage{width:min(460px,76vw)}.meter-float-card-a{left:8%}.meter-float-card-b{right:8%}.meter-system-flow{grid-template-columns:1fr}.meter-system-flow i{transform:rotate(90deg);justify-self:center}.meter-application-grid,.meter-card-grid{grid-template-columns:repeat(2,1fr)}.meter-final-actions{justify-content:flex-start}}@media(max-width:640px){.meter-hero{min-height:auto;padding:42px 20px}.meter-hero-grid{gap:24px}.meter-hero h1{font-size:42px}.meter-hero-visual{min-height:380px}.meter-orbit-two{width:390px;height:390px}.meter-orbit-one{width:320px;height:320px}.meter-float-card{display:none}.meter-section{width:calc(100% - 36px);padding:72px 0}.meter-section-heading{margin-bottom:30px}.meter-section-heading h2{font-size:36px}.meter-feature-tabs{grid-template-columns:1fr}.meter-tab-list{display:flex;overflow:auto}.meter-tab-list button{min-width:max-content}.meter-application-grid,.meter-card-grid,.meter-hub-category-grid{grid-template-columns:1fr}.meter-spec-table div{grid-template-columns:1fr}.meter-spec-table dd{padding-top:0}.meter-final-cta{padding:28px;margin-bottom:70px}.meter-final-cta h2{font-size:34px}.meter-hub-hero{padding:70px 20px 55px}.meter-hub-hero>div{width:100%}.meter-hub-hero h1{font-size:44px}.meter-section-nav{padding-left:12px}.meter-explorer-visual{min-height:360px}}@media(prefers-reduced-motion:reduce){.meter-orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}.meter-btn,.meter-application-card,.meter-guide-card{transition:none}}


/* EDM METER TEACHING GALLERY V1.2 */
.meter-visual-learning{border-top:1px solid var(--meter-line)}
.meter-visual-learning-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.meter-learning-card{margin:0;border:1px solid var(--meter-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(20,35,50,.07)}
.meter-learning-card-featured{grid-row:span 2}
.meter-learning-card .meter-gallery-trigger{width:100%;border:0;padding:0;background:#f4f7f8;cursor:zoom-in;display:block;overflow:hidden}
.meter-learning-card-featured .meter-gallery-trigger{min-height:500px}
.meter-learning-card:not(.meter-learning-card-featured) .meter-gallery-trigger{height:245px}
.meter-learning-card img{width:100%;height:100%;object-fit:contain;display:block;padding:18px;transition:transform .35s ease}
.meter-learning-card .meter-gallery-trigger:hover img{transform:scale(1.035)}
.meter-learning-card figcaption{padding:25px 27px 28px}
.meter-learning-card figcaption small{color:var(--meter-orange);font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.meter-learning-card figcaption h3{font-size:27px;margin:8px 0 10px}
.meter-learning-card figcaption p{margin:0;color:var(--meter-muted);line-height:1.65}
.meter-teaching-gallery{border-top:1px solid var(--meter-line)}
.meter-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.meter-gallery-item{margin:0;grid-column:span 4;border-radius:20px;overflow:hidden;background:#f4f7f8;min-height:285px;border:1px solid var(--meter-line)}
.meter-gallery-item-featured{grid-column:span 8;grid-row:span 2;min-height:584px}
.meter-gallery-trigger{position:relative;width:100%;height:100%;border:0;background:transparent;padding:0;cursor:zoom-in}
.meter-gallery-item img{width:100%;height:100%;min-height:285px;object-fit:contain;display:block;padding:12px;transition:transform .35s ease}
.meter-gallery-item-featured img{min-height:584px}
.meter-gallery-trigger:hover img{transform:scale(1.025)}
.meter-gallery-zoom{position:absolute;right:14px;bottom:14px;background:rgba(23,35,46,.86);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;opacity:0;transform:translateY(5px);transition:.22s ease}
.meter-gallery-trigger:hover .meter-gallery-zoom{opacity:1;transform:none}
.meter-lightbox{width:min(1080px,92vw);height:min(860px,88vh);border:0;border-radius:24px;padding:0;background:#101820;box-shadow:0 30px 100px rgba(0,0,0,.38)}
.meter-lightbox::backdrop{background:rgba(7,13,18,.76);backdrop-filter:blur(6px)}
.meter-lightbox img{width:100%;height:100%;object-fit:contain;padding:28px}
.meter-lightbox-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#17232e;font-size:27px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 8px 25px rgba(0,0,0,.2)}
@media(max-width:980px){.meter-visual-learning-grid{grid-template-columns:1fr 1fr}.meter-learning-card-featured{grid-column:1/-1;grid-row:auto}.meter-learning-card-featured .meter-gallery-trigger{min-height:420px}.meter-gallery-item,.meter-gallery-item-featured{grid-column:span 6;grid-row:auto;min-height:360px}.meter-gallery-item-featured img{min-height:360px}}
@media(max-width:640px){.meter-visual-learning-grid{grid-template-columns:1fr}.meter-learning-card-featured{grid-column:auto}.meter-learning-card-featured .meter-gallery-trigger,.meter-learning-card:not(.meter-learning-card-featured) .meter-gallery-trigger{height:340px;min-height:340px}.meter-gallery-grid{grid-template-columns:1fr}.meter-gallery-item,.meter-gallery-item-featured{grid-column:auto;min-height:310px}.meter-gallery-item img,.meter-gallery-item-featured img{min-height:310px}.meter-lightbox{width:94vw;height:78vh}}
@media(prefers-reduced-motion:reduce){.meter-learning-card img,.meter-gallery-item img,.meter-gallery-zoom{transition:none}}

/* EDM METER VISUAL POLISH V1.3 START */

/* 1. HOW-IT-WORKS: stronger contrast on the dark lesson */
#how-it-works .meter-section-heading h2,
#how-it-works .meter-section-heading h3,
#how-it-works > h2,
#how-it-works > h3 {
  color: #ffffff !important;
  text-wrap: balance;
}

#how-it-works .meter-section-heading p {
  color: rgba(255,255,255,.82) !important;
}

#how-it-works .meter-section-heading span,
#how-it-works .meter-section-heading small {
  color: #ff6a3d !important;
}

#how-it-works {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#how-it-works::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 16%, rgba(242,83,30,.14), transparent 28%),
    radial-gradient(circle at 18% 78%, rgba(51,143,255,.10), transparent 34%);
}

/* 2. VISUAL-LEARNING CARDS */
.meter-visual-learning-grid {
  align-items: stretch;
}

.meter-learning-card {
  position: relative;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
  will-change: transform;
}

.meter-learning-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.meter-learning-card:hover {
  transform: translateY(-5px);
  border-color: rgba(242,83,30,.22);
  box-shadow: 0 24px 60px rgba(20,35,50,.12);
}

.meter-learning-card .meter-gallery-trigger {
  position: relative;
}

.meter-learning-card .meter-gallery-trigger::after {
  content: "Click to explore";
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(23,35,46,.84);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .22s ease, transform .22s ease;
  backdrop-filter: blur(6px);
}

.meter-learning-card .meter-gallery-trigger:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.meter-learning-card img {
  transition: transform .4s cubic-bezier(.2,.7,.2,1);
}

.meter-learning-card .meter-gallery-trigger:hover img {
  transform: scale(1.035);
}

/* 3. TEACHING GALLERY: natural-ratio editorial masonry */
.meter-teaching-gallery {
  overflow: visible;
}

.meter-gallery-grid {
  display: block !important;
  columns: 3;
  column-gap: 16px;
}

.meter-gallery-item,
.meter-gallery-item-featured {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  min-height: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(145deg, #ffffff, #f6f8fa);
  border: 1px solid rgba(21,36,49,.10);
  box-shadow: 0 14px 34px rgba(20,35,50,.065);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.meter-gallery-item:hover,
.meter-gallery-item-featured:hover {
  transform: translateY(-4px);
  border-color: rgba(242,83,30,.22);
  box-shadow: 0 22px 48px rgba(20,35,50,.11);
}

.meter-gallery-item .meter-gallery-trigger,
.meter-gallery-item-featured .meter-gallery-trigger {
  display: block;
  height: auto !important;
  min-height: 0 !important;
  background: #fff;
}

.meter-gallery-item img,
.meter-gallery-item-featured img {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: #fff;
  transition: transform .4s cubic-bezier(.2,.7,.2,1);
}

.meter-gallery-item:hover img,
.meter-gallery-item-featured:hover img {
  transform: scale(1.02);
}

.meter-gallery-zoom {
  right: 12px;
  bottom: 12px;
  opacity: 0;
  transform: translateY(5px);
}

.meter-gallery-item:hover .meter-gallery-zoom,
.meter-gallery-item-featured:hover .meter-gallery-zoom {
  opacity: 1;
  transform: translateY(0);
}

/* 4. LIGHTBOX */
.meter-lightbox {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.08), transparent 38%),
    #0e171f;
}

.meter-lightbox img {
  background: transparent;
}

.meter-lightbox-close {
  transition: transform .2s ease, background .2s ease;
}

.meter-lightbox-close:hover {
  transform: rotate(4deg) scale(1.06);
  background: #f4f6f8;
}

/* 5. TABLET/MOBILE */
@media (max-width: 980px) {
  .meter-gallery-grid {
    columns: 2;
    column-gap: 14px;
  }

  .meter-gallery-item,
  .meter-gallery-item-featured {
    margin-bottom: 14px !important;
  }

  .meter-learning-card:hover,
  .meter-gallery-item:hover,
  .meter-gallery-item-featured:hover {
    transform: none;
  }
}

@media (max-width: 640px) {
  .meter-gallery-grid {
    columns: 1;
  }

  .meter-gallery-item,
  .meter-gallery-item-featured {
    margin-bottom: 12px !important;
    border-radius: 16px;
  }

  .meter-learning-card {
    border-radius: 18px;
  }

  .meter-learning-card figcaption {
    padding: 20px 20px 22px;
  }

  .meter-learning-card figcaption h3 {
    font-size: 23px;
  }

  .meter-learning-card .meter-gallery-trigger::after {
    display: none;
  }

  #how-it-works .meter-section-heading {
    margin-bottom: 24px;
  }

  .meter-lightbox {
    width: 95vw;
    height: 76vh;
    border-radius: 18px;
  }

  .meter-lightbox img {
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .meter-learning-card,
  .meter-gallery-item,
  .meter-gallery-item-featured,
  .meter-learning-card img,
  .meter-gallery-item img,
  .meter-gallery-item-featured img,
  .meter-lightbox-close {
    transition: none !important;
    transform: none !important;
  }
}

/* EDM METER VISUAL POLISH V1.3 END */

/* ======================================================
   EDM METER GUIDE — DARK HEADING CONTRAST V1.3.1
   ====================================================== */

/* HOW IT WORKS — individual teaching-step headings */
.meter-how .meter-process-step h3,
#how-it-works .meter-process-step h3 {
    color: #ffffff !important;
    font-weight: 800;
}

/* Keep supporting explanation softer than heading */
.meter-how .meter-process-step p,
#how-it-works .meter-process-step p {
    color: #bfcbd3 !important;
}

/* Main heading inside dark How-It-Works area */
.meter-how .meter-section-heading h2,
#how-it-works .meter-section-heading h2 {
    color: #ffffff !important;
}

/* Selection Guide — dark left card */
.meter-choice-positive h2,
.meter-choice-positive h3 {
    color: #ffffff !important;
}

/* Keep its checklist clearly readable */
.meter-choice-positive li {
    color: #f2f6f8 !important;
}

/* Bottom dark CTA */
.meter-final-cta h2,
.meter-final-cta h3 {
    color: #ffffff !important;
}

/* Supporting CTA text */
.meter-final-cta p {
    color: #cbd5db !important;
}

/* Preserve EDM orange accents */
.meter-choice-positive > span,
.meter-final-cta > div > span {
    color: #f8a382 !important;
}

/* EDM METER HUB CATEGORY CONTRAST V1.4 START */
.meter-hub-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.18);
}
.meter-hub-hero p {
  color: rgba(238,244,247,.88) !important;
}
.meter-hub-hero .meter-eyebrow {
  color: #ff6a3d !important;
}
.meter-hub-hero .meter-breadcrumbs,
.meter-hub-hero .meter-breadcrumbs a,
.meter-hub-hero .meter-breadcrumbs span {
  color: rgba(231,239,244,.62) !important;
}
.meter-hub-hero .meter-breadcrumbs a:hover {
  color: #ffffff !important;
}
@media (max-width:640px) {
  .meter-hub-hero {
    background-position: 60% center !important;
  }
}
/* EDM METER HUB CATEGORY CONTRAST V1.4 END */

/* ======================================================
   EDM METER GUIDE — FLOATING SECTION NAV V1.5
   ====================================================== */

:root {
    --meter-sticky-header-height: 0px;
}

/*
 * Stays underneath the normal EDM header instead of
 * disappearing behind it.
 */
.meter-section-nav {
    position: sticky !important;
    top: var(--meter-sticky-header-height) !important;
    z-index: 950 !important;

    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-top: 1px solid rgba(220,228,233,.65);
    border-bottom: 1px solid var(--meter-line);

    box-shadow:
        0 8px 24px rgba(20,35,50,.06);

    transition:
        box-shadow .25s ease,
        background .25s ease;
}

/* Current section */
.meter-section-nav a.is-active {
    color: #c84116 !important;
    background: var(--meter-orange-soft);
}

/* Slight EDM indicator underneath active item */
.meter-section-nav a.is-active::after {
    content: "";
    position: absolute;
    left: 11px;
    right: 11px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: var(--meter-orange);
}

.meter-section-nav a {
    position: relative;
}

/*
 * Prevent anchor links from positioning section headings
 * underneath the website header + meter navigation.
 */
.meter-guide section[id] {
    scroll-margin-top:
        calc(var(--meter-sticky-header-height) + 82px);
}

/* A little more visible once it has docked */
.meter-section-nav.is-docked {
    box-shadow:
        0 12px 32px rgba(20,35,50,.11);
}

/* Mobile: still floating, horizontally swipeable */
@media (max-width: 760px) {
    .meter-section-nav {
        gap: 3px;
        padding-top: 8px;
        padding-bottom: 8px;

        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .meter-section-nav a {
        font-size: 12px;
        padding: 8px 10px;
        scroll-snap-align: start;
    }

    .meter-guide section[id] {
        scroll-margin-top:
            calc(var(--meter-sticky-header-height) + 70px);
    }
}


/* ======================================================
   EDM METER FLOATING NAV — SCROLL FIX V1.5.1
   ====================================================== */

/*
 * The meter navigation may scroll sideways,
 * but must never trap or control vertical page scrolling.
 */
.meter-section-nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
}

.meter-section-nav::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   EDM METER GUIDE — PERSISTENT NAVIGATION V1.6
   ========================================================= */

/*
 * Normal position before the customer scrolls past it.
 */
.meter-section-nav {
    position: relative !important;
    top: auto !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;

    width: 100%;
    min-height: 72px;

    padding: 11px 22px;

    background: rgba(255,255,255,.97) !important;

    border-top: 1px solid rgba(216,225,231,.75);
    border-bottom: 1px solid rgba(216,225,231,.95);

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;

    z-index: 980;

    transition:
        box-shadow .22s ease,
        background .22s ease,
        transform .22s ease;
}

.meter-section-nav::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   FIXED STATE
   ========================================================= */

.meter-section-nav.is-meter-fixed {
    position: fixed !important;

    left: 0 !important;
    right: 0 !important;

    top: var(--meter-fixed-top, 0px) !important;

    width: 100vw !important;
    max-width: none !important;

    margin: 0 !important;

    background: rgba(255,255,255,.96) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-top: 0;

    box-shadow:
        0 10px 30px rgba(18,32,44,.12);

    z-index: 9990 !important;
}


/*
 * Placeholder inserted by JavaScript when the
 * navigation becomes fixed.
 */
.meter-section-nav-placeholder {
    display: none;
    width: 100%;
}

.meter-section-nav-placeholder.is-active {
    display: block;
}


/* =========================================================
   MENU ITEMS
   ========================================================= */

.meter-section-nav a {
    position: relative;

    flex: 0 0 auto;

    padding: 10px 13px;

    border-radius: 999px;

    white-space: nowrap;

    color: #536675 !important;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;

    text-decoration: none;

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.meter-section-nav a:hover {
    color: #1f2b36 !important;
    background: #f2f5f7;
}


/* Current section */
.meter-section-nav a.is-active {
    color: #d8461b !important;

    background:
        rgba(242,83,30,.09);

    box-shadow:
        inset 0 0 0 1px rgba(242,83,30,.12);
}


/* Small active indicator */
.meter-section-nav a.is-active::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 4px;

    height: 2px;

    border-radius: 10px;

    background: #f2531e;
}


/* =========================================================
   ANCHOR OFFSET
   Ensures section heading isn't hidden behind floating bar.
   ========================================================= */

.meter-guide section[id] {
    scroll-margin-top: 150px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .meter-section-nav {
        justify-content: flex-start;

        min-height: 62px;

        padding:
            9px
            max(14px, env(safe-area-inset-right))
            9px
            max(14px, env(safe-area-inset-left));
    }

    .meter-section-nav a {
        padding: 9px 11px;
        font-size: 11px;
    }

    .meter-guide section[id] {
        scroll-margin-top: 135px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .meter-section-nav {
        min-height: 56px;

        gap: 2px;

        justify-content: flex-start;

        scroll-snap-type: x proximity;
    }

    .meter-section-nav a {
        scroll-snap-align: center;

        padding: 9px 10px;

        font-size: 11px;
    }

    .meter-section-nav.is-meter-fixed {
        box-shadow:
            0 8px 22px rgba(18,32,44,.13);
    }

    .meter-guide section[id] {
        scroll-margin-top: 118px !important;
    }
}