@font-face{font-family:Noto Sans Thai;src:url(../assets/fonts/noto-sans-thai.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans Thai,Tahoma,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}button:disabled{cursor:not-allowed}::-moz-selection{background:#c1e5d5;color:#064d36}::selection{background:#c1e5d5;color:#064d36}:focus-visible{outline:3px solid #36a583;outline-offset:5px}h1,h2,h3,p{overflow-wrap:break-word}svg{flex-shrink:0}section[id]{scroll-margin-top:90px}.site-container{margin-left:auto;margin-right:auto;width:100%;max-width:1240px;padding-left:1.25rem;padding-right:1.25rem}@media (min-width:640px){.site-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.site-container{padding-left:2.5rem;padding-right:2.5rem}}.icon{width:1.35em;height:1.35em;display:inline-block;vertical-align:middle;flex:none;stroke-width:2}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.brand{display:inline-flex;flex-shrink:0;align-items:center;gap:.5rem;--tw-text-opacity:1;color:rgb(9 107 76/var(--tw-text-opacity,1))}.flow-heading .brand{color:#16865c}.brand{font-size:30px;font-weight:750;letter-spacing:-1px;line-height:1}.brand>.icon{width:35px;height:35px;fill:#096b4c;stroke:#096b4c;stroke-width:1}.brand>.icon use{stroke-linejoin:miter}.site-header{position:sticky;top:0;z-index:40;background:hsla(0,0%,100%,.96);border-bottom:1px solid #e6ede9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.desktop-nav a{position:relative;padding-top:1.75rem;padding-bottom:1.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(16 37 31/var(--tw-text-opacity,1));white-space:nowrap;transition:color .2s}.desktop-nav a.nav-active,.desktop-nav a:hover{color:#096b4c}.desktop-nav a.nav-active:after{content:"";position:absolute;bottom:18px;left:0;right:0;height:2px;background:#096b4c}.login-link{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(9 107 76/var(--tw-text-opacity,1))}.flow-heading .login-link{color:#16865c}.login-link{white-space:nowrap}.login-link:hover{text-decoration:underline;text-underline-offset:5px}.btn{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s;white-space:nowrap;font-size:16px;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#087653;color:#fff;box-shadow:0 3px 5px #003f2610}.btn-primary:hover{background:#075e43;box-shadow:0 4px 10px #003f261c}.btn-outline{background:hsla(0,0%,100%,.88);border-color:#096b4c;color:#096b4c}.btn-outline:hover{background:#edf7f2}.btn-small{font-size:14px;min-height:42px;padding:10px 21px}.btn-white{background:#fff;color:#096b4c}.btn-white:hover{background:#eaf6f1}.btn-ghost{border-color:#9fcbbb;background:transparent;color:#fff}.btn-ghost:hover{background:#ffffff10}.menu-toggle{width:44px;height:44px;border:1px solid #dce7e2;border-radius:6px;color:#096b4c}.menu-toggle .icon{width:23px;height:23px}.mobile-menu{padding:8px 20px 24px;border-top:1px solid #e5ece8;background:#fff}.mobile-menu:not([hidden]){display:grid;gap:4px}.mobile-menu>a,.mobile-menu>button:not(.btn){padding:11px 5px;text-align:left;font-size:16px}.mobile-menu .btn{margin-top:6px}.skip-link{position:fixed;top:-100px;left:20px;background:#096b4c;color:#fff;padding:12px 20px;z-index:100;border-radius:4px}.skip-link:focus{top:12px}.eyebrow-pill .icon{width:17px;height:17px}.hero-actions .btn{padding:13px 20px}.hero-actions .btn .icon{width:18px;height:18px}.trust-copy .icon{color:#087653;width:16px;height:16px}.hero-categories .icon{color:#27775b;width:16px;height:16px}.mini-brand .icon{width:21px;height:21px;fill:#096b4c}.dashboard-top>div>.icon{width:14px;height:14px}.dashboard-sidebar>span.selected{background:#dceee5;color:#096b4c;font-weight:600}.dashboard-sidebar .icon{width:12px;height:12px}.dashboard-welcome .icon{width:10px;height:10px;margin-left:5px}.dashboard-stat .icon{width:12px;height:12px;color:#16805a}.dashboard-stat:first-child .icon{color:#4197c7}.dashboard-stat:nth-child(2) .icon{color:#d99b24}.dashboard-stat:last-child .icon{color:#457caf}.dashboard-status .icon{width:9px;height:9px;color:#42946a}.phone{background:#182425;border:2px solid #677a76;border-radius:29px;padding:5px;box-shadow:2px 5px 0 #253733,0 12px 22px #17362924;position:relative}.phone-screen{background:#fff;border-radius:22px;height:100%;overflow:hidden;position:relative}.phone-notch{position:absolute;top:5px;left:29%;right:29%;height:15px;background:#182425;border-radius:0 0 11px 11px;z-index:3}.phone-status{display:flex;justify-content:space-between;font-size:8px;font-weight:600;padding:9px 12px 5px;line-height:1}.status-symbols{letter-spacing:-1px;font-size:7px}.bill-row .icon{width:13px;height:13px;color:#16845d}.bill-row:first-of-type .icon{color:#dbaa32}.mock-button{display:block;background:#087653;color:#fff;border-radius:5px;padding:9px;text-align:center;font-size:11px;font-weight:600}.payment-secure .icon{width:7px;height:7px}.phone-home{position:absolute;bottom:5px;left:33%;right:33%;height:3px;background:#203a30;border-radius:5px}.hero-caption .icon{background:#d6eedf;border-radius:50%;padding:3px;width:20px;height:20px}.section-eyebrow{font-size:14px;color:#096b4c;font-weight:600;line-height:1.6;margin-bottom:7px}.section-heading{font-size:30px;font-weight:700;line-height:1.4;letter-spacing:-.6px}.section-description{font-size:16px;line-height:1.8;color:#66736d;margin-top:12px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-side-note{font-size:14px;line-height:1.7;color:#688376;text-align:right}.pain-icon .icon{width:28px;height:28px;stroke-width:1.65}.solutions-section{padding:44px 0 49px;background:#eef7f3;border-top:1px solid #e6f0ea;border-bottom:1px solid #e6f0ea}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin-top:27px}.solution-card{background:#fff;border:1px solid #e7efea;border-radius:9px;padding:21px 18px 16px;position:relative;min-width:0}.step-title{display:flex;gap:12px;align-items:center}.step-title>span{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:#0a7152;border-radius:50%;font-weight:600;font-size:19px;box-shadow:inset 0 -2px 3px #06473244}.step-title>h3{font-size:22px;font-weight:650;line-height:1.2}.solution-card>p{font-size:14px;line-height:1.7;color:#63736a;margin-top:12px;min-height:49px}.step-visual{height:231px;margin-top:21px;position:relative;overflow:hidden}.step-arrow{position:absolute;right:-26px;top:28px;width:25px;height:25px;color:#277856;z-index:2;stroke-width:1.3}.meter-visual{height:100%;position:relative;border-radius:6px;overflow:hidden}.meter-visual>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:56% center;object-position:56% center}.meter-reading{position:absolute;bottom:16px;left:18px;right:18px;background:#fff;border-radius:6px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #1239241a}.meter-reading small{font-size:11px;color:#78847d;display:block}.meter-reading strong{font-size:29px;letter-spacing:1px;line-height:1.2;font-weight:700}.meter-reading>span{width:29px;height:29px;background:#22a361;color:#fff;border-radius:50%;display:grid;place-items:center}.meter-reading .icon{width:20px;height:20px}.sample-bill{border:1px solid #dfe9e3;border-radius:6px;padding:13px 12px;background:#fff;height:100%}.sample-bill-head{display:flex;align-items:center;gap:4px;color:#096b4c;font-size:14px;font-weight:650}.sample-bill-head .icon{width:18px;height:18px}.sample-bill-head>small{margin-left:auto;font-size:10px;color:#52645a;font-weight:500}.sample-bill>p{font-size:9px;color:#8b978e;margin-top:9px;display:flex;justify-content:space-between}.sample-bill-rows{margin-top:11px}.sample-bill-rows>div{align-items:center;color:#53655b;margin:7px 0;line-height:1.4}.sample-bill-rows>div,.sample-bill-total{display:flex;justify-content:space-between;font-size:12px}.sample-bill-total{border-top:1px solid #e0e9e3;padding-top:9px;margin-top:8px;font-weight:600}.sample-bill-total>strong{font-size:16px;color:#096b4c}.sample-bill>.mock-button{width:100%;margin-top:11px;font-size:11px;min-height:33px;padding:7px}.mock-button .icon{width:12px;height:12px;margin-left:2px}.mock-button:is(button):hover{background:#075c41}.story-phone{height:309px;width:174px;margin:0 auto;padding:5px;border-radius:27px;border-width:2px;box-shadow:2px 3px 0 #3b5049,0 8px 13px #09261615}.story-phone .phone-screen{border-radius:19px}.story-phone .phone-notch{height:11px;top:5px}.story-phone .phone-status{font-size:7px;padding:8px 11px 5px}.story-phone .status-symbols{font-size:6px}.story-phone .phone-home{height:3px;bottom:4px}.payment-phone{width:178px;height:263px;transform:translateY(1px)}.payment-success{text-align:center;padding:8px 11px}.success-check{background:#2daa5b;color:#fff;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;margin:0 auto 7px}.success-check .icon{width:19px;height:19px}.payment-success h4{font-size:12px;color:#096b4c}.payment-success>strong{font-size:19px;display:block;font-weight:700;line-height:1.4}.payment-success>strong small{font-size:12px}.qr-code{width:85px;height:85px;margin:4px auto;-o-object-fit:contain;object-fit:contain}.payment-success>small{display:block;font-size:7px;color:#88958c;margin:0 0 6px}.payment-success>.mock-button{font-size:9px;width:100%;padding:7px 3px;min-height:29px}.summary-sample{height:100%;border:1px solid #dfe9e3;border-radius:6px;padding:15px 12px}.summary-title{display:flex;gap:7px;align-items:center}.summary-title .icon{width:17px;height:17px;color:#167350}.summary-title>strong{font-size:12px;font-weight:600}.summary-sample>p{font-size:10px;color:#869087;margin-top:5px}.summary-amount{display:flex;flex-direction:column;padding:11px 0;border-bottom:1px solid #e7ede8;gap:1px}.summary-amount>span{font-size:11px;color:#3d7054}.summary-amount>strong{font-size:26px;font-weight:650;color:#096b4c;letter-spacing:-.5px}.summary-amount small{font-size:11px;font-weight:400}.summary-line{display:flex;justify-content:space-between;font-size:10px;gap:5px;margin-top:10px}.summary-line>span{display:flex;align-items:center;gap:5px;color:#718174}.summary-line>strong{font-weight:500}.dot{width:5px;height:5px;border-radius:50%;display:inline-block}.dot-amber{background:#b99249}.dot-gray{background:#a0b3a8}.report-download{border:1px solid #dfe8e2;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;font-size:10px;min-height:33px;margin-top:17px;color:#285d43}.report-download:hover{background:#edf6f1}.report-download .icon{width:13px;height:13px}.mini-screen-title{text-align:center;font-size:11px;font-weight:600;padding:12px 7px 10px;border-bottom:1px solid #e5ece6}.meter-screen-photo{height:102px;position:relative;background:#c3d4c4}.meter-screen-photo>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-corners{position:absolute;inset:17px 29px;border:1px solid #ffffffbb;border-radius:4px}.meter-screen-fields{padding:10px}.meter-screen-fields>p{font-size:10px;font-weight:500}.meter-screen-fields>span:not(.mock-button){font-size:8px;color:#839385;display:block;margin-top:8px}.meter-screen-fields>strong{border:1px solid #a7cdbc;background:#f3f9f5;padding:6px 8px;border-radius:4px;display:flex;justify-content:space-between;font-size:17px;letter-spacing:1px;margin-top:4px}.meter-screen-fields>strong .icon{width:15px;height:15px;color:#298357;align-self:center}.meter-screen-fields .mock-button{font-size:9px;padding:7px;margin-top:9px}.chat-screen{background:#dce9f0;height:100%}.chat-top{display:flex;align-items:center;justify-content:space-between;background:#7994a5;color:#fff;padding:11px 10px;font-size:10px}.chat-top strong{font-weight:500}.chat-top>span{font-size:10px}.chat-date{font-size:7px;text-align:center;padding:10px 0;color:#6a8591}.chat-message{display:flex;gap:5px;align-items:start;padding:0 7px}.chat-avatar{width:20px;height:20px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#289753}.chat-avatar .icon{width:13px;height:13px}.chat-message-card{border-radius:3px 10px 10px 10px;background:#fff;padding:10px 9px;flex:1;min-width:0;box-shadow:0 1px 2px #55788910}.chat-message-card>strong{font-size:11px;font-weight:650;color:#204c35}.chat-message-card>p{font-size:9px;line-height:1.6;margin-top:4px;color:#556a5d}.chat-amount{margin:9px 0;padding:8px 0;border-top:1px solid #e7eee8;border-bottom:1px solid #e7eee8}.chat-amount small{font-size:8px;color:#8b988e;display:block}.chat-amount b{font-size:17px;color:#174a30;font-weight:650;white-space:nowrap}.chat-amount b>span{font-size:9px;font-weight:400}.chat-message-card>.mock-button{font-size:9px;padding:7px}.read-at{display:block;margin:6px 9px 0 0;font-size:6px;text-align:right;color:#7e94a1}.flow-bill{padding:12px 11px}.tiny-brand{font-size:12px;display:flex;align-items:center;color:#096b4c;font-weight:700;gap:4px}.tiny-brand .icon{width:15px;height:15px}.flow-bill>p{font-size:9px;margin-top:11px;line-height:1.6;color:#45614d}.flow-bill>p small{font-size:7px;color:#8c998f}.flow-bill .sample-bill-rows{margin-top:11px}.flow-bill .sample-bill-rows>div{font-size:9px;margin:8px 0}.flow-bill .sample-bill-total{font-size:9px;margin-top:12px}.flow-bill .sample-bill-total>strong{font-size:13px}.flow-bill>.mock-button{font-size:9px;margin-top:14px;padding:8px}.qr-screen{padding:15px 10px;text-align:center}.payment-badge{display:inline-block;border-bottom:2px solid #317e96;color:#23596e;font-size:13px;font-weight:700;padding:0 5px 3px}.qr-screen>p{font-size:9px;margin-top:9px;color:#63796b}.qr-screen>.qr-code{width:102px;height:102px;margin:7px auto}.qr-screen>strong{font-size:20px;font-weight:700;color:#193e29}.qr-screen>strong small{font-size:10px;font-weight:400}.qr-warning{font-size:6px;color:#8a958e;display:block;margin-top:3px}.qr-confirm{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:11px;border-radius:4px;background:#eef8f0;padding:7px 1px;color:#3c7851;font-size:8px}.qr-confirm .icon{width:12px;height:12px}.line-label>.icon{width:16px;height:16px}.check-list .icon{width:18px;height:18px;background:#2a9959;color:#fff;border-radius:50%;padding:3px;flex:none}.resident-phone-stage .story-phone{width:226px;height:400px;transform:rotate(-3deg);margin-bottom:-26px;padding:6px;border-radius:32px;box-shadow:3px 4px 0 #455f53,0 9px 14px #143d301f}.resident-phone-stage .phone-screen{border-radius:23px}.resident-phone-stage .phone-notch{height:15px;top:6px}.resident-phone-stage .phone-status{font-size:9px;padding:10px 13px 7px}.resident-phone-stage .status-symbols{font-size:8px}.resident-phone-stage .chat-top{padding:15px 12px;font-size:13px}.resident-phone-stage .chat-top>span{font-size:13px}.resident-phone-stage .chat-date{padding:13px 0;font-size:9px}.resident-phone-stage .chat-message{padding:0 9px;gap:6px}.resident-phone-stage .chat-avatar{width:26px;height:26px}.resident-phone-stage .chat-avatar .icon{width:17px;height:17px}.resident-phone-stage .chat-message-card{padding:14px 11px;border-radius:4px 12px 12px 12px}.resident-phone-stage .chat-message-card>strong{font-size:14px}.resident-phone-stage .chat-message-card>p{font-size:12px;line-height:1.6;margin-top:5px}.resident-phone-stage .chat-amount{margin:12px 0;padding:10px 0}.resident-phone-stage .chat-amount small{font-size:10px}.resident-phone-stage .chat-amount b{font-size:25px}.resident-phone-stage .chat-amount b>span{font-size:11px}.resident-phone-stage .chat-message-card>.mock-button{font-size:12px;padding:10px}.resident-phone-stage .read-at{font-size:8px;margin-right:12px}.projects-section .section-heading{font-size:28px}.projects-section .section-eyebrow{font-size:12px}.project-card>.icon{color:#268458;width:31px;height:31px;stroke-width:1.5}.project-card:last-child>.icon{width:25px;height:25px}.benefit-card .check-list .icon{width:15px;height:15px;background:#117652;padding:2px}.cta-actions{display:flex;gap:13px;flex:none}.cta-actions .btn{min-height:49px;font-size:14px}.site-footer{background:#fff}.footer-top{justify-content:space-between;gap:30px;padding:33px 0}.footer-brand,.footer-top{display:flex;align-items:center}.footer-brand{gap:20px}.footer-brand .brand{font-size:27px}.footer-brand .brand>.icon{width:30px;height:30px}.footer-brand>p{font-size:12px;color:#79867e}.footer-top nav{display:flex;gap:23px;font-size:12px;color:#52665a}.site-footer a:not(.brand):hover{color:#096b4c;text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid #edf0ed;padding:19px 0 23px;display:flex;justify-content:space-between;font-size:10px;color:#929c94}.footer-bottom>div{display:flex;gap:20px}body.dialog-open{overflow:hidden}.site-dialog{border:1px solid #dce7e2;border-radius:14px;padding:0;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 48px);margin:auto;background:#fff;color:#10251f;box-shadow:0 25px 100px #0c2d3133;overflow:auto;overscroll-behavior:contain}.site-dialog::backdrop{background:#102a23a3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-shell{padding:25px 30px 30px}.dialog-header{justify-content:space-between;margin-bottom:21px}.dialog-brand,.dialog-header{display:flex;align-items:center}.dialog-brand{gap:6px;color:#096b4c;font-size:20px;font-weight:700}.dialog-brand>.icon{width:25px;height:25px}.dialog-close{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#66796d;background:#f2f6f3}.dialog-close:hover{background:#e6efe9;color:#096b4c}.dialog-close>.icon{width:20px;height:20px}.dialog-title{font-size:27px;font-weight:650;line-height:1.4;letter-spacing:-.5px}.dialog-title:focus{outline:none}.dialog-description{font-size:14px;color:#6e7b72;line-height:1.8;margin-top:8px}.faq-list{margin-top:22px}.faq-item{border-top:1px solid #e2eae4}.faq-item:last-child{border-bottom:1px solid #e2eae4}.faq-item>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:15px;font-size:14px;font-weight:550;padding:18px 0;cursor:pointer;line-height:1.7}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary>.icon{width:18px;height:18px;color:#54826a;transition:transform .2s}.faq-item[open]>summary>.icon{transform:rotate(180deg)}.faq-item>p{font-size:14px;color:#66766a;line-height:1.85;margin:0 0 21px}.service-note{font-size:15px;line-height:1.9;background:#f1f7f3;border-left:3px solid #45916a;padding:18px 20px;margin:23px 0;color:#4c6655}.dialog-footnote{font-size:12px;text-align:center;color:#859187;margin-top:17px}.prose-thai{font-size:15px;line-height:1.95;color:#5c7162;display:grid;gap:18px;margin-top:24px}.demo-notice{display:flex;gap:7px;align-items:start;font-size:11px;line-height:1.7;color:#5b8069;background:#eff7f1;border-radius:5px;padding:11px 12px;margin-top:20px}.demo-notice>.icon{width:16px;height:16px;margin-top:1px}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dce7df;gap:8px;margin-top:19px}.demo-tab{font-size:13px;color:#8c998f;display:flex;justify-content:center;align-items:center;gap:7px;padding:14px 2px;border-bottom:2px solid transparent}.demo-tab>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#edf2ee;font-size:11px}.demo-tab[aria-selected=true]{border-color:#096b4c;color:#096b4c;font-weight:600}.demo-tab[aria-selected=true]>span{background:#096b4c;color:#fff}.demo-panel{padding-top:24px}.demo-panel:focus{outline:none}.demo-property{display:flex;gap:13px;align-items:center;margin-bottom:24px}.property-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf6f0;border-radius:7px;color:#267a50}.property-icon>.icon{width:25px;height:25px}.demo-property strong{font-size:16px;font-weight:600}.demo-property p{font-size:12px;color:#809087;margin-top:4px}.demo-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.demo-field-grid label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#536e5c}.demo-field-grid input{border:1px solid #bbd5c6;border-radius:6px;padding:11px 13px;background:#fff;width:100%;font-size:22px;line-height:1.5;color:#173e28}.demo-field-grid input[readonly]{background:#f1f5f2;border-color:#e2e9e4;color:#809084}.demo-field-grid input[aria-invalid=true]{border-color:#b64735}.field-help{font-size:11px;color:#84928a;margin-top:10px}.field-error{font-size:12px;color:#a6382b;margin-top:11px;line-height:1.7}.demo-calculation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5ece7;margin:24px 0 23px;padding-top:19px;font-size:14px;color:#6b7e6f}.demo-calculation>strong{font-size:28px;color:#096b4c;font-weight:650}.demo-calculation>strong>small{font-size:13px;font-weight:400}.demo-invoice-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.demo-invoice-head h3{font-size:17px;font-weight:600}.demo-invoice-head p{font-size:11px;color:#8a988e;margin-top:5px}.invoice-status{font-size:10px;padding:5px 8px;color:#8c6d30;background:#f7f2e7;border-radius:4px;white-space:nowrap}.demo-invoice-rows{margin-top:23px}.demo-invoice-rows>div{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:12px 0;border-bottom:1px solid #eff3f0}.demo-invoice-rows>div>span{color:#5e7565}.demo-invoice-rows small{display:block;font-size:10px;color:#8b9a8f;margin-top:3px}.demo-invoice-rows strong{font-weight:500}.demo-invoice-total{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px;font-size:15px;color:#204b31}.demo-invoice-total>strong{font-size:28px;font-weight:650}.demo-invoice-total small{font-size:12px;font-weight:400}.demo-sent{font-size:12px;color:#237447;padding:13px;background:#edf7f0;border-radius:5px;line-height:1.8;margin-bottom:17px}.demo-sent>.icon{width:15px;height:15px;margin-right:4px}.demo-payment{text-align:center}.demo-payment-icon{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 14px;background:#eaf5ee;border-radius:50%;color:#19774c}.demo-payment-icon .icon{width:29px;height:29px}.demo-payment h3{font-size:18px;font-weight:550;color:#607e68}.demo-payment>strong{font-size:40px;font-weight:650;line-height:1.7;color:#096b4c}.demo-payment>strong small{font-size:15px;font-weight:400}.demo-payment>p{font-size:12px;color:#84958a;margin-bottom:22px}.demo-payment-result{font-size:15px;line-height:1.9;color:#096b4c;padding:16px 10px;background:#edf7f0;border:1px solid #d9ebdf;border-radius:6px}.demo-payment-result small{font-size:11px;color:#6d8a77}.demo-reset{font-size:12px;color:#6b8b76;text-decoration:underline;text-underline-offset:4px;margin-top:18px;padding:9px 12px}.site-toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#123f2d;color:#fff;padding:13px 20px;border-radius:7px;font-size:13px;z-index:100;max-width:calc(100% - 30px);width:-moz-max-content;width:max-content;box-shadow:0 5px 20px #154a3622}.mt-6{margin-top:1.5rem}.flex{display:flex}.hidden{display:none}.h-20{height:5rem}.w-full{width:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.whitespace-nowrap{white-space:nowrap}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.font-sans{font-family:Noto Sans Thai,Tahoma,sans-serif}.text-brand{--tw-text-opacity:1;color:rgb(9 107 76/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(16 37 31/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:1440px){.hero-visual{margin-right:-40px}.hero-grid{grid-template-columns:45% 55%}}@media (max-width:1199px) and (min-width:1024px){.hero h1{font-size:46px}.hero-actions .btn{padding:12px 14px;font-size:14px}.hero-visual{margin-right:-8px;transform:scale(.94);transform-origin:left center;width:calc(100% + 12px)}.dashboard-layout{grid-template-columns:88px 1fr}.dashboard-sidebar>span{font-size:8px;padding:8px 3px;gap:5px}.dashboard-main{padding:12px 9px}.collection-card>strong{font-size:22px}.hero-phone{right:-15px;top:120px}.hero-note{top:0}.trust-copy{font-size:11px}}@media (max-width:1023px){.site-header .site-container{height:72px}.hero-grid{grid-template-columns:1fr;max-width:800px;text-align:center;padding-top:0}.hero-copy{padding:40px 0 0}.hero h1{font-size:49px;line-height:1.2;margin-top:20px}.hero-description{font-size:18px;margin-top:18px}.hero-actions,.hero-categories,.trust-copy{justify-content:center}.hero-categories{margin-top:22px}.hero-visual{width:640px;max-width:100%;height:454px;margin:9px auto 49px;text-align:left}.hero-scenery{inset:auto 0 0;height:580px;background-position:center 58%;background-size:cover;background-repeat:no-repeat}.hero-scenery:after{background:linear-gradient(180deg,#f7faf9,#f7faf9b3 13%,transparent 32%,transparent 92%,#f7faf9)}.hero-note{top:4px;right:30px;font-size:19px}.laptop{top:77px;right:38px;left:14px}.hero-phone{right:1px;top:128px}.hero-caption{bottom:-15px;left:65px}.desktop-nav{display:none}}@media (max-width:639px){html{scroll-padding-top:80px}.site-header .site-container{height:67px}.brand{font-size:27px}.brand>.icon{width:31px;height:31px}.hero-copy{padding-top:29px}.eyebrow-pill{font-size:11px;padding:6px 10px}.hero h1{font-size:40px;letter-spacing:-1px;line-height:1.23;margin-top:20px}.hero-description{font-size:16px;margin-top:16px}.hero-actions{gap:10px;margin-top:21px;flex-direction:column}.hero-actions .btn{width:100%;font-size:16px;min-height:49px}.trust-copy{font-size:10px;gap:4px;white-space:normal;margin-top:13px}.trust-copy .icon{width:13px}.hero-categories{gap:17px;font-size:11px;margin-top:22px}.hero-categories .icon{width:14px;height:14px}.hero-visual{margin:18px -4px 28px;max-width:none;width:calc(100% + 8px);height:293px}.laptop{left:0;right:24px;top:49px}.laptop-lid{border-radius:10px 10px 3px 3px;padding:6px 5px 7px;aspect-ratio:1.48;border-width:1px}.laptop-camera{top:2px;width:2px;height:2px}.dashboard-top{height:26px;padding:0 7px}.mini-brand{font-size:12px;gap:2px}.mini-brand .icon{width:15px;height:15px}.dashboard-top>div{font-size:6px;gap:4px}.dashboard-top small{font-size:5px}.dashboard-top>div>.icon{width:10px;height:10px}.avatar{width:15px;height:15px;font-size:7px}.dashboard-layout{height:calc(100% - 26px);grid-template-columns:64px 1fr}.dashboard-sidebar{padding:7px 4px}.dashboard-sidebar>span{font-size:5.5px;gap:3px;padding:6px 3px;margin-bottom:1px}.dashboard-sidebar .icon{width:8px;height:8px}.dashboard-sidebar .sidebar-help{bottom:4px;left:5px}.dashboard-main{padding:9px 6px 6px}.dashboard-welcome small{font-size:6px}.dashboard-welcome h3{font-size:10px}.dashboard-welcome>span{font-size:6px;padding:3px 4px}.dashboard-welcome .icon{width:7px;height:7px;margin-left:2px}.dashboard-stats{gap:3px;margin-top:7px}.dashboard-stat{padding:6px 2px;border-radius:3px}.dashboard-stat>span{font-size:5px;gap:1px}.dashboard-stat .icon{width:8px;height:8px}.dashboard-stat>strong{font-size:14px;margin-top:5px}.dashboard-stat>small{font-size:5px}.dashboard-bottom{gap:4px;margin-top:6px}.chart-card,.collection-card{padding:6px 5px;border-radius:3px}.chart-card>strong,.collection-card>span{font-size:6px}.collection-card>strong{font-size:17px;margin-top:1px;letter-spacing:-.4px}.progress-track{height:4px;margin-top:6px}.collection-card>small{font-size:5px;margin-top:3px}.collection-card>p{font-size:5px;margin-top:2px}.bar-chart{height:53px;gap:4px;padding-top:5px}.bar-chart small{font-size:4px}.bar-chart>div{gap:3px}.dashboard-status{font-size:4px;margin-top:5px;gap:2px}.dashboard-status .icon{width:6px;height:6px}.laptop-base{height:9px;margin:0 -9px}.laptop-base>span{height:3px}.hero-phone{width:113px;height:219px;top:69px;right:-1px;padding:3px;border-radius:20px;border-width:1px;box-shadow:2px 3px 0 #253733,0 8px 17px #17362924}.hero-phone .phone-screen{border-radius:16px}.hero-phone .phone-notch{top:3px;height:10px}.hero-phone .phone-status{font-size:5px;padding:7px 8px 3px}.hero-phone .status-symbols{font-size:5px}.hero-phone .phone-title{padding:9px 8px 7px;font-size:10px}.hero-phone .phone-title strong{font-size:9px}.hero-phone .phone-title>span{font-size:6px}.hero-phone .phone-bill{padding:8px 6px}.hero-phone .bill-house{font-size:7px}.hero-phone .phone-bill>small{font-size:5px}.hero-phone .bill-divider{margin:6px 0}.hero-phone .bill-row{font-size:6px;margin:7px 0;gap:3px}.hero-phone .bill-row>span:first-child{gap:3px}.hero-phone .bill-row .icon{width:9px;height:9px}.hero-phone .bill-total{font-size:7px;padding:7px 0 6px}.hero-phone .bill-total strong{font-size:8px}.hero-phone .mock-button{font-size:8px;padding:6px;border-radius:3px}.hero-phone .payment-secure{font-size:4px;margin-top:7px}.hero-phone .payment-secure .icon{width:5px;height:5px}.hero-phone .phone-home{height:2px;bottom:3px}.hero-note{font-size:13px;top:-2px;right:15px;line-height:1.3}.hero-note span{font-size:26px;right:-12px;bottom:-21px}.hero-caption{left:4px;bottom:0;font-size:8px;padding:6px 8px;border-radius:4px;gap:4px}.hero-caption .icon{width:15px;height:15px;padding:2px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.hero-scenery{background-image:url(../assets/community.webp)}@media (min-width:1024px){.laptop{top:70px}}@media (max-width:1199px) and (min-width:1024px){.solution-grid{gap:20px}.solution-card{padding:18px 12px 13px}.step-arrow{right:-22px}.solution-card>p{font-size:12px}.projects-layout{grid-template-columns:1fr 213px;gap:17px}.project-card{padding:14px 8px;flex-direction:column;text-align:center;gap:8px}.resident-copy h2{font-size:33px}.resident-grid{grid-template-columns:36% 27% 37%}.resident-copy>p{font-size:16px}.resident-copy .check-list li{font-size:12px}.final-cta h2{font-size:25px}.cta-actions .btn{padding:12px 18px}.footer-brand{gap:12px}.footer-top nav{gap:15px}.pain-card h3{font-size:12px}}@media (max-width:1023px){.pain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pain-card{padding:22px 15px}.pain-card h3{font-size:15px}.pain-card p{font-size:14px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.solution-card{padding:24px}.solution-card>p{font-size:15px}.step-visual{height:247px}.step-arrow{right:-25px;top:30px}.solution-card:nth-child(2) .step-arrow{display:none}.sample-bill{padding:16px 18px}.sample-bill-head{font-size:16px}.sample-bill-head>small{font-size:12px}.sample-bill>p{font-size:10px;margin-top:11px}.sample-bill-rows>div,.sample-bill-total{font-size:14px}.sample-bill>.mock-button{font-size:12px}.summary-sample{padding:18px}.summary-title>strong{font-size:14px}.summary-amount>span,.summary-sample>p{font-size:12px}.summary-amount>strong{font-size:30px}.summary-line{font-size:12px;margin-top:11px}.report-download{font-size:12px;min-height:35px}.payment-phone{width:183px;height:290px}.payment-success{padding-top:15px}.payment-success .qr-code{width:99px;height:99px}.payment-success>.mock-button{margin-top:9px}.resident-grid{grid-template-columns:50% 50%;align-items:center;min-height:430px}.resident-art{grid-column:2;grid-row:1;position:absolute;inset:0 -40px 0 -10px;opacity:1}.resident-copy{grid-column:1;grid-row:1;z-index:4}.resident-copy h2{font-size:31px}.resident-copy>p{font-size:16px}.resident-phone-stage{grid-column:2;grid-row:1;z-index:3;min-height:430px;padding-top:40px}.resident-phone-stage .story-phone{margin-bottom:-11px;transform:rotate(2deg)}.line-bubble{right:1px;top:45px}.resident-note{display:none}.resident-phone-label{bottom:13px}.projects-layout{grid-template-columns:1fr}.project-grid{margin-top:22px}.project-card{flex-direction:column;align-items:start;padding:18px 15px}.project-card h3{font-size:13px}.project-card p{font-size:11px}.benefit-card{margin-top:4px;padding:20px 23px;display:grid;grid-template-columns:1fr 3fr;gap:20px;align-items:center}.benefit-card .check-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.benefit-card .check-list li{font-size:12px}.cta-layout{flex-direction:column;text-align:center;padding-top:33px;padding-bottom:33px;gap:23px}.final-cta h2{font-size:27px}.cta-actions .btn{font-size:15px}.footer-top{flex-direction:column;gap:25px}.footer-top nav{font-size:13px;gap:28px}.footer-bottom{font-size:11px}}@media (max-width:639px){.section-heading{font-size:25px;letter-spacing:-.5px;line-height:1.5}.section-eyebrow{font-size:12px;margin-bottom:5px}.section-heading-row{align-items:start}.section-side-note{display:none}.pain-section{padding:32px 0}.pain-section .section-heading{font-size:24px;max-width:340px}.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:21px}.pain-card{padding:20px 9px 18px;border-radius:6px}.pain-icon{width:48px;height:48px;margin-bottom:13px}.pain-icon .icon{width:25px;height:25px}.pain-card h3,.pain-card p{font-size:12px}.pain-card p{line-height:1.7;margin-top:5px}.solutions-section{padding:32px 0}.solution-grid{grid-template-columns:1fr;gap:35px;margin-top:24px}.solution-card{padding:23px 24px;border-radius:8px}.step-title>h3{font-size:23px}.step-title>span{width:34px;height:34px;font-size:20px}.solution-card>p{font-size:15px;min-height:0;margin-top:12px}.step-visual{height:251px;margin-top:20px}.step-arrow{width:29px;height:29px;top:auto;bottom:-32px;right:calc(50% - 14px);transform:rotate(90deg)}.solution-card:nth-child(2) .step-arrow{display:block}.sample-bill{padding:17px 20px}.sample-bill-head{font-size:17px}.sample-bill-head>small{font-size:12px}.sample-bill>p{font-size:11px}.sample-bill-rows>div{font-size:14px;margin:7px 0}.sample-bill-total>strong{font-size:18px}.sample-bill>.mock-button{font-size:12px;min-height:36px;margin-top:12px}.meter-reading{left:28px;right:28px;bottom:17px;padding:10px 18px}.meter-reading small{font-size:12px}.meter-reading strong{font-size:31px}.summary-sample{padding:18px 20px}.summary-title>strong{font-size:15px}.summary-amount{padding:10px 0}.summary-amount>strong{font-size:31px}.summary-amount small{font-size:12px}.summary-line{font-size:13px}.report-download{font-size:12px;min-height:36px;margin-top:16px}.payment-phone{width:195px;height:295px}.payment-success{padding:9px 12px}.success-check{width:33px;height:33px;margin-bottom:7px}.payment-success h4{font-size:14px}.payment-success>strong{font-size:22px}.payment-success .qr-code{width:103px;height:103px}.payment-success>small{font-size:8px}.payment-success>.mock-button{min-height:33px;font-size:10px;margin-top:8px}.section-description{font-size:14px;line-height:1.75;margin-top:10px}.resident-grid{grid-template-columns:1fr 1fr;padding-top:29px;min-height:0;align-items:end;isolation:isolate}.resident-copy{grid-column:1/-1;grid-row:1;padding:0 0 26px;text-align:center}.resident-copy h2{font-size:31px;margin-top:12px}.resident-copy>p{font-size:17px;margin-top:12px}.line-label{font-size:12px}.resident-copy .check-list{margin:22px auto 0;text-align:left;max-width:290px;gap:11px}.resident-copy .check-list li{font-size:14px}.resident-copy .check-list .icon{width:18px;height:18px}.resident-phone-stage{grid-column:1;grid-row:2;min-height:324px;padding-top:15px;position:relative;align-items:start;margin-right:-15px;z-index:3}.resident-phone-stage .story-phone{width:182px;height:321px;padding:5px;border-radius:27px;transform:rotate(-3deg);margin:0}.resident-phone-stage .phone-screen{border-radius:19px}.resident-phone-stage .phone-notch{height:11px;top:5px}.resident-phone-stage .phone-status{font-size:7px;padding:8px 11px 5px}.resident-phone-stage .status-symbols{font-size:6px}.resident-phone-stage .chat-top{padding:11px 10px;font-size:10px}.resident-phone-stage .chat-top>span{font-size:10px}.resident-phone-stage .chat-date{font-size:7px;padding:10px 0}.resident-phone-stage .chat-message{padding:0 7px;gap:5px}.resident-phone-stage .chat-avatar{width:20px;height:20px}.resident-phone-stage .chat-avatar .icon{width:13px;height:13px}.resident-phone-stage .chat-message-card{padding:10px 9px}.resident-phone-stage .chat-message-card>strong{font-size:11px}.resident-phone-stage .chat-message-card>p{font-size:9px;margin-top:4px}.resident-phone-stage .chat-amount{padding:8px 0;margin:9px 0}.resident-phone-stage .chat-amount small{font-size:8px}.resident-phone-stage .chat-amount b{font-size:19px}.resident-phone-stage .chat-amount b>span{font-size:9px}.resident-phone-stage .chat-message-card>.mock-button{font-size:10px;padding:8px}.resident-phone-stage .read-at{font-size:6px}.resident-phone-label{font-size:9px;bottom:22px;padding:5px 8px}.line-bubble{width:44px;height:42px;border-radius:12px;top:1px;right:-12px;font-size:15px}.resident-art{grid-column:2;grid-row:2;position:relative;inset:auto;height:325px;opacity:1;margin:0 -54px 0 -35px;z-index:1}.resident-art>img{-o-object-position:65% center;object-position:65% center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%);width:100%;height:100%}.resident-note{display:none}.projects-section{padding:32px 0}.projects-section .section-heading{font-size:25px}.projects-layout{gap:17px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:19px}.project-card{padding:17px 13px;gap:10px;min-height:136px}.project-card>.icon{width:31px;height:31px}.project-card h3{font-size:12px}.project-card p{font-size:11px}.project-card:last-child{gap:10px}.project-card:last-child>.icon{width:31px;height:31px}.benefit-card{display:block;padding:21px}.benefit-card h3{font-size:17px}.benefit-card .check-list{display:flex;margin-top:15px;gap:11px}.benefit-card .check-list li{font-size:13px}.benefit-card .check-list .icon{width:16px;height:16px}.cta-layout{padding-top:31px;padding-bottom:31px;gap:23px}.final-cta h2{font-size:25px;line-height:1.5}.final-cta p{font-size:14px;margin-top:9px}.cta-actions{width:100%;flex-direction:column;gap:10px}.cta-actions .btn{width:100%;font-size:15px}.footer-top{padding:29px 0 26px;gap:24px;align-items:start}.footer-brand{gap:14px}.footer-brand .brand{font-size:27px}.footer-brand>p{font-size:11px}.footer-top nav{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:12px;line-height:1.8}.footer-bottom{display:flex;flex-direction:column-reverse;gap:16px;font-size:10px;padding:21px 0 25px}.footer-bottom>div{gap:22px}.site-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:11px}.dialog-shell{padding:19px 20px 24px}.dialog-header{margin-bottom:17px}.dialog-title{font-size:23px}.dialog-description{font-size:13px}.faq-item>summary{font-size:13px;padding:17px 0}.faq-item>p{font-size:13px}.demo-notice{font-size:10px;padding:10px}.demo-tab{font-size:11px;gap:5px}.demo-tab>span{width:20px;height:20px;font-size:10px}.demo-field-grid{gap:12px}.demo-field-grid label{font-size:12px}.demo-field-grid input{font-size:22px;padding:9px 10px}.demo-invoice-head h3{font-size:15px}.invoice-status{font-size:9px;padding:5px 6px}.demo-invoice-total>strong{font-size:26px}.service-note{font-size:14px;padding:16px;margin:20px 0}.dialog-footnote{font-size:11px}.demo-payment-result{font-size:13px}.prose-thai{font-size:14px}}.hero-phone{height:354px;top:121px}.hero-phone .bill-row{line-height:1.5}.step-visual{height:281px}.sample-bill,.summary-sample{display:flex;flex-direction:column}.sample-bill>.mock-button,.summary-sample>.report-download{margin-top:auto;flex:none}.sample-bill-rows>div{margin:9px 0}.payment-phone{height:278px}.footer-bottom,.footer-brand>p,.project-card p{color:#52635e}.footer-bottom{font-size:12px}.footer-top nav{font-size:13px}@media (min-width:1024px){.resident-copy h2{font-size:34px}.resident-copy h2 br{display:none}.resident-grid{grid-template-columns:38% 24% 38%}.resident-copy>p{font-size:18px}.resident-art{margin-right:-75px}.hero-note{right:26px;top:-13px}}@media (min-width:640px) and (max-width:1023px){.step-visual{height:290px}.payment-phone{height:287px}.hero-phone{height:354px;top:106px}}@media (max-width:639px){.hero-visual{height:471px;margin-top:21px;margin-bottom:22px}.laptop{top:38px;left:0;right:4px}.laptop-lid{height:272px;aspect-ratio:auto;padding:7px 6px 9px;border-radius:11px 11px 3px 3px}.dashboard-top{height:31px;padding:0 8px}.mini-brand{font-size:14px;gap:4px}.mini-brand .icon{width:17px;height:17px}.dashboard-top>div{font-size:8px;gap:5px}.dashboard-top small{font-size:7px}.dashboard-top>div>.icon{width:12px;height:12px}.avatar{width:18px;height:18px;font-size:9px}.dashboard-layout{grid-template-columns:30px 1fr;height:calc(100% - 31px)}.dashboard-sidebar{padding:6px 3px}.dashboard-sidebar>span{font-size:0;gap:0;justify-content:center;padding:8px 1px;margin-bottom:3px}.dashboard-sidebar .icon{width:13px;height:13px}.dashboard-sidebar .sidebar-help{display:none}.dashboard-main{padding:9px 8px}.dashboard-welcome small{display:none}.dashboard-welcome h3{font-size:13px}.dashboard-welcome>span{font-size:8px;padding:4px 5px}.dashboard-stats{gap:5px;margin-top:10px;grid-template-columns:repeat(4,1fr)}.dashboard-stat{padding:9px 2px 7px}.dashboard-stat>span{font-size:8px;gap:2px;flex-direction:column;line-height:1.5}.dashboard-stat .icon{width:13px;height:13px;margin-bottom:3px}.dashboard-stat>strong{font-size:18px;margin-top:6px}.dashboard-stat>small{font-size:7px}.dashboard-bottom{grid-template-columns:1fr;margin-top:9px;padding-right:122px}.chart-card{display:none}.collection-card{padding:6px 7px}.collection-card>span{font-size:9px;white-space:nowrap}.collection-card>strong{font-size:21px;letter-spacing:-.3px;line-height:1.5}.progress-track{height:5px;margin-top:5px}.collection-card>small{font-size:7px;line-height:1.4}.collection-card>p,.dashboard-status{display:none}.hero-phone{width:153px;height:302px;top:163px;right:0;border-radius:25px;padding:4px;transform:rotate(2deg)}.hero-phone .phone-screen{border-radius:20px}.hero-phone .phone-notch{top:4px;height:12px}.hero-phone .phone-status{font-size:7px;padding:9px 10px 4px}.hero-phone .status-symbols{font-size:7px}.hero-phone .phone-title{padding:12px 10px 10px;font-size:13px}.hero-phone .phone-title strong{font-size:13px}.hero-phone .phone-title>span{font-size:8px}.hero-phone .phone-bill{padding:10px 9px}.hero-phone .bill-house{font-size:10px}.hero-phone .phone-bill>small{font-size:8px}.hero-phone .bill-divider{margin:8px 0}.hero-phone .bill-row{font-size:9px;margin:10px 0;gap:5px}.hero-phone .bill-row>span:first-child{gap:4px}.hero-phone .bill-row .icon{width:12px;height:12px}.hero-phone .bill-total{font-size:10px;padding:10px 0 8px}.hero-phone .bill-total strong{font-size:11px}.hero-phone .mock-button{font-size:11px;line-height:1.5;padding:8px;border-radius:4px}.hero-phone .payment-secure{display:none}.hero-note{top:-4px;right:20px;font-size:14px}.hero-note span{font-size:27px;right:-15px;bottom:-22px}.pain-card h3{font-size:14px}.pain-card p{font-size:13px}.pain-card{padding:19px 9px}.pain-icon{margin-bottom:12px}.step-visual{height:299px}.payment-phone{height:296px}.sample-bill-rows>div{margin:10px 0}.sample-bill>.mock-button,.summary-sample>.report-download{font-size:14px;min-height:41px;margin-top:auto}.sample-bill>p{font-size:12px}.sample-bill-head>small{font-size:13px}.summary-title>strong{font-size:16px}.summary-line{margin-top:14px}.project-card h3,.summary-amount>span,.summary-line{font-size:14px}.footer-bottom,.footer-brand>p,.project-card p{font-size:12px}.footer-top nav{font-size:14px}}[hidden]{display:none!important}.brand>.icon{width:39px;height:39px}.pain-icon{color:#086247;background:#e6f3ed}.pain-icon .icon{width:34px;height:34px}.project-card:last-child>.icon,.project-card>.icon{width:38px;height:38px;color:#107347}.hero-categories{color:#3d6452}.hero-categories .icon{width:19px;height:19px;color:#096b4c}.dashboard-stat .icon{width:15px;height:15px}.dashboard-sidebar .icon{width:14px;height:14px}.bill-row .icon{width:15px;height:15px}.hero-note{color:#075a3e;text-shadow:0 1px 2px #ffffffb3}@media (min-width:640px) and (max-width:1023px){.resident-art{inset:0 -90px 0 -10px}.resident-art>img{-o-object-position:65% center;object-position:65% center}}@media (max-width:639px){.brand>.icon{width:34px;height:34px}.hero-scenery{height:560px;background-position:56%}.hero-scenery:after{background:linear-gradient(180deg,#f7faf9,#f7faf9a6 13%,transparent 30%,transparent 92%,#f7faf9)}.pain-icon{width:58px;height:58px}.pain-icon .icon{width:32px;height:32px}.hero-categories .icon{width:17px;height:17px}.hero-phone .bill-row .icon{width:13px;height:13px}.dashboard-stat .icon{width:14px;height:14px}}.hero-phone .payment-secure{display:none}.pain-section{padding:64px 0 42px;background:#fbfaf6;border-top:1px solid #eeeae1}.pain-heading-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.pain-section .section-eyebrow{color:#8c652c}.pain-section .section-heading{font-size:32px;line-height:1.45}.pain-section .section-heading>span{display:block;color:#246b51}.monthly-loop{display:flex;align-items:center;gap:13px;color:#718070;flex-shrink:0}.monthly-loop svg{width:46px;height:46px;color:#47735b}.monthly-loop span{font-size:13px;line-height:1.8}.monthly-loop strong{display:block;font-size:15px;color:#254e3e;font-weight:600}.pain-grid{gap:14px;margin-top:32px}.pain-card{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #e4e5d9;border-radius:12px;padding:31px 10px 20px;box-shadow:0 3px 0 #efeee5;background:#fff}.pain-card:hover{border-color:#8abb9e}.pain-index{position:absolute;top:11px;right:13px;font-size:11px;letter-spacing:.5px;color:#7e8e7c;font-weight:650}.pain-icon{width:66px;height:66px;border-radius:17px;background:#d7eddf;color:#0a6143;margin-bottom:19px;box-shadow:inset 0 0 0 1px #b9dbc7}.pain-icon .icon{width:35px;height:35px}.pain-card h3{color:#173f30;font-size:14px;font-weight:700;line-height:1.55;min-height:43px;display:flex;align-items:center;justify-content:center}.pain-card p{color:#5c6a60;font-size:13px;line-height:1.75;margin-top:5px;margin-bottom:18px}.pain-impact{display:inline-block;margin-top:auto;padding:4px 10px;font-size:11px;font-weight:600;color:#8a622c;background:#f7f0e3;border-radius:4px}.pain-takeaway{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid #e2e5d9;font-size:14px}.pain-takeaway p{color:#5c6a60}.pain-transition{display:inline-flex;align-items:center;gap:9px;color:#096347;font-weight:650;padding:4px 0}.pain-takeaway .icon{width:19px;height:19px}.solutions-section{padding:58px 0 62px;background-color:#e1f0e6;background-image:linear-gradient(#54866908 1px,transparent 0),linear-gradient(90deg,#54866908 1px,transparent 0);background-size:40px 40px;border-color:#cde2d5}.solutions-section .section-heading{font-size:34px;color:#114c37}.solutions-section .section-side-note{display:flex;align-items:center;gap:12px;padding:11px 16px;border-left:2px solid #68a481;text-align:left;color:#3e7157}.solutions-section .section-side-note .icon{width:23px;height:23px}.solutions-section .section-side-note strong{font-weight:650}.solution-grid{margin-top:32px;gap:24px}.solution-card{border:1px solid #cbded0;border-top:3px solid #4d9371;border-radius:12px;box-shadow:0 8px 20px #17452e07;padding:23px 17px 17px}.step-title{gap:11px}.step-title>span{width:39px;height:39px;background:#0d6548;font-size:20px;border-radius:11px;box-shadow:none}.step-title>h3{color:#144a36;font-size:24px;font-weight:700}.solution-card>p{color:#4c6355;line-height:1.75}.step-arrow{width:29px;height:29px;right:-27px;top:29px;background:#e1f0e6;padding:3px;border-radius:50%;color:#256d4c;stroke-width:2}.solution-card .step-visual{border-radius:7px;background:#f0f6f1}.solution-card .sample-bill,.solution-card .summary-sample{border-color:#d8e5db}@media (min-width:1024px) and (max-width:1199px){.pain-grid{gap:10px}.pain-card{padding-left:7px;padding-right:7px}.pain-card h3{font-size:13px}.pain-card p{font-size:12px}.solution-card{padding-left:11px;padding-right:11px}.solution-card>p{font-size:12px}}@media (max-width:1023px){.pain-section{padding:48px 0 34px}.pain-heading-row{align-items:start}.pain-section .section-heading{font-size:29px}.monthly-loop{margin-top:30px;gap:7px}.monthly-loop svg{width:35px;height:35px}.monthly-loop span{font-size:11px}.monthly-loop strong{font-size:12px}.pain-card h3{min-height:0;font-size:15px}.pain-card p{font-size:14px}.pain-impact{font-size:12px}.solutions-section .section-side-note{display:none}.solution-card{padding:23px}.step-arrow{right:-28px}}@media (max-width:639px){.pain-section{padding:38px 0 28px}.pain-heading-row{display:block}.pain-section .section-heading{font-size:25px;max-width:none;line-height:1.5}.monthly-loop{margin-top:18px;padding-top:13px;border-top:1px solid #e5e6da;gap:9px}.monthly-loop svg{width:29px;height:29px}.monthly-loop span{font-size:12px;display:flex;gap:9px}.monthly-loop strong{font-size:12px}.pain-grid{gap:12px;margin-top:21px}.pain-card{padding:29px 9px 17px}.pain-icon{width:59px;height:59px;margin-bottom:15px;border-radius:15px}.pain-icon .icon{width:32px;height:32px}.pain-card h3{font-size:14px;min-height:44px}.pain-card p{font-size:12px;margin-top:5px;margin-bottom:13px}.pain-impact{font-size:11px}.pain-takeaway{flex-direction:column;align-items:start;gap:7px;margin-top:23px;padding-top:17px;font-size:13px}.solutions-section{padding:38px 0}.solutions-section .section-heading{font-size:28px}.solution-grid{margin-top:25px;gap:36px}.solution-card{padding:22px 20px 19px}.step-title>h3{font-size:25px}.step-title>span{width:38px;height:38px}.step-arrow{right:calc(50% - 14px);top:auto;bottom:-27px}}.flow-section{padding:64px 0 42px;background:#fff;border-bottom:1px solid #e4eee8}.flow-header{display:flex;align-items:end;justify-content:space-between;gap:28px}.flow-header .section-eyebrow{font-size:14px;color:#467660}.flow-heading{color:#143e30;font-size:42px;line-height:1.35;letter-spacing:-.8px;margin-top:7px}.flow-heading .text-brand{color:#16865c}.flow-header .section-description{margin:0 0 3px;padding-left:22px;border-left:2px solid #b9d8c7;color:#52685c;font-size:15px;line-height:1.8}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate;gap:32px;margin-top:37px;padding:0}.flow-grid:after{content:"";position:absolute;z-index:-1;top:203px;bottom:75px;left:-20px;right:-20px;background:#f0f7f2;border-radius:12px}.flow-step{position:relative;min-width:0}.flow-step:not(:last-child):before{content:"";position:absolute;left:40px;right:-25px;top:17px;height:1px;background:#c9ded1}.flow-number{position:relative;text-align:left;padding-left:3px}.flow-number>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #9fcbb2;border-radius:50%;color:#116747;background:#eff8f2;font-size:15px;font-weight:700}.flow-step:first-child .flow-number>span{color:#fff;background:#10714d;border-color:#10714d}.flow-number>h3{color:#164832;font-size:23px;font-weight:650;line-height:1.45;margin-top:13px}.flow-number>small{display:block;color:#688071;font-size:12px;margin-top:3px}.flow-phone-stage{display:flex;align-items:flex-start;justify-content:center;width:100%;height:377px;padding-top:21px;position:relative;overflow:visible}.flow-phone-stage .story-phone{top:0;width:190px;height:350px;margin:0;padding:5px;border:1px solid #66776f;border-radius:27px;transform:none;background:#1d2924;box-shadow:0 2px 0 #94a69b,0 13px 23px -9px #274e383d}.flow-section .story-phone .phone-screen{border-radius:21px}.flow-section .story-phone .phone-status{padding-top:9px}.flow-section .mini-screen-title{color:#173d2d;font-size:12px}.flow-section .meter-screen-photo{height:116px;overflow:hidden}.flow-section .meter-screen-photo>img{position:absolute;width:380%;height:auto;max-width:none;left:-65%;top:50%;transform:translateY(-50%)}.flow-section .camera-corners{inset:13px 17px;border-color:#fff}.flow-section .chat-amount small,.flow-section .meter-screen-fields>span:not(.mock-button){color:#60756a}.flow-section .chat-screen{background:#e3ede7}.flow-section .chat-top{background:#356b54}.flow-section .chat-date{color:#5b7566}.flow-section .chat-message{margin-top:5px}.flow-section .chat-message-card{border-radius:3px 10px 10px;padding:12px 10px}.flow-section .chat-message-card>p{font-size:10px}.flow-section .chat-amount{margin:12px 0}.flow-section .read-at{color:#637c6d}.flow-section .flow-bill{padding:13px 12px}.flow-section .flow-bill .sample-bill-rows>div{font-size:10px;margin:9px 0}.flow-section .flow-bill .sample-bill-total{font-size:10px}.flow-section .flow-bill .sample-bill-total>strong{font-size:15px}.flow-section .qr-warning{color:#65786b;font-size:7px}.flow-section .qr-screen{padding-top:13px}.flow-section .qr-screen>.qr-code{width:102px;height:102px;margin:7px auto}.flow-section .qr-confirm{margin-top:8px}.flow-step>p{max-width:230px;margin:14px auto 0;text-align:center;color:#53695d;font-size:14px;line-height:1.85}.flow-footnote{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding:20px 15px 0;border-top:1px solid #dceae0;color:#536e5e;font-size:14px}.flow-footnote>.icon{width:25px;height:25px;padding:5px;border-radius:50%;background:#dcefe2;color:#16734b}.flow-footnote strong{color:#155337;font-weight:650;margin-left:6px}@media (min-width:1024px) and (max-width:1199px){.flow-grid{gap:20px}.flow-grid:after{left:-12px;right:-12px}.flow-step:not(:last-child):before{right:-14px}.flow-number>h3{font-size:21px}.flow-step>p{font-size:13px}}@media (max-width:1023px){.flow-section{padding-top:49px}.flow-heading{font-size:37px}.flow-header .section-description{padding-left:17px;font-size:13px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 45px}.flow-grid:after,.flow-step:nth-child(2):before{display:none}.flow-step:not(:last-child):before{right:-35px}.flow-phone-stage:before{content:"";position:absolute;z-index:-1;top:109px;bottom:5px;left:8px;right:8px;border-radius:9px;background:#f0f7f2}}@media (max-width:639px){.flow-section{padding:39px 0 30px}.flow-header{display:block}.flow-header .section-eyebrow{font-size:12px}.flow-heading{font-size:34px;letter-spacing:-.5px}.flow-header .section-description{margin-top:14px;padding:0;border:0;font-size:14px}.flow-grid{grid-template-columns:1fr;gap:0;margin-top:25px}.flow-step{display:grid;grid-template-columns:minmax(0,1fr) 174px;grid-template-rows:auto auto;-moz-column-gap:18px;column-gap:18px;padding:25px 0;border-top:1px solid #e0ebe3}.flow-phone-stage:before,.flow-step:before{display:none}.flow-number{grid-column:1;grid-row:1;align-self:end;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:10px 7px;padding:0;margin-bottom:10px}.flow-number>span{grid-column:1;grid-row:1;width:31px;height:31px;font-size:13px}.flow-number>small{grid-column:2;grid-row:1;margin:0;font-size:11px}.flow-number>h3{grid-column:1/-1;grid-row:2;margin:0;font-size:20px}.flow-phone-stage{grid-column:2;grid-row:1/3;padding:0;height:350px}.flow-phone-stage .story-phone{width:174px}.flow-step>p{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:13px;line-height:1.85;text-align:left}.flow-footnote{margin-top:0;padding:20px 0 0;font-size:13px;justify-content:flex-start}.flow-footnote strong{display:block;margin-left:0}}@media (max-width:359px){.flow-step{grid-template-columns:1fr;row-gap:16px}.flow-phone-stage{grid-column:1;grid-row:2}.flow-phone-stage .story-phone{width:190px}.flow-number{grid-template-columns:35px auto;margin:0;gap:2px 10px}.flow-number>span{grid-row:1/3}.flow-number>small{grid-row:2;grid-column:2}.flow-number>h3{grid-row:1;grid-column:2}.flow-step>p{grid-row:3;font-size:13px;margin:0 auto;text-align:center}}.btn-large{min-height:56px;padding:14px 28px;font-size:17px}.cover{position:relative;min-height:min(780px,calc(100vh - 80px));display:flex;align-items:center;overflow:hidden;background:#f6f2ea}.cover-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:70% 35%;object-position:70% 35%}.cover:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,hsla(40,47%,96%,.97),hsla(40,47%,96%,.9) 34%,hsla(40,47%,96%,.35) 52%,hsla(40,47%,96%,0) 64%)}.cover-inner{position:relative;z-index:2;padding-top:88px;padding-bottom:112px}.cover-copy{max-width:580px}.cover-kicker{display:inline-block;font-size:14px;font-weight:600;color:#096b4c;background:hsla(0,0%,100%,.85);border:1px solid #d5e6dd;border-radius:999px;padding:6px 16px}.cover h1{margin-top:22px;font-size:clamp(40px,5vw,66px);line-height:1.22;font-weight:750;letter-spacing:-1.2px;color:#10251f}.cover h1 span{color:#096b4c}.cover-lead{margin-top:22px;max-width:27em;font-size:18px;line-height:1.85;color:#3b4d47}.cover-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cover-proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;font-size:14.5px;color:#3b4d47}.cover-proof li:before{content:"✓";margin-right:7px;color:#087653;font-weight:700}.cover-stack{position:absolute;z-index:2;left:47%;bottom:56px;width:280px}.line-card{background:#fff;border-radius:18px;padding:16px 18px 18px;box-shadow:0 24px 60px rgba(16,37,31,.22),0 2px 6px rgba(16,37,31,.08);transform:rotate(-2deg)}.line-card-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf1ef}.line-card-head strong{display:block;font-size:13.5px;line-height:1.4}.line-card-head small{display:block;font-size:11.5px;color:#037a36;font-weight:600}.line-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#096b4c;color:#fff}.line-avatar .icon{width:18px;height:18px;fill:currentColor}.line-card-title{margin-top:12px;font-size:16px;font-weight:700}.line-card-sub{font-size:13px;color:#6b7a74}.line-card-rows{margin-top:10px;display:grid;gap:5px;font-size:13px;color:#3b4d47}.line-card-rows div,.line-card-total,.line-flex dl div{display:flex;justify-content:space-between}.line-card-total{align-items:baseline;margin-top:10px;padding-top:10px;border-top:1px dashed #d9e2de;font-size:13px}.line-card-total strong{font-size:19px;color:#10251f}.line-card-btn,.line-flex-btn{display:block;margin-top:12px;text-align:center;background:#037f38;color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:10px}.cover-paid{position:absolute;top:-34px;right:-64px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 16px 10px 10px;box-shadow:0 14px 34px rgba(16,37,31,.18);transform:rotate(3deg)}.paid-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#037f38;color:#fff;font-weight:800}.cover-paid strong{display:block;font-size:13.5px}.cover-paid small{display:block;font-size:12px;color:#6b7a74}.month-end{padding:104px 0 96px;background:#13201b;color:#fff}.month-end-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.month-end-kicker{font-size:14px;font-weight:700;color:#f2b860;letter-spacing:.3px}.month-end h2{margin-top:10px;font-size:clamp(32px,4vw,52px);font-weight:750;line-height:1.25;letter-spacing:-1px}.month-end h2 span{color:#a9c4b8}.month-end-head>p{max-width:400px;font-size:16px;line-height:1.85;color:#b9c9c1}.month-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:14px;margin-top:48px}.moment{position:relative;margin:0;overflow:hidden;border-radius:20px;background:#22322b}.moment img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.75) contrast(1.02);transition:transform .6s ease,filter .6s ease}.moment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,16,0) 35%,rgba(10,20,16,.82))}.moment:hover img{transform:scale(1.05);filter:saturate(1)}.moment figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:grid;gap:4px}.moment-step{width:-moz-fit-content;width:fit-content;font-size:12.5px;font-weight:700;color:#13201b;background:#f2b860;border-radius:999px;padding:2px 10px}.moment figcaption strong{font-size:19px;font-weight:700;line-height:1.45}.moment figcaption span:not(.moment-step){font-size:14.5px;line-height:1.6;color:#d3ded8}.moment-a{grid-column:1/3;grid-row:1/3}.moment-a figcaption strong{font-size:26px}.moment-c{grid-column:4;grid-row:1/3}.moment-e{grid-column:1/3}.moment-f{grid-column:3/5}.month-end-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:14px;padding:22px 28px;border-radius:20px;background:#037f38;color:#fff;font-size:18px;transition:background .2s}.month-end-next:hover{background:#027533}.month-end-next strong{font-size:16px;white-space:nowrap}.place-card{background:#fff;border:1px solid #e7ece9;border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.place-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,37,31,.1)}.place-card img{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.place-body{padding:18px 22px 24px}.place-body h3{margin-top:2px;font-size:18px;font-weight:700}.place-body p{margin-top:6px;font-size:15px;line-height:1.75;color:#5d6d67}.line-section{padding:104px 0;background:radial-gradient(circle at 15% 10%,#dcf6e5 0,transparent 45%),linear-gradient(180deg,#f1fbf5,#fff)}.line-intro{max-width:760px;margin:0 auto;text-align:center}.line-kicker{display:inline-block;background:#037f38;color:#fff;font-size:14px;font-weight:700;border-radius:999px;padding:6px 16px}.line-intro h2{margin-top:18px;font-size:clamp(32px,4.2vw,52px);font-weight:750;line-height:1.25;letter-spacing:-1px}.line-intro h2 span{color:#04a046}.line-intro>p:last-child{margin-top:18px;font-size:18px;line-height:1.85;color:#4a5b55}.line-showcase{display:grid;grid-template-columns:1fr 340px 1fr;align-items:center;gap:36px;margin-top:56px}.line-photo{margin:0}.line-photo img{display:block;width:100%;border-radius:22px;-o-object-fit:cover;object-fit:cover;box-shadow:0 20px 50px rgba(16,37,31,.14)}.line-photo-main img{aspect-ratio:4/5}.line-photo-side img{aspect-ratio:4/3}.line-photo figcaption{margin-top:14px;font-size:15px;line-height:1.7;color:#4a5b55}.line-phone{border:10px solid #121815;border-radius:44px;overflow:hidden;background:#9db4d0;box-shadow:0 30px 70px rgba(16,37,31,.25)}.line-phone-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:26px 16px 12px;background:#fff;font-size:14px}.line-phone-bar span{font-size:20px;color:#6b7a74}.line-thread{display:flex;flex-direction:column;gap:10px;padding:14px 12px 22px;min-height:560px}.line-day{align-self:center;font-size:11px;color:#fff;background:rgba(0,0,0,.42);border-radius:10px;padding:2px 10px}.line-msg{display:flex;align-items:flex-start;gap:8px}.line-msg .line-avatar{width:30px;height:30px}.line-msg-me{justify-content:flex-end}.line-text{max-width:220px;background:#fff;border-radius:16px;padding:9px 13px;font-size:13.5px;line-height:1.6}.line-msg-me .line-text{background:#8de055}.line-flex{width:236px;background:#fff;border-radius:16px;padding:14px;font-size:13px}.line-flex-label{font-size:12px;font-weight:700;color:#037a36}.line-flex-title{font-size:15px;font-weight:700}.line-flex dl{display:grid;gap:4px;margin-top:8px;color:#3b4d47}.line-flex-total{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed #d9e2de}.line-flex-paid .line-flex-title{font-size:20px}.line-flex-note{font-size:12.5px;color:#6b7a74}.line-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:64px}.line-points li{background:#fff;border:1px solid #e3eee7;border-radius:18px;padding:24px}.line-num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#037f38;color:#fff;font-weight:800}.line-points h3{margin-top:14px;font-size:18px;font-weight:700}.line-points p{margin-top:6px;font-size:15px;line-height:1.75;color:#5d6d67}.line-compare{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:18px}.line-after,.line-before{border-radius:18px;padding:22px 26px;font-size:16px;line-height:1.75}.line-before{background:#f1eee8;color:#6b6458}.line-after{background:#0a5c40;color:#fff;font-weight:600}.line-compare-label{font-size:13px;font-weight:700;margin-bottom:4px}.places-section{padding:96px 0;background:#fff}.place-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px}.pricing-section{padding:104px 0;background:#f7faf8}.pricing-head{max-width:720px;margin:0 auto;text-align:center}.billing-switch{display:inline-flex;gap:4px;margin-top:28px;padding:5px;border-radius:999px;background:#e6efea}.billing-switch button{border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600;color:#4a5b55}.billing-switch button[aria-checked=true]{background:#fff;color:#096b4c;box-shadow:0 2px 8px rgba(16,37,31,.1)}.billing-switch span{font-size:12px;color:#06683f;font-weight:700}.early-bird{width:-moz-fit-content;width:fit-content;margin:24px auto 0;padding:10px 20px;border-radius:999px;background:#fff6e2;border:1px solid #f1d28e;color:#6f4a06;font-size:15px;text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9e4;border-radius:20px;padding:30px 24px 24px}.plan-featured{border:2px solid #087653;box-shadow:0 24px 50px rgba(8,118,83,.16)}.plan-badge{position:absolute;top:-14px;left:24px;background:#087653;color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:4px 14px}.plan-card h3{font-size:21px;font-weight:750}.plan-fit{font-size:14.5px;color:#6b7a74}.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:18px}.plan-amount{font-size:42px;font-weight:750;letter-spacing:-1px;color:#10251f}.plan-unit{font-size:14px;color:#6b7a74}.plan-yearly{min-height:22px;font-size:13.5px;color:#087653;font-weight:600}.plan-limit{margin-top:12px;background:#eaf6f1;color:#075e43;border-radius:10px;padding:8px 12px;font-size:15px;font-weight:650}.plan-card ul{display:grid;gap:10px;margin:18px 0 26px;font-size:15px;color:#3b4d47}.plan-card li{display:flex;gap:8px;line-height:1.6}.plan-card li:before{content:"✓";color:#087653;font-weight:800}.plan-card .btn{margin-top:auto}.plan-enterprise{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;background:#fff;border:1px dashed #b9d3c6;border-radius:20px;padding:24px 28px}.plan-enterprise h3{font-size:19px;font-weight:700}.plan-enterprise p{margin-top:4px;font-size:15px;color:#5d6d67}.trial-terms{margin-top:22px;text-align:center;font-size:14px;line-height:1.8;color:#56645e}.faq-section{padding:96px 0;background:#fff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.faq-inline{margin-top:0;display:grid;gap:12px}.faq-inline .faq-item,.faq-inline .faq-item:last-child{border:1px solid #e3ebe6;border-radius:16px;background:#fff}.faq-inline .faq-item>summary{cursor:pointer;padding:20px 24px;font-size:17px;font-weight:650}.faq-inline .faq-item>summary:after{content:"+";font-size:24px;font-weight:400;line-height:1;color:#087653}.faq-inline .faq-item[open]>summary:after{content:"−"}.faq-inline .faq-item>p{margin:0;padding:0 24px 22px;font-size:15.5px}.closing-cta{position:relative;display:flex;align-items:center;min-height:480px;overflow:hidden;color:#fff;background:#0a5c40}.closing-photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:80% center;object-position:80% center}.closing-cta:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,70,49,.96),rgba(7,70,49,.86) 38%,rgba(7,70,49,.2) 72%)}.closing-inner{position:relative;z-index:2;padding-top:72px;padding-bottom:72px}.closing-inner h2{font-size:clamp(30px,3.6vw,46px);font-weight:750;line-height:1.3}.closing-inner p{margin-top:14px;max-width:30em;font-size:17px;line-height:1.8;color:#d6ece2}.closing-inner .cta-actions{margin-top:30px;flex-wrap:wrap}@media (max-width:1100px){.cover-stack{left:auto;right:32px;width:250px}.cover-paid{top:-64px;right:auto;left:-40px}.line-showcase{grid-template-columns:1fr 320px}.line-photo-side{grid-column:1/-1}.line-photo-side img{aspect-ratio:16/7}.line-points,.place-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.cover{flex-direction:column-reverse;align-items:stretch;min-height:0}.cover:before{display:none}.cover-photo{position:relative;display:block}.cover-photo img{position:static;height:auto;aspect-ratio:16/10}.cover-inner{position:static;padding-top:48px;padding-bottom:40px}.cover-copy{max-width:640px}.cover-lead{max-width:none}.cover-stack{left:32px;right:auto;top:auto;bottom:32px;width:270px}.cover-paid{left:auto;right:-70px}.month-collage{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.moment-a,.moment-c,.moment-e,.moment-f{grid-column:auto;grid-row:auto}.moment-a,.moment-f{grid-column:1/-1}.moment-a{grid-row:span 2}.month-end-head{flex-direction:column;align-items:start;gap:16px}}@media (max-width:767px){.cover-photo img{aspect-ratio:4/5}.cover-kicker{font-size:13px;border-radius:14px}.cover h1{font-size:38px}.cover-lead{font-size:16.5px}.cover-actions .btn{width:100%}.cover-stack{left:auto;right:16px;top:auto;bottom:calc(125vw - 250px);width:220px}.cover-paid,.line-card-rows,.line-card-sub{display:none}.faq-section,.line-section,.month-end,.places-section,.pricing-section{padding:64px 0}.month-end-head{flex-direction:column;align-items:start;gap:14px}.month-collage{grid-auto-rows:190px;gap:10px;margin-top:32px}.moment figcaption{left:14px;right:14px;bottom:14px}.moment figcaption strong,.moment-a figcaption strong{font-size:16px}.moment figcaption span:not(.moment-step){display:none}.month-end-next{font-size:16px;padding:18px 20px}.place-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-right:-20px;padding-right:20px}.place-card{scroll-snap-align:start}.line-intro>p:last-child{font-size:16.5px}.line-showcase{grid-template-columns:1fr 1fr;gap:14px}.line-phone{grid-column:1/-1;grid-row:1;width:min(330px,100%);justify-self:center}.line-photo-main,.line-photo-side{grid-column:auto}.line-photo-main img,.line-photo-side img{aspect-ratio:1;border-radius:16px}.line-photo figcaption{font-size:13px}.faq-layout,.line-compare,.line-points,.plan-grid{grid-template-columns:1fr}.faq-layout,.plan-grid{gap:24px}.plan-enterprise{flex-direction:column;align-items:start}.early-bird{border-radius:16px}.closing-cta:before{background:rgba(7,70,49,.86)}.closing-inner .btn{width:100%}}.brand img{display:block;height:52px;width:auto}.site-footer .brand img{height:56px}.line-avatar{background:#fff;border:1px solid #dfe9e4;overflow:hidden}.line-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:2px}@media (max-width:767px){.brand img{height:44px}}.line-photo{position:relative}.photo-bubble{position:absolute;z-index:2;max-width:230px;background:#fff;color:#10251f;font-size:16px;font-weight:650;line-height:1.5;border-radius:20px;padding:12px 16px;box-shadow:0 14px 30px rgba(16,37,31,.2)}.photo-bubble:after{content:"";position:absolute;bottom:-9px;width:20px;height:20px;background:#fff;transform:rotate(45deg);border-radius:3px}.bubble-main{top:26%;right:-28px;transform:rotate(2deg)}.bubble-main:after{left:30px}.bubble-side{top:-26px;right:18px;transform:rotate(-2deg)}.bubble-side:after{left:40px}.photo-sticker{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;border-radius:999px;padding:7px 14px 7px 8px;box-shadow:0 10px 24px rgba(16,37,31,.18)}.photo-sticker b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;padding:0 6px;font-size:11px;font-weight:800}.sticker-top{top:18px;left:18px;background:#fff;color:#10251f;transform:rotate(-3deg)}.sticker-paid,.sticker-top b{background:#037f38;color:#fff}.sticker-paid{left:16px;bottom:70px;transform:rotate(-4deg)}.sticker-paid b{background:#fff;color:#037f38;font-size:13px}@media (max-width:1100px){.bubble-main{right:12px}}@media (max-width:767px){.photo-bubble{max-width:150px;font-size:12.5px;padding:8px 11px;border-radius:14px}.photo-bubble:after{width:14px;height:14px;bottom:-6px}.bubble-main{top:auto;bottom:14px;right:8px}.bubble-main:after{left:auto;right:24px;top:-6px;bottom:auto}.bubble-side{top:-18px;right:6px}.photo-sticker{font-size:11.5px;padding:4px 10px 4px 5px;gap:5px}.photo-sticker b{min-width:20px;height:20px;font-size:9.5px}.sticker-top{top:10px;left:8px}.sticker-paid{left:8px;bottom:64px}.line-showcase{grid-template-columns:1fr;gap:36px}.line-photo-main img,.line-photo-side img{aspect-ratio:4/3;border-radius:20px}.line-photo-main img{-o-object-position:center 30%;object-position:center 30%}.photo-bubble{max-width:190px;font-size:14px}.bubble-main{bottom:18px;right:14px}.bubble-side{top:-22px;right:14px}.sticker-top{top:14px;left:14px}.sticker-paid{left:14px;bottom:76px}.line-points{gap:0;margin-top:40px;background:#fff;border:1px solid #e3eee7;border-radius:20px;padding:6px 18px}.line-points li{display:grid;grid-template-columns:34px 1fr;-moz-column-gap:14px;column-gap:14px;border:0;border-bottom:1px solid #edf3ef;border-radius:0;padding:16px 0}.line-points li:last-child{border-bottom:0}.line-num{grid-row:span 2;width:34px;height:34px}.line-points h3{margin-top:0;font-size:16.5px}.line-points p{font-size:14.5px}.plan-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding:18px 20px 14px 0}.plan-card{scroll-snap-align:start}.plan-amount{font-size:36px}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}