.meter-page{overflow:clip}.meter-page figure,.meter-page h1,.meter-page h2,.meter-page h3{margin:0}.meter-page h1,.meter-page h2,.meter-page h3{letter-spacing:-.035em;line-height:1.5}.meter-page p{line-height:1.95}.meter-kicker{color:var(--purple);letter-spacing:.15em;margin:0 0 18px;font-size:.72rem;font-weight:800}.meter-hero{background:var(--hero-dark);color:#fff;padding:clamp(48px,6vw,84px) 0}.meter-hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px;display:grid}.meter-hero .meter-kicker{color:var(--yellow)}.meter-hero h1{font-size:clamp(1.9rem,3vw,2.75rem)}.meter-hero h1 span{color:#e4c6f7}.meter-hero-lead{color:#ebe0f2;margin:24px 0 30px;font-size:1rem}.meter-button{border:1px solid;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;font-size:.9rem;font-weight:750;transition:background .2s,color .2s,transform .2s;display:inline-flex}.meter-button-yellow{border-color:var(--yellow);color:var(--yellow)}.meter-button-yellow:hover{background:var(--yellow);color:var(--purple-deep);transform:translateY(-2px)}.meter-hero-visual{background:#ffffff10;border:1px solid #80648f;border-radius:12px;padding:10px;box-shadow:0 24px 50px #13091e55}.meter-hero-visual img{border-radius:5px;width:100%;height:auto;display:block}.meter-hero-visual figcaption{color:#e4d6ed;padding:12px 4px 2px;font-size:.75rem}.meter-page-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-block:14px;display:grid}.meter-page-nav a{text-align:center;border-right:1px solid var(--line);place-items:center;min-height:44px;padding:6px 12px;font-size:.84rem;font-weight:700;transition:background .2s,color .2s;display:grid}.meter-page-nav a:last-child{border-right:none}.meter-page-nav a:hover{color:var(--purple);background:var(--purple-soft)}.meter-section{padding:var(--section-space) 0;scroll-margin-top:30px}.meter-section h2,.meter-conditions h2{font-size:var(--heading-size)}.meter-section-heading{grid-template-columns:1fr .75fr;align-items:end;gap:56px;margin-bottom:36px;display:grid}.meter-section-heading>p{color:var(--ink-soft);margin:0}.meter-section-heading h2 span{color:var(--purple)}.meter-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.meter-type-grid figure{aspect-ratio:1;background:var(--mist);border-radius:10px;place-items:center;display:grid;overflow:hidden}.meter-type-grid img{object-fit:contain;width:100%;height:100%}.meter-type-grid h3{margin:16px 0 8px;font-size:1rem}.meter-type-grid p{color:var(--ink-soft);margin:0;font-size:.85rem}.meter-source-note{color:var(--ink-soft);margin:28px 0 0;font-size:.75rem}.meter-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.meter-result-grid h3{align-items:center;gap:12px;font-size:1.15rem;display:flex}.meter-result-grid h3>span{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.85rem;display:grid}.meter-result-grid article>p{color:var(--ink-soft);font-size:.9rem}.meter-result-grid .meter-screenshot img{aspect-ratio:965/673;object-fit:contain}.meter-coverage-note{border-left:3px solid var(--purple);background:var(--purple-soft);gap:6px;margin:26px 0 0;padding:22px 26px;display:grid}.meter-coverage-note strong{color:var(--purple-deep);font-size:1rem}.meter-coverage-note span{color:var(--ink-soft);font-size:.87rem}.meter-feature-visual{min-width:0}.meter-visual-summary{border:1px solid var(--purple-line);border-radius:8px;margin-top:20px;overflow:hidden}.meter-visual-summary p{color:var(--purple-deep);background:var(--purple-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin:0;padding:16px;font-size:.85rem;display:flex}.meter-visual-summary strong{color:var(--purple)}.meter-frame-labels{color:var(--ink-soft);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0;font-size:.75rem;display:grid}.meter-frame-labels span+span{border-left:1px solid var(--line)}.meter-feature{border-top:1px solid var(--line)}.meter-feature:nth-of-type(2n){background:var(--mist)}.meter-feature-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);align-items:center;gap:clamp(32px,5vw,68px);display:grid}.meter-feature-copy h2{font-size:clamp(1.55rem,2.4vw,2.1rem)}.meter-feature-copy h2 span{display:block}.meter-feature-copy>p:not(.meter-kicker){color:var(--ink-soft);margin:24px 0 0;font-size:.95rem}.meter-feature-copy .meter-feature-point{border-left:3px solid var(--purple);padding:4px 0 4px 16px;font-weight:700;color:var(--purple-deep)!important;font-size:.87rem!important}.meter-multiple{border-top:1px solid var(--line);background:var(--mist)}.meter-multiple-heading{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);align-items:end;gap:clamp(32px,5vw,68px);margin-bottom:32px;display:grid}.meter-multiple-heading h2{font-size:clamp(1.55rem,2.4vw,2.1rem)}.meter-multiple-heading h2 span{display:block}.meter-multiple-intro>p:first-child{color:var(--ink-soft);margin:0;font-size:.95rem}.meter-multiple-intro .meter-feature-point{border-left:3px solid var(--purple);color:var(--purple-deep);margin:20px 0 0;padding:4px 0 4px 16px;font-size:.87rem;font-weight:700}.meter-multiple-process{border:1px solid var(--purple-line);background:#fff;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px;display:grid;overflow:hidden}.meter-multiple-step{grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:18px 22px;display:grid;position:relative}.meter-multiple-step+.meter-multiple-step{border-left:1px solid var(--purple-line)}.meter-multiple-step+.meter-multiple-step:before{content:"";border-top:2px solid var(--purple);border-right:2px solid var(--purple);background:#fff;width:9px;height:9px;position:absolute;top:calc(50% - 5px);left:-5px;transform:rotate(45deg)}.meter-multiple-step>span{background:var(--purple);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:.75rem;font-weight:800;display:grid}.meter-multiple-step strong{color:var(--purple-deep);font-size:.9rem}.meter-multiple-step small{color:var(--ink-soft);font-size:.72rem}.meter-multiple-overview{border:1px solid var(--purple-line);background:#fff;border-radius:12px;padding:10px;box-shadow:0 16px 40px #2c193b0e}.meter-detection-frame{border-radius:6px;position:relative;overflow:hidden}.meter-detection-frame>img{width:100%;height:auto;display:block}.meter-detection-box{border:3px solid #7d2ca6;border-radius:8px;width:18%;height:31%;position:absolute;box-shadow:inset 0 0 0 1px #fff8}.meter-detection-box b{color:#fff;background:#7d2ca6;border-radius:5px 0;padding:4px 8px;font-size:clamp(.58rem,1.2vw,.78rem);line-height:1;position:absolute;top:-3px;left:-3px}.meter-detection-box.box-1,.meter-detection-box.box-5{left:11.8%}.meter-detection-box.box-2,.meter-detection-box.box-6{left:31.1%}.meter-detection-box.box-3,.meter-detection-box.box-7{left:50.6%}.meter-detection-box.box-4,.meter-detection-box.box-8{left:70.2%}.meter-detection-box.box-1,.meter-detection-box.box-2,.meter-detection-box.box-3,.meter-detection-box.box-4{top:5.5%}.meter-detection-box.box-5,.meter-detection-box.box-6,.meter-detection-box.box-7,.meter-detection-box.box-8{top:46.7%}.meter-multiple-overview figcaption{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding:12px 4px 2px;font-size:.78rem;line-height:1.7;display:flex}.meter-multiple-overview figcaption strong{color:var(--purple-deep)}.meter-multiple-divider{color:var(--purple);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0 20px;font-size:.78rem;display:grid}.meter-multiple-divider span{background:var(--purple-line);height:1px}.meter-reading-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.meter-reading-card{border:1px solid var(--purple-line);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.meter-reading-card figure{aspect-ratio:1;background:#ddd;overflow:hidden}.meter-reading-card figure img{object-fit:cover;width:100%;height:100%;display:block}.meter-reading-card>div{border-top:3px solid var(--purple);justify-content:space-between;align-items:end;gap:10px;padding:12px 14px 14px;display:flex}.meter-reading-card p{gap:1px;margin:0;line-height:1.4;display:grid}.meter-reading-card p span{color:var(--purple-deep);font-size:.78rem;font-weight:800}.meter-reading-card small{color:var(--ink-soft);font-size:.63rem;font-weight:500}.meter-reading-card>div>strong{color:var(--purple);white-space:nowrap;font-size:1.2rem;line-height:1}.meter-screenshot{min-width:0}.meter-screenshot a{border:1px solid var(--purple-line);background:#fff;border-radius:10px;padding:8px;transition:border-color .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 12px 36px #2c193b0b}.meter-screenshot a:hover{border-color:var(--purple);box-shadow:0 12px 36px #2c193b1a}.meter-screenshot img{width:100%;height:auto;display:block}.meter-expand{background:var(--purple-soft);width:fit-content;color:var(--purple);border-radius:4px;margin:8px 4px 0 auto;padding:3px 10px;font-size:.72rem;font-weight:700;display:block}.meter-screenshot figcaption{color:var(--ink-soft);margin-top:12px;font-size:.78rem;line-height:1.7}.meter-conditions{padding:var(--section-space) 0;background:var(--hero-dark);color:#fff}.meter-conditions .meter-kicker{color:var(--yellow)}.meter-conditions-heading{grid-template-columns:1fr .75fr;align-items:end;gap:56px;margin-bottom:38px;display:grid}.meter-conditions h2 span{color:#dfbaef}.meter-conditions-heading>p{color:#e4d8ec;margin:0}.meter-condition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.meter-condition{min-width:0}.meter-condition figure{border-radius:8px;position:relative;overflow:hidden}.meter-condition img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.meter-condition figcaption{color:#fff;background:#1c1226d9;padding:4px 9px;font-size:.65rem;position:absolute;bottom:0;right:0}.meter-condition-label{color:var(--yellow);align-items:center;gap:12px;margin:22px 0 12px;font-size:.8rem;font-weight:700;display:flex}.meter-condition-label span{opacity:.8;font-size:1rem}.meter-condition h3{font-size:clamp(1.1rem,1.65vw,1.4rem)}.meter-condition h3 span{display:block}.meter-condition-copy>p:last-child{color:#e0d3e9;margin:14px 0 0;font-size:.88rem}.meter-condition-note{color:#c8b6d4;border-top:1px solid #ffffff30;margin:30px 0 0;padding-top:22px;font-size:.76rem}.meter-introduction{background:var(--mist)}.meter-data-flow{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.meter-data-flow li{border-right:1px solid var(--line);padding:28px}.meter-data-flow li:last-child{border-right:0}.meter-data-flow li>span{color:var(--purple);font-size:.85rem;font-weight:800}.meter-data-flow h3{margin:8px 0 10px;font-size:1.15rem}.meter-data-flow p{color:var(--ink-soft);margin:0;font-size:.9rem}.meter-integration-links{flex-wrap:wrap;gap:16px;margin:28px 0;display:flex}.meter-integration-links a{border:1px solid var(--purple-line);color:var(--purple);background:#fff;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:background .2s,border-color .2s}.meter-integration-links a:hover{background:var(--purple-soft);border-color:var(--purple)}.meter-method-note{max-width:1000px;color:var(--ink-soft);margin:0;font-size:.83rem}.meter-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.meter-image-dialog{border:1px solid var(--purple-line);width:min(1240px,100% - 32px);max-width:none;max-height:92vh;color:var(--ink);background:#fff;border-radius:12px;padding:16px}.meter-image-dialog::backdrop{background:#180d24c9}.meter-image-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.meter-image-toolbar p{margin:0;font-size:.9rem;font-weight:700}.meter-image-toolbar button{border:1px solid var(--purple);color:var(--purple);white-space:nowrap;background:#fff;border-radius:6px;padding:8px 16px}.meter-image-toolbar button:hover{background:var(--purple-soft)}.meter-image-help{color:var(--ink-soft);margin:12px 0;font-size:.75rem}.meter-image-scroll{background:var(--mist);overscroll-behavior:contain;max-height:72vh;overflow:auto}.meter-image-scroll img{width:1180px;max-width:none;height:auto;display:block}@media (width<=1000px){.meter-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.meter-hero h1{font-size:1.9rem}.meter-desktop-break{display:none}.meter-type-grid{gap:14px}.meter-type-grid h3{font-size:.9rem}.meter-section-heading,.meter-conditions-heading{grid-template-columns:1fr;gap:20px}.meter-feature-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:30px}.meter-reading-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}@media (width<=760px){.meter-result-grid{grid-template-columns:1fr;gap:26px}.meter-hero-grid,.meter-feature-grid{grid-template-columns:1fr;gap:30px}.meter-multiple-heading{grid-template-columns:1fr;gap:20px}.meter-multiple-process{grid-template-columns:1fr}.meter-multiple-step+.meter-multiple-step{border-left:0;border-top:1px solid var(--purple-line)}.meter-multiple-step+.meter-multiple-step:before{top:-5px;left:calc(50% - 5px);transform:rotate(135deg)}.meter-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meter-hero h1{font-size:clamp(1.7rem,5.5vw,2.4rem)}.meter-hero-lead{font-size:.94rem}.meter-page-nav{grid-template-columns:1fr;padding-block:8px}.meter-page-nav a{border-right:0;border-bottom:1px solid var(--line)}.meter-page-nav a:last-child{border-bottom:0}.meter-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.meter-type-grid figure{aspect-ratio:1}.meter-condition-grid{grid-template-columns:1fr;gap:36px}.meter-condition h3{font-size:1.35rem}.meter-condition h3 span{display:inline}.meter-data-flow{grid-template-columns:1fr}.meter-data-flow li{border-right:0;border-bottom:1px solid var(--line);padding:24px}.meter-data-flow li:last-child{border-bottom:0}.meter-integration-links{text-align:center;grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.meter-page a{transition:none}}