@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#10251f;--green:#0d7358;--green2:#14a477;--mint:#dff6ec;--lime:#b8eb74;--cream:#f7f6ef;--gold:#e6b94f;--line:#10251f21;--shadow:0 24px 70px #08342724}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fbfcf8;margin:0;font-family:IBM Plex Sans Thai,Manrope,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.75}button,input{font:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#fbfcf8e6;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(145deg,var(--green2),var(--green));color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:grid;box-shadow:0 8px 20px #0d735840}.brand b,.brand small{display:block}.brand b{font-size:15px}.brand small{letter-spacing:1.3px;color:#658079;font:600 9px/1.3 Manrope}.site-header nav{align-items:center;gap:28px;font-size:14px;font-weight:500;display:flex}.site-header nav>a:hover{color:var(--green)}.nav-cta{background:var(--ink);border-radius:999px;padding:11px 18px;color:#fff!important}.menu{background:0 0;border:0;font-size:26px;display:none}.hero{background:radial-gradient(circle at 95% 10%,#d8f5e9 0,#0000 30%),linear-gradient(135deg,#fbfcf8 50%,#eef8f3);grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:calc(100vh - 82px);padding:70px max(7vw,28px);display:grid;overflow:hidden}.hero-copy{max-width:650px}.eyebrow{letter-spacing:2.3px;text-transform:uppercase;color:var(--green);font:700 12px/1.4 Manrope,IBM Plex Sans Thai}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(48px,6vw,88px);line-height:1.04}.hero h1 em{color:var(--green);font-style:normal}.en-lead{color:#426258;font-family:Manrope;font-size:17px}.hero-copy>p:not(.eyebrow){color:#536a63;max-width:570px}.hero-actions,.cta>div{gap:12px;margin:32px 0;display:flex}.primary,.secondary{border-radius:999px;justify-content:center;align-items:center;gap:18px;padding:15px 23px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 10px 25px #0d735840}.primary:hover{background:#095e48;transform:translateY(-2px)}.secondary{border:1px solid var(--line);background:#fff}.trust{color:#49675e;gap:20px;font-size:13px;display:flex}.hero-visual{height:650px;position:relative}.photo{background-position:50%;background-size:cover}.main-photo{width:78%;height:90%;box-shadow:var(--shadow);background-image:linear-gradient(#0000 40%,#0741303b),url(https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=1200&q=85);border-radius:180px 180px 32px 32px;margin-left:auto}.floating-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #fffc;border-radius:20px;position:absolute}.amount{width:210px;padding:22px;top:15%;left:0}.amount small,.amount strong{display:block}.amount strong{margin:5px 0 13px;font:800 34px Manrope}.mini-bars{align-items:flex-end;gap:5px;height:35px;display:flex}.mini-bars i{background:var(--green2);border-radius:5px;width:15%;height:35%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:42%}.mini-bars i:nth-child(4){background:var(--lime);height:90%}.secure{align-items:center;gap:12px;padding:15px 19px;display:flex;bottom:8%;right:0}.secure>span{background:var(--mint);width:36px;height:36px;color:var(--green);border-radius:50%;place-items:center;display:grid}.secure b,.secure small{display:block}.secure small{color:#6e827c}.thai-ring{border:16px solid var(--lime);width:96px;height:96px;color:var(--green);border-radius:50%;place-items:center;font:800 35px Manrope;display:grid;position:absolute;top:2%;right:-28px;transform:rotate(12deg)}.facts{background:var(--ink);color:#fff;grid-template-columns:repeat(3,1fr);padding:0 max(7vw,28px);display:grid}.facts>div{border-right:1px solid #ffffff1f;align-items:center;gap:18px;padding:34px 5vw;display:flex}.facts>div:last-child{border:0}.facts strong{color:var(--lime);font:700 clamp(25px,3vw,42px) Manrope}.facts span,.facts small{display:block}.facts small{color:#9db8af;font:12px Manrope}.section{padding:120px max(7vw,28px)}.section-head{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px;display:grid}.section-head h2,.calculator h2,.responsible h2,.cta h2,.legal-hero h1{letter-spacing:-2px;margin:14px 0;font-size:clamp(38px,5vw,66px);line-height:1.08}.section-head .eyebrow{grid-column:1/-1}.section-head>p:last-child{color:#65776f;max-width:500px}.product-grid{grid-template-columns:.9fr 1.1fr;gap:30px;display:grid}.product-photo{background-image:url(https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=1200&q=85);border-radius:28px;min-height:620px;position:relative;overflow:hidden}.quote-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#0c2e25de;border-radius:18px;padding:24px;position:absolute;bottom:20px;left:20px;right:20px}.quote-card b,.quote-card span{display:block}.quote-card span{color:#b7ccc5;font:13px Manrope}.feature-cards{gap:16px;display:grid}.feature-cards article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:34px;transition:all .3s}.feature-cards article:hover{border-color:var(--green2);transform:translate(8px);box-shadow:0 15px 40px #0d735814}.feature-cards article>span{float:right;color:#a7bbb3;font:600 13px Manrope}.feature-cards h3{margin:0 0 9px;font-size:20px}.feature-cards b{color:var(--green);font:700 28px Manrope}.feature-cards p{color:#6a7c76;margin:8px 0 0}.calculator{color:#fff;background:linear-gradient(120deg,#0a5c46,#0d7358);border-radius:36px;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin:0 max(3vw,18px);padding:80px max(5vw,28px);display:grid;position:relative;overflow:hidden}.calculator:after{content:"฿";color:#ffffff0a;font:800 300px Manrope;position:absolute;top:-85px;right:-20px}.calculator .eyebrow{color:var(--lime)}.calculator p{color:#c5ddd5}.calc-card{color:var(--ink);z-index:1;background:#fff;border-radius:24px;padding:34px;position:relative}.calc-card>div{justify-content:space-between;padding:11px 0;display:flex}.calc-card b{font-family:Manrope}.calc-card hr{border:0;border-top:1px solid var(--line)}.calc-card .total b{color:var(--green);font-size:28px}.calc-card small{color:#83918d}.center{text-align:center;display:block}.center>p:last-child{margin:auto}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.steps article{position:relative}.step-photo{filter:saturate(.8);border-radius:24px;height:280px;margin-bottom:24px}.p1{background-image:url(https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=800&q=80)}.p2{background-image:url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=80)}.p3{background-image:url(https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=800&q=80)}.steps article>span{background:var(--lime);border-radius:50%;place-items:center;width:50px;height:50px;font:700 13px Manrope;display:grid;position:absolute;top:250px;right:18px}.steps h3{margin-bottom:4px;font-size:22px}.steps p{color:#6c7c76}.responsible{background:var(--cream);grid-template-columns:1fr 1fr;min-height:650px;display:grid}.responsible-copy{align-self:center;padding:100px max(7vw,28px)}.responsible-photo{background-image:linear-gradient(#083c2d14,#083c2d2e),url(https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1300&q=85)}.text-link{color:var(--green);border-bottom:1px solid var(--green);padding-bottom:3px;font-weight:700}.cta{text-align:center;background:radial-gradient(circle,#e6f8ef,#0000 60%);padding:120px 24px}.cta>div{justify-content:center}footer{color:#d6e6e0;background:#092a21;padding:70px max(7vw,28px) 25px}.footer-grid{grid-template-columns:1.4fr .7fr 1fr;gap:8vw;display:grid}.brand.light b{color:#fff}.footer-grid p,.footer-grid a{color:#9db8af;margin:8px 0;font-size:13px;display:block}.footer-grid h4{color:var(--lime)}.copyright{color:#78968c;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:20px;font:11px Manrope}.legal-hero{background:var(--ink);color:#fff;min-height:430px;padding:100px max(12vw,28px) 70px;position:relative;overflow:hidden}.legal-hero .eyebrow{color:var(--lime)}.legal-hero h1{max-width:900px}.legal-hero h1 span{color:#7fa49a;letter-spacing:0;font:400 .48em Manrope;display:block}.legal-hero>p:last-child{color:#9bb5ac}.orb{border:80px solid #b8eb7412;border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-80px}.legal-content{max-width:980px;margin:0 auto;padding:80px 28px 120px}.legal-content section{border-bottom:1px solid var(--line);padding:30px 0}.legal-content h2{font-size:24px}.legal-content p,.legal-content li{color:#51675f;line-height:1.9}.legal-intro,.notice{border-left:4px solid var(--green2);background:var(--mint);border-radius:0 18px 18px 0;padding:28px}.permission-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.permission-grid>div{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.permission-grid p{margin:8px 0 0;font-size:14px}.term-table{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.term-table>div{background:#fff;padding:24px}.term-table span,.term-table b{display:block}.term-table b{color:var(--green);margin-top:6px;font:700 22px Manrope}.example{background:var(--ink);color:#fff;border-radius:18px;padding:28px}.example code,.example strong{margin-top:13px;display:block}.example strong{color:var(--lime);font-size:22px}.support-grid{grid-template-columns:1.1fr .9fr;gap:24px;padding:80px max(7vw,28px);display:grid}.company-card,.support-side>article{border:1px solid var(--line);background:#fff;border-radius:26px;padding:42px}.company-card{background:linear-gradient(145deg,#effaf5,#fff);position:relative;overflow:hidden}.big-mark{color:#0d73580f;font-size:280px;font-weight:700;position:absolute;bottom:-100px;right:-25px}.company-card h2{max-width:550px;font:700 clamp(30px,4vw,54px)/1.1 Manrope}.company-card p{color:#5f746c;max-width:620px}.support-side{gap:24px;display:grid}.support-side h3{font-size:25px}.support-side a{color:var(--green);font-weight:600}.quick-links>a{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:15px 0;display:flex}.quick-links>a>span{color:#84978f;font:600 11px Manrope}.quick-links a div{flex:1}.quick-links b,.quick-links small{display:block}.quick-links small{color:#87958f;font-family:Manrope}.quick-links i{font-style:normal}.license{grid-template-columns:1fr 1.5fr;gap:50px;padding:30px max(7vw,28px) 120px;display:grid}.license-placeholder{background:var(--mint);border:1px dashed #87aa9e;border-radius:20px;align-items:center;gap:20px;padding:35px;display:flex}.license-placeholder>span{font-size:36px}.license-placeholder p{flex:1;margin:0}.license-placeholder a{color:var(--green);font-weight:700}.delete-layout{grid-template-columns:1fr .85fr;gap:70px;max-width:1100px;margin:auto;padding:90px 28px 130px;display:grid}.delete-layout li{color:#586e66;margin:15px 0}.delete-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;align-self:start;padding:34px}.delete-form label{margin-bottom:10px;font-weight:700;display:block}.phone-input{border:1px solid #b8c6c1;border-radius:13px;display:flex;overflow:hidden}.phone-input span{background:#f0f4f2;border-right:1px solid #b8c6c1;padding:15px}.phone-input input{border:0;outline:none;width:100%;padding:15px}.phone-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #0d73581a}.delete-form button{color:#fff;cursor:pointer;background:#b53931;border:0;border-radius:13px;width:100%;margin-top:16px;padding:16px;font-weight:700}.delete-form button:disabled{opacity:.7}.form-note{color:#778983;font-size:12px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.success{background:var(--mint);text-align:center;border-radius:24px;padding:45px}.success>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;font-size:32px;display:grid}.success h2{margin:20px 0 0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.site-header{height:70px}.menu{display:block}.site-header nav{background:#fff;flex-direction:column;align-items:stretch;padding:24px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 20px 40px #00000014}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:500px}.hero h1{letter-spacing:-2px}.facts{grid-template-columns:1fr}.facts>div{border-bottom:1px solid #ffffff1f;border-right:0;padding:24px}.section-head,.product-grid,.calculator,.responsible,.support-grid,.license,.delete-layout{grid-template-columns:1fr}.product-photo{min-height:450px}.steps{grid-template-columns:1fr}.step-photo{height:360px}.steps article>span{top:330px}.responsible-photo{order:-1;min-height:500px}.footer-grid{grid-template-columns:1fr}.license-placeholder{flex-direction:column;align-items:flex-start}.permission-grid{grid-template-columns:1fr}}@media (max-width:560px){.brand b{font-size:13px}.brand small{font-size:7px}.hero{padding-inline:20px}.hero h1{font-size:45px}.hero-visual{height:410px}.main-photo{width:88%;height:90%}.amount{width:170px;padding:16px}.thai-ring{border-width:12px;width:70px;height:70px}.trust{flex-direction:column;gap:7px}.hero-actions,.cta>div{flex-direction:column}.section{padding:80px 20px}.section-head h2,.calculator h2,.responsible h2,.cta h2{font-size:38px}.calculator{padding:55px 20px}.calc-card{padding:22px}.calc-card .total{flex-direction:column}.product-photo{min-height:380px}.step-photo{height:260px}.steps article>span{top:230px}.responsible-photo{min-height:350px}.legal-hero{min-height:350px;padding-top:75px}.legal-hero h1{font-size:42px}.legal-content{padding-inline:20px}.term-table{grid-template-columns:1fr}.support-grid{padding-inline:20px}.company-card,.support-side>article{padding:26px}.delete-layout,.footer-grid{gap:35px}}.brand-logo{object-fit:cover;border-radius:13px;flex:0 0 46px;width:46px;height:46px;box-shadow:0 8px 20px #0d735833}footer .brand-logo{box-shadow:none}