:root{--ink:#171717;--muted:#626262;--soft:#faf8f5;--paper:#fff;--line:#e8e2da;--green:#2f9d3a;--green-strong:#187a2d;--yellow:#f1b70f;--blue:#2f73d9;--red:#d94c4c;--violet:#6f48c9;--shadow:0 18px 45px #1717171a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);letter-spacing:0;margin:0;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,Noto Sans Thai,Th Sarabun New,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f5eb;border-bottom:1px solid #e8e2dad1;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:19px;font-weight:900;display:inline-flex}.brand-icon{border-radius:8px;box-shadow:0 8px 20px #2f9d3a33}.nav-links,.site-footer nav{color:var(--muted);align-items:center;gap:18px;font-size:15px;font-weight:750;display:flex}.nav-links a:hover,.site-footer a:hover,.plain-link:hover,.secondary-link:hover{color:var(--green-strong)}.nav-cta{border:1px solid var(--green-strong);background:var(--green-strong);color:#fff;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 14px;display:inline-flex;box-shadow:0 8px 18px #187a2d24}.nav-cta:hover{color:#fff;background:#126a26}.hero{isolation:isolate;background:#fbfaf7;align-items:center;min-height:calc(100svh - 72px);padding:clamp(44px,8vw,88px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7fa 54%,#fbfaf7d1 100%),#fbfaf7;position:absolute;inset:0}.hero-art{z-index:-2;opacity:.22;filter:saturate(.82)contrast(.92);width:min(42vw,640px);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 100%)}.hero-image{object-fit:cover;object-position:74% 50%}.hero-copy{width:min(720px,100%);padding-top:12px}.eyebrow{color:var(--green-strong);margin:0 0 12px;font-size:15px;font-weight:900}h1,h2,h3,p{letter-spacing:0}h1{max-width:720px;margin:0;font-size:104px;font-weight:950;line-height:.95}h2{color:var(--ink);margin:0;font-size:52px;font-weight:950;line-height:1.08}h3{margin:0;font-size:21px;line-height:1.22}.hero-lead{color:#333;max-width:650px;margin:22px 0 0;font-size:22px;font-weight:650;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.store-button{background:var(--green-strong);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:60px;padding:0 20px;font-size:20px;font-weight:900;display:inline-flex;box-shadow:0 16px 36px #187a2d38}.store-button:hover{background:#126a26}.store-button small{color:#ffffffb8;font-size:11px;line-height:1;display:block}.store-button.compact{min-height:52px;font-size:17px}.secondary-link,.plain-link{color:var(--green-strong);font-size:16px;font-weight:900}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(560px,100%);margin:42px 0 0;display:grid}.hero-stats div,.feature-card,.metric-row div{border:1px solid var(--line);background:#ffffffdb;border-radius:8px}.hero-stats div{padding:16px}.hero-stats dt{color:var(--green-strong);font-size:28px;font-weight:950}.hero-stats dd{color:var(--muted);margin:2px 0 0;font-size:14px;font-weight:750}.feature-band,.steps-band{background:var(--paper);padding:clamp(64px,8vw,108px) clamp(18px,5vw,72px)}.section-heading{width:min(920px,100%)}.section-heading p:not(.eyebrow){max-width:780px;color:var(--muted);margin:18px 0 0;font-size:19px;font-weight:600;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.feature-card{min-height:250px;padding:24px}.feature-card svg{color:var(--green-strong);margin-bottom:18px}.feature-card:nth-child(2) svg{color:var(--yellow)}.feature-card:nth-child(3) svg{color:var(--blue)}.feature-card:nth-child(4) svg{color:var(--violet)}.feature-card p{color:var(--muted);margin:12px 0 0;font-size:16px;font-weight:600;line-height:1.62}.showcase,.progress-band{grid-template-columns:minmax(0,.88fr) minmax(320px,.72fr);align-items:center;gap:clamp(28px,6vw,86px);padding:clamp(64px,8vw,108px) clamp(18px,5vw,72px);display:grid;overflow:hidden}.progress-band{background:#f4f8f1;grid-template-columns:minmax(320px,.72fr) minmax(0,.88fr)}.showcase-copy{max-width:720px}.showcase-copy h2{max-width:690px}.result-list{gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.result-list li{min-height:64px;color:var(--muted);grid-template-columns:48px auto 1fr;align-items:center;gap:12px;font-size:17px;font-weight:650;display:grid}.result-list strong{color:var(--ink);font-weight:900}.tile{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:950;display:inline-flex}.tile.green{background:var(--green)}.tile.yellow{background:var(--yellow)}.tile.gray{background:#bfc0c4}.phone-strip{justify-content:center;min-width:0;display:flex}.phone-shot{width:min(380px,100%);height:auto;box-shadow:var(--shadow);border-radius:8px}.reverse .phone-shot{width:min(360px,100%)}.metric-row{gap:14px;margin-top:34px;display:grid}.metric-row div{background:var(--paper);grid-template-columns:34px 1fr;gap:4px 12px;padding:18px;display:grid}.metric-row svg{color:var(--green-strong);grid-row:span 2}.metric-row div:nth-child(2) svg{color:var(--yellow)}.metric-row div:nth-child(3) svg{color:var(--violet)}.metric-row strong{font-size:18px}.metric-row span{color:var(--muted);font-size:15px;font-weight:600;line-height:1.45}.steps-band{background:var(--ink);color:#fff}.steps-band h2,.steps-band .eyebrow{color:#fff}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:38px 0 0;padding:0;list-style:none;display:grid}.steps li{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;align-content:start;gap:18px;min-height:170px;padding:24px;font-size:20px;font-weight:850;line-height:1.45;display:grid}.steps span{background:var(--yellow);width:38px;height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-size:19px;font-weight:950;display:inline-flex}.download-band{background:var(--green-strong);color:#fff;justify-content:space-between;align-items:center;gap:28px;padding:clamp(52px,7vw,86px) clamp(18px,5vw,72px);display:flex}.download-band svg{color:var(--yellow)}.download-band h2{color:#fff;max-width:820px;margin-top:12px}.download-band p{color:#ffffffd6;max-width:760px;margin:16px 0 0;font-size:18px;font-weight:650;line-height:1.6}.download-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.download-actions .plain-link{color:#fff}.site-footer{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:flex-start;gap:24px;padding:34px clamp(18px,5vw,72px);display:flex}.site-footer strong{font-size:18px;display:block}.site-footer p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.site-footer nav a{align-items:center;gap:6px;display:inline-flex}.legal-hero{background:var(--paper);padding:clamp(54px,8vw,96px) clamp(18px,5vw,72px) 36px}.legal-hero h1{font-size:76px}.legal-hero p:last-child{color:var(--muted);margin:18px 0 0;font-weight:700}.legal-content{width:min(900px,100% - 36px);margin:0 auto clamp(60px,8vw,96px);padding:16px 0 0}.legal-content h2{margin:34px 0 10px;font-size:25px;line-height:1.2}.legal-content p{color:#3d3d3d;margin:0;font-size:17px;font-weight:560;line-height:1.75}@media (max-width:1020px){.feature-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase,.progress-band{grid-template-columns:1fr}.progress-band .phone-strip{order:2}}@media (max-width:720px){.site-header{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{justify-content:space-between;gap:10px;width:100%;font-size:14px}.hero{min-height:auto;padding-top:46px;padding-bottom:80px}.hero:before{background:#fbfaf7}.hero-art{display:none}.hero-stats,.feature-grid,.steps{grid-template-columns:1fr}.result-list li{grid-template-columns:48px 1fr}.result-list li strong{display:block}.download-band,.site-footer{flex-direction:column}.download-actions{justify-content:flex-start}h1{font-size:64px}h2{font-size:36px}.legal-hero h1{font-size:46px}.site-footer nav{flex-direction:column;align-items:flex-start}}@media (max-width:420px){.nav-cta{padding:0 10px}h1{font-size:52px}.hero-actions,.store-button{width:100%}.hero-lead{font-size:17px}}