@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--container:1280px;--pad-x:2rem;--section-y:2.5rem;--scroll-offset:28px;--font-display:"Playfair Display", "Noto Sans Thai", "Prompt", sans-serif;--font-body:"Noto Sans Thai", "Prompt", sans-serif;--bg:#eef8f3;--bg-2:#dfeee8;--surface:#ffffffa8;--surface-strong:#ffffffeb;--card:#ffffffd1;--con-bg:var(--surface);--text:#203633;--muted:#617772;--accent:#6fb99f;--accent-strong:#34766a;--accent-soft:#e4f5ef;--green:#79b99f;--green-strong:#3f7f71;--green-deep:#285f58;--green-soft:#e6f5ef;--mint:#a8d8ca;--mint-soft:#f1faf6;--border:#487c7033;--border-soft:#487c701f;--shadow-sm:0 .45rem 1.2rem #245b4f14;--shadow-md:0 1rem 2.6rem #245b4f1f;--shadow-lg:0 1.4rem 4rem #245b4f29;--r-lg:1.5rem;--r-md:1rem;--r-sm:.7rem;--t-fast:.14s ease;--t-med:.22s ease;--focus:0 0 0 3px #79b99f47;--ok:#3f8b63;--warn:#4f8a76;--bad:#b45d5d}html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-offset);-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:20px}body{min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);background-image:url(/bg/phataree-glass-waves-top.svg),url(/bg/phataree-glass-waves-bottom.svg),url(/bg/phataree-hero-aurora.svg),url(/bg/phataree-soft-grid.svg),linear-gradient(135deg,#ffffffe0 0%,#eff9f5f5 42%,#e2f0eafa 100%);background-position:top,bottom,top,top,50%;background-repeat:no-repeat,no-repeat,no-repeat,repeat,no-repeat;background-size:100%,100%,100%,640px 640px,cover;background-attachment:scroll,scroll,scroll,fixed,fixed;flex-direction:column;display:flex;overflow-x:clip}body.menu-open{overflow:hidden}main{flex:1 0 auto}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}::selection{color:var(--text);background:#79b99f47}a{color:inherit;transition:color var(--t-fast), opacity var(--t-fast);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img,picture,video,canvas,svg{max-width:100%;display:block}body,p,li,input,textarea,select,button{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{color:var(--text);font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;line-height:1.08}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.6rem;font-weight:700}h3{font-size:1.4rem;font-weight:600}p{color:var(--muted);font-size:1.08rem;line-height:1.72}strong,b{color:var(--text);font-weight:700}input,textarea,select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast);background:#ffffffd6;outline:none;padding:.82rem 1rem;box-shadow:inset 0 1px #ffffffb3}input::placeholder,textarea::placeholder{color:#879894}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{box-shadow:var(--focus);border-color:#3f7f716b;outline:none}textarea{resize:vertical;min-height:7rem}section{scroll-margin-top:var(--scroll-offset)}hr{border:0;border-top:1px solid var(--border-soft)}ul,ol{padding-left:1.2rem}.container{width:min(100%, var(--container));padding-inline:var(--pad-x);margin-inline:auto}.section{padding-block:var(--section-y)}.card{border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background-image:url(/bg/phataree-card-noise.svg),linear-gradient(145deg,#fffffff0,#f7fdfabd);background-repeat:repeat,no-repeat;background-size:320px 320px,cover}.glass{border-radius:var(--r-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffffd1;-webkit-backdrop-filter:blur(14px)saturate(130%);background-image:url(/bg/phataree-card-noise.svg),linear-gradient(145deg,#ffffffbd,#e8f7f180);background-repeat:repeat,no-repeat;background-size:320px 320px,cover;border:1px solid #ffffff9e}.btn{border:1px solid var(--border);min-height:2.9rem;color:var(--text);transition:transform var(--t-fast), border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);background:linear-gradient(#ffffffeb,#f2faf6db);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1.28rem;font-weight:600;display:inline-flex;box-shadow:0 .35rem 1rem #245b4f0f}.btnPrimary{color:#fff;background:linear-gradient(#82c5ad 0%,#4f927f 48%,#346f65 100%);border-color:#285f5838;box-shadow:0 .75rem 1.8rem #3f7f7138}.btnSoft{color:var(--green-deep);background:linear-gradient(#f1faf6fa,#def2ebf2);border-color:#79b99f57}@media (hover:hover) and (pointer:fine){.btn:hover{box-shadow:var(--shadow-sm);border-color:#3f7f7152;transform:translateY(-1px)}.btnPrimary:hover{box-shadow:var(--shadow-md);background:linear-gradient(#8dcdb8 0%,#4b8d7b 48%,#2f675f 100%)}.btnSoft:hover{background:linear-gradient(#fffffffa,#e1f4edfa)}}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-wrap{word-break:break-word!important;overflow-wrap:break-word!important}.display-none{display:none!important}@media (max-width:1440px){html{font-size:19px}}@media (max-width:1280px){html{font-size:18px}:root{--container:1180px}}@media (max-width:1024px){html{font-size:18px}}@media (max-width:768px){html{font-size:17px}:root{--pad-x:1rem;--section-y:2rem}body{background-attachment:scroll,scroll,scroll,scroll,scroll}p{font-size:1rem}.btn{min-height:2.75rem;padding-inline:1.1rem}}@media (max-width:480px){html{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.Nav-module__bLoQaq__header{z-index:1000;border-bottom:1px solid var(--border-soft);isolation:isolate;background:#f8fbf5d1;width:100%;position:sticky;top:0}.Nav-module__bLoQaq__header:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.Nav-module__bLoQaq__inner{z-index:1;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;display:flex;position:relative}.Nav-module__bLoQaq__brand{flex:none;align-items:center;gap:.28rem;min-width:0;display:inline-flex}.Nav-module__bLoQaq__logoWrap{flex:none;align-items:center;width:3.25rem;display:inline-flex;position:relative}.Nav-module__bLoQaq__logo{object-fit:contain;width:100%;height:auto}.Nav-module__bLoQaq__brandText{color:#0000;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#d89b5a 0%,#bd7f3c 38%,#7a4a1d 68%,#3c260d 100%);-webkit-background-clip:text;background-clip:text;align-items:center;margin-left:-.25rem;font-size:1.6rem;font-weight:800;line-height:1;display:inline-flex}.Nav-module__bLoQaq__desktopNav{flex:auto;justify-content:center;align-items:center;gap:1.1rem;min-width:0;display:flex}.Nav-module__bLoQaq__navLink{min-height:2.5rem;color:var(--muted);white-space:nowrap;transition:color var(--t-fast);align-items:center;font-size:.82rem;font-weight:600;display:inline-flex;position:relative}.Nav-module__bLoQaq__navLink:after{content:"";background:var(--accent);transform-origin:50%;height:2px;transition:transform var(--t-fast);border-radius:999px;position:absolute;bottom:.35rem;left:0;right:0;transform:scaleX(0)}.Nav-module__bLoQaq__navLinkActive{color:var(--text)}.Nav-module__bLoQaq__navLinkActive:after{transform:scaleX(1)}.Nav-module__bLoQaq__actions{flex:none;align-items:center;gap:.75rem;display:flex}.Nav-module__bLoQaq__quoteButton{color:#fffdf7;white-space:nowrap;min-height:2.65rem;box-shadow:var(--shadow-sm);transition:transform var(--t-fast), box-shadow var(--t-fast), opacity var(--t-fast);background:linear-gradient(#d8bc6a 0%,#ba9738 100%);border:1px solid #a8842238;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.Nav-module__bLoQaq__menuButton{border:1px solid var(--border);cursor:pointer;width:2.7rem;height:2.7rem;transition:border-color var(--t-fast), background-color var(--t-fast);background:#ffffffe0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.24rem;display:none}.Nav-module__bLoQaq__menuButton:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.Nav-module__bLoQaq__menuLine{background:var(--text);border-radius:999px;width:1rem;height:2px;display:block}.Nav-module__bLoQaq__backdrop{z-index:1090;opacity:0;pointer-events:none;transition:opacity var(--t-med);background:#1f2a1e57;position:fixed;inset:0}.Nav-module__bLoQaq__backdropOpen{opacity:1;pointer-events:auto}.Nav-module__bLoQaq__drawer{z-index:1100;border-left:1px solid var(--border-soft);visibility:hidden;pointer-events:none;width:min(88vw,22rem);height:100dvh;transition:transform var(--t-med), visibility 0s linear var(--t-med);will-change:transform;background:#fffffff5;flex-direction:column;padding:1rem;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #4556411f}.Nav-module__bLoQaq__drawerOpen{visibility:visible;pointer-events:auto;transition:transform var(--t-med), visibility 0s;transform:translate(0)}.Nav-module__bLoQaq__drawerHeader{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.Nav-module__bLoQaq__drawerBrand{flex:0 auto;align-items:center;gap:.25rem;min-width:0;display:inline-flex}.Nav-module__bLoQaq__drawerLogoWrap{flex:none;align-items:center;width:3rem;display:inline-flex;position:relative}.Nav-module__bLoQaq__drawerBrandText{color:var(--text);font-family:var(--font-display);white-space:nowrap;align-items:center;margin-left:-.2rem;font-size:1.1rem;font-weight:800;line-height:1;display:inline-flex}.Nav-module__bLoQaq__closeButton{border:1px solid var(--border);background:var(--surface-strong);width:2.35rem;height:2.35rem;color:var(--text);cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.Nav-module__bLoQaq__closeButton:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.Nav-module__bLoQaq__closeIcon{font-size:1.35rem;line-height:1}.Nav-module__bLoQaq__drawerNav{flex-direction:column;gap:.55rem;padding:1rem 0;display:flex}.Nav-module__bLoQaq__drawerLink{border:1px solid var(--border-soft);border-radius:var(--r-sm);min-height:3rem;color:var(--text);transition:border-color var(--t-fast), background-color var(--t-fast), transform var(--t-fast);background:#f8fbf5b8;align-items:center;padding:.8rem .95rem;font-weight:600;display:flex}.Nav-module__bLoQaq__drawerLinkActive{background:#f3e7bc73;border-color:#a8842238}.Nav-module__bLoQaq__drawerFooter{border-top:1px solid var(--border-soft);margin-top:auto;padding-top:1rem}.Nav-module__bLoQaq__drawerQuoteButton{color:#fffdf7;min-height:3rem;box-shadow:var(--shadow-sm);transition:transform var(--t-fast), box-shadow var(--t-fast);background:linear-gradient(#d8bc6a 0%,#ba9738 100%);border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1rem;font-weight:700;display:flex}.Nav-module__bLoQaq__drawerQuoteButton:focus-visible,.Nav-module__bLoQaq__drawerLink:focus-visible,.Nav-module__bLoQaq__navLink:focus-visible,.Nav-module__bLoQaq__quoteButton:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.Nav-module__bLoQaq__navLink:hover{color:var(--text)}.Nav-module__bLoQaq__navLink:hover:after{transform:scaleX(1)}.Nav-module__bLoQaq__quoteButton:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.Nav-module__bLoQaq__menuButton:hover,.Nav-module__bLoQaq__closeButton:hover{border-color:#5668523d}.Nav-module__bLoQaq__drawerLink:hover{background:var(--green-soft);border-color:#7e9f7a42;transform:translate(2px)}.Nav-module__bLoQaq__drawerQuoteButton:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}@media (max-width:1120px){.Nav-module__bLoQaq__desktopNav{gap:.82rem}.Nav-module__bLoQaq__navLink{font-size:.78rem}}@media (max-width:980px){.Nav-module__bLoQaq__desktopNav,.Nav-module__bLoQaq__quoteButton{display:none}.Nav-module__bLoQaq__menuButton{display:inline-flex}.Nav-module__bLoQaq__inner{min-height:4.5rem}}@media (max-width:520px){.Nav-module__bLoQaq__brand,.Nav-module__bLoQaq__drawerBrand{gap:.2rem}.Nav-module__bLoQaq__drawerBrandText{margin-left:-.2rem;font-size:1rem}}@media (max-width:420px){.Nav-module__bLoQaq__drawer{width:min(92vw,20rem)}}@media (max-width:360px){.Nav-module__bLoQaq__brandText,.Nav-module__bLoQaq__drawerBrandText{display:none}}@media (prefers-reduced-motion:reduce){.Nav-module__bLoQaq__navLink,.Nav-module__bLoQaq__navLink:after,.Nav-module__bLoQaq__quoteButton,.Nav-module__bLoQaq__menuButton,.Nav-module__bLoQaq__backdrop,.Nav-module__bLoQaq__drawer,.Nav-module__bLoQaq__closeButton,.Nav-module__bLoQaq__drawerLink,.Nav-module__bLoQaq__drawerQuoteButton{transition:none}}
.ContactsBox-module__z4-4tG__contactBar{border-top:1px solid #ffffff0f;gap:.5rem;width:100%;max-width:20rem;margin:0 auto;padding:.85rem .9rem .95rem;display:flex}.ContactsBox-module__z4-4tG__contactIcon{aspect-ratio:1;width:100%;transition:transform var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:linear-gradient(#190d458f,#0e0c1e73);border:1px solid #ffffff1a;border-radius:22%;place-items:center;display:grid;overflow:hidden}.ContactsBox-module__z4-4tG__contactIcon:hover{background:linear-gradient(#190d45b3,#0e0c1e8c);border-color:#fff3;transform:translateY(-1px)}.ContactsBox-module__z4-4tG__contactIcon:focus-visible{box-shadow:var(--focus);outline:none}.ContactsBox-module__z4-4tG__contactIcon img{object-fit:contain;filter:drop-shadow(0 12px 26px #00000059);width:100%;height:100%}.ContactsBox-module__z4-4tG__iconPhone{padding:10%;filter:invert()!important}.ContactsBox-module__z4-4tG__iconLocation{background:#fff;padding:.3rem}