@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--ink:#102d3b;--blue:#1265ed;--pale:#edf5fb;--line:#dce6ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fbfdff;color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #efa43a;outline-offset:5px}.demo{text-align:center;background:#102d3b;color:#c9dfef;padding:8px 16px;font-size:11px;letter-spacing:.04em}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fbfdfff5;position:sticky;top:0;z-index:5;border-bottom:1px solid #eaf0f4}.logo{font-size:26px;font-weight:800;letter-spacing:-1px}.logo span{display:block;font-size:8px;letter-spacing:2px;margin-left:31px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;background:var(--blue);color:white;border-radius:8px;padding:17px 25px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button:hover{background:#094ec3;transform:translateY(-3px)}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;padding:40px 4% 55px 6%;gap:25px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:block}.eyebrow i{display:inline-block;width:7px;height:7px;background:#3cb5a4;border-radius:50%;margin-right:9px}h1{font-size:clamp(58px,6.6vw,94px);font-weight:600;line-height:1.17;letter-spacing:-4px;margin:27px 0}h1 span{color:var(--blue)}p{line-height:1.9;color:#647c88;font-size:15px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:13px}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;margin-top:45px;color:#738790}.hero-note span{color:var(--blue);font-size:17px}.hero-visual{position:relative;height:555px;border-radius:130px 16px 16px 16px;background:#dcebf5}.hero-visual>img{height:100%;width:100%;object-fit:cover;border-radius:inherit}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#173c5150,transparent 55%);border-radius:inherit;pointer-events:none}.temp{position:absolute;right:24px;bottom:25px;z-index:1;border:1px solid #fff9;background:#fffD;backdrop-filter:blur(18px);padding:24px;border-radius:15px;display:flex;align-items:center;flex-direction:column;box-shadow:0 12px 40px #18324814}.temp small{font-size:8px;letter-spacing:2px}.temp strong{font-size:66px;line-height:1.3;font-weight:500;letter-spacing:-4px}.temp>span{font-size:10px}.temp-controls{display:flex;align-items:center;gap:10px;margin-top:18px}.temp-controls span{font-size:9px}.temp-controls button{background:white;border:1px solid var(--line);border-radius:50%;width:28px;height:28px}.floating{position:absolute;left:-25px;top:50px;background:var(--blue);color:white;width:144px;height:144px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:35px;transform:rotate(-10deg)}.floating span{font-size:15px}.air-lines{position:absolute;top:27%;left:10%;z-index:1;width:65%}.air-lines span{display:block;border-top:2px solid #fffa;border-radius:50%;height:50px;animation:breeze 5s ease-in-out infinite}.air-lines span:nth-child(2){animation-delay:.5s}.air-lines span:nth-child(3){animation-delay:1s}@keyframes breeze{50%{transform:translateX(30px);opacity:.2}}.ribbon{background:var(--pale);display:flex;justify-content:space-around;gap:20px;align-items:center;padding:22px 6%;font-size:16px;color:#47748b}.ribbon span{font-size:12px}.section{padding:95px 7%;scroll-margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:clamp(30px,3.6vw,49px);font-weight:500;line-height:1.35;letter-spacing:-1.5px;margin:17px 0}h3{font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{position:relative;border:1px solid var(--line);padding:32px;border-radius:14px;transition:transform .3s}.service-grid article:hover{transform:translateY(-8px)}.service-icon{font-size:40px;color:var(--blue)}.index{float:right;font-size:12px;color:#93a5b1}.service-grid p{font-size:13px;min-height:74px}.price{border-top:1px solid var(--line);padding:24px 0;font-size:11px}.price b{font-size:25px;font-weight:500}.service-grid article>a{font-size:12px}.service-grid .blue{background:var(--blue);color:white;border-color:var(--blue)}.blue p,.blue .index,.blue .service-icon{color:#cce5ff}.blue .price{border-color:#ffffff40}.process{background:#eaf3f9;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.steps article{display:flex;align-items:start;gap:28px;border-bottom:1px solid #cfdee7;padding:17px 0}.steps article>b{font-weight:400;font-size:14px;color:var(--blue);margin-top:21px}.steps h3{margin-bottom:0}.steps p{font-size:13px;margin-top:5px}.estimate{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.estimate small{color:#7c8c96;font-size:11px}.calculator{padding:35px;border-radius:15px;border:1px solid var(--line);box-shadow:0 20px 70px #123b5610}label{font-size:12px;display:block}input,select{width:100%;padding:14px;border:1px solid var(--line);border-radius:6px;background:#fff;margin:10px 0 22px;color:var(--ink)}.quantity{display:flex;margin-top:12px;gap:10px;align-items:center}.quantity input{margin:0;text-align:center;width:75px}.quantity button{width:45px;height:45px;border:1px solid var(--line);background:var(--pale);border-radius:6px}.total{display:flex;justify-content:space-between;align-items:center;padding:30px 0;font-size:12px}.total strong{font-size:43px;font-weight:500;color:var(--blue)}.calculator .button{width:100%}.booking{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.booking p{color:#b4c8d4}.booking form{background:#ffffff0b;border:1px solid #ffffff20;padding:30px;border-radius:12px}.booking form input{margin-bottom:16px}.booking small{display:block;margin-top:15px;color:#b4c8d4;font-size:10px}.booking .form-result{font-size:13px;color:#a5ecda}.faq{max-width:1000px;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:15px}details p{font-size:13px}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer small{font-size:10px;color:#738790}@media(max-width:850px){nav{gap:15px}.hero{grid-template-columns:1fr 1fr}.hero-note{flex-wrap:wrap}.hero-visual{height:480px}.floating{width:105px;height:105px;left:-10px}.floating span{font-size:11px}.actions{flex-wrap:wrap}.service-grid article{padding:23px}.section{padding:65px 6%}h1{font-size:66px}.section-head p{max-width:210px}.hero-copy>p br{display:none}}@media(max-width:600px){header{height:75px;padding:0 5%}header nav{display:none}.logo{font-size:23px}.button.small{font-size:11px;padding:12px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}.hero h1{font-size:70px}.hero-visual{height:430px;border-top-left-radius:95px}.hero-note{margin-top:25px;font-size:9px}.hero-copy>p{font-size:14px}.hero .eyebrow{font-size:8px}.floating{left:10px;top:20px}.ribbon{flex-wrap:wrap;gap:14px}.ribbon span{font-size:10px}.ribbon>span:last-child{display:none}.section-head{display:block}.section-head p{max-width:none}.service-grid,.process,.estimate,.booking{grid-template-columns:1fr}.service-grid{gap:15px}.service-grid p{min-height:0}.estimate,.booking{gap:30px}.calculator{padding:25px}.booking form{padding:22px}footer{flex-wrap:wrap}footer small{width:100%}.temp{right:18px;bottom:18px}.section{padding:60px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}