@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&family=Kanit:wght@300;400;600;700&display=swap";:root{--bg:#f0f4fa;--bg-2:#fff;--bg-3:#e8eef8;--card:#fff;--card-border:#dce6f5;--card-hover:#f5f8ff;--primary:#1d4ed8;--primary-2:#3b82f6;--primary-light:#eff6ff;--primary-glow:#1d4ed838;--primary-glow-sm:#1d4ed81f;--teal:#0891b2;--teal-light:#ecfeff;--text:#0f172a;--text-muted:#64748b;--dark:#0f172a;--muted:#64748b;--grad-brand:linear-gradient(135deg,#1d4ed8,#3b82f6);--grad-brand-r:linear-gradient(135deg,#3b82f6,#06b6d4);--grad-card:linear-gradient(160deg,#f8faff,#fff);--grad-hero:linear-gradient(145deg,#e8f0ff 0%,#f0f7ff 50%,#f8faff 100%);--grad-section:linear-gradient(180deg,#f0f4fa,#fff);--blur:blur(20px)saturate(180%);--blur-sm:blur(10px)saturate(160%);--ring:0 0 0 4px #1d4ed82e;--shadow-xs:0 1px 3px #0f172a12,0 1px 2px #0f172a0a;--shadow-card:0 4px 20px #0f172a14,0 1px 4px #0f172a0d;--shadow-md:0 8px 32px #1d4ed81f,0 2px 8px #0f172a0f;--shadow-glow:0 0 40px #1d4ed826;--radius:20px;--radius-sm:12px;--radius-pill:999px;--fz-h1:clamp(32px,5vw,58px);--fz-h2:clamp(24px,3.5vw,40px);--fz-h3:clamp(17px,2vw,22px);--fz-p:clamp(14px,1.6vw,16px);--fz-sm:13px;--space-section:96px;--ease:cubic-bezier(.22,1,.36,1);--dur:.28s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);font-family:Outfit,Kanit,system-ui,sans-serif;font-size:var(--fz-p);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#1d4ed859;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::selection{color:var(--primary);background:#1d4ed82e}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.reveal{opacity:0;transition:opacity .65s var(--ease),transform .65s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.container{width:min(1280px,100%);margin-inline:auto;padding-inline:clamp(18px,5vw,48px)}section{padding-block:var(--space-section);scroll-margin-top:76px;position:relative}.section-label{border-radius:var(--radius-pill);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:#1d4ed812;border:1px solid #1d4ed847;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.section-title{font-size:var(--fz-h2);color:var(--text);margin:0 0 14px;font-weight:800;line-height:1.15}.section-title .accent{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--text-muted);max-width:68ch;font-size:var(--fz-p);line-height:1.7}.center{text-align:center}.center .section-desc{margin-inline:auto}.grid-2{grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,24px);display:grid}@media (max-width:860px){.grid-2{grid-template-columns:1fr}section{padding-block:64px}}.glow-divider{background:var(--grad-brand);border-radius:999px;width:80px;height:3px;margin-block:16px}.center .glow-divider{margin-inline:auto}.about-section{padding-block:48px}.nav{z-index:100;-webkit-backdrop-filter:var(--blur);transition:background var(--dur),box-shadow var(--dur);background:#ffffffe6;border-bottom:1px solid #1d4ed81f;position:sticky;top:0;box-shadow:0 1px 12px #0f172a0f}.nav.scrolled{background:#fffffff7;box-shadow:0 2px 20px #1d4ed81a}.nav .inner{height:70px;transition:height var(--dur)var(--ease);justify-content:space-between;align-items:center;display:flex}.nav.scrolled .inner{height:60px}.logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #1d4ed833);width:auto;height:44px;transition:transform var(--dur)var(--ease);display:block}.nav.scrolled .logo-img{height:38px}.logo-img:hover{transform:scale(1.04)}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{object-fit:contain;width:38px;height:38px;transition:transform var(--dur)var(--ease),box-shadow var(--dur);border-radius:10px;flex-shrink:0}.brand:hover .brand-icon{transform:rotate(-6deg)scale(1.08)}.brand-text{letter-spacing:.04em;color:#1e293b;font-family:Outfit,sans-serif;font-size:19px;font-weight:800;line-height:1}.brand-accent{background:linear-gradient(90deg,#1d4ed8,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.menu{align-items:center;gap:2px;display:flex}.menu a{color:#475569;border-radius:var(--radius-sm);letter-spacing:.015em;padding:8px 16px;font-size:14px;font-weight:600;transition:color .25s,background .25s;position:relative;overflow:hidden}.menu a:after{content:"";background:linear-gradient(90deg,var(--primary),#38bdf8);border-radius:2px;width:55%;height:2px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:5px;left:50%;transform:translate(-50%)scaleX(0)}.menu a:hover{color:var(--primary);background:var(--primary-light)}.menu a:hover:after,.menu a.active:after{transform:translate(-50%)scaleX(1)}.menu a.active{color:var(--primary);background:var(--primary-light);font-weight:700}.nav-ripple{pointer-events:none;background:#1d4ed84d;border-radius:50%;width:8px;height:8px;animation:.55s ease-out forwards navRipple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes navRipple{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}.cta,.menu a.cta,.mobile a.cta{border-radius:var(--radius-pill);letter-spacing:.02em;transition:all .4s var(--ease);white-space:nowrap;z-index:1;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 50%,#0ea5e9 100%) 0 0/200%;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-family:Kanit,sans-serif;font-size:16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #1d4ed859,inset 0 0 0 1px #ffffff1a;color:#fff!important}.cta:before,.menu a.cta:before,.mobile a.cta:before{content:"";z-index:-1;background:linear-gradient(120deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.cta:hover:before,.menu a.cta:hover:before,.mobile a.cta:hover:before{transition:all .6s;left:100%}.cta:hover,.menu a.cta:hover,.mobile a.cta:hover{background-position:100%;border-color:#ffffff80;transform:translateY(-3px)scale(1.05);box-shadow:0 12px 25px #1d4ed873}.cta:active{transform:translateY(-1px)scale(.98)}.cta-icon{filter:drop-shadow(0 2px 4px #0000001a);transition:transform .3s var(--ease)}.cta:hover .cta-icon{transform:rotate(-10deg)scale(1.1)}.menu a.cta.active,.mobile a.cta.active{border-color:var(--primary);background:#fff;box-shadow:0 0 20px #1d4ed833;color:var(--primary)!important}.menu a.cta.active .cta-icon,.mobile a.cta.active .cta-icon{color:var(--primary)}.ghost{border-radius:var(--radius-pill);color:var(--primary);border:2px solid var(--primary);transition:background var(--dur),color var(--dur),transform var(--dur)var(--ease);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-flex}.ghost:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.hamb{border-radius:var(--radius-sm);background:var(--primary-light);width:42px;height:42px;transition:background var(--dur),border-color var(--dur);border:1.5px solid #dce6f5;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.hamb:hover{border-color:var(--primary-2);background:#dbeafe}.hamb span{background:var(--primary);border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamb.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamb.open span:nth-child(2){opacity:0}.hamb.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile{z-index:1100;background:#fff;border-top:1px solid #1d4ed81a;flex-direction:column;gap:8px;padding:20px;display:none;position:fixed;inset:70px 0 0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.nav.scrolled+.mobile{top:60px}.mobile.open{display:flex!important}.mobile a{border-radius:var(--radius-sm);color:#334155;transition:all var(--dur);border:1px solid #0000;padding:14px 18px;font-size:16px;font-weight:600;display:block}.mobile a:hover{color:var(--primary);background:var(--primary-light);border-color:#1d4ed826}@media (max-width:860px){.menu{display:none}.hamb{display:flex}}@media (min-width:861px){.mobile{display:none!important}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur),border-color var(--dur);padding:clamp(20px,3vw,28px);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#1d4ed840;transform:translateY(-5px)}.card-icon{background:var(--grad-brand);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:16px;font-size:24px;display:grid;box-shadow:0 4px 14px #1d4ed840}.card h3{color:var(--text);margin:10px 0 6px;font-size:clamp(15px,1.8vw,18px);font-weight:700}.pill{border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border:1px solid #1d4ed82e;align-items:center;gap:4px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.muted{color:var(--text-muted)}.price{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(18px,2.6vw,22px);font-weight:800;line-height:1}#backTop{border-radius:var(--radius-pill);background:var(--grad-brand);color:#fff;z-index:200;transition:transform var(--dur)var(--ease),box-shadow var(--dur);border:none;padding:12px 18px;font-size:14px;font-weight:700;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #1d4ed859}#backTop:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1d4ed880}#backTop.show{display:block}footer{background:var(--text);border-top:4px solid var(--primary);padding:clamp(24px,4vw,40px) 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:#ffffff8c;font-size:13px}.footer-links{gap:20px;display:flex}.footer-links a{color:#ffffff80;transition:color var(--dur);font-size:13px}.footer-links a:hover{color:var(--primary-2)}.stat-num{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1}.stat-label{color:var(--text-muted);margin-top:6px;font-size:14px;font-weight:500}.footer-simple{text-align:center;background:#fff;border-top:1px solid #e2e8f0;padding:16px 24px}.footer-simple-text{color:#64748b;margin:0;font-family:Outfit,sans-serif;font-size:13px}.hero{align-items:center;min-height:100vh;padding-block:0;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(100deg,#040a1ceb 0%,#060e26d9 25%,#08123033 38%,#0a143700 40%);position:absolute;inset:0}.hero-inner{z-index:2;align-items:center;min-height:100vh;padding-block:clamp(80px,10vw,120px);display:flex;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;max-width:min(560px,100%);display:flex}.hero-eyebrow{color:#93c5fd;letter-spacing:.1em;text-transform:uppercase;animation:fadeSlideUp .7s var(--ease)both;background:#63b3ed1a;border:1px solid #63b3ed59;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 18px;font-size:12px;font-weight:700;display:inline-flex}.hero-dot{background:#60a5fa;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #60a5fa}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-h1{color:#fff;letter-spacing:-.02em;animation:fadeSlideUp .75s .1s var(--ease)both;margin:0 0 16px;font-size:clamp(36px,6vw,68px);font-weight:900;line-height:1.07}.hero-h1-accent{background:linear-gradient(90deg,#60a5fa 0%,#38bdf8 50%,#34d399 100%);-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite,fadeSlideUp .75s .1s var(--ease)both;background-size:200%;-webkit-background-clip:text;background-clip:text;display:block}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.hero-sub{color:#c8daf0cc;animation:fadeSlideUp .75s .2s var(--ease)both;margin:0 0 30px;font-size:clamp(14px,1.7vw,17px);line-height:1.8}.hero-actions{animation:fadeSlideUp .75s .3s var(--ease)both;flex-wrap:wrap;gap:12px;margin-bottom:44px;display:flex}.hero-btn-primary{color:#fff;transition:transform .25s var(--ease),box-shadow .25s;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 8px 32px #2563eb80}.hero-btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 48px #2563eba6}.hero-btn-primary svg{transition:transform .25s}.hero-btn-primary:hover svg{transform:translate(4px)}.hero-btn-ghost{color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .25s,background .25s,color .25s,transform .25s var(--ease);border:1.5px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;display:inline-flex}.hero-btn-ghost:hover{color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa99;transform:translateY(-2px)}.hero-stats{-webkit-backdrop-filter:blur(16px);width:100%;animation:fadeSlideUp .8s .4s var(--ease)both;background:#050c238c;border:1px solid #ffffff1f;border-radius:16px;flex-wrap:wrap;gap:0;margin-bottom:22px;display:flex;overflow:hidden}.hero-stat{text-align:center;border-right:1px solid #ffffff14;flex:1;min-width:90px;padding:16px 14px;transition:background .25s}.hero-stat:last-child{border-right:none}.hero-stat:hover{background:#ffffff0f}.hero-stat-num{background:linear-gradient(135deg,#93c5fd,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(18px,2.5vw,24px);font-weight:900;line-height:1;display:block}.hero-stat-label{color:#94b1dc99;font-size:10px;font-weight:500;display:block}.hero-trust{color:#94b1dc80;animation:fadeSlideUp .8s .5s var(--ease)both;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.hero-trust-chip{color:#b4d2f0bf;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:700}@media (max-width:768px){.hero-copy{max-width:100%}.hero-overlay{background:linear-gradient(#040a1ce0 0%,#060e26b8 60%,#060e2680 100%)}}@media (max-width:480px){.hero-h1{font-size:34px}.hero-sub{font-size:14px}}.about-section{background:#fff;overflow:hidden}.about-inner{grid-template-columns:1fr 1fr;min-height:600px;display:grid}.about-img-col{position:relative;overflow:hidden}.about-img-wrap{border-top-right-radius:120px;border-bottom-right-radius:120px;justify-content:center;align-items:flex-end;width:100%;height:100%;min-height:500px;display:flex;overflow:hidden}.about-img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.about-content-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:clamp(40px,5vw,72px) clamp(28px,5vw,64px);display:flex}.about-label{color:#1d4ed8;letter-spacing:.02em;background:#dce8fa;border:1.5px solid #afc5ef;border-radius:999px;width:fit-content;margin-bottom:20px;padding:8px 22px;font-family:Kanit,sans-serif;font-size:15px;font-weight:700;display:inline-block}.about-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 14px;font-family:Outfit,sans-serif;font-size:clamp(24px,3.5vw,38px);font-weight:800;line-height:1.2}.about-accent{color:#1d4ed8}.about-desc{color:#475569;max-width:480px;margin:0 0 28px;font-size:clamp(13px,1.5vw,15px);line-height:1.75}.about-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.about-stat-box{text-align:center;transition:transform var(--dur)var(--ease),box-shadow var(--dur);background:#b8cef5;border-radius:16px;padding:20px 14px}.about-stat-box:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1d4ed82e}.about-stat-num{color:#0f172a;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:clamp(20px,2.5vw,26px);font-weight:900;line-height:1;display:block}.about-stat-label{color:#1e3a6e;font-family:Kanit,sans-serif;font-size:13px;font-weight:600}.about-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.about-card{transition:transform var(--dur)var(--ease),box-shadow var(--dur);background:#e8edf5;border-radius:16px;flex-direction:column;gap:6px;padding:18px 14px;display:flex}.about-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1a}.about-card-icon{margin-bottom:4px;font-size:22px}.about-card-tag{color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em;font-family:Outfit,sans-serif;font-size:10px;font-weight:700}.about-card-title{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.about-card-desc{color:#64748b;margin:0;font-family:Kanit,sans-serif;font-size:12px;line-height:1.6}@media (max-width:900px){.about-inner{grid-template-columns:1fr}.about-img-col{min-height:300px}.about-img-wrap{border-top-right-radius:60px;border-bottom-right-radius:60px;min-height:300px}.about-content-col{padding:36px 24px 48px}.about-desc{max-width:100%}}@media (max-width:560px){.about-stats{grid-template-columns:repeat(3,1fr);gap:10px}.about-stat-num{font-size:18px}.about-stat-label{font-size:11px}.about-cards{grid-template-columns:1fr;gap:10px}}.stats-row{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px);margin-block:clamp(28px,4vw,48px);display:grid}.stat-box{background:var(--primary-light);border-radius:var(--radius);text-align:center;transition:border-color var(--dur),transform var(--dur)var(--ease),box-shadow var(--dur);border:1px solid #1d4ed826;padding:clamp(20px,3vw,28px)}.stat-box:hover{box-shadow:var(--shadow-md);border-color:#1d4ed859;transform:translateY(-4px)}.cards{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.5vw,22px);margin-top:clamp(20px,3vw,28px);display:grid}@media (max-width:980px){.cards{grid-template-columns:1fr 1fr}}@media (max-width:620px){.cards,.stats-row{grid-template-columns:1fr}}.products-section{background:#fff;padding-block:0}.product{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur),border-color var(--dur);flex-direction:column;display:flex;overflow:hidden}.product:hover{box-shadow:var(--shadow-md);border-color:#1d4ed840;transform:translateY(-6px)}.product .img{aspect-ratio:4/3;border-bottom:1px solid var(--card-border);background:#fff;place-items:center;display:grid;overflow:hidden}.product .img img{object-fit:contain;max-height:200px;transition:transform .5s var(--ease);mix-blend-mode:multiply}.product:hover .img img{transform:scale(1.06)}.product .body{flex-direction:column;flex:1;gap:8px;padding:clamp(16px,3vw,22px);display:flex}.product .body h3{color:var(--text);font-size:clamp(15px,1.8vw,18px);font-weight:700}.product-footer{border-top:1px solid #1d4ed81f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.pcard-price{color:#1d4ed8;font-family:Outfit,sans-serif;font-size:18px;font-weight:900;line-height:1}.pcard-capsules{color:#94a3b8;margin-top:2px;font-family:Kanit,sans-serif;font-size:11px}.pcard-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;padding:8px 20px;font-family:Kanit,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 14px #1d4ed859}.pcard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1d4ed873}@media (max-width:640px){.products-grid{grid-template-columns:1fr}.products-banner-imgs{display:none}.products-banner-title{font-size:22px}}.products-banner{background:#0f2057;border-radius:20px;margin:0 8px;padding:28px 0;position:relative;overflow:hidden}.products-banner-inner{z-index:1;justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto;padding:0 24px;display:flex;position:relative}.products-banner-text{text-align:center;flex:1}.products-banner-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:clamp(22px,4vw,36px);font-weight:900}.products-banner-accent{background:linear-gradient(90deg,#7dd8d8 0%,#5a9e8e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.products-banner-sub{color:#c8dcffcc;margin:0;font-family:Kanit,sans-serif;font-size:clamp(12px,1.5vw,14px);line-height:1.6}.products-banner-imgs{flex-shrink:0;align-items:flex-end;display:flex}.bn-bottle-clip{justify-content:center;align-items:flex-end;display:flex;position:relative}.bn-bottle-clip--m{width:clamp(60px,8vw,88px);height:clamp(90px,13vw,132px)}.bn-bottle-clip--s{width:clamp(50px,6.5vw,74px);height:clamp(70px,10vw,110px)}.products-banner-bottle{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 18px #00000080);opacity:.95;width:100%;height:100%}.products-banner-imgs--left .bn-bottle--back{transform-origin:bottom;z-index:1;margin-right:-30px;transform:rotate(-28deg)}.products-banner-imgs--left .bn-bottle--front{transform-origin:bottom;z-index:2;transform:rotate(-8deg)}.products-banner-imgs--right .bn-bottle--front{transform-origin:bottom;z-index:2;margin-right:-30px;transform:rotate(8deg)}.products-banner-imgs--right .bn-bottle--back{transform-origin:bottom;z-index:1;transform:rotate(28deg)}.products-tabs-wrap{align-items:center;gap:12px;max-width:900px;margin:24px auto 0;padding:0 24px;display:flex}.products-tabs-label{color:#64748b;white-space:nowrap;font-family:Kanit,sans-serif;font-size:14px;font-weight:600}.products-tabs{flex-wrap:wrap;gap:10px;display:flex}.products-tab{color:#3a4a8a;cursor:pointer;z-index:0;background:#fff;border:1.5px solid #3a4a8a;border-radius:999px;padding:10px 28px;font-family:Kanit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;position:relative}.products-tab:before{content:"";z-index:-1;border-radius:6px;position:absolute;inset:6px 10px}.products-tab:hover{background:#f0f2ff}.products-tab--active{color:#fff;background:#5560a8;border-color:#3a4a8a}.products-tab--active:hover{color:#fff;background:#5560a8}.products-grid-wrap{max-width:900px;margin:20px auto 0;padding:0 24px 48px}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:600px){.products-grid{grid-template-columns:1fr}}.pcard{transition:transform .25s var(--ease),box-shadow .25s;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;margin-top:60px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 12px #0f172a12}.pcard:hover{border-color:#bfdbfe;transform:translateY(-5px);box-shadow:0 12px 32px #1d4ed821}.pcard-badge{z-index:2;color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;padding:3px 10px;font-family:Kanit,sans-serif;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #1d4ed866}.pcard-img-wrap{background:#f8fafc;border-radius:20px 20px 0 0;justify-content:center;align-items:flex-end;min-height:140px;padding:0 20px 12px;display:flex;position:relative;overflow:visible}.pcard-img{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 12px 24px #0000002e);max-width:80%;max-height:200px;transition:transform .4s var(--ease);transform:rotate(-25deg)translateY(-40px)}.pcard:hover .pcard-img{transform:rotate(-25deg)translateY(-46px)scale(1.04)}.pcard-body{background:#e8edf5;border-radius:0 0 20px 20px;flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.pcard-tag{color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.pcard-title{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:clamp(13px,1.6vw,15px);font-weight:700;line-height:1.3}.pcard-desc{color:#64748b;margin:0;font-family:Kanit,sans-serif;font-size:12px;line-height:1.6}.pcard-footer{border-top:1px solid #1d4ed81f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.services-section{background:var(--bg-3)}.steps{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,20px);margin-top:clamp(20px,3vw,32px);display:grid}.step{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--dur)var(--ease),box-shadow var(--dur),border-color var(--dur);padding:clamp(18px,3vw,24px)}.step:hover{box-shadow:var(--shadow-md);border-color:#1d4ed847;transform:translateY(-4px)}.step .num{background:var(--grad-brand);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:18px;font-weight:900;display:grid;box-shadow:0 4px 14px #1d4ed84d}.step h3{color:var(--text);margin-bottom:8px;font-size:clamp(14px,1.5vw,17px);font-weight:700}@media (max-width:1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.steps{grid-template-columns:1fr}}.gallery-section{background:var(--bg-2)}.gallery-swiper{padding-bottom:48px!important}.gallery-slide-inner{border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow-card);aspect-ratio:16/10;position:relative;overflow:hidden}.gallery-slide-inner img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.gallery-slide-inner:hover img{transform:scale(1.07)}.gallery-overlay{opacity:0;transition:opacity var(--dur);border-radius:inherit;background:linear-gradient(#0000 45%,#0f172ab3 100%);position:absolute;inset:0}.gallery-slide-inner:hover .gallery-overlay{opacity:1}.gallery-caption{color:#fff;opacity:0;transition:opacity var(--dur),transform var(--dur);font-size:14px;font-weight:600;position:absolute;bottom:16px;left:16px;transform:translateY(6px)}.gallery-slide-inner:hover .gallery-caption{opacity:1;transform:translateY(0)}.swiper-pagination-bullet{opacity:1!important;transition:background var(--dur),transform var(--dur)!important;background:#cbd5e1!important}.swiper-pagination-bullet-active{background:var(--primary)!important;transform:scale(1.3)!important;box-shadow:0 0 10px #1d4ed873!important}.contact-section{background:var(--bg)}.contact{grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,40px);display:grid}.form{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:clamp(20px,4vw,36px)}.form h3{color:var(--text);margin-bottom:20px;font-size:clamp(18px,2vw,22px);font-weight:700}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.input,.textarea,.select{border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--dur),box-shadow var(--dur),background var(--dur);background:#f8faff;border:1.5px solid #dce6f5;padding:13px 16px;font-family:inherit;font-size:14px}.input::placeholder,.textarea::placeholder{color:#94a3b8}.select{appearance:none;cursor:pointer}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--ring);background:#fff;outline:none}.textarea{resize:vertical;min-height:120px}.aside{border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,#1d4ed8,#2563eb);flex-direction:column;gap:0;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 8px 32px #1d4ed859}.aside-title{color:#fff;margin-bottom:4px;font-size:clamp(18px,2vw,22px);font-weight:800}.aside-subtitle{color:#ffffffa6;margin-bottom:22px;font-size:13px}.aside .row{border-bottom:1px solid #ffffff1f;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.aside .row:last-of-type{border-bottom:none}.aside .dot-icon{background:#ffffff26;border:1px solid #fff3;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.aside .row-text small{color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;display:block}.aside .row-text strong{color:#fff;font-size:14px}.social-icons{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.social-btn{border-radius:var(--radius-sm);color:#fff;transition:transform var(--dur)var(--ease),box-shadow var(--dur);align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.social-btn.fb{background:#1877f2}.social-btn.tk{background:#ffffff26;border:1px solid #fff3}.social-btn.sp{background:#ee4d2d}.contact-disclaimer{border-radius:var(--radius-sm);color:#ffffffa6;background:#ffffff1f;border:1px solid #ffffff26;margin-top:18px;padding:12px 14px;font-size:11px;line-height:1.6}@media (max-width:860px){.contact{grid-template-columns:1fr}}.svc-section{background:#b8c8f0;border-radius:48px;margin:0 8px;padding:clamp(40px,6vw,72px) 0}.svc-inner{max-width:860px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.svc-header{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.svc-badge{color:#fff;letter-spacing:.04em;background:#5a5060;border-radius:999px;padding:6px 22px;font-family:Kanit,sans-serif;font-size:13px;font-weight:700;display:inline-block}.svc-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(22px,3.5vw,34px);font-weight:800}.svc-accent{color:#1d4ed8}.svc-divider{background:#1d4ed8;border-radius:99px;width:48px;height:3px}.svc-desc{color:#475569;max-width:500px;margin:0;font-family:Kanit,sans-serif;font-size:clamp(13px,1.6vw,15px)}.svc-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.svc-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:clamp(20px,3vw,32px);transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 20px #0f172a14;background:#fff!important}.svc-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #1d4ed821}.svc-card-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.svc-card-title{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:clamp(14px,1.8vw,17px);font-weight:700}.svc-card-desc{color:#64748b;margin:0;font-family:Kanit,sans-serif;font-size:clamp(12px,1.4vw,14px);line-height:1.65}@media (max-width:560px){.svc-grid{grid-template-columns:1fr}}.gal-section{background:#fff;padding:clamp(36px,5vw,64px) 0 clamp(40px,5vw,64px)}.gal-header{text-align:center;margin-bottom:28px;padding:0 clamp(16px,5vw,40px)}.gal-title{color:#0f172a;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:clamp(18px,2.8vw,26px);font-weight:800}.gal-sub{color:#64748b;margin:0 0 6px;font-family:Kanit,sans-serif;font-size:clamp(12px,1.5vw,14px)}.gal-hint{color:#1d4ed8;margin:0;font-family:Kanit,sans-serif;font-size:13px}.gal-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:12px clamp(16px,5vw,40px) 20px;display:flex;overflow-x:auto}.gal-row::-webkit-scrollbar{display:none}.gal-item{flex-direction:column;flex:0 0 40vw;gap:8px;max-width:320px;display:flex}.gal-placeholder{aspect-ratio:4/3;cursor:pointer;background:#d4d8e2;border-radius:18px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}.gal-placeholder:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000021}.gal-pic-label{color:#8a8f9e;letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:700}.gal-caption{color:#475569;text-align:center;margin:0;font-family:Kanit,sans-serif;font-size:13px}.gal-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s galFadeIn;display:flex;position:fixed;inset:0}@keyframes galFadeIn{0%{opacity:0}to{opacity:1}}.gal-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;animation:.25s galSlideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000040}@keyframes galSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.gal-modal-close{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.gal-modal-close:hover{background:#0009}.gal-modal-img{background:#d4d8e2;justify-content:center;align-items:center;height:220px;display:flex}.gal-modal-body{flex-direction:column;gap:10px;padding:20px 24px 24px;display:flex}.gal-modal-caption{color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em;margin:0;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.gal-modal-stars{gap:2px;line-height:1;display:flex}.gal-modal-review{color:#374151;margin:0;font-family:Kanit,sans-serif;font-size:15px;font-style:italic;line-height:1.7}.gal-modal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.gal-modal-reviewer{color:#0f172a;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.gal-modal-date{color:#94a3b8;font-family:Kanit,sans-serif;font-size:12px}.ctc-section{background:#fff;padding:clamp(40px,6vw,72px) clamp(16px,5vw,48px)}.ctc-header{text-align:center;margin-bottom:32px}.ctc-title{color:#0f172a;text-underline-offset:6px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:clamp(22px,3.5vw,32px);font-weight:800;-webkit-text-decoration:underline #1d4ed8;text-decoration:underline #1d4ed8}.ctc-title-line{background:#d1d5db;border-radius:99px;width:60px;height:3px;margin:0 auto}.ctc-wrap{border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 40px #0f172a1a}.ctc-aside{color:#fff;background:#1d3ca8;flex-direction:column;gap:24px;padding:32px 28px;display:flex}.ctc-aside-name{letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.ctc-aside-sub{color:#ffffffb3;margin-top:4px;font-family:Kanit,sans-serif;font-size:13px}.ctc-info-list{flex-direction:column;gap:0;display:flex}.ctc-info-row{border-bottom:1px solid #ffffff1f;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.ctc-info-row:last-child{border-bottom:none}.ctc-info-icon{background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.ctc-info-label{color:#fff9;margin-bottom:2px;font-family:Kanit,sans-serif;font-size:11px}.ctc-info-value{color:#fff;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;line-height:1.4}.ctc-socials{flex-wrap:wrap;gap:8px;display:flex}.ctc-social-btn{color:#fff;background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.ctc-social-btn:hover{background:#ffffff4d}.ctc-disclaimer{color:#ffffff80;background:#ffffff14;border-radius:10px;padding:10px 12px;font-family:Kanit,sans-serif;font-size:11px;line-height:1.6}.ctc-form{background:#f8fafc;border:2px solid #d1d5db;border-radius:0 24px 24px 0;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.ctc-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ctc-field{flex-direction:column;gap:5px;display:flex}.ctc-label{color:#475569;letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.ctc-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Kanit,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.ctc-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ctc-textarea{resize:vertical;min-height:110px}.ctc-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:12px;padding:13px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #1d4ed84d}.ctc-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1d4ed866}@media (max-width:700px){.ctc-wrap,.ctc-field-row{grid-template-columns:1fr}}.swiper-wrapper{height:auto!important}