@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Michroma&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--green: #00715a;--green-deep: #005544;--green-dark: #073e35;--mint: #88b6aa;--mint-soft: #e8f2ef;--mint-pale: #f2f7f5;--graphite: #2e3533;--gray: #66706d;--line: #dce4e1;--white: #fff;--electric: #e5a514;--water: #2d86b7;--shadow: 0 24px 60px rgba(9, 61, 51, .13);font-family:Noto Sans Thai,sans-serif;color:var(--graphite);background:var(--white);font-synthesis:none;text-rendering:optimizeLegibility}.product-page{min-height:100vh;background:#f7faf8;color:var(--graphite)}.product-page-header{position:relative;background:#f7faf8f0;border-bottom:1px solid rgba(12,93,78,.12)}.product-page-header .header-inner{min-height:76px}.product-page-label{margin-left:auto;color:var(--green);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em}.product-page-back{display:inline-flex;align-items:center;gap:8px;margin-left:30px;color:var(--green);font-size:12px;font-weight:600}.billing-page{background:#f5f8fd}.billing-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:148px 0 92px;color:#f8fbff;background:radial-gradient(circle at 82% 42%,rgba(75,164,255,.24),transparent 34%),linear-gradient(122deg,#071a3f,#0d2860 49%,#102f73)}.billing-hero__video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;filter:saturate(.92) contrast(1.05);pointer-events:none}.billing-hero__video-overlay{display:none}.billing-hero:before{display:none}.billing-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;min-height:520px}.billing-hero__copy{max-width:510px;animation:billing-copy-rise .72s cubic-bezier(.22,.8,.3,1) both}.billing-hero__line{display:inline-flex;align-items:center;gap:9px;color:#8fe4ff;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em}.billing-hero__line:before{width:28px;height:1px;background:#36c4ec;content:""}.billing-hero h1{margin:22px 0;color:#fff;font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-.06em;font-weight:600}.billing-hero h1 em{color:#65e4d0;font-style:normal}.billing-hero__copy>p{max-width:480px;color:#c8dafb;font-size:16px;line-height:1.9}.billing-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:33px}.billing-hero__actions .button{background:#28b79d;border-color:#28b79d}.billing-hero__actions .button:hover{background:#36d5bb;border-color:#36d5bb}.billing-hero__actions .button--outline{color:#c6ddff;border-color:#b1d4ff8a;background:#ffffff0a}.billing-hero__actions .button--outline:hover{color:#0d2860;background:#fff;border-color:#fff}.billing-hero__metrics{display:flex;gap:25px;margin-top:43px}.billing-hero__metrics>div{display:grid;gap:5px;padding-left:14px;border-left:1px solid rgba(180,216,255,.35)}.billing-hero__metrics strong{color:#fff;font-family:IBM Plex Mono,monospace;font-size:17px}.billing-hero__metrics span{color:#9fb9e0;font-size:10px}.billing-hero__visual{position:relative;min-height:540px;animation:billing-visual-enter .9s cubic-bezier(.18,.84,.28,1) .12s both}.billing-hero__visual-glow{position:absolute;z-index:-1;top:10%;right:0;width:92%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(83,226,220,.46),rgba(38,123,221,.2) 42%,transparent 70%);filter:blur(30px);animation:billing-glow-pulse 5s ease-in-out infinite}.billing-hero__image-frame{position:absolute;inset:10px -110px 10px -28px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(189,224,255,.58);border-radius:18px;background:#f8fcfff2;box-shadow:0 30px 70px #00072057;transform:rotate(1.2deg)}.billing-hero__image-frame:after{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 42%);content:"";pointer-events:none}.billing-hero__image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.billing-hero__floating-card{position:absolute;right:-72px;bottom:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-width:275px;padding:15px 17px;border:1px solid rgba(169,239,229,.48);border-radius:12px;color:#eafffb;background:#042e52db;box-shadow:0 18px 40px #00082452;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:billing-float .7s ease-out 1s both,billing-float-loop 5.2s ease-in-out 1.7s infinite}.billing-hero__floating-card strong{display:block;font-size:12px}.billing-hero__floating-card small{display:block;margin-top:4px;color:#98c8cf;font-size:9px}.billing-hero__floating-card b{color:#6ef0c9;font-family:IBM Plex Mono,monospace;font-size:15px;white-space:nowrap}.billing-hero__floating-dot{width:10px;height:10px;border-radius:50%;background:#57e4b7;box-shadow:0 0 0 6px #57e4b71f}.billing-feature-strip{padding:112px 0 128px;background:#f5f8fd}.billing-feature-strip__heading{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:60px}.billing-feature-strip h2{margin:0;color:#142d59;font-size:clamp(38px,4.6vw,62px);line-height:1.06;letter-spacing:-.05em}.billing-feature-strip h2 em{color:#1c9b86;font-style:normal}.billing-feature-strip__heading p{max-width:520px;margin:0;color:#667b9e;font-size:15px;line-height:1.9}.billing-feature-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:58px}.billing-feature-strip__grid article{min-height:220px;padding:27px 25px;border:1px solid #d7e3f1;background:#ffffffd1;box-shadow:0 16px 34px #2243730f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.billing-feature-strip__grid article:hover{border-color:#70cfc0;box-shadow:0 24px 42px #1d66851f;transform:translateY(-6px)}.billing-feature-strip__grid article>span{display:grid;place-items:center;width:45px;height:45px;color:#128b77;border-radius:12px;background:#ddf4ee}.billing-feature-strip__grid h3{margin:24px 0 10px;color:#193863;font-size:17px}.billing-feature-strip__grid p{margin:0;color:#6d80a0;font-size:12px;line-height:1.8}.billing-hero__image-frame{border:0;background:transparent;box-shadow:none}.billing-hero__image-frame:after{display:none}.billing-hero__image-frame img{mix-blend-mode:normal;filter:drop-shadow(0 22px 26px rgba(0,14,44,.2))}@keyframes billing-copy-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes billing-visual-enter{0%{opacity:0;transform:translate(36px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes billing-glow-pulse{0%,to{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes billing-float{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes billing-float-loop{0%,to{margin-bottom:0}50%{margin-bottom:8px}}.billing-hero__copy h1{animation:billing-title-reveal .82s cubic-bezier(.22,.8,.3,1) .12s both}.billing-hero h1 em{display:inline-block;animation:billing-accent-reveal .72s cubic-bezier(.22,.8,.3,1) .3s both}.billing-hero__copy>p{animation:billing-text-reveal .72s cubic-bezier(.22,.8,.3,1) .4s both}.billing-hero__actions{animation:billing-text-reveal .72s cubic-bezier(.22,.8,.3,1) .52s both}.billing-hero__image-frame{animation:billing-art-float 7.5s ease-in-out 1.25s infinite}@keyframes billing-title-reveal{0%{opacity:0;transform:translateY(20px);clip-path:inset(0 0 100%)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0)}}@keyframes billing-accent-reveal{0%{opacity:0;transform:translateY(14px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes billing-text-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes billing-art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.billing-hero{padding:120px 0 70px}.billing-hero__grid{grid-template-columns:1fr;gap:32px}.billing-hero__copy{max-width:620px}.billing-hero__visual{min-height:430px}.billing-hero__image-frame{inset:0 -22px}.billing-hero__floating-card{right:6px}.billing-feature-strip__heading{grid-template-columns:1fr;gap:25px}.billing-feature-strip__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.billing-hero{min-height:0;padding:104px 0 58px}.billing-hero h1{font-size:53px}.billing-hero__copy>p{font-size:14px}.billing-hero__metrics{flex-wrap:wrap;gap:16px;margin-top:32px}.billing-hero__metrics>div{min-width:125px}.billing-hero__visual{min-height:280px}.billing-hero__image-frame{inset:0 -12px;border-radius:12px}.billing-hero__floating-card{right:-3px;bottom:13px;min-width:230px;padding:11px 12px}.billing-feature-strip{padding:76px 0 88px}.billing-feature-strip h2{font-size:42px}.billing-feature-strip__grid{grid-template-columns:1fr;margin-top:38px}}.product-hero{position:relative;overflow:hidden;padding:94px 0 110px;background:linear-gradient(120deg,#004f42,#007965 48%,#e8f2ee 48%,#f7faf8)}.product-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 83% 25%,rgba(255,255,255,.2),transparent 28%),linear-gradient(90deg,transparent 50%,rgba(255,255,255,.16) 50.2%,transparent 50.5%);opacity:.7}.product-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.product-hero__copy{max-width:570px;color:#f7fffc}.product-eyebrow{display:inline-block;color:#78d3c0;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:600}.product-hero h1,.product-section-heading h2,.product-detail__copy h2,.product-cta h2{margin:22px 0 20px;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:500}.product-hero h1 em,.product-section-heading h2 em,.product-detail__copy h2 em,.product-cta h2 em{color:#55cbb4;font-style:normal}.product-hero__copy>p{max-width:510px;color:#cce8e1;font-size:15px;line-height:1.9}.product-hero__actions{display:flex;align-items:center;gap:22px;margin-top:34px}.product-text-link{display:inline-flex;align-items:center;gap:8px;color:#e7fff8;font-size:12px;font-weight:600}.monitoring-showcase-hero{position:relative;overflow:hidden;padding:56px 0 0;background:#f8fbfa}.monitoring-showcase-hero__video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.monitoring-showcase-hero__backdrop{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 72% 48%,rgba(45,194,158,.12),transparent 32%),linear-gradient(90deg,#f8fbfa,#f8fbfaf0 32%,#e1f2ec66 62%,#005c4729)}.monitoring-showcase-hero__backdrop:before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.78) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.78) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}.monitoring-showcase-hero__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fbfa 0%,rgba(248,251,250,.55) 22%,transparent 54%)}.monitoring-showcase-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:30px;min-height:570px}.monitoring-showcase-hero__copy{align-self:center;max-width:540px;padding:4px 0 35px}.monitoring-showcase-hero__copy h1{margin:0;color:#183833;font-size:clamp(48px,4.35vw,67px);font-weight:700;line-height:.98;letter-spacing:-.05em}.monitoring-showcase-hero__copy h1 em{display:inline-block;margin-top:8px;color:#07805f;font-style:normal}.monitoring-showcase-hero__copy h2{max-width:525px;margin:22px 0 13px;color:#24423d;font-size:19px;line-height:1.5;font-weight:500}.monitoring-showcase-hero__copy>p{max-width:555px;margin:0;color:#536b65;font-size:14px;line-height:1.85}.monitoring-showcase-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 22px;margin-top:23px}.monitoring-showcase-features>div{display:flex;align-items:center;gap:12px;color:#294b44}.monitoring-showcase-features>div>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#07805f;border-radius:50%;background:#e1f3ed}.monitoring-showcase-features strong{font-size:12px;line-height:1.45;font-weight:600}.monitoring-showcase-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}.monitoring-showcase-actions .button{min-height:46px;padding-inline:21px}.monitoring-showcase-actions .button--outline{color:#087c67;background:#ffffffb3;border:1px solid #11866e;box-shadow:none}.monitoring-showcase-hero__visual{position:relative;align-self:stretch;min-height:570px}.monitoring-showcase-devices{position:absolute;z-index:2;right:-17%;bottom:54px;width:min(890px,124%);filter:drop-shadow(0 25px 26px rgba(5,59,48,.2))}.monitoring-showcase-badges{position:absolute;z-index:4;top:38px;right:-2px;display:grid;gap:10px;width:166px}.monitoring-showcase-badges>div{display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 13px;color:#f4fffb;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:#00604ad1;box-shadow:0 12px 26px #00423224,inset 0 0 20px #46e0b71f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.monitoring-showcase-badges>div>.icon{padding:7px;width:42px;height:42px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.monitoring-showcase-badges span{display:grid;gap:2px}.monitoring-showcase-badges strong{font-size:13px}.monitoring-showcase-badges small{color:#d3eee7;font-size:10px}.monitoring-showcase-summary{position:relative;z-index:5;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;margin-top:-18px;padding:20px 25px;border:1px solid rgba(7,113,90,.1);border-radius:22px 22px 0 0;background:#fffffff7;box-shadow:0 -8px 30px #08493b12}.monitoring-showcase-summary>div{display:flex;align-items:center;gap:13px;min-height:64px;padding:0 21px;border-right:1px solid #dce8e3}.monitoring-showcase-summary>div:first-child{padding-left:0}.monitoring-showcase-summary>div:last-child{padding-right:0;border-right:0}.monitoring-showcase-summary>div>.icon{flex:0 0 auto;width:46px;height:46px;padding:10px;color:#087c67;border-radius:50%;background:#e2f4ee}.monitoring-showcase-summary span{display:grid;gap:4px}.monitoring-showcase-summary strong{color:#254840;font-size:12px}.monitoring-showcase-summary small{color:#667c76;font-size:10px;line-height:1.55}@keyframes monitoring-title-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(18px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes monitoring-copy-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes monitoring-device-enter{0%{opacity:0;transform:translate(45px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes monitoring-device-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes monitoring-glow-pulse{0%,to{opacity:.28;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}.monitoring-showcase-hero__copy h1{animation:monitoring-title-reveal .78s cubic-bezier(.22,.8,.3,1) both}.monitoring-showcase-hero__copy h2{animation:monitoring-copy-rise .62s cubic-bezier(.22,.8,.3,1) .14s both}.monitoring-showcase-hero__copy>p{animation:monitoring-copy-rise .62s cubic-bezier(.22,.8,.3,1) .24s both}.monitoring-showcase-features>div{animation:monitoring-copy-rise .52s cubic-bezier(.22,.8,.3,1) both}.monitoring-showcase-features>div:nth-child(1){animation-delay:.34s}.monitoring-showcase-features>div:nth-child(2){animation-delay:.4s}.monitoring-showcase-features>div:nth-child(3){animation-delay:.46s}.monitoring-showcase-features>div:nth-child(4){animation-delay:.52s}.monitoring-showcase-features>div:nth-child(5){animation-delay:.58s}.monitoring-showcase-features>div:nth-child(6){animation-delay:.64s}.monitoring-showcase-actions{animation:monitoring-copy-rise .58s cubic-bezier(.22,.8,.3,1) .7s both}.monitoring-showcase-hero__visual:before{content:"";position:absolute;z-index:1;left:57%;top:52%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(63,234,190,.5) 0%,rgba(28,172,140,.2) 36%,transparent 68%);filter:blur(16px);pointer-events:none;animation:monitoring-glow-pulse 5.4s ease-in-out 1s infinite}.monitoring-showcase-devices{animation:monitoring-device-enter .92s cubic-bezier(.18,.84,.28,1) .16s both,monitoring-device-float 6s ease-in-out 1.2s infinite;transition:filter .3s ease}.monitoring-showcase-hero__visual:hover .monitoring-showcase-devices{filter:drop-shadow(0 30px 32px rgba(5,59,48,.28)) brightness(1.025)}.product-dashboard{border:1px solid rgba(255,255,255,.58);border-radius:3px;background:#fffffff5;box-shadow:0 28px 60px #00403633}.product-dashboard--hero{padding:22px;color:#173832}.product-dashboard__top,.product-dashboard__room,.product-dashboard__chart-label,.product-detail__callout-head,.product-detail__callout-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.product-dashboard__top{padding-bottom:18px;border-bottom:1px solid #d8e5e0;color:var(--green);font-size:14px;font-weight:700}.product-dashboard__top small,.product-dashboard__room strong{color:#77948d;font-size:10px;font-weight:500}.product-dashboard__dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#14b77f}.product-dashboard__room{padding:22px 0 18px;font-size:18px;font-weight:600}.product-dashboard__room strong{padding:6px 10px;border-radius:20px;color:#08775e;background:#e2f6ed}.product-dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-dashboard__stats>div{padding:17px 14px;border:1px solid #dce8e4;border-radius:3px;text-align:center}.product-dashboard__stats>div.is-highlight{border-color:#f1c98c;background:#fffaf1}.product-dashboard__stats small,.product-dashboard__stats span{display:block;color:#88a29b;font-size:10px}.product-dashboard__stats strong{display:block;margin:8px 0 2px;color:#1d3934;font-family:IBM Plex Mono,monospace;font-size:clamp(22px,3vw,31px)}.product-dashboard__stats .is-highlight strong{color:#dc8500}.product-dashboard__chart{margin-top:16px;padding:18px;border:1px solid #dce8e4;border-radius:3px}.product-dashboard__chart-label strong{font-size:13px}.product-dashboard__chart-label span{color:#829b94;font-size:10px}.product-chart-bars{display:flex;align-items:end;gap:9px;height:140px;margin-top:20px;padding:14px 5px 0;border-top:1px solid #edf2f0;background:repeating-linear-gradient(to bottom,transparent 0 34px,#edf2f0 35px 36px)}.product-chart-bars i,.product-detail__sparkline i{flex:1;min-height:8px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#4bc7b2,#087c67)}.product-chart-axis{display:flex;justify-content:space-between;margin-top:9px;color:#98aca7;font-size:9px}.product-features{padding:112px 0 120px;background:#f7faf8}.product-section-heading{max-width:680px}.product-section-heading h2,.product-detail__copy h2{color:#153b34}.product-section-heading p,.product-detail__copy>p{max-width:580px;color:#607872;font-size:15px;line-height:1.9}.product-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}.product-feature-card{min-height:255px;padding:0 24px 26px;border:1px solid #d7e5df;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.product-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #0e53461a}.product-feature-card__image{height:138px;margin:0 -24px 24px;overflow:hidden;border-bottom:1px solid #dbe8e3;background:#edf6f3}.product-feature-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,.8,.3,1)}.product-feature-card:hover .product-feature-card__image img{transform:scale(1.035)}.product-gallery-heading{margin-top:76px}.product-gallery-heading h3{margin:0;color:#153b34;font-size:25px}.product-gallery-heading p{max-width:600px;margin:10px 0 0;color:#607872;font-size:13px;line-height:1.8}.product-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.product-gallery-item{position:relative;display:grid;grid-template-rows:minmax(145px,1fr) auto;min-height:245px;margin:0;overflow:hidden;border:1px solid #d9e9e2;background:#fff;box-shadow:0 14px 30px #0d53450f;cursor:zoom-in;opacity:0;transform:translateY(22px);transition:border-color .25s ease,box-shadow .25s ease,transform .35s cubic-bezier(.22,.8,.3,1)}.product-features.is-visible .product-gallery-item{animation:product-gallery-reveal .58s cubic-bezier(.22,.8,.3,1) var(--gallery-delay) forwards}.product-gallery-item:after{position:absolute;inset:0;border:1px solid rgba(16,149,119,.3);opacity:0;content:"";transition:opacity .25s ease;pointer-events:none}.product-gallery-item img{display:block;width:100%;height:100%;min-height:145px;object-fit:contain;transition:transform .45s cubic-bezier(.22,.8,.3,1)}.product-gallery-item:hover{border-color:#10957785;box-shadow:0 22px 42px #0d534521;transform:translateY(-5px)}.product-features.is-visible .product-gallery-item:hover{animation:none;opacity:1;transform:translateY(-5px)}.product-gallery-item:hover img{transform:scale(1.045)}.product-gallery-item:hover:after{opacity:1}.product-gallery-item:focus-visible{outline:3px solid rgba(26,174,141,.38);outline-offset:3px}.product-gallery-item figcaption{position:relative;z-index:1;display:grid;gap:5px;min-height:78px;padding:13px 14px 15px;background:#fff}.product-gallery-item figcaption strong{color:#173d35;font-size:13px}.product-gallery-item figcaption span{color:#6c807a;font-size:11px;line-height:1.55}.gallery-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:28px;background:#03261fd1;animation:gallery-lightbox-in .25s ease both}.gallery-lightbox__panel{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(100%,980px);max-height:calc(100vh - 56px);overflow:hidden;background:#fff;box-shadow:0 30px 75px #0000004d}.gallery-lightbox__panel img{display:block;width:100%;height:min(70vh,640px);object-fit:contain;background:#f3f8f6}.gallery-lightbox__panel>div{padding:19px 24px 22px}.gallery-lightbox__panel strong{color:#173d35;font-size:18px}.gallery-lightbox__panel p{margin:5px 0 0;color:#6c807a;font-size:13px}.gallery-lightbox__close{position:absolute;z-index:1;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;box-sizing:border-box;padding:2px 0 0;border:0;border-radius:50%;color:#fff;background:#03392ec7;font-family:Arial,sans-serif;font-size:28px;line-height:1;text-align:center;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .25s cubic-bezier(.22,.8,.3,1)}.gallery-lightbox__close:hover{background:#e54848;box-shadow:0 8px 20px #e5484852;transform:rotate(90deg) scale(1.1);animation:gallery-close-hover .45s ease both}.gallery-lightbox__close:focus-visible{outline:3px solid rgba(229,72,72,.4);outline-offset:3px}@keyframes product-gallery-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes gallery-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes gallery-close-hover{0%{transform:rotate(0) scale(1)}55%{transform:rotate(98deg) scale(1.14)}to{transform:rotate(90deg) scale(1.1)}}.product-feature-card__icon{display:grid;place-items:center;width:45px;height:45px;color:#087c67;border-radius:50%;background:#e4f5ef}.product-feature-card h3{margin:27px 0 12px;color:#173d35;font-size:17px}.product-feature-card p{min-height:81px;color:#6c807a;font-size:12px;line-height:1.8}.product-feature-card a{display:inline-flex;align-items:center;gap:8px;color:#087c67;font-size:11px;font-weight:700}.product-detail{position:relative;isolation:isolate;overflow:hidden;padding:110px 0;background:#e8f2ee}.product-detail__video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(.88) contrast(1.04);pointer-events:none}.product-detail__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#e8f2eef0,#e8f2eec2 50%,#e8f2eee0);pointer-events:none}.product-detail__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:72px}.product-detail__copy ul{display:grid;gap:15px;margin:30px 0 0;padding:0;list-style:none;color:#3d625a;font-size:13px}.product-detail__copy li{display:flex;align-items:center;gap:11px}.product-detail__copy li .icon{color:#07836d}.product-detail__callout{padding:28px;border:1px solid rgba(6,117,96,.2);background:#fff;box-shadow:0 22px 45px #125f4d1a}.product-detail__callout-head strong{color:#173d35;font-size:17px}.product-detail__callout-head span{color:#7d9991;font-size:11px}.product-detail__metric{display:flex;align-items:end;gap:15px;margin-top:32px}.product-detail__metric small{color:#8aa49c;font-size:11px}.product-detail__metric strong{color:#087c67;font-family:IBM Plex Mono,monospace;font-size:31px}.product-detail__metric strong span{font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:400}.product-detail__metric em{margin-bottom:5px;color:#0b9b72;font-family:IBM Plex Mono,monospace;font-size:11px;font-style:normal}.product-detail__sparkline{display:flex;align-items:end;gap:8px;height:170px;margin-top:27px;padding:0 4px;border-bottom:1px solid #cddfd9}.product-detail__sparkline i{background:#20a188;opacity:.8}.product-detail__callout-foot{margin-top:17px;color:#7b958e;font-size:11px}.product-detail__callout-foot span:first-child{color:#15846e}.product-detail__callout-foot i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#16b77f}.product-detail__table-card{min-width:0;margin-left:24px;padding:0;border:0;background:transparent;box-shadow:none}.product-detail__table-card .product-detail__callout-head strong{font-size:20px}.meter-reading-table-wrap{max-height:410px;margin-top:17px;overflow:auto;border:1px solid #d6e4df;scrollbar-width:none;-ms-overflow-style:none}.meter-reading-table-wrap::-webkit-scrollbar{display:none}.meter-reading-table{width:100%;min-width:610px;border-collapse:collapse;color:#385d54;font-family:IBM Plex Mono,Noto Sans Thai,sans-serif;font-size:12px;table-layout:fixed}.meter-reading-table th,.meter-reading-table td{padding:13px 11px;border-right:1px solid #d8e6e1;border-bottom:1px solid #d8e6e1;text-align:right;white-space:nowrap}.meter-reading-table th:first-child,.meter-reading-table td:first-child{width:34%;text-align:left}.meter-reading-table th:last-child,.meter-reading-table td:last-child{border-right:0}.meter-reading-table thead th{position:sticky;top:0;z-index:1;color:#effff9;background:#0a7967;font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:700;line-height:1.25}.meter-reading-table thead th small{color:#bde7dc;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.meter-reading-table tbody tr:nth-child(2n){background:#f3f8f6}.meter-reading-table tbody tr.is-latest{color:#087c67;background:#e0f5ed;font-weight:700;animation:meter-row-in .55s cubic-bezier(.22,.8,.3,1) both}.meter-reading-table tbody tr.is-latest td:first-child:before{display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;border-radius:50%;background:#14b77f;content:""}.meter-reading-table tbody tr:last-child td{border-bottom:0}@keyframes meter-row-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.product-cta{padding:92px 0;color:#effffb;background:#005948}.product-cta__inner{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px}.product-cta__copy{max-width:480px}.product-cta__copy p{max-width:420px;margin:22px 0 0;color:#c5e2da;font-size:14px;line-height:1.85}.product-cta h2{margin-bottom:0}.product-cta__form{width:100%}.product-page-footer{padding:0 0 24px;background:#005948}.product-page-footer .footer-bottom{margin-top:0;border-color:#ffffff26;color:#acd5ca}.product-page-footer .footer-bottom a{color:#d7fff4}.system-map-section{padding:112px 0 118px;background:#edf5f2}.system-map-heading{max-width:650px}.system-map-heading h2{margin-bottom:18px}.system-map{display:grid;grid-template-columns:1fr auto 1fr auto 1.1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-top:58px}.system-map__node{min-height:190px;padding:22px 18px;border:1px solid #d4e3de;background:#fff;box-shadow:0 14px 30px #0d53450f}.system-map__node--active{border-color:#21a88d;box-shadow:0 18px 34px #077a6529;transform:translateY(-7px)}.system-map__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;color:#087c67;border-radius:50%;background:#e1f4ed}.system-map__node strong{display:block;color:#183d35;font-size:15px}.system-map__node small{display:block;margin-top:8px;color:#668079;font-size:11px}.system-map__node em{display:block;margin-top:22px;color:#087c67;font-size:10px;font-style:normal;line-height:1.5}.system-map__connector{display:grid;place-items:center;color:#1a9e85}.system-map__connector .icon{width:20px}.system-map__legend{display:flex;flex-wrap:wrap;gap:25px;margin-top:34px;color:#658079;font-size:11px}.system-map__legend span{display:inline-flex;align-items:center;gap:8px}.system-map__legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.system-map__legend .is-live{background:#19b486}.system-map__legend .is-secure{background:#2e92c0}.system-map__legend .is-linked{background:#e3a323}.system-map-visual{position:relative;width:min(100%,760px);margin:48px auto 0}.system-map-visual:before{display:none}.system-map-heading,.system-map-visual{opacity:0;transform:translateY(25px)}.system-map-section.is-visible .system-map-heading{animation:system-map-reveal .68s cubic-bezier(.22,.8,.3,1) both}.system-map-section.is-visible .system-map-visual{animation:system-map-reveal .82s cubic-bezier(.22,.8,.3,1) .14s both}.system-map-visual img{display:block;width:100%;height:auto;transition:filter .35s ease,transform .6s cubic-bezier(.22,.8,.3,1)}.system-map-visual:hover img{filter:drop-shadow(0 16px 22px rgba(0,104,82,.14));transform:scale(1.018)}.system-map-data-flow{position:absolute;z-index:2;left:50%;bottom:15%;width:4px;height:52%;overflow:hidden;opacity:0;transform:translate(-50%);pointer-events:none}.system-map-section.is-visible .system-map-data-flow{opacity:1;transition:opacity .35s ease .75s}.system-map-data-flow:before{position:absolute;left:50%;bottom:-20px;width:10px;height:10px;border-radius:50%;background:#63ffda;box-shadow:0 0 7px #39f5c9,0 0 16px #00d2a3e6,0 0 28px #009b78b3;content:"";transform:translate(-50%);animation:system-map-data-rise 2.6s linear infinite}@keyframes system-map-reveal{0%{opacity:0;transform:translateY(25px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes system-map-data-rise{0%{bottom:-20px;opacity:0}14%{opacity:1}82%{opacity:1}to{bottom:calc(100% + 20px);opacity:0}}.system-components-section{position:relative;padding:112px 0 124px;overflow:hidden;background:#005b49}.system-components-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.system-components-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(120deg,#003a2ff0,#006752c7 52%,#004c3de6);pointer-events:none}.system-components-section>.container{position:relative;z-index:2}.system-components-heading{position:relative;max-width:760px;opacity:0;transform:translateY(22px)}.system-components-heading h2{color:#fff}.system-components-heading h2 em{color:#8ff5d8}.system-components-heading p{color:#ecfff9cc}.system-components-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:58px}.system-components-flow:before{position:absolute;z-index:-1;top:124px;left:10%;width:80%;height:2px;background:linear-gradient(90deg,#0c80691a,#22b391 18% 82%,#0c80691a);content:"";transform:scaleX(0);transform-origin:left}.system-components-section.is-visible .system-components-heading{animation:system-component-rise .62s cubic-bezier(.22,.8,.3,1) both}.system-components-section.is-visible .system-components-flow:before{animation:system-component-line 1.1s cubic-bezier(.22,.8,.3,1) .34s forwards}.system-component-card{position:relative;min-width:0;overflow:hidden;border:1px solid #d8e7e2;border-radius:2px;background:#fffffff5;box-shadow:0 18px 42px #0d504312;opacity:0;transform:translateY(28px);transition:border-color .3s ease,box-shadow .3s ease,transform .35s cubic-bezier(.22,.8,.3,1)}.system-components-section.is-visible .system-component-card{animation:system-component-rise .64s cubic-bezier(.22,.8,.3,1) var(--component-delay) forwards}.system-components-section.is-visible .system-component-card:hover{border-color:#0c846b7a;box-shadow:0 24px 48px #0d5b4a24;animation:none;opacity:1;transform:translateY(-8px)}.system-component-media{position:relative;height:190px;overflow:hidden;border-bottom:1px solid #e1ebe7;background-color:#fff;background-image:url(/brand/webmeter-components-source.jpg);background-repeat:no-repeat}.system-component-media:after{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(255,255,255,.7),transparent);content:"";pointer-events:none}.system-component-media--ct{background-image:url(/brand/ct-window.png),url(/brand/ct-flexible.png);background-position:10% center,90% center;background-size:54% auto,48% auto}.system-component-media--meter{background-image:url(/brand/power-meter-multi-brand.png);background-position:center;background-size:contain}.system-component-media--logger{background-image:url(/brand/data-logger-wisco-cl28.png);background-position:center 58%;background-size:122% auto}.system-component-media--web{background-image:url(/brand/webmeter-table-data.png);background-position:center;background-size:contain}.system-component-card__body{min-height:204px;padding:20px 22px 22px}.system-component-card__title{display:flex;align-items:center;gap:12px}.system-component-card__title span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#087c67;border:1px solid rgba(8,124,103,.25);border-radius:50%;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.system-component-card h3{margin:0;color:#173d35;font-size:20px}.system-component-card p{margin:14px 0 0;color:#667e77;font-size:13px;line-height:1.75}.system-component-card small{display:inline-flex;margin-top:22px;padding:7px 10px;color:#087c67;background:#e5f5ef;font-size:10px;font-weight:700;letter-spacing:.02em}@keyframes system-component-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes system-component-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:900px){.product-hero__grid,.product-detail__grid,.product-cta__inner{grid-template-columns:1fr;gap:50px}.product-detail__table-card{margin-left:0}.product-hero{padding-top:70px;background:linear-gradient(160deg,#004f42,#007965 58%,#e8f2ee 58%,#f7faf8)}.product-feature-grid{grid-template-columns:repeat(2,1fr)}.product-gallery-grid{grid-template-columns:repeat(3,1fr)}.product-page-label{display:none}.system-map{grid-template-columns:repeat(3,1fr);gap:24px}.system-map__connector{transform:rotate(90deg)}.system-map__node{min-height:175px}.system-components-flow{grid-template-columns:repeat(2,1fr)}.system-components-flow:before{display:none}}@media(max-width:560px){.product-page-header .header-inner{min-height:66px}.product-page-back{margin-left:auto;font-size:10px}.product-hero{padding:58px 0 72px}.product-hero h1,.product-section-heading h2,.product-detail__copy h2,.product-cta h2{font-size:39px}.product-hero__actions,.product-cta__inner{align-items:flex-start;flex-direction:column}.product-dashboard__stats{gap:7px}.product-dashboard__stats>div{padding:13px 8px}.product-dashboard__stats strong{font-size:20px}.product-feature-grid{grid-template-columns:1fr;margin-top:38px}.product-gallery{padding:76px 0}.product-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:36px}.product-gallery-item,.product-gallery-item img{min-height:130px}.product-feature-card,.product-feature-card p{min-height:0}.product-features,.product-detail{padding:76px 0}.product-detail__callout{padding:20px}.product-detail__metric strong{font-size:24px}.system-map{grid-template-columns:1fr;gap:12px;margin-top:36px}.system-map__connector{transform:rotate(90deg)}.system-map__node{min-height:0;padding:19px}.system-map__node--active{transform:none}.system-map__legend{gap:12px}.system-map-visual{margin-top:32px}.system-components-section{padding:76px 0}.system-components-flow{grid-template-columns:1fr;margin-top:38px}.system-component-media{height:185px}.system-component-card__body{min-height:0}}@media(max-width:1050px){.monitoring-showcase-hero__grid{grid-template-columns:1fr 1fr}.monitoring-showcase-badges{top:30px;width:155px}.monitoring-showcase-badges>div{min-height:64px;padding:10px 12px}.monitoring-showcase-summary{grid-template-columns:repeat(2,1fr)}.monitoring-showcase-summary>div{border-bottom:1px solid #dce8e3}.monitoring-showcase-summary>div:nth-child(2){border-right:0}.monitoring-showcase-summary>div:nth-child(n+3){border-bottom:0}}@media(max-width:720px){.monitoring-showcase-hero{padding-top:48px}.monitoring-showcase-hero__video{opacity:.28}.monitoring-showcase-hero__backdrop{inset:0;opacity:1}.monitoring-showcase-hero__grid{grid-template-columns:1fr;min-height:0}.monitoring-showcase-hero__copy{max-width:none;padding-top:0}.monitoring-showcase-hero__copy h1{font-size:56px}.monitoring-showcase-hero__copy h2{font-size:18px}.monitoring-showcase-features{grid-template-columns:1fr}.monitoring-showcase-hero__visual{min-height:430px}.monitoring-showcase-devices{right:-7%;bottom:32px;width:108%}.monitoring-showcase-tablet{left:-2%;bottom:24px;width:42%}.monitoring-showcase-badges{display:none}.monitoring-showcase-summary{grid-template-columns:1fr;margin-top:-10px;padding:18px 22px;border-radius:18px 18px 0 0}.monitoring-showcase-summary>div{padding:15px 0;border-right:0;border-bottom:1px solid #dce8e3}.monitoring-showcase-summary>div:nth-child(2),.monitoring-showcase-summary>div:nth-child(3){border-bottom:1px solid #dce8e3}.monitoring-showcase-summary>div:last-child{border-bottom:0}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--white)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.icon{flex:0 0 auto}.section{padding:118px 0}.service-strip{background:var(--green);color:var(--white);font-size:12px}.service-strip__inner{height:38px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.02em}.service-strip a{opacity:.94}.service-strip strong{margin-left:8px;letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:40;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header.site-header--transparent{position:fixed;left:0;right:0;width:100%;background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease}.site-header.site-header--transparent.is-solid{background:#fffffff0;border-bottom-color:var(--line);box-shadow:0 10px 28px #073e3512;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header--transparent+main .hero .hero-grid{padding-top:138px}.site-header--transparent+main .monitoring-showcase-hero{padding-top:108px}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-amptron-header{width:42px;height:42px;object-fit:contain;object-position:center}.brand-symbol{width:38px;height:38px;display:flex;align-items:flex-end;gap:3px;padding:7px;color:var(--green);border:2px solid currentColor;transform:skew(-9deg)}.brand-symbol span{flex:1;background:currentColor}.brand-symbol span:nth-child(1){height:38%}.brand-symbol span:nth-child(2){height:68%}.brand-symbol span:nth-child(3){height:100%}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:Michroma,sans-serif;font-size:15px;letter-spacing:.04em;color:var(--green)}.brand-copy small{margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.22em;color:var(--gray)}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{position:relative;font-size:14px;font-weight:500}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--green);transition:right .24s ease}.main-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.login-link{font-size:13px;font-weight:600;color:var(--green)}.quote-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:10px;min-height:42px;padding:0 17px;color:#fff;background:var(--green);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:background .2s ease,transform .2s ease}.quote-button:hover{color:#fff;background:var(--green-deep);transform:translateY(-1px)}.quote-button .icon{flex:0 0 auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;color:var(--white);background:var(--green);border:1px solid var(--green);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--green-deep);border-color:var(--green-deep);transform:translateY(-2px)}.button--small{min-height:42px;padding:0 18px;font-size:12px}.button--light{color:var(--green-deep);background:var(--white);border-color:var(--white)}.button--light:hover{color:var(--white);background:transparent;border-color:#ffffffb3}.button--dark{color:var(--white);background:var(--green-dark);border-color:var(--green-dark)}.menu-button{display:none;color:var(--green);background:transparent;border:0;padding:8px}.hero{overflow:hidden;position:relative;min-height:650px;background:var(--white)}.hero:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#fffffffc,#fffffff5 25%,#ffffffb8 39%,#ffffff14 57%,#fff0 74%)}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-grid{position:relative;z-index:2;min-height:650px;display:flex;align-items:center;padding-top:62px;padding-bottom:68px}.hero-copy{width:min(520px,46%)}.section-tag{display:flex;align-items:center;gap:12px;color:var(--green);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em}.section-tag>span{width:30px;height:2px;background:currentColor}.section-tag--light{color:#b8d5ce}.hero-copy h1{margin:0 0 24px;color:#15201d;font-size:clamp(50px,5.1vw,76px);line-height:1.14;font-weight:600;letter-spacing:-.052em}.hero-copy h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:500px;margin:0;color:#596461;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:14px;font-weight:600}.text-link span{font-family:IBM Plex Mono,monospace}.section-heading--split{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:56px}.section-heading h2,.product-intro h2,.trust-copy h2,.contact-copy h2{margin:20px 0 0;font-size:clamp(35px,4vw,54px);line-height:1.28;font-weight:500;letter-spacing:-.035em}.section-heading>p{margin:0 0 4px;color:var(--gray);font-size:16px;line-height:1.8}.system-flow{overflow:hidden;background:radial-gradient(circle at 45% 72%,rgba(61,224,195,.13),transparent 34%),linear-gradient(180deg,#fff,#f9fcfb)}.process-container{width:min(1380px,calc(100% - 48px))}.system-flow .section-heading{grid-template-columns:1.2fr .8fr;align-items:center}.system-flow .section-heading h2{margin:0;color:#173047;font-size:clamp(42px,4.3vw,64px);line-height:1.08;font-weight:650}.system-flow .section-heading h2 em{color:var(--green);font-style:normal}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.process-step{position:relative;min-width:0}.process-step:not(:last-child):after{position:absolute;z-index:4;top:58%;right:-29px;content:"→";color:#15cdb0;font-family:IBM Plex Mono,monospace;font-size:46px;font-weight:400;line-height:1;text-shadow:0 0 22px rgba(21,205,176,.7)}.process-step__heading{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;min-height:122px;align-items:start}.process-number{display:grid;place-items:center;width:54px;height:54px;color:var(--green);background:#dcf5ef;border:7px solid var(--white);border-radius:50%;box-shadow:0 4px 18px #00715a1f;font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:700}.process-step h3{margin:6px 0 4px;color:#183248;font-size:17px;line-height:1.35;font-weight:700}.process-step p{margin:0;color:var(--gray);font-size:12px;line-height:1.6}.process-step__visual{overflow:hidden;position:relative;aspect-ratio:4 / 4.65;background:#eefafa;box-shadow:0 18px 42px #124d4317}.process-step__visual:after{position:absolute;inset:auto 0 0;height:24%;content:"";pointer-events:none;background:linear-gradient(transparent,#ffffff4d)}.process-step__visual img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.process-step:hover .process-step__visual img{transform:scale(1.025)}.product-pair{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--green-deep)}.product-pair:before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,#005544f0,#005544d6 52%,#005544c2);pointer-events:none}.product-pair__video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56;pointer-events:none}.product-pair__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:22px;align-items:stretch}.product-intro{padding-right:48px}.product-intro p{margin:24px 0 34px;color:#c8ddd8;line-height:1.8}.product-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:480px;padding:32px;color:var(--graphite);background:#c7cfcc;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.product-card--billing{background:var(--mint)}.product-card.is-selected{background:var(--white);box-shadow:0 18px 42px #00000024}.product-card.is-inactive{background:#c7cfcc}.product-card:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:4px}.product-card__head{display:flex;justify-content:space-between;align-items:center;color:var(--green)}.product-card__head span{font-family:Michroma,sans-serif;font-size:11px;letter-spacing:.09em}.product-card__brand{width:46px;height:34px;object-fit:contain;object-position:center}.product-card__brand--amptron{width:44px}.product-card__brand--ampartments{width:66px;height:42px}.product-card h3{margin:38px 0 10px;font-family:Michroma,sans-serif;font-size:27px;font-weight:400}.product-card>p{min-height:55px;margin:0;color:#59615f;font-size:13px;line-height:1.7}.product-card ul{display:grid;gap:12px;margin:26px 0 0;padding:23px 0 0;border-top:1px solid rgba(46,53,51,.15);list-style:none}.product-card li{display:flex;gap:9px;align-items:center;font-size:12px}.product-card li svg{color:var(--green)}.product-card__more{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;flex-shrink:0;padding:13px 16px;border:1px solid rgba(0,113,90,.35);color:var(--green);background:transparent;font-size:13px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.product-card__more:hover{color:var(--white);background:var(--green);border-color:var(--green)}.mini-chart{position:relative;height:78px;display:flex;align-items:flex-end;gap:10px;margin-top:auto;padding-top:14px;border-bottom:1px solid var(--line);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:100% 33%}.mini-chart i{flex:1;background:var(--green);opacity:.8}.mini-invoice{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:auto;padding:10px 14px;background:#ffffffd4;border-left:1px solid var(--green);transition:background-color .25s ease}.product-card.is-inactive .mini-invoice{background:transparent}.mini-invoice span{grid-column:1 / -1;color:var(--gray);font-size:9px}.mini-invoice strong{font-family:IBM Plex Mono,monospace;font-size:20px}.mini-invoice i{align-self:center;color:var(--green);font-size:9px;font-style:normal;font-weight:700}.billing-demo{background:var(--mint-pale)}.billing-demo .container{width:min(1440px,calc(100% - 16px))}.billing-workbench{display:grid;grid-template-columns:1.05fr .95fr;min-height:630px;background:var(--white);border:1px solid var(--line);box-shadow:0 25px 60px #0d443914}.charge-panel{padding:42px;border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:27px}.panel-heading small{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em}.panel-heading h3{margin:5px 0 0;font-size:23px;font-weight:600}.panel-heading>span{padding:7px 10px;color:var(--green);background:var(--mint-soft);font-family:IBM Plex Mono,monospace;font-size:9px}.base-charges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.base-charges>div{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:15px;background:var(--mint-pale);border:1px solid transparent}.base-charges p,.charge-row p{display:grid;gap:2px;margin:0;text-align:left}.base-charges strong,.charge-row strong{font-size:12px}.base-charges small,.charge-row small{color:var(--gray);font-size:9px}.base-charges b{grid-column:2;color:var(--graphite);font-family:IBM Plex Mono,monospace;font-size:12px}.charge-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--green);background:var(--mint-soft);border-radius:50%}.charge-icon--electric{color:#a56f00;background:#fff1c8}.charge-icon--water{color:#176a99;background:#dceff9}.charge-icon svg{width:16px;height:16px}.optional-charges{display:grid;gap:8px}.charge-row{width:100%;min-height:65px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:11px 15px;color:var(--graphite);background:var(--white);border:1px solid var(--line);cursor:pointer;transition:border .2s,background .2s}.charge-row:hover,.charge-row.is-active{border-color:#a9c9c1;background:#f8fbfa}.charge-row b{font-family:IBM Plex Mono,monospace;font-size:11px}.charge-row{grid-template-columns:minmax(0,1fr) 64px 80px 84px 24px;gap:8px;cursor:default;text-align:left}.charge-toggle,.charge-remove{display:grid;place-items:center;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.charge-toggle{width:34px;height:34px}.charge-fields{min-width:0;display:grid;gap:4px}.charge-input{width:100%;min-width:0;padding:6px 7px;color:var(--graphite);background:var(--white);border:1px solid var(--line);font-size:13px;outline:none}.charge-input:focus,.charge-input:focus-visible{border-color:var(--line);outline:none;box-shadow:none}.charge-input--name{font-weight:600}.charge-input--detail{color:var(--gray);font-size:11px}.charge-number{display:grid;gap:4px;color:var(--gray);font-size:10px}.charge-number input{width:100%;min-width:0;padding:7px 5px;color:var(--graphite);background:var(--white);border:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:12px;outline:none}.charge-number input:focus,.charge-number input:focus-visible{border-color:var(--line);outline:none;box-shadow:none}.charge-row .charge-row__amount{color:var(--green);font-size:13px;text-align:right;white-space:nowrap}.charge-remove{width:24px;height:24px;color:#9a5a55}.charge-remove:hover{color:#c43129;background:#fff0ee}.toggle{width:34px;height:19px;padding:3px;background:#cfd7d5;border-radius:20px;transition:background .2s}.toggle i{display:block;width:13px;height:13px;background:var(--white);border-radius:50%;transition:transform .2s}.charge-row.is-active .toggle{background:var(--green)}.charge-row.is-active .toggle i{transform:translate(15px)}.add-charge{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:43px;margin-top:13px;color:var(--green);background:transparent;border:1px dashed #9bbcb4;cursor:pointer;font-size:11px;font-weight:600}.add-charge:disabled{color:#89928f;cursor:default}.invoice-preview{display:grid;place-items:center;padding:46px;background:var(--green-dark);background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:28px 28px}.invoice-paper{width:min(100%,620px);padding:24px;background:var(--white);box-shadow:0 20px 45px #00000038}.invoice-topline{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--line)}.invoice-property{display:flex;gap:12px;align-items:flex-start}.invoice-property>img{width:78px;height:64px;object-fit:cover}.invoice-property>div{display:grid;gap:3px}.invoice-property strong{color:var(--green);font-size:22px}.invoice-property span{color:var(--gray);font-size:11px;line-height:1.45}.invoice-heading{text-align:right}.invoice-heading h4{margin:-4px 0 0;color:var(--green-dark);font-size:32px;line-height:1}.invoice-heading>small{color:#89918f;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.18em}.invoice-heading dl{display:grid;grid-template-columns:auto auto;gap:4px 8px;margin:12px 0 0;font-size:9px}.invoice-heading dt{color:var(--gray)}.invoice-heading dd{margin:0;font-weight:600}.invoice-heading .is-due{color:#d63c36}.invoice-tenant{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px 0;background:#f4f8f7}.invoice-tenant>div{display:flex;align-items:flex-start;gap:6px;padding:0 10px;color:var(--green);border-right:1px solid var(--line)}.invoice-tenant>div:last-child{border-right:0}.invoice-tenant span{display:grid;gap:3px;color:var(--gray);font-size:11px}.invoice-tenant strong{color:var(--graphite);font-size:12px}.invoice-table{border:1px solid var(--line);border-bottom:0}.invoice-table__head,.invoice-table__row{display:grid;grid-template-columns:42px 1fr 54px 110px;align-items:center}.invoice-table__head{min-height:32px;padding:0 8px;color:var(--white);background:var(--green);font-size:12px;font-weight:600}.invoice-table__head span:nth-child(1),.invoice-table__head span:nth-child(3),.invoice-table__head span:nth-child(4),.invoice-table__row>span:nth-child(1),.invoice-table__row>span:nth-child(3),.invoice-table__row>b{text-align:center}.invoice-table__row{min-height:40px;padding:0 8px;border-bottom:1px solid var(--line);color:var(--gray);font-size:12px}.invoice-table__row:nth-child(odd){background:#f5f9f8}.invoice-table__row>span:first-child{color:#89918f}.invoice-table__row>span:nth-child(2){display:grid;gap:2px}.invoice-table__row strong{color:var(--graphite);font-size:12px;font-weight:500}.invoice-table__row small{color:var(--gray);font-size:10px}.invoice-table__row b{color:var(--graphite);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.invoice-table__row--empty{min-height:20px}.invoice-table__row--empty>span:nth-child(1){color:#c8d4d0}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:var(--white);background:var(--green)}.invoice-total>span{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.invoice-total>strong{font-family:IBM Plex Mono,monospace;font-size:22px}.invoice-total>strong small{font-family:Noto Sans Thai,sans-serif;font-size:9px;font-weight:400}.invoice-payment{margin-top:9px;padding:12px 10px 9px;background:#f4f8f7;border:1px solid var(--line);text-align:center}.invoice-payment>strong{color:var(--green);font-size:10px}.invoice-payment>strong small{color:var(--gray);font-size:8px;font-weight:400}.invoice-qr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}.invoice-qr{display:grid;justify-items:center;gap:3px}.invoice-qr__mark{width:62px;height:62px;padding:3px;object-fit:contain;background:var(--white);border:1px solid var(--line)}.invoice-qr small{color:var(--graphite);font-size:9px}.invoice-qr em{color:var(--gray);font-size:8px;font-style:normal}.invoice-note{display:block;margin-top:8px;padding-top:7px;color:var(--gray);border-top:1px dashed var(--line);font-size:9px}.meter-reading{position:relative;isolation:isolate;overflow:hidden;background:#f8fbfa}.meter-reading__video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;filter:saturate(1.08) contrast(1.04);pointer-events:none}.meter-reading__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f8fbfaa8,#f8fbfa75);pointer-events:none}.meter-reading__intro{margin-bottom:42px}.meter-reading__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:54px;align-items:center}.meter-reading__demo{min-width:0}.meter-reading__shell{width:100%;max-width:790px;padding:22px;background:#fffdf6;border:1px solid #e7e4d8;box-shadow:0 22px 55px #1a423814}.meter-reading__copy{max-width:360px;padding:20px 0}.meter-reading__copy-label{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em}.meter-reading__copy h2{margin:18px 0 22px;color:var(--green-dark);font-size:clamp(30px,3.5vw,48px);line-height:1.25;font-weight:500}.meter-reading__copy h2 em{color:var(--green);font-style:normal}.meter-reading__copy p{margin:0 0 14px;color:var(--gray);font-size:14px;line-height:1.85}.meter-reading__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.meter-reading__identity{display:flex;align-items:flex-start;gap:14px}.meter-reading__icon{display:grid;place-items:center;width:54px;height:54px;color:#e39a00;background:#fff1c7;border-radius:15px}.meter-reading__identity h2{margin:-2px 0 2px;color:#17364e;font-size:27px;line-height:1.15}.meter-reading__identity p{margin:0;color:#687f91;font-size:13px}.meter-reading__badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.meter-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;color:var(--green);background:var(--white);border:1px solid #d7e3e6;border-radius:18px;font-size:11px;font-weight:600}.meter-badge--online{color:#15915c;background:#e3f8ea;border-color:transparent}.meter-badge i,.meter-reading__live i{width:8px;height:8px;background:#1cad65;border-radius:50%}.meter-reading__live{display:inline-flex;align-items:center;gap:7px;color:#168158;font-size:11px;font-weight:600}.meter-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.meter-summary__card{display:grid;justify-items:center;gap:4px;padding:16px 14px 14px;background:var(--white);border:1px solid #dce5eb;border-radius:13px}.meter-summary__card span{color:#9aa9b8;font-size:13px;font-weight:600}.meter-summary__card strong{color:#172e46;font-family:IBM Plex Mono,monospace;font-size:clamp(22px,2.4vw,31px);line-height:1.1}.meter-summary__card small{color:#94a7b7;font-size:13px}.meter-summary__card--accent{border-color:#f0d8b7}.meter-summary__card--accent strong{color:#d87a00}.meter-reading__latest{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:12px;padding:13px 16px;background:var(--white);border:1px solid #f0d8b7;border-radius:11px}.meter-reading__latest>span{display:inline-flex;align-items:center;gap:8px;color:#d37b00;font-size:14px;font-weight:600}.meter-reading__latest>strong{color:#d37b00;font-family:IBM Plex Mono,monospace;font-size:22px}.meter-reading__latest>strong small{color:#91a1ae;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:400}.meter-reading__latest time{display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;color:#8fa0ae;font-size:12px}.meter-history{margin-top:18px;padding:16px;background:var(--white);border:1px solid #dce5eb;border-radius:13px}.meter-history__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.meter-history__heading h3{margin:0;color:#17364e;font-size:21px}.meter-history__heading>div{display:flex;align-items:center;gap:10px}.meter-history__heading>div>span{padding:8px 18px;color:#74889b;border:1px solid #dce5eb;border-radius:10px;font-size:13px}.meter-history__heading button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;color:#df7a00;background:var(--white);border:1px solid #dce5eb;border-radius:10px;font:inherit;font-size:12px;font-weight:600}.meter-chart{position:relative;height:175px;margin-top:14px;padding:14px 20px 0 48px;overflow:hidden}.meter-chart__grid{position:absolute;inset:18px 20px 0 48px;display:grid;grid-template-rows:repeat(5,1fr)}.meter-chart__grid i{border-top:1px solid #edf1f3}.meter-chart__bars{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end;gap:clamp(10px,2vw,24px);border-bottom:1px solid #d8e1e6}.meter-chart__bars span{flex:1;max-width:50px;background:#f5be43;border-radius:7px 7px 0 0;box-shadow:inset 0 1px #ffffff59;transition:height .7s ease}.meter-chart__labels{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(10px,2vw,24px);margin:7px 20px 0 48px;color:#93a5b5;font-size:10px;text-align:center}.export-section{overflow:hidden;background:var(--white)}.export-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:92px;align-items:center}.export-mockup{padding:0;background:transparent;border:0;box-shadow:none}.export-mockup__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.export-mockup__top small{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.14em}.export-mockup__top h3{margin:6px 0 0;color:var(--green-dark);font-size:24px;font-weight:600}.export-mockup__top>span{padding:7px 11px;color:var(--gray);background:var(--white);border:1px solid var(--line);font-size:10px}.export-report-card{padding:20px 20px 15px;background:var(--white);border:1px solid #dce5eb}.export-report-card__heading,.export-report-card__footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.export-report-card__heading{padding-bottom:12px;color:var(--gray);border-bottom:1px solid var(--line);font-size:11px}.export-report-card__heading strong{color:var(--graphite);font-size:11px}.export-bars{height:115px;display:flex;align-items:flex-end;gap:13px;padding:16px 2px 0;border-bottom:1px solid #dbe6e3;background-image:linear-gradient(#edf3f1 1px,transparent 1px);background-size:100% 25%}.export-bars i{flex:1;background:var(--mint);border-radius:5px 5px 0 0}.export-report-card__footer{padding-top:13px}.export-report-card__footer strong{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:22px}.export-report-card__footer strong small{color:var(--gray);font-family:Noto Sans Thai,sans-serif;font-size:11px;font-weight:400}.export-report-card__footer span{color:var(--green);font-size:10px}.export-channel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.export-channel-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 7px;color:var(--gray);background:var(--white);border:1px solid var(--line);cursor:pointer;font:inherit;font-size:11px}.export-channel-tab.is-active{color:var(--green);background:#eaf6f2;border-color:var(--green)}.export-channel__icon{display:grid;place-items:center;width:34px;height:34px;color:var(--white);border-radius:9px;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:600}.export-channel-tab .export-channel__icon{width:28px;height:28px;border-radius:7px}.export-channel__icon--line{background:#06c755}.export-channel__icon--email{color:var(--green);background:#e5f4f0}.export-channel__icon--excel{color:#16734a;background:#e5f2e8}.export-channel__icon img{width:19px;height:19px;object-fit:contain}.export-channel__icon--line img{filter:brightness(0) invert(1)}.export-preview{min-height:420px;margin-top:12px;padding:24px;background:var(--white);border:1px solid var(--line)}.export-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;color:var(--gray);border-bottom:1px solid var(--line);font-size:9px}.export-preview__bar strong{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.05em}.export-line-window{min-height:370px;overflow:hidden;background:#f3faf7;border:1px solid #d7ebe2}.export-line-header{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--white);background:#06c755}.export-line-header>span,.export-email-sender>span{display:grid;place-items:center;width:32px;height:32px;color:#087746;background:var(--white);border-radius:50%;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.export-line-header>div,.export-email-sender>div{display:grid;gap:1px}.export-line-header>span img,.export-email-sender>span img{width:21px;height:21px;object-fit:contain}.export-line-header strong{font-size:13px}.export-line-header small{font-size:9px;opacity:.85}.export-line-header>i{margin-left:auto;font-style:normal;letter-spacing:2px}.export-line-messages{min-height:290px;padding:18px 20px;background:linear-gradient(#eaf8f1,#f3faf7)}.export-line-messages>small{display:block;color:#88a49a;font-size:7px;text-align:center}.export-line-bubble{margin:9px 0 0}.export-line-input{margin:0 10px 10px;padding:8px 11px;color:#98afa7;background:var(--white);border:1px solid #d7ebe2;border-radius:14px;font-size:9px}.export-email-window{min-height:430px;overflow:hidden;background:var(--white);border:1px solid #dce5eb}.export-email-header,.export-email-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;color:var(--graphite);border-bottom:1px solid var(--line)}.export-email-header strong{font-size:14px}.export-email-header span,.export-email-toolbar{color:var(--gray);font-size:8px}.export-email-toolbar{justify-content:flex-start;padding:9px 15px}.export-email-toolbar span{margin-left:auto;color:var(--green)}.export-email-window .export-email-card{margin:0;padding:19px 20px 22px;border-left:0}.export-email-sender{display:flex;align-items:center;gap:7px;margin-bottom:9px}.export-email-sender>span{color:var(--white);background:var(--green)}.export-email-sender strong{font-size:12px}.export-email-sender small{color:var(--gray);font-size:9px}.export-email-sender time{margin-left:auto;color:var(--gray);font-size:7px}.export-email-window .export-email-card>strong{display:block;margin-bottom:12px;font-size:14px}.export-email-window .export-email-card p{font-size:12px;line-height:1.75}.export-excel-window{min-height:370px;overflow:hidden;background:var(--white);border:1px solid #c9d9cf}.export-excel-toolbar{padding:8px 10px;color:var(--white);background:#16734a;font-size:8px}.export-excel-toolbar span{margin-left:auto;opacity:.85}.export-excel-formula{margin:7px 8px;padding:5px 7px;color:var(--gray);background:#f7faf9;border:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:8px}.export-excel-sheet{margin:0 10px;border:1px solid #c9d9cf;font-size:11px}.export-excel-sheet__row{display:grid;grid-template-columns:22px 1.1fr 1fr 1fr 1fr}.export-excel-sheet__row>*{min-width:0;padding:11px 8px;overflow:hidden;border-right:1px solid #dbe8de;border-bottom:1px solid #dbe8de;white-space:nowrap;text-overflow:ellipsis}.export-excel-sheet__row>*:last-child{border-right:0}.export-excel-sheet__row>span:first-child,.export-excel-sheet__letters{color:#6f8b7d;background:#f0f6f1}.export-excel-sheet__letters b{color:#4c7963;text-align:center}.export-excel-sheet__row>b{color:#176d49;background:#e8f4ea;font-weight:600}.export-excel-sheet__row>strong{color:var(--graphite);font-weight:600}.export-excel-status{padding:7px 10px;color:#16734a;font-size:8px}.export-line-bubble{width:min(100%,360px);margin:18px auto 0;padding:16px 18px;color:#31534a;background:#e5f8ee;border-radius:5px 16px 16px;font-size:12px}.export-line-bubble>strong{color:#078b4d;font-size:13px}.export-line-bubble p{margin:8px 0 12px;line-height:1.85}.export-line-bubble p b{color:#087746;font-size:16px}.export-line-bubble>span{color:#078b4d;font-size:11px;font-weight:600}.export-email-card{display:grid;gap:7px;margin-top:11px;padding:11px 13px;background:#f7faf9;border-left:3px solid var(--green)}.export-email-card small{color:var(--gray);font-size:8px}.export-email-card strong{color:var(--graphite);font-size:10px}.export-email-card p{margin:0;color:var(--gray);font-size:9px;line-height:1.6}.export-email-card p b{color:var(--green)}.export-email-card>span{width:fit-content;padding:5px 8px;color:var(--green);background:#e7f4ef;font-size:8px}.export-excel-card{margin-top:11px}.export-excel-card__title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--graphite);font-size:9px}.export-excel-card__title span{color:#16734a;font-size:8px}.export-excel-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid #dce5eb;font-size:8px}.export-excel-grid>*{padding:6px 7px;border-right:1px solid #dce5eb;border-bottom:1px solid #dce5eb}.export-excel-grid>*:nth-child(3n){border-right:0}.export-excel-grid b{color:var(--green);background:#e7f4ef;font-weight:600}.export-excel-grid span{color:var(--gray)}.export-copy h2{margin:0 0 23px;color:var(--green-dark);font-size:clamp(35px,4vw,54px);line-height:1.28;font-weight:500;letter-spacing:-.035em}.export-copy h2 em{color:var(--green);font-style:normal}.export-copy>p{margin:0;color:var(--gray);font-size:16px;line-height:1.8}.export-points{display:grid;gap:18px;margin-top:30px}.export-points>div{display:flex;gap:15px;padding-top:16px;color:var(--green);border-top:1px solid var(--line)}.export-points span{display:grid;gap:4px;color:var(--graphite)}.export-points strong{font-size:13px}.export-points small{color:var(--gray);font-size:11px;line-height:1.6}.audit{position:relative;isolation:isolate;overflow:hidden;background:#f3f8f6}.audit__video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.9) contrast(1.04);pointer-events:none}.audit__veil{position:absolute;z-index:0;inset:0;background:linear-gradient(110deg,#005444f0,#007d65b8);pointer-events:none}.audit-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:92px;align-items:center}.audit-copy h2{margin:0 0 23px;color:var(--white);font-size:clamp(35px,4vw,54px);line-height:1.24;font-weight:500;letter-spacing:-.035em}.audit-copy h2 em{color:#a8efdc;font-style:normal}.audit-copy>p{max-width:500px;margin:0;color:#d8eee8;font-size:16px;line-height:1.8}.audit-points{display:grid;gap:18px;margin-top:30px}.audit-points>div{display:flex;gap:15px;padding-top:16px;color:#a8efdc;border-top:1px solid rgba(255,255,255,.26)}.audit-points span{display:grid;gap:4px;color:var(--white)}.audit-points strong{font-size:13px}.audit-points small{color:#c9e4dd;font-size:11px;line-height:1.6}.audit-mockup{padding:25px;background:var(--white);border:1px solid #d6e4df;box-shadow:0 24px 55px #093d3314}.audit-mockup__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.audit-mockup__header>div{display:grid;gap:4px}.audit-mockup__header strong{color:var(--green-dark);font-size:18px}.audit-mockup__header small{color:var(--gray);font-size:10px}.audit-mockup__header>span{padding:7px 10px;color:var(--green);background:#e5f5ef;border-radius:12px;font-size:9px;font-weight:600}.audit-score{display:flex;align-items:baseline;gap:12px;margin:18px 0;padding:16px 18px;color:var(--white);background:var(--green)}.audit-score strong{font-family:IBM Plex Mono,monospace;font-size:34px;font-weight:500}.audit-score span{color:#c7e5dc;font-size:10px}.audit-log__head{display:grid;grid-template-columns:1.35fr 1fr .9fr;gap:18px;padding:0 0 12px;color:var(--green);border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.audit-log{display:grid;gap:0}.audit-log__item{display:grid;grid-template-columns:1.35fr 1fr .9fr;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.audit-log__item strong{color:var(--graphite);font-size:15px;line-height:1.45}.audit-log__item span,.audit-log__item time{color:var(--gray);font-size:12px;line-height:1.55}.audit-log__item time{font-family:IBM Plex Mono,monospace;font-size:11px}.audit-mockup__footer{display:flex;align-items:center;gap:7px;padding-top:17px;color:var(--green);font-size:12px}.comparison{position:relative;isolation:isolate;overflow:hidden;background:#f3f8f6}.comparison>.container{position:relative;z-index:1}.comparison-heading{display:block;margin-bottom:46px;opacity:0;transform:translateY(22px)}.comparison-heading h2{margin:17px 0 0;color:var(--white);font-size:clamp(35px,4vw,54px);line-height:1.2;font-weight:500;letter-spacing:-.035em}.comparison-heading h2 em{color:#a8efdc;font-style:normal}.comparison-heading p{max-width:420px;margin:0 0 4px;color:var(--gray);font-size:16px;line-height:1.8}.comparison-table-wrap{overflow:hidden;border:1px solid #d5e2de;box-shadow:0 20px 50px #093d330f;opacity:0;transform:translateY(22px)}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--white);font-size:13px}.comparison-table th,.comparison-table td{padding:18px 22px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;transition:background-color .35s ease,box-shadow .35s ease}.comparison-column-trigger{cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.comparison-column-trigger:hover{filter:brightness(.98)}.comparison-column-trigger:focus-visible{outline:3px solid rgba(0,113,90,.35);outline-offset:-3px}.comparison-table th{color:var(--gray);background:#f4f8f6;font-size:12px;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{width:24%}.comparison-table th:nth-child(2){color:var(--gray);background:#f4f8f6;font-size:15px}.comparison-brand{display:flex;align-items:center;gap:10px}.comparison-brand img{width:42px;height:34px;object-fit:contain;object-position:center;transition:transform .25s ease}.comparison-column-trigger:hover .comparison-brand img{transform:translateY(-3px) scale(1.05)}.comparison-table th:nth-child(2) small,.comparison-table th:nth-child(3) small{display:block;margin-top:5px;color:var(--gray);font-size:10px;font-weight:400}.comparison-table th:nth-child(3){color:var(--gray);background:#f4f8f6;font-size:15px}.comparison-table th:nth-child(4){color:var(--gray);background:#eef2f1;font-size:15px}.comparison-table th:nth-child(4){background:#f4f8f6}.comparison-table td{color:var(--gray);line-height:1.55}.comparison-table td:first-child{color:var(--graphite);font-weight:600}.comparison-table td:nth-child(2),.comparison-table td:nth-child(3),.comparison-table td:nth-child(4){color:var(--gray);background:var(--white)}.comparison-table td:nth-child(2) b:not(.comparison-no),.comparison-table td:nth-child(3) b:not(.comparison-no){display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;color:var(--white);background:var(--green);border-radius:50%;font-size:13px}.comparison-table .comparison-no{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;color:#b42318!important;background:#ffdeda!important;border-radius:50%;font-size:17px;font-weight:600;line-height:1;vertical-align:middle}.comparison-table tr:last-child td{border-bottom:0}.comparison-table--feature th:first-child,.comparison-table--feature td:first-child{background:#edf8f4;box-shadow:inset 3px 0 var(--green),inset -3px 0 var(--green)}.comparison-table--webmeter th:nth-child(2),.comparison-table--webmeter td:nth-child(2){box-shadow:inset 0 0 0 999px #00715a1a}.comparison-table--ampartments th:nth-child(3),.comparison-table--ampartments td:nth-child(3){box-shadow:inset 0 0 0 999px #00715a21}.comparison-table--general th:nth-child(4),.comparison-table--general td:nth-child(4){box-shadow:inset 0 0 0 999px #66706d1f}.comparison-table tbody tr{opacity:0;transform:translateY(12px)}.comparison.is-visible .comparison-heading{animation:comparison-rise .7s cubic-bezier(.22,.8,.3,1) forwards}.comparison.is-visible .comparison-table-wrap{animation:comparison-rise .72s .12s cubic-bezier(.22,.8,.3,1) forwards}.comparison.is-visible .comparison-table tbody tr{animation:comparison-row-in .52s cubic-bezier(.22,.8,.3,1) forwards}.comparison.is-visible .comparison-table tbody td b{animation:comparison-mark-pop .42s cubic-bezier(.2,1.35,.4,1) both;animation-delay:.5s}.comparison.is-visible .comparison-table tbody tr:nth-child(2){animation-delay:.04s}.comparison.is-visible .comparison-table tbody tr:nth-child(3){animation-delay:.08s}.comparison.is-visible .comparison-table tbody tr:nth-child(4){animation-delay:.12s}.comparison.is-visible .comparison-table tbody tr:nth-child(5){animation-delay:.16s}.comparison.is-visible .comparison-table tbody tr:nth-child(6){animation-delay:.2s}.comparison.is-visible .comparison-table tbody tr:nth-child(7){animation-delay:.24s}.comparison.is-visible .comparison-table tbody tr:nth-child(8){animation-delay:.28s}.comparison.is-visible .comparison-table tbody tr:nth-child(9){animation-delay:.32s}.comparison.is-visible .comparison-table tbody tr:nth-child(10){animation-delay:.36s}.comparison.is-visible .comparison-table tbody tr:nth-child(11){animation-delay:.4s}.comparison.is-visible .comparison-table tbody tr:nth-child(12){animation-delay:.44s}@keyframes comparison-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes comparison-row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes comparison-mark-pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.certification{background:#f7faf9}.certification-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:86px;align-items:center}.certification-visual{overflow:hidden;background:var(--white);border:1px solid #d6e4df;box-shadow:0 24px 55px #093d331a}.certification-visual img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.certification-copy h2{margin:0 0 23px;color:var(--green-dark);font-size:clamp(35px,4vw,54px);line-height:1.22;font-weight:500;letter-spacing:-.035em}.certification-copy h2 em{color:var(--green);font-style:normal}.certification-copy>p{max-width:500px;margin:0;color:var(--gray);font-size:16px;line-height:1.8}.certification-points{display:grid;gap:18px;margin-top:30px}.certification-points>div{display:flex;gap:15px;padding-top:16px;color:var(--green);border-top:1px solid var(--line)}.certification-points span{display:grid;gap:4px;color:var(--graphite)}.certification-points strong{font-size:14px}.certification-points small{color:var(--gray);font-size:11px;line-height:1.6}.meter-compatibility{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--green-dark)}.meter-compatibility__bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.38;transform:scale(1.03);animation:meter-compatibility-zoom 18s ease-in-out infinite alternate}.meter-compatibility__veil{position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#003d31f5,#005645e0 44%,#00715ab8);background-size:180% 100%;animation:meter-compatibility-overlay 14s ease-in-out infinite alternate}.meter-compatibility__inner{position:relative;z-index:1;display:block}.meter-compatibility__heading{max-width:760px;opacity:0;animation:meter-compatibility-rise .85s cubic-bezier(.22,.61,.36,1) .12s both}.meter-compatibility__heading h2{margin:0 0 24px;font-size:clamp(42px,5vw,68px);line-height:1.16;font-weight:500;letter-spacing:-.04em}.meter-compatibility__heading h2 em{color:#a8efdc;font-style:normal}.meter-compatibility__heading p{max-width:720px;margin:0;color:#d7eee8;font-size:18px;line-height:1.85}.meter-compatibility__heading p+p{margin-top:15px}.meter-compatibility__details{display:grid;gap:15px;margin-top:28px}.meter-compatibility__details>div{display:flex;gap:12px;padding-top:14px;color:#a8efdc;border-top:1px solid rgba(255,255,255,.18);transition:background .24s ease,transform .24s ease}.meter-compatibility__details>div:nth-child(1){animation:meter-compatibility-rise .65s cubic-bezier(.22,.61,.36,1) .48s both}.meter-compatibility__details>div:nth-child(2){animation:meter-compatibility-rise .65s cubic-bezier(.22,.61,.36,1) .64s both}.meter-compatibility__details>div:nth-child(3){animation:meter-compatibility-rise .65s cubic-bezier(.22,.61,.36,1) .8s both}.meter-compatibility__details>div:hover{background:#ffffff0e;transform:translate(6px)}.meter-compatibility__details .icon{flex:0 0 auto;margin-top:2px;animation:meter-compatibility-check .5s ease-out .9s both}.meter-compatibility__details span{display:grid;gap:3px}.meter-compatibility__details strong{color:var(--white);font-size:15px}.meter-compatibility__details small{color:#c8e5dd;font-size:13px;line-height:1.6}.meter-compatibility__visual{display:grid;gap:18px}.meter-compatibility__image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 55px #0000002e}.meter-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.meter-diagram__node{min-height:155px;display:grid;align-content:center;gap:7px;padding:16px;color:var(--green-dark);background:var(--white);border:1px solid #d8e9e3;box-shadow:0 12px 25px #0000001f}.meter-diagram__node--check{border-color:#8dd7c1;box-shadow:0 12px 30px #00000026}.meter-diagram__node--screen{background:#ecf8f4}.meter-diagram__icon{width:38px;height:38px;display:grid;place-items:center;color:var(--green);background:#dff5ed;border-radius:50%}.meter-diagram__node small{color:var(--gray);font-size:10px}.meter-diagram__node strong{font-size:15px;line-height:1.35}.meter-diagram__node em{color:var(--gray);font-size:10px;font-style:normal;line-height:1.4}.meter-diagram__connector{color:#a8efdc;font-family:IBM Plex Mono,monospace;font-size:28px}.meter-diagram__status{display:flex;align-items:center;gap:10px;padding:14px 18px;color:var(--green-dark);background:#dff5ed}.meter-diagram__status strong{font-size:13px}.meter-diagram__status span{margin-left:auto;color:var(--green);font-size:11px}.meter-compatibility__options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meter-compatibility__options>div{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.18)}.meter-compatibility__options strong{color:#a8efdc;font-size:13px}.meter-compatibility__options small{color:#c8e5dd;font-size:11px}.meter-compatibility__link{margin-top:28px;color:#a8efdc}@keyframes meter-compatibility-zoom{0%{transform:scale(1.03)}to{transform:scale(1.1)}}@keyframes meter-compatibility-overlay{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes meter-compatibility-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes meter-compatibility-check{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.trust{overflow:hidden}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.trust-visual{position:relative;min-height:530px;display:grid;place-items:center;background:var(--mint-soft)}.trust-visual:before{content:"";position:absolute;inset:32px;border:1px solid #bfd5cf}.calibration-seal{position:relative;z-index:2;width:235px;height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);background:var(--white);border:1px solid var(--green);border-radius:50%;box-shadow:0 0 0 13px var(--mint-soft),0 0 0 14px var(--green);text-align:center}.calibration-seal:before,.calibration-seal:after{content:"";position:absolute;inset:20px;border:1px dashed var(--mint);border-radius:50%}.calibration-seal:after{inset:30px}.calibration-seal span{font-family:Michroma,sans-serif;font-size:54px;line-height:1}.calibration-seal strong{margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.15em;line-height:1.4}.calibration-seal small{margin-top:8px;color:var(--gray);font-family:IBM Plex Mono,monospace;font-size:6px;letter-spacing:.12em}.calibration-lines{position:absolute;inset:0;opacity:.45}.calibration-lines span{position:absolute;background:var(--mint)}.calibration-lines span:nth-child(1){width:1px;height:90px;left:50%;top:10px}.calibration-lines span:nth-child(2){width:1px;height:80px;left:50%;bottom:15px}.calibration-lines span:nth-child(3){height:1px;width:100px;left:15px;top:50%}.calibration-lines span:nth-child(4){height:1px;width:100px;right:15px;top:50%}.calibration-lines span:nth-child(5){width:370px;height:370px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--mint);border-radius:50%;background:transparent}.calibration-reading{position:absolute;right:14px;bottom:38px;z-index:3;width:170px;padding:17px;display:grid;color:var(--white);background:var(--green);box-shadow:0 12px 30px #0543}.calibration-reading small{font-family:IBM Plex Mono,monospace;font-size:7px;letter-spacing:.1em}.calibration-reading strong{margin:5px 0;font-family:IBM Plex Mono,monospace;font-size:25px;font-weight:500}.calibration-reading span{display:flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:7px}.calibration-reading i{width:7px;height:7px;background:#78e5c8;border-radius:50%}.trust-copy h2{margin-bottom:23px}.trust-copy>p{margin:0;color:var(--gray);font-size:16px;line-height:1.8}.trust-points{display:grid;gap:18px;margin-top:35px}.trust-points>div{display:flex;gap:15px;padding-top:18px;border-top:1px solid var(--line);color:var(--green)}.trust-points span{display:grid;gap:4px;color:var(--graphite)}.trust-points strong{font-size:13px}.trust-points small{color:var(--gray);font-size:11px}.projects{background:#f7faf9}.projects-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:50px}.projects-heading h2{margin:20px 0 0;font-size:clamp(35px,4vw,54px);line-height:1.28;font-weight:500;letter-spacing:-.035em}.projects-heading__action{flex:0 0 auto;margin-bottom:2px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-width:0;background:var(--white);border:1px solid var(--line);transition:transform .24s ease,box-shadow .24s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #093d331a}.project-art{position:relative;height:230px;overflow:hidden;isolation:isolate;background:var(--green-deep)}.project-art:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:28px 28px}.project-art:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-160px;top:-180px;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 34px #ffffff12,0 0 0 68px #ffffff0a}.project-art--transit{background:#00624f}.project-art--complex{background:#7daea3}.project-art--factory{background:#294e48}.project-art--campus{background:#adcbc2}.project-art--airport{background:#4f756d}.project-art--resort{background:#075847}.project-art__image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-art__image{transform:scale(1.045)}.project-art__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0228211a,#022821a8)}.project-art__caption{position:absolute;right:18px;bottom:17px;color:#ffffffbd;font-family:IBM Plex Mono,monospace;font-size:7px;letter-spacing:.12em}.project-art__building{position:absolute;left:50%;bottom:0;width:160px;height:135px;transform:translate(-50%) perspective(200px) rotateY(-12deg);background:linear-gradient(90deg,#fffffff0 0 16%,#ffffff38 16% 21%,#fffc 21% 37%,#ffffff2e 37% 43%,#ffffffa6 43% 59%,#ffffff21 59% 65%,#ffffffd6 65% 82%,#fff3 82% 87%,#ffffffa6 87%);clip-path:polygon(12% 10%,86% 0,100% 100%,0 100%);opacity:.84}.project-art--complex .project-art__building{width:190px;height:174px;bottom:-10px;transform:translate(-50%) perspective(220px) rotateY(15deg)}.project-art--factory .project-art__building{width:210px;height:95px;bottom:0;transform:translate(-50%);clip-path:polygon(0 40%,24% 40%,29% 0,34% 0,39% 40%,63% 40%,69% 10%,74% 10%,79% 40%,100% 40%,100% 100%,0 100%);opacity:.62}.project-art--campus .project-art__building{width:230px;height:105px;bottom:0;transform:translate(-50%) perspective(260px) rotateY(-22deg);clip-path:polygon(0 27%,72% 0,100% 23%,100% 100%,0 100%);opacity:.68}.project-art--airport .project-art__building{width:270px;height:74px;bottom:22px;transform:translate(-50%);clip-path:polygon(0 44%,35% 44%,43% 0,50% 0,57% 44%,100% 44%,100% 100%,0 100%);opacity:.62}.project-art--resort .project-art__building{width:145px;height:170px;bottom:0;transform:translate(-50%) perspective(180px) rotateY(-10deg);clip-path:polygon(0 0,100% 14%,100% 100%,0 100%);opacity:.7}.project-card__body{display:flex;justify-content:space-between;gap:20px;padding:20px 20px 14px}.project-card__body h3{margin:0 0 5px;font-size:17px;font-weight:600}.project-card__body span{color:var(--gray);font-size:10px}.contact-section{padding:100px 0;color:var(--white);background:var(--green)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-copy>p{max-width:500px;color:#c7ddd7;line-height:1.8}.contact-info{display:grid;gap:7px;margin-top:35px;font-family:IBM Plex Mono,monospace}.contact-info a{display:flex;align-items:center;gap:9px;font-size:13px}.contact-info span{margin-top:8px;color:#a8cdc3;font-family:Noto Sans Thai,sans-serif;font-size:12px}.contact-form{padding:34px;color:var(--graphite);background:var(--white)}.contact-form label{display:grid;gap:8px;color:var(--graphite);font-size:11px;font-weight:600}.contact-form input,.contact-form select{width:100%;height:48px;padding:0 13px;color:var(--graphite);background:#f9fbfa;border:1px solid var(--line);outline:0;font-size:12px}.contact-form input:focus,.contact-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px #00715a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.contact-form>label{margin-bottom:16px}.contact-form .button{width:100%;margin-top:3px}.contact-form>small{display:block;margin-top:12px;color:var(--gray);font-size:8px;text-align:center}.site-footer{padding:58px 0 22px;background:#f4f7f6}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:70px;align-items:center}.footer-brand-lockup{display:flex;align-items:center;gap:18px}.footer-brand-divider{width:1px;height:35px;background:var(--line)}.amptron-logo{width:49px;height:49px;object-fit:contain;object-position:center}.footer-grid>p{max-width:520px;margin:0;color:var(--gray);font-size:12px;line-height:1.7}.footer-grid>div{display:flex;gap:25px;font-size:11px;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;margin-top:44px;padding-top:18px;color:#87918e;border-top:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.05em}:focus-visible{outline:3px solid rgba(0,113,90,.35);outline-offset:4px}html.motion-ready .motion-section>.container,html.motion-ready .motion-section>.hero-grid{opacity:0;transform:translateY(24px)}.motion-section[data-motion-visible]>.container,.motion-section[data-motion-visible]>.hero-grid{animation:motion-section-rise .78s cubic-bezier(.22,.8,.3,1) both}.hero-media img{transform-origin:center;animation:hero-image-drift 20s ease-in-out infinite alternate}.hero-copy{animation:hero-copy-rise .8s cubic-bezier(.22,.8,.3,1) .16s both}.system-flow[data-motion-visible] .process-step{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.system-flow[data-motion-visible] .process-step:nth-child(2){animation-delay:.08s}.system-flow[data-motion-visible] .process-step:nth-child(3){animation-delay:.16s}.system-flow[data-motion-visible] .process-step:nth-child(4){animation-delay:.24s}.process-step:not(:last-child):after{animation:flow-arrow-pulse 2.8s ease-in-out infinite}.product-pair[data-motion-visible] .product-intro{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.product-pair[data-motion-visible] .product-card{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) .14s both}.product-pair[data-motion-visible] .product-card:nth-of-type(2){animation-delay:.24s}.billing-demo[data-motion-visible] .section-heading{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.billing-demo[data-motion-visible] .billing-workbench{animation:motion-stagger .72s cubic-bezier(.22,.8,.3,1) .12s both}.billing-demo[data-motion-visible] .charge-row{animation:billing-row-in .45s cubic-bezier(.22,.8,.3,1) both}.billing-demo[data-motion-visible] .charge-row:nth-child(2){animation-delay:.05s}.billing-demo[data-motion-visible] .charge-row:nth-child(3){animation-delay:.1s}.billing-demo[data-motion-visible] .charge-row:nth-child(4){animation-delay:.15s}.billing-demo[data-motion-visible] .charge-row:nth-child(5){animation-delay:.2s}.invoice-total__value{display:inline-block;transform-origin:right center;animation:invoice-total-pop .42s cubic-bezier(.2,1.35,.4,1) both}.meter-reading[data-motion-visible] .meter-reading__shell{animation:motion-stagger .72s cubic-bezier(.22,.8,.3,1) both}.meter-reading[data-motion-visible] .meter-reading__copy{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) .14s both}.meter-reading[data-motion-visible] .meter-summary__card{animation:motion-stagger .52s cubic-bezier(.22,.8,.3,1) .18s both}.meter-reading[data-motion-visible] .meter-summary__card:nth-child(2){animation-delay:.25s}.meter-reading[data-motion-visible] .meter-summary__card:nth-child(3){animation-delay:.32s}.meter-reading[data-motion-visible] .meter-history{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) .36s both}.trust[data-motion-visible] .export-mockup{animation:motion-stagger .68s cubic-bezier(.22,.8,.3,1) both}.trust[data-motion-visible] .export-copy{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) .14s both}.export-channel-tab{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.export-channel-tab:hover{transform:translateY(-2px)}.export-preview{animation:export-preview-in .46s cubic-bezier(.22,.8,.3,1) both}.audit[data-motion-visible] .audit-copy{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.audit[data-motion-visible] .audit-mockup{animation:motion-stagger .72s cubic-bezier(.22,.8,.3,1) .12s both}.audit[data-motion-visible] .audit-log__item{animation:audit-log-in .46s cubic-bezier(.22,.8,.3,1) both}.audit[data-motion-visible] .audit-log__item:nth-child(2){animation-delay:.06s}.audit[data-motion-visible] .audit-log__item:nth-child(3){animation-delay:.12s}.audit[data-motion-visible] .audit-log__item:nth-child(4){animation-delay:.18s}.audit[data-motion-visible] .audit-log__item:nth-child(5){animation-delay:.24s}.certification[data-motion-visible] .certification-visual{animation:motion-stagger .68s cubic-bezier(.22,.8,.3,1) both}.certification[data-motion-visible] .certification-copy{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) .14s both}.certification[data-motion-visible] .certification-points>div{animation:motion-stagger .48s cubic-bezier(.22,.8,.3,1) .28s both}.certification[data-motion-visible] .certification-points>div:nth-child(2){animation-delay:.36s}.certification-visual img{transition:transform .8s ease}.certification-visual:hover img{transform:scale(1.025)}.projects[data-motion-visible] .projects-heading{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.projects[data-motion-visible] .project-card{animation:motion-stagger .56s cubic-bezier(.22,.8,.3,1) .1s both}.projects[data-motion-visible] .project-card:nth-child(2){animation-delay:.16s}.projects[data-motion-visible] .project-card:nth-child(3){animation-delay:.22s}.projects[data-motion-visible] .project-card:nth-child(4){animation-delay:.28s}.projects[data-motion-visible] .project-card:nth-child(5){animation-delay:.34s}.projects[data-motion-visible] .project-card:nth-child(6){animation-delay:.4s}.contact-section[data-motion-visible] .contact-copy{animation:motion-stagger .62s cubic-bezier(.22,.8,.3,1) both}.contact-section[data-motion-visible] .contact-form{animation:motion-stagger .68s cubic-bezier(.22,.8,.3,1) .14s both}.contact-form input,.contact-form select{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact-form input:focus,.contact-form select:focus{background:var(--white)}@keyframes motion-section-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-stagger{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-copy-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-drift{0%{transform:scale(1.01)}to{transform:scale(1.055) translate3d(-.6%,-.4%,0)}}@keyframes hero-image-drift-compact{0%{transform:scale(.98)}to{transform:scale(1.015) translate3d(-.4%,-.3%,0)}}@media(min-width:901px){.hero-media img{position:absolute;top:-5%;right:-1%;width:100%;height:105%;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.12) 39%,#000 60%,#000 100%);mask-image:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.12) 39%,#000 60%,#000 100%);animation:hero-image-drift-compact 20s ease-in-out infinite alternate}}@keyframes flow-arrow-pulse{0%,to{opacity:.58;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}@keyframes billing-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes invoice-total-pop{0%{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes export-preview-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes audit-log-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:1050px){.main-nav{gap:18px}.header-actions .login-link{display:none}.hero-grid{padding-top:56px;padding-bottom:60px}.hero-copy{width:min(470px,48%)}.product-pair__grid{grid-template-columns:1fr 1fr}.product-intro{grid-column:1 / -1;max-width:700px;padding:0 0 25px}.project-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr;gap:48px 24px}.process-step:nth-child(2):after{display:none}.trust-grid,.export-grid,.audit-grid{gap:55px}.contact-grid{gap:50px}}@media(max-width:800px){.container{width:min(100% - 32px,680px)}.section{padding:82px 0}.service-strip__inner>span{display:none}.service-strip__inner{justify-content:center}.header-inner{height:72px}.menu-button{display:block}.header-actions{margin-left:auto}.header-actions .button{display:none}.main-nav{position:absolute;left:0;right:0;top:72px;display:none;padding:25px 24px 32px;flex-direction:column;align-items:flex-start;gap:20px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 18px 30px #073e3514}.main-nav.is-open{display:flex}.hero{display:flex;min-height:0;flex-direction:column}.hero:after{display:none}.hero-media{position:relative;aspect-ratio:16 / 7.5}.hero-media img{object-position:60% center}.hero-grid{min-height:0;padding-top:48px;padding-bottom:66px}.hero-copy{width:100%;max-width:620px}.hero-copy h1{font-size:clamp(42px,11vw,60px)}.section-heading--split{grid-template-columns:1fr;gap:24px}.system-flow .section-heading{grid-template-columns:1fr}.projects-heading{align-items:flex-start;flex-direction:column}.process-grid{grid-template-columns:1fr;gap:62px}.process-step__heading{min-height:0;margin-bottom:20px}.process-step__visual{width:min(100%,520px);margin:0 auto}.process-step:not(:last-child):after,.process-step:nth-child(2):after{display:block;top:auto;right:50%;bottom:-52px;content:"↓";transform:translate(50%)}.process-step:last-child:after{display:none}.product-pair__grid{grid-template-columns:1fr}.product-intro{grid-column:auto}.project-grid,.billing-workbench{grid-template-columns:1fr}.charge-panel{border-right:0;border-bottom:1px solid var(--line)}.export-grid{grid-template-columns:1fr;gap:46px}.export-copy{grid-row:1}.audit-grid{grid-template-columns:1fr;gap:46px}.audit-copy{grid-row:1}.comparison-heading{grid-template-columns:1fr;gap:24px}.certification-grid{grid-template-columns:1fr;gap:42px}.certification-copy{order:-1}.meter-compatibility__inner{grid-template-columns:1fr;gap:42px}.meter-diagram{grid-template-columns:1fr}.meter-diagram__connector{justify-self:center;transform:rotate(90deg)}.meter-diagram__status{flex-wrap:wrap}.meter-diagram__status span{flex-basis:100%;margin-left:28px}.trust-grid{grid-template-columns:1fr}.trust-copy{grid-row:1}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand-lockup{justify-content:flex-start}.footer-grid>div{flex-wrap:wrap}.meter-reading__layout{grid-template-columns:1fr;gap:30px}.meter-reading__copy{max-width:680px;padding:0;order:-1}.meter-reading__shell{max-width:none}.meter-reading__shell{padding:26px}.meter-reading__header{flex-direction:column}.meter-reading__live{align-self:flex-start}.meter-reading__latest{grid-template-columns:1fr;justify-items:start}.meter-reading__latest time{justify-content:flex-start}}@media(max-width:520px){.container{width:calc(100% - 28px)}.hero-media{aspect-ratio:16 / 9}.hero-media img{object-position:61% center}.hero-grid{padding-top:52px;padding-bottom:60px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%}.text-link{justify-content:center}.section-heading h2,.product-intro h2,.trust-copy h2,.contact-copy h2{font-size:34px}.system-flow .section-heading h2{font-size:38px}.product-card{min-height:465px;padding:27px}.base-charges{grid-template-columns:1fr}.charge-panel{padding:26px 19px}.charge-row{grid-template-columns:minmax(0,1fr) 58px 62px 22px;gap:6px;padding:9px 8px}.charge-fields{grid-column:1;grid-row:1}.charge-number{grid-row:2}.charge-number:nth-of-type(1){grid-column:1}.charge-number:nth-of-type(2){grid-column:2}.charge-row__amount{grid-column:1 / 3;grid-row:3;text-align:right}.charge-remove{grid-column:4;grid-row:2}.invoice-preview{padding:28px 14px}.invoice-paper{padding:25px 20px}.calibration-lines span:nth-child(5){width:290px;height:290px}.trust-visual{min-height:440px}.calibration-reading{right:5px}.contact-form{padding:25px 18px}.form-row{grid-template-columns:1fr}.export-mockup{padding:0}.export-channel-tabs{gap:6px}.export-channel-tab{gap:5px;padding:9px 5px;font-size:10px}.export-channel-tab .export-channel__icon{width:28px;height:28px}.export-report-card{padding:16px 14px 13px}.export-bars{gap:8px}.export-copy h2,.comparison-heading h2,.certification-copy h2,.meter-compatibility__heading h2{font-size:34px}.comparison-table-wrap{overflow-x:auto}.comparison-table{min-width:920px}.meter-reading__shell{padding:20px 14px}.audit-mockup{padding:18px 14px}.audit-log__head,.audit-log__item{grid-template-columns:1.15fr .9fr .85fr;gap:8px}.audit-log__head{font-size:10px}.audit-log__item{padding:13px 0}.audit-log__item strong{font-size:12px}.audit-log__item span,.audit-log__item time{font-size:10px}.meter-reading__identity{gap:12px}.meter-reading__icon{width:52px;height:52px;border-radius:14px}.meter-reading__identity h2{font-size:26px}.meter-reading__identity p{font-size:12px}.meter-summary{grid-template-columns:1fr}.meter-history{padding:16px 12px}.meter-history__heading{align-items:flex-start;flex-direction:column}.meter-chart{height:190px;padding-left:24px;padding-right:8px}.meter-chart__grid{left:24px;right:8px}.meter-chart__labels{margin-left:24px;margin-right:8px;gap:5px;font-size:8px}.footer-bottom{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.monitoring-showcase-hero__copy h1,.monitoring-showcase-hero__copy h2,.monitoring-showcase-hero__copy>p,.monitoring-showcase-features>div,.monitoring-showcase-actions,.monitoring-showcase-devices{opacity:1;clip-path:none;transform:none;animation:none!important}.monitoring-showcase-hero__visual:before{animation:none!important}.system-map-heading,.system-map-visual{opacity:1;transform:none;animation:none!important}.system-map-visual:hover img{filter:none;transform:none}.system-map-data-flow{display:none}.system-components-heading,.system-component-card{opacity:1;transform:none;animation:none!important}.system-components-flow:before{transform:scaleX(1);animation:none!important}.system-components-section.is-visible .system-component-card:hover{transform:none}.system-components-video,.product-detail__video{display:none}.product-gallery-item{opacity:1;transform:none;animation:none!important}.product-gallery-item:hover{transform:none}.billing-hero__copy,.billing-hero__copy h1,.billing-hero h1 em,.billing-hero__copy>p,.billing-hero__actions,.billing-hero__visual,.billing-hero__image-frame,.billing-hero__floating-card,.billing-hero__visual-glow{animation:none!important}.billing-hero__video,.product-pair__video,.meter-reading__video,.audit__video{display:none}.comparison-heading,.comparison-table-wrap,.comparison-table tbody tr{opacity:1;transform:none;animation:none!important}.comparison-table tbody td b{animation:none!important}html.motion-ready .motion-section>.container,html.motion-ready .motion-section>.hero-grid,.motion-section .process-step,.motion-section .product-intro,.motion-section .product-card,.motion-section .section-heading,.motion-section .billing-workbench,.motion-section .charge-row,.motion-section .meter-reading__shell,.motion-section .meter-reading__copy,.motion-section .meter-summary__card,.motion-section .meter-history,.motion-section .export-mockup,.motion-section .export-copy,.motion-section .audit-copy,.motion-section .audit-mockup,.motion-section .audit-log__item,.motion-section .certification-visual,.motion-section .certification-copy,.motion-section .certification-points>div,.motion-section .projects-heading,.motion-section .project-card,.motion-section .contact-copy,.motion-section .contact-form{opacity:1;transform:none;animation:none!important}.hero-media img{transform:none;animation:none!important}.process-step:not(:last-child):after{animation:none!important}.export-preview,.invoice-total__value{animation:none!important}.meter-compatibility__bg,.meter-compatibility__veil,.meter-compatibility__heading,.meter-compatibility__details>div,.meter-compatibility__details .icon{opacity:1;transform:none;animation:none!important}}.billing-hero__image-frame{inset:0;overflow:visible;transform:none}.billing-hero__image-frame img{object-fit:contain}.billing-hero__image-frame img{transform:scale(1.16);transform-origin:center}.billing-hero h1{line-height:1.1;letter-spacing:-.04em}.billing-hero h1{margin-top:30px}.billing-hero h1 em{line-height:1.1;padding-top:.06em}.billing-feature-strip h2{line-height:1.18}@media(max-width:560px){.billing-hero__image-frame img{transform:scale(1.08)}.billing-feature-strip h2{line-height:1.14}}.billing-feature-strip{position:relative;overflow:hidden;padding:112px 0 126px;color:#effffc;background:linear-gradient(124deg,#063c3d,#075f55 48%,#0a3f60)}.billing-feature-strip:before{position:absolute;inset:0;background:radial-gradient(circle at 16% 14%,rgba(95,232,204,.16),transparent 26%),radial-gradient(circle at 86% 82%,rgba(68,176,232,.2),transparent 30%);content:"";pointer-events:none}.billing-feature-strip>.container{position:relative;z-index:1}.billing-feature-strip__heading{display:block;max-width:760px;margin:0 auto;text-align:center}.billing-feature-strip h2{color:#f4fffc}.billing-feature-strip h2 em{color:#65e4d0}.billing-feature-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border:1px solid rgba(183,244,231,.22);border-radius:22px;background:#032e3842;box-shadow:0 24px 60px #00233033}.billing-feature-strip__grid article{min-height:300px;padding:36px 34px 40px;border:0;border-right:1px solid rgba(183,244,231,.2);text-align:center;background:transparent;box-shadow:none;transition:background .28s ease,transform .28s ease}.billing-feature-strip__grid article:last-child{border-right:0}.billing-feature-strip__grid article:hover{transform:translateY(-6px);background:#39bfa81a;box-shadow:none}.billing-feature-strip__grid article>span{display:grid;place-items:center;width:92px;height:92px;margin:0 auto;color:#073f4a;border:1px solid rgba(204,255,242,.56);border-radius:28px;background:linear-gradient(145deg,#8af2d9,#3bbfd0);box-shadow:0 14px 30px #001c2d38}.billing-feature-strip__grid article>span svg{width:42px;height:42px}.billing-feature-strip__grid h3{margin:29px 0 12px;color:#f4fffc;font-size:21px;letter-spacing:-.02em}.billing-feature-strip__grid p{max-width:300px;margin:0 auto;color:#c2e5df;font-size:13px;line-height:1.9}@media(max-width:900px){.billing-feature-strip__grid article{padding-inline:22px}}@media(max-width:700px){.billing-feature-strip__grid{grid-template-columns:1fr}.billing-feature-strip__grid article{min-height:0;border-right:0;border-bottom:1px solid rgba(183,244,231,.2)}.billing-feature-strip__grid article:last-child{border-bottom:0}}.billing-feature-strip{color:#193863;background:#f5f8fd}.billing-feature-strip:before{display:none}.billing-feature-strip h2{color:#142d59}.billing-feature-strip__grid{border-color:#d7e3f1;background:#fff;box-shadow:0 24px 60px #22437314}.billing-feature-strip__grid article{border-right-color:#e1eaf2}.billing-feature-strip__grid article:hover{background:#f2fbf8}.billing-feature-strip__grid article>span{color:#128b77;border-color:#bce8dc;background:#ddf4ee;box-shadow:none}.billing-feature-strip__grid h3{color:#193863}.billing-feature-strip__grid p{color:#6d80a0}@media(max-width:700px){.billing-feature-strip__grid article{border-right:0;border-bottom-color:#e1eaf2}}.billing-feature-strip__grid article>span{width:120px;height:120px;border:0;border-radius:0;background-color:transparent;background-image:url(/brand/billing-feature-icons-3d.png);background-repeat:no-repeat;background-size:300% 500%;box-shadow:none}.billing-feature-strip__grid article>span .icon{display:none}.billing-feature-strip__grid article:nth-child(1)>span{background-position:0% 0%}.billing-feature-strip__grid article:nth-child(2)>span{background-position:50% 0%}.billing-feature-strip__grid article:nth-child(3)>span{background-position:0% 25%}.billing-feature-strip__grid article:nth-child(4)>span{background-position:100% 0%}.billing-feature-strip__grid article:nth-child(5)>span{background-position:50% 25%}.billing-feature-strip__grid article:nth-child(6)>span{background-position:100% 25%}.billing-feature-strip__grid article:nth-child(7)>span{background-position:0% 50%}.billing-feature-strip__grid article:nth-child(8)>span{background-position:50% 100%}.billing-feature-strip__grid article:nth-child(9)>span{background-position:50% 75%}.billing-feature-strip__grid article:nth-child(10)>span{background-position:100% 75%}.billing-feature-strip__grid article:nth-child(11)>span{background-position:50% 50%}.billing-feature-strip__grid article:nth-child(12)>span{background-position:100% 50%}.billing-feature-strip__grid article:nth-child(13)>span{background-position:0% 75%}.billing-feature-strip__grid article:nth-child(14)>span{background-position:100% 0%}.billing-feature-strip__grid article:nth-child(15)>span{background-position:100% 100%}.billing-feature-strip__grid article:nth-child(1)>span{background-image:url(/brand/billing-features/01-energy.png)}.billing-feature-strip__grid article:nth-child(2)>span{background-image:url(/brand/billing-features/02-invoice.png)}.billing-feature-strip__grid article:nth-child(3)>span{background-image:url(/brand/billing-features/03-send-receipt.png)}.billing-feature-strip__grid article:nth-child(4)>span{background-image:url(/brand/billing-features/04-payment-status.png)}.billing-feature-strip__grid article:nth-child(5)>span{background-image:url(/brand/billing-features/05-multi-channel.png)}.billing-feature-strip__grid article:nth-child(6)>span{background-image:url(/brand/billing-features/06-services.png)}.billing-feature-strip__grid article:nth-child(7)>span{background-image:url(/brand/billing-features/07-billing-cycle.png)}.billing-feature-strip__grid article:nth-child(8)>span{background-image:url(/brand/billing-features/08-real-usage.png)}.billing-feature-strip__grid article:nth-child(9)>span{background-image:url(/brand/billing-features/09-export.png)}.billing-feature-strip__grid article:nth-child(10)>span{background-image:url(/brand/billing-features/10-buildings.png)}.billing-feature-strip__grid article:nth-child(11)>span{background-image:url(/brand/billing-features/11-permissions.png)}.billing-feature-strip__grid article:nth-child(12)>span{background-image:url(/brand/billing-features/12-fraud-protection.png)}.billing-feature-strip__grid article:nth-child(13)>span{background-image:url(/brand/billing-features/13-reports.png)}.billing-feature-strip__grid article:nth-child(14)>span{background-image:url(/brand/billing-features/14-monthly-revenue.png)}.billing-feature-strip__grid article:nth-child(15)>span{background-image:url(/brand/billing-features/15-devices.png)}.billing-feature-strip__grid article:nth-child(12)>span{clip-path:inset(0 0 16px 0)}@keyframes billing-feature-heading-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes billing-feature-card-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes billing-feature-icon-in{0%{opacity:0;transform:translateY(12px) scale(.82)}70%{opacity:1;transform:translateY(-3px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes billing-feature-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.billing-feature-strip__heading h2{animation:billing-feature-heading-in .72s cubic-bezier(.22,.8,.28,1) both}.billing-feature-strip__grid article{opacity:0;animation:billing-feature-card-in .68s cubic-bezier(.22,.8,.28,1) both;animation-delay:calc((var(--billing-card-index, 1) - 1) * .11s + .12s);transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}.billing-feature-strip__grid article:nth-child(1){--billing-card-index: 1}.billing-feature-strip__grid article:nth-child(2){--billing-card-index: 2}.billing-feature-strip__grid article:nth-child(3){--billing-card-index: 3}.billing-feature-strip__grid article:nth-child(4){--billing-card-index: 4}.billing-feature-strip__grid article:nth-child(5){--billing-card-index: 5}.billing-feature-strip__grid article:nth-child(6){--billing-card-index: 6}.billing-feature-strip__grid article:nth-child(7){--billing-card-index: 7}.billing-feature-strip__grid article:nth-child(8){--billing-card-index: 8}.billing-feature-strip__grid article:nth-child(9){--billing-card-index: 9}.billing-feature-strip__grid article:nth-child(10){--billing-card-index: 10}.billing-feature-strip__grid article:nth-child(11){--billing-card-index: 11}.billing-feature-strip__grid article:nth-child(12){--billing-card-index: 12}.billing-feature-strip__grid article:nth-child(13){--billing-card-index: 13}.billing-feature-strip__grid article:nth-child(14){--billing-card-index: 14}.billing-feature-strip__grid article:nth-child(15){--billing-card-index: 15}.billing-feature-strip__grid article>span{animation:billing-feature-icon-in .72s cubic-bezier(.22,.8,.28,1) both,billing-feature-icon-float 4.8s ease-in-out 1.4s infinite;animation-delay:calc((var(--billing-card-index, 1) - 1) * .11s + .26s),calc((var(--billing-card-index, 1) - 1) * .11s + 1.4s)}.billing-feature-strip__grid article:hover{transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.billing-feature-strip__heading h2,.billing-feature-strip__grid article,.billing-feature-strip__grid article>span{animation:none;opacity:1;transform:none;transition:none}}.billing-feature-strip__grid article{position:relative;isolation:isolate;transform-style:preserve-3d;will-change:transform}.billing-feature-strip__grid article:after{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#15a484f2,#73e6c9cc,#117d67f2);opacity:0;pointer-events:none;transition:opacity .28s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.billing-feature-strip__grid article:hover{transform:perspective(800px) rotateX(1.5deg) rotateY(-2deg) translateY(-6px);box-shadow:0 18px 34px #0f8b712e,0 0 24px #4bd3af24}.billing-feature-strip__grid article:hover:after{opacity:1}.billing-feature-strip__grid article:hover>span{animation-play-state:paused;transform:perspective(600px) rotateX(-2deg) rotateY(3deg) translateZ(8px) scale(1.03);transition:transform .28s ease}@media(prefers-reduced-motion:reduce){.billing-feature-strip__grid article:hover{transform:none;box-shadow:none}.billing-feature-strip__grid article:hover>span{transform:none}}.billing-feature-strip__heading h2 br{display:none}@media(max-width:700px){.billing-feature-strip__heading h2 br{display:initial}}@media(min-width:701px){.billing-feature-strip__heading h2{white-space:nowrap;font-size:clamp(2.6rem,4vw,3.55rem);letter-spacing:-.035em}}.billing-flow-section,.billing-start-section,.billing-faq-section{background:#f5f8fd;color:#193863}.billing-fit-section,.billing-payment-section{background:#fff;color:#193863}.billing-flow-section,.billing-fit-section,.billing-start-section,.billing-payment-section,.billing-faq-section{padding:96px 0}.billing-section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.billing-section-kicker{margin:0 0 12px;color:#0b9b80;font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.billing-section-heading h2{margin:0;color:#173667;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.03em}.billing-section-heading>p:last-child{max-width:650px;margin:18px auto 0;color:#6b7e9c;line-height:1.85}.billing-flow-grid,.billing-fit-grid,.billing-start-grid,.billing-payment-grid{display:grid;gap:18px}.billing-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.billing-flow-grid:before{content:"";position:absolute;top:41px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#a9e7d8,#0b9b80,#a9e7d8);opacity:.7}.billing-flow-grid article,.billing-fit-grid article,.billing-start-grid article,.billing-payment-grid article{position:relative;padding:30px 24px;border:1px solid #dce7f2;border-radius:20px;background:#ffffffe0;box-shadow:0 18px 42px #22437312;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.billing-flow-grid article:hover,.billing-fit-grid article:hover,.billing-start-grid article:hover,.billing-payment-grid article:hover{transform:translateY(-6px);border-color:#84d9c6;box-shadow:0 22px 48px #2243731f}.billing-flow-grid article{z-index:1;text-align:center}.billing-flow-step__visual{display:grid;place-items:center;height:118px;margin:-6px auto 18px}.billing-flow-step__visual img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(25,56,99,.12));transition:transform .35s cubic-bezier(.22,.8,.28,1),filter .35s ease}.billing-flow-grid article:hover .billing-flow-step__visual img{transform:translateY(-5px) scale(1.06);filter:drop-shadow(0 16px 16px rgba(15,139,113,.2))}.billing-flow-video{width:min(100%,1120px);margin:0 auto;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:0 28px 70px #19386324;overflow:hidden}.billing-flow-video video{display:block;width:100%;height:auto;max-height:78vh;border-radius:20px;background:#071a2f}.billing-flow-grid article>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 22px;border-radius:50%;background:#0b9b80;color:#fff;font-weight:800;box-shadow:0 0 0 8px #e0f5ef}.billing-flow-grid h3,.billing-fit-grid h3,.billing-start-grid h3,.billing-payment-grid h3{margin:0;color:#193863;font-size:1.1rem;line-height:1.4}.billing-flow-grid p,.billing-fit-grid p,.billing-start-grid p,.billing-payment-grid p{margin:12px 0 0;color:#6d80a0;line-height:1.75}.billing-fit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-fit-grid article>span{display:block;margin-bottom:20px;font-size:2.5rem;filter:saturate(.9)}.billing-fit-image{display:block;width:100%;height:150px;margin:-6px 0 22px;border-radius:14px;object-fit:cover;object-position:center;filter:saturate(.92);transition:transform .35s ease,filter .35s ease}.billing-fit-grid article:hover .billing-fit-image{transform:scale(1.035);filter:saturate(1.08)}.billing-fit-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.55fr);gap:clamp(42px,7vw,110px);align-items:center}.billing-fit-section .billing-fit-heading{max-width:360px;margin:0;text-align:left}.billing-fit-section .billing-fit-heading>p:last-child{margin-left:0}.billing-fit-section .billing-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.billing-fit-section .billing-fit-grid article{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.billing-fit-section .billing-fit-grid article:hover{transform:none;border-color:transparent;box-shadow:none}.billing-fit-section .billing-fit-image{height:185px;margin:0 0 16px;border-radius:14px;box-shadow:none}.billing-fit-section .billing-fit-grid h3{font-size:1.15rem}.billing-fit-section .billing-fit-grid p{margin-top:8px}.billing-fit-section .billing-fit-grid h3{position:relative;display:inline-block}.billing-fit-section .billing-fit-grid h3:after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:2px;width:0;background:linear-gradient(90deg,#0b9b80,#72dfc8);transition:width .32s ease}.billing-fit-section .billing-fit-grid article:hover h3:after{width:100%}.billing-fit-section.is-motion-ready .billing-fit-heading,.billing-fit-section.is-motion-ready .billing-fit-grid article{opacity:0;will-change:transform,opacity}.billing-fit-section.is-motion-ready .billing-fit-heading{transform:translate(-28px)}.billing-fit-section.is-motion-ready .billing-fit-grid article{transform:translateY(24px)}.billing-fit-section.is-visible .billing-fit-heading{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.28,1)}.billing-fit-section.is-visible .billing-fit-grid article{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.28,1)}.billing-fit-section.is-visible .billing-fit-grid article:nth-child(1){transition-delay:.08s}.billing-fit-section.is-visible .billing-fit-grid article:nth-child(2){transition-delay:.16s}.billing-fit-section.is-visible .billing-fit-grid article:nth-child(3){transition-delay:.24s}.billing-fit-section.is-visible .billing-fit-grid article:nth-child(4){transition-delay:.32s}.billing-start-grid{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:billing-start}.billing-start-grid article strong{display:block;margin-bottom:18px;color:#0b9b80;font-size:2.4rem;line-height:1}.billing-payment-section__inner{padding:54px;border-radius:28px;background:linear-gradient(135deg,#eefaf7,#f7fbff)}.billing-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-payment-grid article>span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#d8f3ec;color:#0b8d76;font-size:.78rem;font-weight:800;letter-spacing:.08em}.billing-faq-list{max-width:860px;margin:0 auto}.billing-faq-list details{border-bottom:1px solid #dbe6f0}.billing-faq-list summary{padding:22px 4px;color:#193863;cursor:pointer;font-weight:700;list-style:none}.billing-faq-list summary::-webkit-details-marker{display:none}.billing-faq-list summary:after{content:"+";float:right;color:#0b9b80;font-size:1.35rem;transition:transform .2s ease}.billing-faq-list details[open] summary:after{transform:rotate(45deg)}.billing-faq-list details p{max-width:760px;margin:-4px 0 20px;color:#6d80a0;line-height:1.8}.billing-contact-section{padding:96px 0;background:#f5f8fd}.billing-contact-card{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(32px,5vw,76px);padding:clamp(32px,5vw,62px);border-radius:28px;color:#fff;background:linear-gradient(125deg,#153b70,#087f6d);box-shadow:0 24px 52px #1645702e}.billing-contact-card h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.03em}.billing-contact-card p{max-width:620px;margin:15px 0 0;color:#f0fffbd1;line-height:1.8}.billing-contact-card .contact-info,.billing-contact-card .contact-info a{color:#fff}.billing-contact-card .contact-info span{color:#f0fffbb8}.billing-contact-form{box-shadow:0 18px 38px #00193629}@media(max-width:900px){.billing-flow-grid,.billing-fit-grid,.billing-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-flow-grid:before{display:none}.billing-fit-layout{grid-template-columns:1fr;gap:34px}.billing-fit-section .billing-fit-heading{max-width:620px}}@media(max-width:640px){.billing-flow-section,.billing-fit-section,.billing-start-section,.billing-payment-section,.billing-faq-section{padding:70px 0}.billing-flow-grid,.billing-fit-grid,.billing-start-grid,.billing-payment-grid{grid-template-columns:1fr}.billing-payment-section__inner{padding:28px 20px;border-radius:20px}.billing-flow-video{border-radius:12px}.billing-flow-video video{border-radius:12px}.billing-contact-section{padding:70px 0}.billing-contact-card{grid-template-columns:1fr;gap:25px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.billing-fit-section *,.billing-fit-section *:before,.billing-fit-section *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.billing-feature-strip__grid article>span{background-size:270% 450%}.billing-feature-strip__grid article:nth-child(1)>span{background-image:url(/brand/billing-features/01-energy.png)}.billing-feature-strip__grid article:nth-child(2)>span{background-image:url(/brand/billing-features/02-invoice.png)}.billing-feature-strip__grid article:nth-child(3)>span{background-image:url(/brand/billing-features/03-send-receipt.png)}.billing-feature-strip__grid article:nth-child(4)>span{background-image:url(/brand/billing-features/04-payment-status.png)}.billing-feature-strip__grid article:nth-child(5)>span{background-image:url(/brand/billing-features/05-multi-channel.png)}.billing-feature-strip__grid article:nth-child(6)>span{background-image:url(/brand/billing-features/06-services.png)}.billing-feature-strip__grid article:nth-child(7)>span{background-image:url(/brand/billing-features/07-billing-cycle.png)}.billing-feature-strip__grid article:nth-child(8)>span{background-image:url(/brand/billing-features/08-real-usage.png)}.billing-feature-strip__grid article:nth-child(9)>span{background-image:url(/brand/billing-features/09-export.png)}.billing-feature-strip__grid article:nth-child(10)>span{background-image:url(/brand/billing-features/10-buildings.png)}.billing-feature-strip__grid article:nth-child(11)>span{background-image:url(/brand/billing-features/11-permissions.png)}.billing-feature-strip__grid article:nth-child(12)>span{background-image:url(/brand/billing-features/12-fraud-protection.png)}.billing-feature-strip__grid article:nth-child(13)>span{background-image:url(/brand/billing-features/13-reports.png)}.billing-feature-strip__grid article:nth-child(14)>span{background-image:url(/brand/billing-features/14-monthly-revenue.png)}.billing-feature-strip__grid article:nth-child(15)>span{background-image:url(/brand/billing-features/15-devices.png)}@media(max-width:560px){.billing-feature-strip__grid article>span{width:104px;height:104px}}.billing-feature-strip__grid article>span{background-image:none;background-position:center;background-size:contain}.billing-feature-strip__grid article:nth-child(1)>span{background-image:url(/brand/billing-features/01-energy.png)}.billing-feature-strip__grid article:nth-child(2)>span{background-image:url(/brand/billing-features/02-invoice.png)}.billing-feature-strip__grid article:nth-child(3)>span{background-image:url(/brand/billing-features/03-send-receipt.png)}.billing-feature-strip__grid article:nth-child(4)>span{background-image:url(/brand/billing-features/04-payment-status.png)}.billing-feature-strip__grid article:nth-child(5)>span{background-image:url(/brand/billing-features/05-multi-channel.png)}.billing-feature-strip__grid article:nth-child(6)>span{background-image:url(/brand/billing-features/06-services.png)}.billing-feature-strip__grid article:nth-child(7)>span{background-image:url(/brand/billing-features/07-billing-cycle.png)}.billing-feature-strip__grid article:nth-child(8)>span{background-image:url(/brand/billing-features/08-real-usage.png)}.billing-feature-strip__grid article:nth-child(9)>span{background-image:url(/brand/billing-features/09-export.png)}.billing-feature-strip__grid article:nth-child(10)>span{background-image:url(/brand/billing-features/10-buildings.png)}.billing-feature-strip__grid article:nth-child(11)>span{background-image:url(/brand/billing-features/11-permissions.png)}.billing-feature-strip__grid article:nth-child(12)>span{background-image:url(/brand/billing-features/12-fraud-protection.png)}.billing-feature-strip__grid article:nth-child(13)>span{background-image:url(/brand/billing-features/13-reports.png)}.billing-feature-strip__grid article:nth-child(14)>span{background-image:url(/brand/billing-features/14-monthly-revenue.png)}.billing-feature-strip__grid article:nth-child(15)>span{background-image:url(/brand/billing-features/15-devices.png)}.billing-fit-grid article:nth-child(1) .billing-fit-image{content:url(/brand/billing-real/apartment.jpg)}.billing-fit-grid article:nth-child(2) .billing-fit-image{content:url(/brand/billing-real/office.jpg)}.billing-fit-grid article:nth-child(3) .billing-fit-image{content:url(/brand/billing-real/market.jpg)}.billing-fit-grid article:nth-child(4) .billing-fit-image{content:url(/brand/billing-real/factory.jpg)}.billing-start-grid article{position:relative;overflow:hidden;padding-top:148px}.billing-start-grid article:before{content:"";position:absolute;top:18px;left:50%;width:124px;height:112px;transform:translate(-50%);background:center / contain no-repeat;pointer-events:none;transition:transform .35s ease,filter .35s ease}.billing-start-grid article:nth-child(1):before{background-image:url(/brand/billing-features/start-survey.png)}.billing-start-grid article:nth-child(2):before{background-image:url(/brand/billing-features/start-configure.png)}.billing-start-grid article:nth-child(3):before{background-image:url(/brand/billing-features/start-test-bill.png)}.billing-start-grid article:nth-child(4):before{background-image:url(/brand/billing-features/start-live.png)}.billing-start-grid article:hover:before{transform:translate(-50%) translateY(-5px) scale(1.05);filter:drop-shadow(0 12px 16px rgba(0,132,106,.18))}.billing-invoice-section{position:relative;padding:clamp(76px,9vw,120px) 0;background:#fff;overflow:hidden}.billing-invoice-section:before{content:none}.billing-invoice-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:42px}.billing-invoice-card{min-width:0;padding:14px 14px 20px;border:1px solid rgba(16,49,91,.09);border-radius:20px;background:#ffffffeb;box-shadow:0 12px 28px #1b436712;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.billing-invoice-card:hover,.billing-invoice-card.is-selected{transform:translateY(-6px);border-color:#0e8e728c;box-shadow:0 18px 34px #0e8e7229}.invoice-preview{--invoice-accent: #078f73;--invoice-soft: #dff7ef;min-height:176px;padding:15px 14px 13px;border:1px solid rgba(16,49,91,.08);border-radius:14px;background:linear-gradient(145deg,#fff,#f7fbfd);box-shadow:inset 0 -14px 30px #12497509}.invoice-preview__top,.invoice-preview__meta,.invoice-preview__row,.invoice-preview__total{display:flex;align-items:center;justify-content:space-between;gap:8px}.invoice-preview__top{color:var(--invoice-accent);font-size:10px;font-weight:800;letter-spacing:.12em}.invoice-preview__top b{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;color:var(--invoice-accent);background:var(--invoice-soft);font-size:9px}.invoice-preview__meta{margin:15px 0 10px;color:#17365d;font-size:12px;font-weight:800}.invoice-preview__meta em{color:#90a1b4;font-size:9px;font-style:normal;font-weight:600}.invoice-preview__rows{display:grid;gap:5px;padding-top:9px;border-top:1px dashed rgba(16,49,91,.14)}.invoice-preview__row{color:#718399;font-size:9px}.invoice-preview__row span{display:inline-flex;align-items:center;gap:5px}.invoice-preview__row i{display:inline-block;width:5px;height:5px;border-radius:999px;background:var(--invoice-accent)}.invoice-preview__row strong{color:#3a5876;font-size:9px}.invoice-preview__total{margin-top:12px;padding-top:9px;border-top:1px solid rgba(16,49,91,.09);color:#718399;font-size:9px}.invoice-preview__total strong{color:var(--invoice-accent);font-size:12px}.invoice-preview--2{--invoice-accent: #2376bd;--invoice-soft: #e2effb}.invoice-preview--3{--invoice-accent: #b57c1d;--invoice-soft: #fff0cd}.invoice-preview--4{--invoice-accent: #7a59c8;--invoice-soft: #eee8ff}.invoice-preview--5{--invoice-accent: #0b8799;--invoice-soft: #ddf4f7}.invoice-preview--6{--invoice-accent: #2e6eaa;--invoice-soft: #e4effa}.invoice-preview--7{--invoice-accent: #d46e3a;--invoice-soft: #ffebe2}.invoice-preview--8{--invoice-accent: #146c9f;--invoice-soft: #e1f0fa}.invoice-preview--9{--invoice-accent: #3f8d63;--invoice-soft: #e2f5e8}.invoice-preview--10{--invoice-accent: #0c927d;--invoice-soft: #e0f7f0}.billing-invoice-card h3{margin:17px 2px 5px;color:#17365d;font-size:15px;line-height:1.35}.billing-invoice-card p{margin:0 2px;color:#718399;font-size:12px;line-height:1.65}.billing-invoice-selection{position:relative;margin:30px 0 0;color:#718399;text-align:center;font-size:14px}.billing-invoice-selection strong{color:#078f73}.billing-invoice-showcase{position:relative;width:min(100%,1040px);margin:38px auto 0}.billing-invoice-showcase img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;mix-blend-mode:multiply}@media(max-width:1120px){.billing-invoice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.billing-invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-invoice-card{padding:10px 10px 15px;border-radius:16px}.invoice-preview{padding:12px 10px 11px}.billing-invoice-showcase{margin-top:26px}.billing-invoice-showcase img{border-radius:0}}@media(max-width:460px){.billing-invoice-grid{grid-template-columns:1fr}}.billing-home-highlights{position:relative;padding:24px 0 32px;background:#fff}.billing-home-highlights__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(16,49,91,.08);border-radius:22px;background:linear-gradient(135deg,#fff,#f3fbf8);box-shadow:0 16px 36px #1b43670f;overflow:hidden}.billing-home-highlights article{position:relative;min-height:170px;padding:24px 22px 22px;border-right:1px solid rgba(16,49,91,.09);transition:background .3s ease,transform .3s ease}.billing-home-highlights article:last-child{border-right:0}.billing-home-highlights article:hover{z-index:1;background:#dafaf099;transform:translateY(-3px)}.billing-home-highlight__index{display:block;color:#93a4b5;font-size:10px;font-weight:800;letter-spacing:.12em}.billing-home-highlight__symbol{display:grid;width:38px;height:38px;margin:15px 0 14px;place-items:center;border:1px solid rgba(8,143,115,.18);border-radius:13px;color:#078f73;background:#e4f8f1;font-size:21px;font-weight:800}.billing-home-highlights p{margin:0 0 5px;color:#17365d;font-size:14px;font-weight:700;line-height:1.45}.billing-home-highlights strong{display:block;color:#078f73;font-size:16px;line-height:1.45}@media(max-width:1120px){.billing-home-highlights__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-home-highlights article:nth-child(3){border-right:0}.billing-home-highlights article:nth-child(-n+3){border-bottom:1px solid rgba(16,49,91,.09)}}@media(max-width:720px){.billing-home-highlights__grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.billing-home-highlights article{min-height:150px;padding:18px 16px}.billing-home-highlights article:nth-child(3){border-right:1px solid rgba(16,49,91,.09)}.billing-home-highlights article:nth-child(2n){border-right:0}.billing-home-highlights article:nth-child(-n+4){border-bottom:1px solid rgba(16,49,91,.09)}}@media(max-width:460px){.billing-home-highlights__grid{grid-template-columns:1fr}.billing-home-highlights article,.billing-home-highlights article:nth-child(3){border-right:0;border-bottom:1px solid rgba(16,49,91,.09)}.billing-home-highlights article:last-child{border-bottom:0}}.billing-home-source-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.billing-home-copied-sections{position:relative;overflow:hidden}.billing-home-copied-section{width:100%}.billing-invoice-section.is-motion-ready .billing-section-heading,.billing-flow-section.is-motion-ready .billing-section-heading,.billing-invoice-section.is-motion-ready .billing-invoice-showcase,.billing-flow-section.is-motion-ready .billing-flow-video,.billing-contact-section.is-motion-ready .billing-contact-copy,.billing-contact-section.is-motion-ready .billing-contact-form,.billing-home-copied-section.is-motion-ready{opacity:0;will-change:opacity,transform}.billing-invoice-section.is-motion-ready .billing-section-heading,.billing-flow-section.is-motion-ready .billing-section-heading{transform:translateY(18px)}.billing-invoice-section.is-motion-ready .billing-invoice-showcase,.billing-flow-section.is-motion-ready .billing-flow-video{transform:translateY(28px) scale(.985)}.billing-contact-section.is-motion-ready .billing-contact-copy{transform:translate(-24px)}.billing-contact-section.is-motion-ready .billing-contact-form{transform:translate(24px)}.billing-home-copied-section.is-motion-ready{transform:translateY(24px)}.billing-invoice-section.is-visible .billing-section-heading,.billing-flow-section.is-visible .billing-section-heading,.billing-invoice-section.is-visible .billing-invoice-showcase,.billing-flow-section.is-visible .billing-flow-video,.billing-contact-section.is-visible .billing-contact-copy,.billing-contact-section.is-visible .billing-contact-form,.billing-home-copied-section.is-visible{opacity:1;transform:none}.billing-invoice-section.is-motion-ready .billing-section-heading,.billing-flow-section.is-motion-ready .billing-section-heading{transition:opacity .56s ease,transform .56s cubic-bezier(.22,1,.36,1)}.billing-invoice-section.is-motion-ready .billing-invoice-showcase,.billing-flow-section.is-motion-ready .billing-flow-video{transition:opacity .7s .1s ease,transform .7s .1s cubic-bezier(.22,1,.36,1)}.billing-contact-section.is-motion-ready .billing-contact-copy,.billing-contact-section.is-motion-ready .billing-contact-form{transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1)}.billing-contact-section.is-motion-ready .billing-contact-form{transition-delay:.12s}.billing-home-copied-section.is-motion-ready{transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.projects-page-hero{position:relative;overflow:hidden;min-height:min(43vw,400px);padding:clamp(118px,10vw,150px) 0 clamp(58px,6vw,82px);color:#fff;background:linear-gradient(121deg,#082b4c,#075f68 57%,#16a89a)}.projects-page-hero:before,.projects-page-hero:after{content:"";position:absolute;width:min(58vw,800px);aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.projects-page-hero:before{top:-36%;right:-10%;box-shadow:0 0 0 64px #ffffff06,0 0 0 128px #ffffff05}.projects-page-hero:after{bottom:-57%;left:33%;opacity:.7}.projects-page-hero .container{position:relative;z-index:1;max-width:1240px}.projects-page-hero__eyebrow{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#63e6d3}.projects-page-hero h1{max-width:760px;margin:0;font-size:clamp(43px,6.2vw,82px);line-height:1.08;letter-spacing:-.06em}.projects-page-hero h1 em{color:#61e0ce;font-style:normal}.projects-page-hero p{max-width:650px;margin:27px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.75;color:#fffc}.projects-reference-section{padding:clamp(72px,10vw,132px) 0;background:#f6faf9}.projects-reference-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.projects-reference-heading h2{margin:0;color:#153b70;font-size:clamp(35px,4.2vw,58px);letter-spacing:-.05em}.projects-reference-heading p{max-width:420px;margin:0 0 8px;color:#63809d;font-size:17px;line-height:1.65}.projects-reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.projects-reference-card{position:relative;min-height:274px;padding:0;overflow:hidden;border:0;border-radius:18px;background:#0c5360;cursor:pointer;text-align:left;isolation:isolate;box-shadow:0 9px 26px #1137531f;animation:projects-card-in .65s both cubic-bezier(.22,1,.36,1);animation-delay:calc(var(--project-index) * 65ms)}.projects-reference-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease}.projects-reference-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,#021e310a 25%,#011d2fe6);transition:background .35s ease}.projects-reference-card__copy{position:absolute;z-index:1;right:18px;bottom:17px;left:18px;display:grid;gap:3px;color:#fff}.projects-reference-card__copy strong{font-size:17px;line-height:1.25}.projects-reference-card__copy small{color:#ffffffb3;font-size:13px}.projects-reference-card__copy i{max-height:0;overflow:hidden;margin-top:3px;color:#68e6d2;font-size:13px;font-style:normal;font-weight:700;opacity:0;transition:max-height .25s ease,opacity .2s ease}.projects-reference-card__copy b{margin-left:7px;font-size:16px}.projects-reference-card:hover{box-shadow:0 20px 45px #086a6f40}.projects-reference-card:hover img{transform:scale(1.08);filter:saturate(1.12)}.projects-reference-card:hover .projects-reference-card__shade{background:linear-gradient(180deg,#0238441f 18%,#011b30f2)}.projects-reference-card:hover .projects-reference-card__copy i{max-height:24px;opacity:1}.project-dialog-backdrop{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:28px;overflow-y:auto;background:#02111fc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:project-backdrop-in .25s ease both}.project-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.27fr) minmax(310px,.73fr);width:min(1080px,100%);overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 28px 100px #0000005c;animation:project-dialog-in .4s cubic-bezier(.22,1,.36,1) both}.project-dialog__close{position:absolute;z-index:4;top:17px;right:17px;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:#051d2fc7;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}.project-dialog__close:hover{transform:rotate(90deg);background:#e35252}.project-dialog__gallery{position:relative;min-height:500px;background:#0c2539}.project-dialog__gallery>img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}.project-dialog__arrow{position:absolute;top:50%;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#041f337a;color:#fff;font-size:24px;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}.project-dialog__arrow:hover{background:#11a993;transform:translateY(-50%) scale(1.08)}.project-dialog__arrow--previous{left:20px}.project-dialog__arrow--next{right:20px}.project-dialog__details{display:flex;flex-direction:column;padding:clamp(35px,4vw,56px) clamp(28px,4vw,48px);color:#173b63}.project-dialog__details>span{color:#079383;font-size:11px;font-weight:800;letter-spacing:.14em}.project-dialog__details h2{margin:12px 0 7px;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.04em}.project-dialog__location{margin:0 0 25px;color:#6d86a4;font-size:15px}.project-dialog__details>p:last-of-type{margin:0;color:#4d6681;font-size:16px;line-height:1.75}.project-dialog__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:30px}.project-dialog__thumbs button{width:52px;height:42px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#dbe5ec;cursor:pointer}.project-dialog__thumbs button.is-active{border-color:#0da793}.project-dialog__thumbs img{width:100%;height:100%;object-fit:cover}@keyframes projects-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes project-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes project-dialog-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1150px){.projects-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.projects-reference-card{min-height:250px}@media(max-width:860px){.projects-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-dialog{grid-template-columns:1fr}.project-dialog__gallery,.project-dialog__gallery>img{min-height:min(60vw,460px)}.project-dialog__details{min-height:300px}}@media(max-width:620px){.projects-page-hero{min-height:350px;padding-top:112px;padding-bottom:58px}.projects-reference-heading{display:block;margin-bottom:30px}.projects-reference-heading p{margin-top:14px}.projects-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projects-reference-card{min-height:215px;border-radius:13px}.projects-reference-card__copy{right:12px;bottom:12px;left:12px}.projects-reference-card__copy strong{font-size:14px}.projects-reference-card__copy small{font-size:11px}.project-dialog-backdrop{padding:12px}.project-dialog{border-radius:18px}.project-dialog__gallery,.project-dialog__gallery>img{min-height:64vw}.project-dialog__details{padding:30px 24px}.project-dialog__arrow{width:40px;height:40px}.project-dialog__arrow--previous{left:12px}.project-dialog__arrow--next{right:12px}}.projects-reference-list{display:grid;gap:clamp(72px,10vw,150px)}.project-showcase-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.76fr);align-items:center;gap:clamp(44px,8.5vw,136px)}.project-showcase-row:nth-child(2n){grid-template-columns:minmax(300px,.76fr) minmax(0,1.05fr)}.project-showcase-row:nth-child(2n) .project-showcase-row__image{order:2}.project-showcase-row:nth-child(2n) .project-showcase-row__copy{order:1;justify-self:end}.project-showcase-row__image{position:relative;display:block;min-height:clamp(255px,27vw,390px);padding:0;overflow:hidden;border:0;border-radius:3px;background:#073e4c;box-shadow:0 24px 55px #07424d2b;cursor:pointer}.project-showcase-row__image:before{position:absolute;z-index:1;inset:0;background:#000000b3;content:"";opacity:0;transition:opacity .35s ease}.project-showcase-row__image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-showcase-row__image>span{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#0327348c;font-size:12px;font-weight:700;opacity:0;transform:translate(-50%,calc(-50% + 12px));transition:opacity .25s ease,transform .3s ease,background .2s ease}.project-showcase-row__image>span b{font-size:17px;line-height:.7}.project-showcase-row__image:hover img{transform:scale(1.065)}.project-showcase-row__image:hover:before{opacity:1}.project-showcase-row__image:hover>span{opacity:1;transform:translate(-50%,-50%);background:#0000003d}.project-showcase-row__copy{position:relative;max-width:480px;padding:12px 0}.project-showcase-row__number{display:block;margin-bottom:18px;color:#80dfcf;font-size:clamp(62px,7vw,96px);font-weight:700;line-height:.68;letter-spacing:-.09em;opacity:.67}.project-showcase-row__label{margin:0 0 14px;color:#078572;font-size:10px;font-weight:800;letter-spacing:.15em}.project-showcase-row__copy h3{max-width:470px;margin:0;color:#173b70;font-size:clamp(31px,3.65vw,52px);line-height:1.08;letter-spacing:-.055em}.project-showcase-row__copy>p:not(.project-showcase-row__label){max-width:450px;margin:20px 0 29px;color:#66809b;font-size:16px;line-height:1.8}.project-showcase-row__action{display:inline-flex;align-items:center;gap:11px;padding:0;border:0;color:#087e73;background:transparent;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:color .2s ease,gap .2s ease}.project-showcase-row__action:hover{gap:17px;color:#173b70}.project-showcase-row.is-motion-ready{opacity:0;transform:translate(42px)}.project-showcase-row:nth-child(2n).is-motion-ready{transform:translate(-42px)}.project-showcase-row.is-motion-ready .project-showcase-row__number,.project-showcase-row.is-motion-ready .project-showcase-row__copy h3,.project-showcase-row.is-motion-ready .project-showcase-row__copy>p,.project-showcase-row.is-motion-ready .project-showcase-row__action{opacity:0;transform:translateY(16px)}.project-showcase-row.is-visible{opacity:1;transform:none;transition:opacity .68s ease,transform .68s cubic-bezier(.22,1,.36,1)}.project-showcase-row.is-visible .project-showcase-row__number,.project-showcase-row.is-visible .project-showcase-row__copy h3,.project-showcase-row.is-visible .project-showcase-row__copy>p,.project-showcase-row.is-visible .project-showcase-row__action{opacity:1;transform:none;transition:opacity .52s ease,transform .52s cubic-bezier(.22,1,.36,1)}.project-showcase-row.is-visible .project-showcase-row__number{transition-delay:.1s}.project-showcase-row.is-visible .project-showcase-row__copy h3{transition-delay:.18s}.project-showcase-row.is-visible .project-showcase-row__copy>p{transition-delay:.26s}.project-showcase-row.is-visible .project-showcase-row__action{transition-delay:.34s}.project-dialog__gallery-image{animation:project-gallery-image-in .35s ease both}@keyframes project-gallery-image-in{0%{opacity:.2;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.project-showcase-row,.project-showcase-row:nth-child(2n),.project-showcase-row .project-showcase-row__number,.project-showcase-row .project-showcase-row__copy h3,.project-showcase-row .project-showcase-row__copy>p,.project-showcase-row .project-showcase-row__action{opacity:1;transform:none;transition:none}.project-dialog__gallery-image{animation:none}}@media(max-width:760px){.projects-reference-list{gap:68px}.project-showcase-row,.project-showcase-row:nth-child(2n){grid-template-columns:1fr;gap:27px}.project-showcase-row:nth-child(2n) .project-showcase-row__image,.project-showcase-row:nth-child(2n) .project-showcase-row__copy{order:initial;justify-self:start}.project-showcase-row__image{min-height:54vw;border-radius:2px}.project-showcase-row__image>span{opacity:1;transform:translate(-50%,-50%)}.project-showcase-row__copy{padding:0 3px}.project-showcase-row__number{margin-bottom:13px}.project-showcase-row__copy>p:not(.project-showcase-row__label){margin:16px 0 22px}}.quote-page{min-height:100vh;background:#fff}.quote-page__main{min-height:100vh;box-sizing:border-box;padding:86px 0 0;overflow:hidden}.quote-page__grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(350px,.87fr);width:100%;max-width:none;min-height:calc(100vh - 86px);overflow:hidden;border-radius:0;background:#fff;box-shadow:none;animation:quote-page-enter .65s cubic-bezier(.22,1,.36,1) both}.quote-page-header{color:#163e38}.quote-page-header .main-nav{mix-blend-mode:multiply}.quote-page-header .quote-button{mix-blend-mode:normal}.quote-form-panel{padding:clamp(38px,5vw,72px);color:#183d35}.quote-kicker{display:inline-block;margin-bottom:15px;color:#07846e;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.12em}.quote-form-panel h1{margin:0;font-size:clamp(38px,4.25vw,60px);line-height:1.08;letter-spacing:-.055em}.quote-form-panel h1 em{color:#0a927c;font-style:normal}.quote-form-panel>p{max-width:570px;margin:20px 0 33px;color:#658079;font-size:15px;line-height:1.8}.quote-form{display:grid;gap:17px;margin-top:clamp(26px,3vw,42px)}.quote-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:grid;gap:8px;color:#3d5e57;font-size:12px;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d7e5e0;border-radius:8px;outline:none;color:#1d4139;background:#fbfdfc;font:inherit;font-size:13px;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}.quote-form textarea{resize:vertical;min-height:92px}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#16a489;box-shadow:0 0 0 4px #16a4891c}.quote-form__submit{justify-self:start;margin-top:5px;min-height:50px}.quote-form small{color:#829a93;font-size:10px;line-height:1.6}.quote-contact-panel{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(40px,5vw,70px) clamp(28px,4vw,55px);overflow:hidden;color:#effffb;background:linear-gradient(145deg,#063f4c,#00775f);text-align:center}.quote-contact-panel__glow{position:absolute;top:-19%;left:50%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(121,255,213,.35),transparent 66%);filter:blur(8px);transform:translate(-50%)}.quote-contact-panel__copy,.quote-line-qr,.quote-contact-list,.quote-socials{position:relative;z-index:1}.quote-contact-panel__copy>span{color:#7cedd3;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.13em}.quote-contact-panel h2{margin:15px 0 13px;color:#fff;font-size:clamp(31px,3.4vw,48px);line-height:1.08;letter-spacing:-.05em}.quote-contact-panel__copy p{max-width:340px;margin:0;color:#c5ebe2;font-size:14px;line-height:1.7}.quote-line-qr{display:grid;gap:12px;width:min(100%,260px);margin:29px 0 24px;padding:13px;border-radius:15px;color:#eafff9;background:#fff;box-shadow:0 20px 40px #01202940;transition:transform .25s ease,box-shadow .25s ease}.quote-line-qr:hover{color:#eafff9;box-shadow:0 26px 50px #0119205e;transform:translateY(-4px)}.quote-line-qr>img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.quote-line-qr span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:8px;background:#06c755;color:#fff;font-size:12px;font-weight:800}.quote-line-qr span img{width:20px;height:20px;filter:brightness(0) invert(1)}.quote-contact-list{display:grid;width:min(100%,330px);gap:10px}.quote-contact-list a{display:flex;align-items:center;gap:13px;padding:11px 13px;border:1px solid rgba(217,255,246,.21);border-radius:10px;color:#fff;background:#0023282b;text-align:left;transition:background .2s ease,transform .2s ease}.quote-contact-list a:hover{color:#fff;background:#0023285c;transform:translate(3px)}.quote-contact-list i{display:grid;width:35px;height:35px;place-items:center;color:#92f5dc;border-radius:50%;background:#ffffff1a}.quote-contact-list span{display:grid;gap:2px;font-size:13px;font-weight:600}.quote-contact-list small{color:#a7d8ce;font-size:9px;font-weight:500}.quote-socials{display:flex;gap:10px;margin-top:22px}.quote-socials a{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;transition:background .2s ease,transform .2s ease}.quote-socials a:hover{color:#006e5b;background:#fff;transform:translateY(-3px)}@keyframes quote-page-enter{0%{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:840px){.quote-page__main{padding:0}.quote-page__grid{grid-template-columns:1fr}.quote-contact-panel{padding:48px 28px}.quote-line-qr{width:230px}.quote-page-header .main-nav{mix-blend-mode:normal}}@media(max-width:520px){.quote-form-panel{padding:128px 22px 42px}.quote-form__row{grid-template-columns:1fr;gap:17px}.quote-form-panel h1{font-size:38px}.quote-contact-panel h2{font-size:37px}.quote-form__submit{width:100%}.quote-page__main{padding:0}}@media(prefers-reduced-motion:reduce){.quote-page__grid{animation:none}}.quote-form input:user-invalid,.quote-form select:user-invalid,.quote-form textarea:user-invalid{border-color:#dc6b6b;box-shadow:0 0 0 4px #dc6b6b1a}.quote-contact-panel h2{white-space:nowrap;font-size:clamp(27px,3vw,44px)}.quote-contact-panel__channels{display:grid;grid-template-columns:minmax(220px,285px) minmax(0,1fr);align-items:center;gap:clamp(18px,2.5vw,32px);width:100%;margin-top:29px}.quote-line-qr{width:100%;margin:0}.quote-contact-list{width:100%}.quote-contact-list a{border-radius:0}@media(max-width:840px){.quote-contact-panel__channels{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}}@media(max-width:520px){.quote-contact-panel h2{white-space:normal}.quote-contact-panel__channels{grid-template-columns:1fr}.quote-line-qr{width:min(100%,260px);justify-self:center}}