:root{--navy:#073664;--deep:#032647;--green:#00a67d;--mint:#77d6bd;--ink:#0b2d4f;--muted:#5e7082;--line:#dbe7ee;--soft:#f3f8fa;--white:#fff;--radius:22px;--shadow:0 18px 55px rgba(3,38,71,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,231,238,.75)}.brand{display:flex;align-items:center;gap:10px;font-size:1.24rem;letter-spacing:-.02em;color:var(--navy);font-weight:600}.brand-mark{width:34px;height:29px;display:flex;align-items:flex-end;gap:2px;transform:skew(-20deg)}.brand-mark i{display:block;width:9px;border-radius:4px 4px 0 0}.brand-mark i:nth-child(1){height:17px;background:#1a4e80}.brand-mark i:nth-child(2){height:23px;background:#39a9bd}.brand-mark i:nth-child(3){height:29px;background:#7cc043}.nav nav{display:flex;gap:30px;font-size:.88rem;font-weight:500}.nav nav a:hover{color:var(--green)}.call{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;font-weight:600;transition:.22s ease}.call:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,166,125,.22)}.call-small{background:var(--navy);color:#fff;padding:10px 20px;font-size:.9rem}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:60px max(5vw,24px) 70px;overflow:hidden;background:radial-gradient(circle at 75% 25%,#e5f9f3 0,rgba(229,249,243,0) 34%),linear-gradient(135deg,#f8fcfd 0%,#fff 53%,#eef8fa 100%);position:relative}.hero:after{content:"";position:absolute;width:480px;height:10px;background:linear-gradient(90deg,var(--navy),#26a9b6,var(--green));right:-110px;top:110px;transform:rotate(-22deg);opacity:.14}.hero-copy{max-width:690px;z-index:2}.eyebrow,.section-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow:before,.section-label:before{content:"";width:28px;height:3px;background:var(--green);border-radius:2px}.hero h1{font-size:clamp(2.55rem,5vw,5.35rem);line-height:1.08;letter-spacing:-.055em;margin:18px 0 24px;color:var(--navy)}.hero h1 span{color:var(--green)}.lead{font-size:clamp(1.02rem,1.5vw,1.25rem);max-width:620px;color:#425d74;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.call-main{background:var(--green);color:#fff;padding:15px 26px;box-shadow:0 12px 32px rgba(0,166,125,.24)}.text-link{font-weight:600;color:var(--navy)}.text-link span{color:var(--green);margin-left:5px}.micro-proof{display:flex;margin-top:46px;gap:26px}.micro-proof div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 11px;max-width:260px}.micro-proof b{grid-row:1/3;font-size:1.65rem;color:var(--navy)}.micro-proof span{font-size:.76rem;color:var(--muted);line-height:1.45}.hero-visual{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;z-index:1}.hero-visual img{position:relative;width:112%;max-width:none;filter:drop-shadow(0 28px 27px rgba(3,38,71,.2));z-index:2}.hero-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#d7f4ed,#fff);box-shadow:inset 0 0 80px #cdebe7}.support-card{position:absolute;z-index:3;bottom:40px;left:5%;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border:1px solid #fff;border-radius:18px;padding:14px 20px;display:flex;gap:12px;align-items:center}.support-card>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e7f8f2;color:var(--green);font-weight:800}.support-card div{display:flex;flex-direction:column}.support-card b{font-size:.9rem}.support-card small{font-size:.72rem;color:var(--muted)}.trust-strip{margin:-28px max(5vw,24px) 0;position:relative;z-index:4;background:var(--navy);color:#fff;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 20px}.trust-strip div{display:grid;grid-template-columns:45px 1fr;padding:5px 30px;border-right:1px solid rgba(255,255,255,.18)}.trust-strip div:last-child{border:0}.trust-strip span{grid-row:1/3;color:var(--mint);font-size:.8rem}.trust-strip b{font-size:1rem}.trust-strip small{color:#b8d0df}.section{padding:110px max(6vw,32px)}.split-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin:18px 0 55px}.split-heading h2,.benefits h2,.process h2,.fit h2,.faq h2,.final-cta h2{font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.18;letter-spacing:-.045em;margin:0}.split-heading p{font-size:1.08rem;color:var(--muted);margin:0;max-width:630px}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.risk-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:#fff;transition:.25s}.risk-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.risk-grid span{font-size:.8rem;color:var(--green);font-weight:700}.risk-grid h3{font-size:1.24rem;margin:22px 0 10px}.risk-grid p{margin:0;color:var(--muted)}.benefits{background:linear-gradient(135deg,#063961,#006e76);color:#fff;display:grid;grid-template-columns:.88fr 1.12fr;gap:9vw;align-items:center;position:relative;overflow:hidden}.benefits:before{content:"";position:absolute;width:450px;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-200px;top:-200px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}.section-label.light{color:var(--mint)}.section-label.light:before{background:var(--mint)}.benefit-copy,.benefit-list{position:relative}.benefit-copy h2{margin:18px 0 25px}.benefit-copy p{color:#c4dae3;max-width:570px;margin-bottom:30px}.call-light{background:#fff;color:var(--navy);padding:14px 23px}.benefit-list article{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.16)}.benefit-list article:last-child{border:0}.benefit-list b{font-size:.78rem;color:var(--mint);padding-top:5px}.benefit-list h3{font-size:1.35rem;margin:0 0 6px}.benefit-list p{margin:0;color:#bfd4df}.process{text-align:center}.process .section-label{justify-content:center}.process h2{margin:18px 0 58px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.steps article{position:relative;padding:0 27px}.steps article:not(:last-child):after{content:"";position:absolute;top:24px;right:-12%;width:24%;border-top:1px dashed #9fc8c4}.steps span{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:#e6f7f3;color:var(--green);font-weight:700}.steps h3{font-size:1.06rem;margin:0 0 10px}.steps p{font-size:.9rem;color:var(--muted);margin:0}.fit{padding-top:75px;padding-bottom:75px;margin:0 max(5vw,24px);border-radius:30px;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.fit h2{margin-top:18px}.fit ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.fit li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:13px}.fit li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2f6f0;color:var(--green);font-weight:700}.faq{max-width:1120px;margin:auto}.faq h2{margin:18px 0 42px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:1.05rem}summary::-webkit-details-marker{display:none}summary span{color:var(--green);font-size:1.4rem;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:820px;color:var(--muted);margin:14px 0 2px}.final-cta{margin:0 max(4vw,18px) 40px;border-radius:32px;background:linear-gradient(120deg,var(--navy),#037d82);color:#fff;padding:75px max(6vw,35px);display:flex;align-items:center;justify-content:space-between;gap:50px;overflow:hidden;position:relative}.final-cta:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;aspect-ratio:1;border:50px solid rgba(255,255,255,.06);border-radius:50%}.final-cta h2{margin:15px 0}.final-cta p{margin:0;color:#c8dce5;max-width:630px}.call-final{position:relative;z-index:2;flex-direction:column;min-width:245px;background:#fff;color:var(--navy);padding:18px 28px;font-size:1.35rem}.call-final small{font-size:.72rem;color:var(--green);font-weight:600}footer{background:var(--deep);color:#b5cada;padding:45px max(5vw,24px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;font-size:.8rem}.brand-footer{color:#fff}.mobile-call{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:780px}.hero-visual{min-height:480px;margin-top:15px}.hero-visual img{width:100%;max-width:720px}.trust-strip{grid-template-columns:1fr;margin-top:0}.trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.trust-strip div:last-child{border-bottom:0}.benefits{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:repeat(2,1fr);gap:45px 10px}.steps article:nth-child(2):after{display:none}.fit{grid-template-columns:1fr}.final-cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}}
@media(max-width:680px){body{padding-bottom:66px}.nav{height:66px;padding:0 18px}.brand{font-size:1.03rem}.brand-mark{width:29px;height:25px}.brand-mark i{width:8px}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:25px}.call-small{display:none}.hero{padding:45px 20px 45px;min-height:auto}.hero h1{font-size:2.64rem}.lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.micro-proof{margin-top:32px;gap:14px;flex-direction:column}.hero-visual{min-height:350px;margin:10px -28px 0}.hero-visual img{width:118%}.support-card{bottom:4px;left:35px}.trust-strip{margin:0 16px;border-radius:17px;padding:14px}.trust-strip div{padding:15px}.section{padding:78px 21px}.split-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.risk-grid{grid-template-columns:1fr}.risk-grid article{padding:27px}.benefits{padding-top:82px;padding-bottom:82px}.steps{grid-template-columns:1fr;gap:34px}.steps article:not(:last-child):after{display:none}.fit{margin:0 14px;padding:55px 23px}.final-cta{margin:0 14px 25px;padding:52px 25px;border-radius:24px}.call-final{width:100%;min-width:0}footer{padding:38px 22px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;z-index:60;background:var(--green);color:#fff;align-items:center;justify-content:center;font-weight:700;box-shadow:0 -8px 25px rgba(3,38,71,.16)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.call{transition:none}}
.brand-logo{width:190px;height:auto}.brand-footer .brand-logo{width:180px}@media(max-width:680px){.brand-logo{width:155px}.brand-footer .brand-logo{width:175px}}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);background:#052d51;color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,56,.98) 0%,rgba(3,35,64,.91) 33%,rgba(3,39,69,.32) 56%,rgba(3,31,57,.04) 78%);z-index:1}.hero:after{z-index:2;opacity:.3}.hero-copy{position:relative;z-index:4;padding:28px 0}.hero h1{color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.18)}.hero h1 span{color:#70dbc2}.hero .lead{color:#d5e5ec}.hero .text-link{color:#fff}.hero .eyebrow{color:#73ddc5}.hero .eyebrow:before{background:#73ddc5}.hero .micro-proof b{color:#fff}.hero .micro-proof span{color:#bfd2de}.hero-visual{position:absolute;inset:0;min-height:0;z-index:0}.hero-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;filter:none}.hero-glow{display:none}.support-card{left:auto;right:max(5vw,24px);bottom:58px;background:rgba(255,255,255,.94)}
@media(max-width:980px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,.6fr);min-height:720px}.hero-visual{margin:0}.hero-visual img{width:100%;max-width:none;object-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(3,29,56,.97) 0%,rgba(3,35,64,.86) 45%,rgba(3,35,64,.16) 78%)}}
@media(max-width:680px){.hero{display:block;min-height:760px;padding-top:55px;background:#052d51}.hero:before{background:linear-gradient(180deg,rgba(3,29,56,.98) 0%,rgba(3,35,64,.91) 50%,rgba(3,35,64,.18) 75%,rgba(3,35,64,.08) 100%)}.hero-copy{max-width:100%;padding:0}.hero h1{font-size:2.52rem}.hero-visual{margin:0}.hero-visual img{width:100%;height:100%;object-position:67% center}.hero .micro-proof{display:none}.support-card{right:20px;left:20px;bottom:24px;justify-content:center}}
.hose-watermark{position:absolute;z-index:0;top:-230px;left:-180px;width:min(88vw,1180px);height:auto;max-width:none;opacity:.16;filter:grayscale(.1) brightness(1.15) contrast(1.05);transform:rotate(24deg);transform-origin:center;pointer-events:none;user-select:none}.benefit-copy,.benefit-list{z-index:1}@media(max-width:680px){.hose-watermark{top:-105px;left:-310px;width:780px;height:auto;opacity:.1;transform:rotate(29deg)}}
.footer-address{max-width:390px}.footer-address b{display:block;color:#fff;font-size:.9rem;margin-bottom:4px}.footer-address address{font-style:normal;line-height:1.7;color:#b5cada}.footer-email{display:inline-block;margin-top:5px;color:#77d6bd;transition:color .2s ease}.footer-email:hover{color:#fff;text-decoration:underline}@media(max-width:680px){.footer-address{margin-top:6px}}
.support-card{background:rgba(3,38,71,.94);border:1px solid rgba(119,214,189,.52);box-shadow:0 16px 42px rgba(1,21,40,.3);backdrop-filter:blur(10px)}.support-card>span{background:var(--green);color:#fff}.support-card b{color:#fff}.support-card small{color:#bfe5dc}
.cta-hose-watermark{position:absolute;z-index:0;top:-190px;right:-130px;width:min(80vw,1050px);height:auto;max-width:none;opacity:.13;filter:grayscale(.1) brightness(1.14) contrast(1.05);transform:rotate(-24deg);transform-origin:center;pointer-events:none;user-select:none}.final-cta>div,.final-cta .call-final{position:relative;z-index:2}.final-cta:after{z-index:1}@media(max-width:680px){.cta-hose-watermark{top:-90px;right:-310px;width:760px;opacity:.085;transform:rotate(-29deg)}}
.micro-proof div{display:flex;align-items:center}.micro-proof b{grid-row:auto;flex:0 0 auto}.micro-proof span{display:flex;align-items:center;align-self:stretch}.trust-strip span{font-size:1.35rem;line-height:1;display:grid;place-items:center;align-self:stretch}.risk-grid span{font-size:1.15rem;line-height:1;font-weight:700}
.answer-summary{padding-top:105px;padding-bottom:42px}.answer-summary-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin:18px 0 38px}.answer-summary h2{font-size:clamp(2rem,3.5vw,3.55rem);line-height:1.18;letter-spacing:-.04em;margin:0}.answer-summary-heading p{font-size:1.05rem;color:var(--muted);margin:0;max-width:660px}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0}.answer-grid>div{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.answer-grid dt{font-weight:700;color:var(--navy);margin-bottom:8px}.answer-grid dd{margin:0;color:var(--muted);font-size:.94rem}@media(max-width:980px){.answer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.answer-summary{padding-top:76px;padding-bottom:20px}.answer-summary-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.answer-grid{grid-template-columns:1fr}.answer-grid>div{padding:22px}}

/* Responsive hero typography: every intended title line stays intact. */
.hero-copy{width:min(58vw,900px);max-width:none}
.hero h1{font-size:clamp(2.75rem,4.35vw,5rem)}
.hero-title-line{display:block;white-space:nowrap}
.hero-title-main{color:#fff!important}
.hero-title-accent{color:#70dbc2!important}
.hero .eyebrow{white-space:nowrap}

@media(max-width:1180px){
  .hero-copy{width:min(64vw,760px)}
  .hero h1{font-size:clamp(2.45rem,4.55vw,3.95rem)}
}

@media(max-width:980px){
  .hero{padding-left:max(4vw,24px);padding-right:max(4vw,24px)}
  .hero-copy{width:min(74vw,730px)}
  .hero h1{font-size:clamp(2.25rem,5.15vw,3.35rem)}
  .hero .lead{max-width:590px}
}

@media(max-width:680px){
  .hero{padding-left:20px;padding-right:20px}
  .hero-copy{width:100%;max-width:100%}
  .hero h1{font-size:clamp(1.76rem,7.6vw,2.48rem);line-height:1.17;letter-spacing:-.045em;margin:16px 0 20px}
  .hero .eyebrow{font-size:clamp(.68rem,2.85vw,.82rem);letter-spacing:.045em}
  .hero .eyebrow:before{width:20px;flex:0 0 20px}
  .hero .lead{max-width:36rem}
}

@media(max-width:370px){
  .hero{padding-left:16px;padding-right:16px}
  .hero h1{font-size:clamp(1.56rem,7.25vw,1.76rem)}
  .hero .eyebrow{font-size:.64rem;letter-spacing:.025em;gap:7px}
}