:root{--bg:#f4f7f9;--panel:#fff;--ink:#12262e;--ink-soft:#4a626c;--edge:#2ee6c8;--teal:#0e7c86;--teal-deep:#0a5a62;--amber:#ffb454;--line:#dce6ea;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Anuphan,sans-serif;font-size:16px;line-height:1.75}h1,h2,h3,.display{font-family:Chakra Petch,sans-serif;line-height:1.35}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}nav.site-nav{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f4f7f9d9;position:sticky;top:0}.nav-row-top{justify-content:space-between;align-items:center;height:60px;display:flex}.nav-row-bottom{border-top:1px solid var(--line);justify-content:center;align-items:center;height:44px;display:flex}.logo{align-items:center;gap:10px;font-family:Chakra Petch;font-size:1.15rem;font-weight:700;display:flex}.logo-mark{border:2px solid var(--teal);background:linear-gradient(135deg,#2ee6c82e,#0000);border-radius:7px;width:30px;height:30px;position:relative}.logo-mark:after{content:"";border:1.5px solid var(--edge);opacity:.7;border-radius:4px;position:absolute;inset:5px}.nav-links{color:var(--ink-soft);gap:26px;font-size:.88rem;display:flex}.nav-links a:hover{color:var(--teal)}.nav-cta{background:var(--teal);color:#fff;border-radius:99px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.nav-cta:hover{background:var(--teal-deep)}@media (width<=860px){.nav-row-bottom{display:none}}.breadcrumb{color:var(--ink-soft);padding:16px 0;font-size:.84rem}.breadcrumb ol{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--line);margin-left:6px}.breadcrumb a:hover{color:var(--teal)}.breadcrumb li[aria-current]{color:var(--ink);font-weight:600}.hero{padding:72px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2ee6c824,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-120px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr}}.hero-image img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:0 24px 60px #12262e2e}.eyebrow{color:var(--teal);background:#0e7c8614;border:1px solid #0e7c8633;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--edge);width:7px;height:7px;box-shadow:0 0 8px var(--edge);border-radius:50%}h1{margin-bottom:18px;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:700}h1 .hl{color:var(--teal);white-space:nowrap;position:relative}.hero p.lede{color:var(--ink-soft);max-width:52ch;margin-bottom:26px;font-size:1.05rem}.hero-ctas{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.btn{cursor:pointer;border:0;border-radius:99px;align-items:center;gap:8px;padding:13px 26px;font-family:Anuphan;font-size:.98rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 6px 20px #0e7c8647}.btn-primary:hover{background:var(--teal-deep);transform:translateY(-1px)}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.trust-row{color:var(--ink-soft);flex-wrap:wrap;gap:22px;font-size:.86rem;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.tick{color:var(--teal);font-weight:700}.calc-with-image{justify-content:center;align-items:stretch;gap:32px;max-width:800px;margin:0 auto;display:flex}.calc-image-wrap,.calc-card-wrap{flex:1 1 0;min-width:0}.calc-image-wrap img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block;box-shadow:0 16px 40px #12262e24}@media (width<=768px){.calc-with-image{flex-direction:column;align-items:stretch}.calc-image-wrap img{aspect-ratio:1;width:100%;height:auto;max-height:320px}}.calc{backdrop-filter:blur(8px);border-radius:var(--radius);background:linear-gradient(160deg,#ffffffeb,#ffffffb8);padding:28px;position:relative;box-shadow:0 24px 60px #12262e1a}.calc:before{content:"";border-radius:var(--radius);background:linear-gradient(140deg, var(--edge), #2ee6c81a 40%, #0e7c8680);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.calc h3{margin-bottom:4px;font-size:1.08rem}.calc .sub{color:var(--ink-soft);margin-bottom:20px;font-size:.85rem}.calc-inputs{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.field input{border:1.5px solid var(--line);width:100%;color:var(--ink);text-align:center;background:#fff;border-radius:10px;outline:none;padding:11px 12px;font-family:Chakra Petch;font-size:1.05rem;font-weight:600;transition:all .15s}.field input:focus{border-color:var(--edge);box-shadow:0 0 0 3px #2ee6c82e}.calc-result{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;display:flex}.calc-size{color:var(--ink-soft);font-size:.9rem}.calc-size b{color:var(--ink);font-family:Chakra Petch;font-size:1.05rem}.calc-price{color:var(--teal);font-family:Chakra Petch;font-size:1.7rem;font-weight:700}.calc-price small{color:var(--ink-soft);font-size:.85rem;font-weight:500}.calc-note{color:var(--ink-soft);margin-top:12px;font-size:.78rem}@media (width<=480px){.calc-inputs{grid-template-columns:1fr 1fr}}.usp{padding:56px 0}.usp-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=900px){.usp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.usp-grid{grid-template-columns:1fr}}.usp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:all .2s;position:relative;overflow:hidden}.usp-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #12262e14}.usp-card:after{content:"";background:linear-gradient(180deg, var(--edge), var(--teal));width:3px;position:absolute;top:0;bottom:0;left:0}.usp-num{color:var(--teal);margin-bottom:8px;font-family:Chakra Petch;font-size:1.5rem;font-weight:700}.usp-num small{color:var(--ink-soft);font-size:.8rem;font-weight:500}.usp-card h3{margin-bottom:6px;font-size:.98rem}.usp-card p{color:var(--ink-soft);font-size:.86rem;line-height:1.65}.sect{padding:56px 0}.sect-head{max-width:640px;margin-bottom:36px}.sect-head .tag{color:var(--teal);letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.sect-head h2{margin-bottom:10px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700}.sect-head p{color:var(--ink-soft);font-size:.98rem}.prod-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=860px){.prod-grid{grid-template-columns:1fr}}.prod{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.prod:hover{transform:translateY(-4px);box-shadow:0 18px 44px #12262e1a}.prod-visual{background:linear-gradient(150deg,#eaf4f6,#f7fbfc);justify-content:center;align-items:center;height:170px;display:flex;position:relative}.acr-box{background:linear-gradient(135deg,#2ee6c824,#ffffff80);border:2px solid #0e7c8673;border-radius:6px;width:110px;height:88px;position:relative;box-shadow:0 10px 24px #0e7c8624,inset 0 0 18px #2ee6c81f}.acr-box:before{content:"";transform-origin:bottom;background:linear-gradient(90deg,#2ee6c847,#ffffff59);border-radius:3px 3px 0 0;height:14px;position:absolute;top:-14px;left:14px;right:-14px;transform:skew(-45deg)}.acr-box:after{content:"";transform-origin:0;background:linear-gradient(#0e7c8638,#2ee6c81f);border-radius:0 3px 3px 0;width:14px;position:absolute;top:-14px;bottom:14px;right:-14px;transform:skewY(-45deg)}.acr-base{background:var(--ink);border-radius:3px;width:130px;height:10px;position:absolute;bottom:26px}.acr-grid{grid-template-rows:repeat(2,34px);grid-template-columns:repeat(3,34px);gap:5px;display:grid}.acr-grid i{background:linear-gradient(135deg,#2ee6c829,#ffffff80);border:1.5px solid #0e7c8666;border-radius:4px}.prod-body{flex-direction:column;flex:1;padding:22px;display:flex}.prod-body h3{margin-bottom:8px;font-size:1.05rem}.prod-body p{color:var(--ink-soft);flex:1;margin-bottom:14px;font-size:.88rem}.prod-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.prod-price{color:var(--teal);font-family:Chakra Petch;font-weight:700}.prod-link{color:var(--teal);font-size:.85rem;font-weight:600}.badge{background:var(--amber);color:#5a3a00;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.steps{background:var(--ink);color:#eaf4f6;border-radius:20px;padding:52px 44px;position:relative;overflow:hidden}.steps:before{content:"";background:radial-gradient(circle,#2ee6c829,#0000 65%);width:420px;height:420px;position:absolute;top:-120px;left:30%}@media (width<=640px){.steps{padding:36px 24px}}.steps h2{margin-bottom:6px;font-size:clamp(1.3rem,2.4vw,1.7rem)}.steps>.wrap-p{color:#9fbac2;max-width:56ch;margin-bottom:32px;font-size:.94rem}.step-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}@media (width<=860px){.step-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.step-grid{grid-template-columns:1fr}}.step .n{color:var(--edge);margin-bottom:6px;font-family:Chakra Petch;font-size:1.05rem;font-weight:700}.step h3{color:#fff;margin-bottom:5px;font-size:.94rem}.step p{color:#9fbac2;font-size:.82rem;line-height:1.6}.step-you{color:var(--edge);border:1px dashed #2ee6c866;border-radius:10px;grid-column:1/-1;margin-top:6px;padding:10px 16px;font-size:.83rem}.faq-list{max-width:760px}details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:18px 22px}details[open]{border-color:#0e7c8666}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:.96rem;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--teal);font-family:Chakra Petch;font-size:1.2rem;transition:all .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink-soft);margin-top:10px;font-size:.9rem}.prose{max-width:760px}.prose h2{margin:40px 0 16px;font-size:clamp(1.3rem,2.4vw,1.7rem)}.prose h2:first-child{margin-top:0}.prose h3{color:var(--teal-deep);margin:24px 0 10px;font-size:1.05rem}.prose p{color:var(--ink-soft);margin-bottom:16px}.prose ul,.prose ol{color:var(--ink-soft);margin:0 0 16px 1.4em}.prose li{margin-bottom:6px}.prose a{color:var(--teal);text-underline-offset:2px;font-weight:600;text-decoration:underline}.prose table{border-collapse:collapse;background:var(--panel);border-radius:10px;width:100%;margin-bottom:20px;overflow:hidden}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 14px;font-size:.92rem}.prose th{color:var(--teal-deep);background:#0e7c8614;font-family:Chakra Petch}.prose strong{color:var(--ink)}.final{text-align:center;padding:64px 0 80px}.final h2{margin-bottom:12px;font-size:clamp(1.4rem,2.8vw,2rem)}.final p{color:var(--ink-soft);margin-bottom:28px}footer.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);padding:28px 0;font-size:.82rem}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot-links{flex-wrap:wrap;gap:16px;display:flex}.foot-links a:hover{color:var(--teal)}.floating-cta{z-index:60;background:var(--teal);color:#fff;text-align:center;border-radius:99px;padding:14px;font-weight:600;display:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #0e7c8659}@media (width<=640px){.floating-cta{display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}