@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{--ink:#17151a;--muted:#6f6971;--purple:#3b0a4a;--violet:#7257b5;--lavender:#eee8f5;--cream:#f8f5f0;--white:#fff;--line:#ded7d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans Thai,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f8f5f0f0;border-bottom:1px solid #3b0a4a14;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,76px);display:flex;position:sticky;top:0}.brand,.footer-brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;width:52px;height:52px}.brand span,.footer-brand span{flex-direction:column;line-height:1;display:flex}.brand strong{font-size:20px}.brand small,.footer-brand small{letter-spacing:.12em;color:var(--purple);margin-top:6px;font-size:8px}.site-header nav{gap:clamp(20px,3vw,48px);font-size:15px;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--violet);height:2px;transition:all .2s;position:absolute;bottom:-8px;left:0;right:100%}.site-header nav a:hover:after{right:0}.header-cta{border:1px solid var(--violet);color:var(--purple);padding:12px 18px;font-weight:600}.header-cta span,.btn span{margin-left:14px}.hero{grid-template-columns:48% 52%;min-height:720px;display:grid;overflow:hidden}.hero-copy{z-index:2;padding:clamp(80px,9vw,135px) 4vw 60px clamp(28px,6vw,88px);position:relative}.eyebrow,.kicker{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow i{background:var(--violet);width:38px;height:2px}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.055em;margin:30px 0 28px;font-size:clamp(48px,5.25vw,78px);font-weight:800;line-height:.95}.hero h1 em{color:var(--purple);font-size:48px;font-style:normal}.hero-copy>p{max-width:610px;color:var(--muted);font-size:20px;line-height:1.7}.hero-actions{gap:16px;margin:38px 0 56px;display:flex}.btn{justify-content:center;align-items:center;min-height:58px;padding:0 26px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:#fff}.secondary{color:var(--purple);border:1px solid #a38daf}.location{color:var(--violet);border-top:1px solid #b9aabf;padding-top:18px;font-size:14px}.location span{margin-right:10px}.hero-visual{min-height:720px;position:relative}.hero-visual:before{content:"";background:var(--cream);clip-path:polygon(0 0,40% 0,100% 100%,0 100%);z-index:2;width:180px;height:100%;position:absolute;top:0;left:-70px}.hero-visual>img{object-fit:cover;object-position:58% center;width:100%;height:100%}.purple-block{background:var(--purple);z-index:3;width:42%;height:10px;position:absolute;top:0;right:0}.experience{color:#fff;z-index:4;background:#3b0a4af0;align-items:center;gap:18px;padding:24px 42px;display:flex;position:absolute;bottom:0;right:0}.experience strong{font-size:44px}.experience span{font-size:12px;line-height:1.5}.trust-bar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);padding:30px clamp(28px,6vw,88px);display:grid}.trust-bar div{border-right:1px solid var(--line);flex-direction:column;padding:0 28px;display:flex}.trust-bar div:first-child{padding-left:0}.trust-bar div:last-child{border:0}.trust-bar strong{color:var(--purple);font-size:16px}.trust-bar span{color:var(--muted);margin-top:5px;font-size:12px}.section{padding:120px clamp(28px,7vw,108px)}.section-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:64px;display:grid}.section h2,.promo h2,.about h2,.contact h2{letter-spacing:-.04em;margin:18px 0;font-size:clamp(38px,4vw,60px);line-height:1.18}.section-head>p{color:var(--muted);max-width:520px;font-size:17px;line-height:1.8}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.service-grid article{border-right:1px solid var(--line);min-height:300px;padding:24px 20px 34px;transition:all .25s}.service-grid article:first-child{padding-left:20px}.service-grid article:last-child{border:0}.service-grid article:hover{background:#fff;transform:translateY(-4px)}.number{color:var(--violet);margin-top:20px;font-size:12px;display:block}.service-image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.service-grid h3{margin:18px 0 14px;font-size:22px}.service-grid p{color:var(--muted);font-size:14px;line-height:1.7}.service-grid a{color:var(--purple);margin-top:16px;font-size:13px;font-weight:700;display:inline-block}.service-grid b{margin-left:12px}.promo,.contact{background:var(--purple);color:#fff;grid-template-columns:1.15fr .85fr;align-items:center;gap:100px;padding:100px clamp(28px,7vw,108px);display:grid}.contact{isolation:isolate;background:radial-gradient(circle at 72% 22%,#894aaa6b 0%,#5a1c702e 28%,#0000 52%),linear-gradient(135deg,#270430 0%,#4a0d5c 48%,#31053e 100%);grid-template-columns:.95fr 1.05fr;gap:65px;min-height:660px;padding-top:120px;padding-bottom:120px;position:relative;overflow:hidden}.contact>*{z-index:1;position:relative}.contact:before,.contact:after{content:"";z-index:0;pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.contact:before{width:560px;height:560px;top:-210px;right:-170px}.contact:after{width:760px;height:760px;bottom:-410px;right:-310px}.contact-benefits{gap:14px;margin:34px 0 0;padding:0;list-style:none;display:grid}.contact-benefits li{color:#fff;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.contact-benefits li>span{color:#35e379;background:#06c75524;border:1px solid #06c7558c;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:grid}.promo{grid-template-columns:.8fr 1.2fr;gap:50px}.kicker.light{color:#d9c9e3}.promo>div>p,.contact>div>p{color:#ddcedf;max-width:620px;font-size:17px;line-height:1.8}.btn.white{color:var(--purple);background:#fff;margin-top:24px}.promo-card{color:var(--ink);background:#f4edf7;padding:42px}.promo-card small{color:var(--violet)}.promo-card>strong{margin:20px 0;font-size:18px;display:block}.promo-card>strong b{color:var(--purple);font-size:48px;display:block}.promo-card ul{padding-left:22px;line-height:2}.promo-card .note{color:var(--muted);font-size:11px}.promo-media{background:#f4edf7;width:100%;min-width:0;position:relative;overflow:hidden}.promo-media picture,.promo-media img{width:100%;display:block}.promo-media img{aspect-ratio:16/9;object-fit:cover;-webkit-user-select:none;user-select:none;height:auto}.promo-slide{animation:.35s promoFade}@keyframes promoFade{0%{opacity:.35}to{opacity:1}}.promo-arrow{z-index:2;color:#fff;cursor:pointer;background:#130819b8;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:30px;line-height:1;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.promo-arrow:hover{background:var(--purple);transform:translateY(-50%)scale(1.06)}.promo-prev{left:14px}.promo-next{right:14px}.promo-dots{z-index:2;background:#1308199e;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.promo-dot{cursor:pointer;background:#ffffff8c;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:all .2s}.promo-dot.active{background:#fff;width:24px}.works{background:#fff}.work-grid{grid-template-columns:1.25fr .75fr;gap:16px;height:580px;display:grid}.work-grid>div,.work-side>div{background:#dbd2c9;position:relative;overflow:hidden}.work-main{background:linear-gradient(135deg,#c9b9ce,#f0ebe6)!important}.work-side{grid-template-rows:1fr 1fr;gap:16px;display:grid;background:0 0!important}.work-side>div:first-child{background:#ded9ce}.work-side>div:last-child{background:#d8cadb}.work-main:after,.work-side>div:after{content:none}.work-grid span,.work-grid h3{z-index:2;background:#ffffffe6;margin:0;padding:8px 12px;position:absolute;left:28px}.work-grid span{color:var(--violet);font-size:11px;bottom:66px}.work-grid h3{font-size:16px;bottom:24px}.facebook-works{color:#fff;background:#1877f2;border:1px solid #0f67d8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:32px;padding:28px 30px;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:grid;box-shadow:0 14px 34px #1877f238}.facebook-works:hover{background:#0f6fe5;transform:translateY(-3px);box-shadow:0 18px 40px #1877f252}.facebook-icon{background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.facebook-icon svg{fill:#1877f2;width:40px;height:40px}.facebook-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.facebook-copy small{color:#ffffffc7;font-size:12px;font-weight:700}.facebook-copy strong{color:#fff;font-size:clamp(22px,2vw,30px);line-height:1.25}.facebook-copy>span{color:#ffffffd6;font-size:14px}.facebook-action{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff80;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:800;display:flex}.facebook-action b{font-size:22px;line-height:1}.about{background:var(--lavender);grid-template-columns:minmax(430px,.9fr) 1.1fr;align-items:center;gap:clamp(56px,6vw,100px);padding:120px clamp(28px,8vw,128px);display:grid}.about-visual{justify-self:center;width:100%;max-width:620px}.about-visual img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.about>div>p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.85}.about-facts{border-top:1px solid #b9a9c5;grid-template-columns:1fr 1fr;gap:30px;margin-top:36px;padding-top:26px;display:grid}.about-facts div{flex-direction:column;display:flex}.about-facts strong{color:var(--purple)}.about-facts span{color:var(--muted);margin-top:5px;font-size:13px}.process{text-align:center}.process h2{margin:20px auto 50px}.steps{border:1px solid var(--line);background:#ffffff59;border-radius:22px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden;box-shadow:0 18px 45px #3b0a4a0f}.steps article{border-right:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;min-height:350px;padding:28px 26px 34px;transition:background .25s,transform .25s;display:flex}.steps article:hover{background:#7257b50f;transform:translateY(-4px)}.step-icon{transition:transform .25s,box-shadow .25s}.steps article:hover .step-icon{transform:scale(1.04);box-shadow:0 14px 30px #3b0a4a1f}.steps article:last-child{border-right:0}.step-number{color:var(--violet);align-self:flex-start;font-size:14px;font-weight:700}.step-number:after{content:"";background:var(--violet);width:28px;height:2px;margin-top:10px;display:block}.step-icon{background:linear-gradient(145deg,#f2edf8 0%,#e8def3 100%);border-radius:50%;place-items:center;width:124px;height:124px;margin:16px auto 22px;display:grid;position:relative}.step-icon:after{content:"";background:#7257b521;border-radius:50%;width:38px;height:38px;position:absolute;bottom:8px;right:2px}.step-icon img{z-index:1;object-fit:contain;width:88px;height:88px;position:relative}.steps h3{color:var(--ink);margin:0 0 10px;font-size:21px}.steps p{max-width:250px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.reviews{background:radial-gradient(circle at 90% 5%, #4285f414, transparent 28%), var(--lavender);padding-bottom:84px;position:relative;overflow:hidden}.reviews-head{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:44px;display:flex}.reviews-head h2{margin:18px 0 0}.google-rating{background:#fff;border:1px solid #3b0a4a1f;border-radius:18px;flex:none;align-items:center;gap:15px;padding:22px 22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #3b0a4a14}.google-rating:before{content:"";background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75% 100%);height:4px;position:absolute;top:0;left:0;right:0}.google-mark{background:#fff;border:1px solid #3c40431f;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 18px #3c404314}.google-mark svg{width:28px;height:28px;display:block}.google-rating>div{flex-direction:column;display:flex}.google-rating strong{font-size:18px}.google-rating small{color:var(--muted);margin-top:3px;font-size:11px}.review-stars{color:#f5a623;letter-spacing:2px;font-size:16px}.reviews-slider{position:relative}.review-nav{z-index:3;width:46px;height:46px;color:var(--purple);cursor:pointer;background:#fffffff5;border:1px solid #3b0a4a24;border-radius:50%;place-items:center;padding:0;font-size:28px;line-height:1;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #3b0a4a29}.review-nav:hover{background:var(--purple);color:#fff;transform:translateY(-50%)scale(1.06)}.review-nav-previous{left:-23px}.review-nav-next{right:-23px}.reviews-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:calc(33.3333% - 13.3333px);grid-auto-flow:column;gap:20px;padding:4px 4px 12px;display:grid;overflow-x:auto}.reviews-track::-webkit-scrollbar{display:none}.review-card{min-height:285px;color:var(--ink);scroll-snap-align:start;background:#fff;border:1px solid #3b0a4a1c;border-radius:20px;flex-direction:column;padding:27px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 15px 36px #3b0a4a12}.review-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #3b0a4a21}.review-top{align-items:center;gap:13px;display:flex}.review-avatar{background:linear-gradient(145deg, var(--purple), var(--violet));color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:grid}.review-top>div{flex-direction:column;flex:1;min-width:0;display:flex}.review-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.review-top span{color:var(--muted);margin-top:3px;font-size:11px}.review-top b{color:var(--violet);font-size:18px}.review-card>.review-stars{margin-top:22px}.review-card p{color:#504657;flex:1;margin:15px 0 22px;font-size:14px;line-height:1.75}.review-source{color:var(--violet);font-size:12px;font-weight:700}.review-actions{justify-content:center;margin-top:24px;display:flex}.line-card{color:var(--ink);background:#fff;border:2px solid #06c755;border-radius:22px;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:32px;padding:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0c001261,0 0 55px #7257b52e}.line-card:after{content:"แนะนำ ★";color:#fff;background:#06c755;padding:9px 16px;font-size:11px;font-weight:800;position:absolute;top:0;right:0}.line-card-info{min-width:0}.line-card-head{align-items:center;gap:18px;padding-right:70px;display:flex}.line-logo{color:#fff;letter-spacing:-.04em;background:#06c755;border-radius:21px;flex:none;place-items:center;width:72px;height:72px;font-size:18px;font-weight:900;display:grid;position:relative;box-shadow:0 10px 24px #06c75540}.line-logo:after{content:"";border-top:8px solid #06c755;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:8px solid #0000;position:absolute;bottom:-6px;left:16px}.line-card-head small{color:#55505a;font-size:12px;font-weight:700;display:block}.line-card-head strong{color:#161217;letter-spacing:-.04em;margin-top:3px;font-size:clamp(38px,4vw,52px);line-height:1;display:block}.line-button{color:#fff;background:#06c755;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:28px;padding:16px 20px;font-size:16px;font-weight:800;transition:transform .2s,background .2s;display:flex}.line-button:hover{background:#05b94d;transform:translateY(-2px)}.line-button>span{color:#06c755;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.line-button b{margin-left:auto;font-size:18px}.line-note{color:#6e6871;margin:20px 0 0;font-size:13px;line-height:1.7}.line-hours{color:#302a32;align-items:center;gap:9px;margin:20px 0 0;font-size:13px;font-weight:700;display:flex}.line-hours>span{color:#06c755;border:2px solid #06c755;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.line-qr{text-align:center;background:#fafafa;border:1px solid #e2dee3;border-radius:16px;flex-direction:column;align-items:center;padding:22px 16px;display:flex;box-shadow:0 10px 24px #00000012}.line-qr img{object-fit:contain;width:180px;height:180px;display:block}.line-qr strong{color:var(--ink);margin-top:13px;font-size:16px}.line-qr span{color:var(--muted);margin-top:3px;font-size:12px}footer{color:#fff;background:#130819;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:52px clamp(28px,7vw,108px);display:grid}.footer-brand img{object-fit:contain;background:#fff;border-radius:50%;width:50px;height:50px}.footer-brand strong{font-size:18px}.footer-brand small{color:#fff}footer>p{color:#ab9caf;font-size:13px}footer>div{justify-content:flex-end;gap:30px;font-size:13px;display:flex}footer>small{color:#827486;border-top:1px solid #34263a;grid-column:1/-1;padding-top:24px}.floating-line{color:#fff;z-index:30;background:#17b65b;border-radius:50%;place-items:center;width:60px;height:60px;font-size:12px;font-weight:800;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 30px #00000038}@media (width<=980px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px}.hero-visual{min-height:520px}.hero-visual>img{object-position:100% center}.hero-visual:before{display:none}.trust-bar,.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.section-head,.promo,.contact,.about{grid-template-columns:1fr;gap:40px}.work-grid{grid-template-columns:1fr;height:auto}.work-main{height:420px}.work-side{height:500px}.about-visual{margin:0 auto 20px}}@media (width<=620px){.site-header{height:74px;padding:0 18px}.brand img{width:42px;height:42px}.brand strong{font-size:16px}.brand small{font-size:6px}.header-cta{padding:9px 12px;font-size:12px}.hero{min-height:auto}.hero-copy{padding:58px 22px 44px}.hero h1{font-size:43px}.hero h1 em{font-size:36px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column;margin-bottom:40px}.hero-visual{height:460px;min-height:0;position:relative;overflow:hidden}.hero-visual>img{object-fit:cover;object-position:100% center;width:100%;height:100%;position:absolute;inset:0}.location{font-size:12px;line-height:1.6}.experience{padding:16px 20px}.trust-bar{grid-template-columns:1fr 1fr;padding:20px}.trust-bar div{border-bottom:1px solid var(--line);padding:14px}.section{padding:82px 22px}.section-head{gap:20px}.section-head>p{font-size:15px}.service-grid,.steps{grid-template-columns:1fr}.service-grid article,.service-grid article:first-child,.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:30px 8px}.steps{border-radius:18px}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:30px 20px 34px}.steps article:last-child{border-bottom:0}.step-icon{width:112px;height:112px;margin-top:18px}.step-icon img{width:80px;height:80px}.reviews-head{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:30px}.google-rating{width:100%}.reviews-track{grid-auto-columns:86%;gap:14px;margin-right:-22px;padding-right:22px}.reviews{padding-bottom:64px}.review-nav{width:40px;height:40px;font-size:24px}.review-nav-previous{left:-8px}.review-nav-next{right:-8px}.review-card{min-height:290px;padding:22px}.review-card p{font-size:13px}.review-actions .btn{justify-content:center;width:100%}.service-grid h3{margin-top:24px}.promo,.contact,.about{padding:76px 22px}.line-card{border-radius:18px;grid-template-columns:1fr;gap:24px;padding:26px 20px}.line-card:after{padding:7px 12px;font-size:9px}.line-card-head{gap:14px;padding-right:45px}.line-logo{border-radius:17px;width:58px;height:58px;font-size:15px}.line-card-head strong{font-size:36px}.line-button{margin-top:24px}.line-qr{justify-self:center;width:100%;max-width:260px}.line-qr img{width:170px;height:170px}.promo-card{padding:28px 22px}.promo-card>strong b{font-size:40px}.promo-media img{aspect-ratio:4/5}.promo-arrow{width:38px;height:38px;font-size:26px}.promo-prev{left:8px}.promo-next{right:8px}.promo-dots{bottom:10px}.work-main{height:330px}.work-side{height:440px}.about-facts{grid-template-columns:1fr}.contact{min-height:auto}.contact-benefits{gap:12px;margin-top:26px}.contact-benefits li{font-size:14px}footer{grid-template-columns:1fr;padding:45px 22px}footer>div{justify-content:flex-start}footer>small{grid-column:auto}.floating-line{width:52px;height:52px}.facebook-works{grid-template-columns:54px minmax(0,1fr);gap:16px;padding:22px 20px}.facebook-icon{width:54px;height:54px}.facebook-icon svg{width:34px;height:34px}.facebook-copy strong{font-size:20px}.facebook-copy>span{font-size:13px}.facebook-action{grid-column:1/-1;justify-content:center;width:100%;margin-top:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}