@font-face{font-family:Kodchasan;src:url(fonts/Kodchasan-Regular.ttf);font-display:swap}@font-face{font-family:Kodchasan;src:url(fonts/Kodchasan-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Regular.ttf);font-display:swap}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Bold.ttf);font-weight:700;font-display:swap}:root{--ink:oklch(.16 .035 145);--green:oklch(.35 .11 140);--deep:oklch(.23 .075 140);--sun:oklch(.88 .17 88);--coral:oklch(.67 .18 32);--sky:oklch(.78 .12 210);--surface:oklch(.965 .012 140);--muted:oklch(.43 .035 145);--white:oklch(1 0 0);--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.7 Sarabun,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Kodchasan,Sarabun,sans-serif;line-height:1.08;text-wrap:balance}.skip{position:fixed;left:12px;top:-80px;z-index:50;background:var(--sun);padding:10px 16px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}[hidden]{display:none!important}.promo{min-height:42px;display:flex;align-items:center;justify-content:center;background:var(--coral);color:white;padding:8px 48px;position:relative}.promo a{display:flex;gap:22px}.promo button{position:absolute;right:16px;border:0;background:transparent;color:white;font-size:1.4rem;cursor:pointer}
.site-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:12px max(22px,calc((100vw - var(--max))/2));background:var(--white);border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--sun)}.brand-mark img{width:29px;filter:brightness(0) saturate(100%) invert(32%) sepia(15%) saturate(1764%) hue-rotate(60deg) brightness(91%)}.brand b,.brand small{display:block}.brand b{font:700 1.35rem/1 Kodchasan,sans-serif}.brand small{font-size:.57rem;letter-spacing:.08em;margin-top:4px;color:var(--muted)}nav{display:flex;gap:22px;margin-left:auto;white-space:nowrap}nav a{font-weight:700;padding:10px 0}nav a:hover{color:var(--green)}.head-cta{background:var(--green);color:white;padding:13px 18px;font-weight:700;border-radius:999px}.head-cta span{color:var(--sun);margin-left:12px}
.hero{min-height:710px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--green)}.hero-copy{padding:clamp(55px,7vw,110px) max(25px,calc((100vw - var(--max))/2));padding-right:clamp(35px,6vw,90px);color:white;display:flex;flex-direction:column;justify-content:center}.hero-tag{align-self:flex-start;background:var(--sun);color:var(--ink);padding:7px 13px;border-radius:999px;font-weight:700}.hero h1{font-size:clamp(3.8rem,6.8vw,5.8rem);letter-spacing:-.035em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--sun)}.hero-copy>p{max-width:54ch;color:oklch(.93 .02 140)}.hero-actions{display:flex;gap:10px;margin:16px 0 28px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:12px 21px;font-weight:700;border-radius:999px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.button:hover{transform:translateY(-3px)}.button.sun{background:var(--sun);color:var(--ink)}.button.line{border:2px solid white;color:white}.hero-copy ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.hero-copy li{border:1px solid oklch(1 0 0/.5);border-radius:999px;padding:6px 12px;font-size:.9rem}.hero-photo{position:relative;margin:0;min-height:710px}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo figcaption{position:absolute;left:0;bottom:0;background:var(--sun);padding:18px 22px;display:grid;max-width:380px}.hero-photo figcaption b{font:700 1.15rem Kodchasan,sans-serif}
.intro{width:min(var(--max),calc(100% - 44px));margin:auto;padding:120px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.intro-title img{width:55px;margin-bottom:30px}.intro h2,.product-lead h2,.mix-copy h2,.guide h2,.price-title h2,.process>h2,.gallery-title h2,.standards>h2,.faq h2,.contact-copy h2{font-size:clamp(2.7rem,5vw,5.1rem);letter-spacing:-.03em}.intro-copy{columns:2;column-gap:45px}.intro-copy p{break-inside:avoid;color:var(--muted)}
.products{background:var(--deep);color:white;padding:110px max(22px,calc((100vw - var(--max))/2))}.product-lead{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:55px}.product-lead p{color:oklch(.84 .025 140)}.shelf{border-top:1px solid oklch(1 0 0/.35)}.feed-row{display:grid;grid-template-columns:78px 1fr 150px 230px;align-items:center;gap:24px;padding:24px 20px;border-bottom:1px solid oklch(1 0 0/.35);color:var(--ink)}.feed-row h3{font-size:1.42rem;margin-bottom:5px}.feed-row p{margin:0;max-width:65ch}.feed-row b{text-align:right;font:700 1.12rem Kodchasan,sans-serif}.feed-row.yellow{background:var(--sun)}.feed-row.sky{background:var(--sky)}.feed-row.coral{background:var(--coral);color:white}.feed-row.green{background:oklch(.62 .13 140);color:var(--ink)}.feed-icon{width:58px;height:58px;display:grid;place-items:center;background:oklch(1 0 0/.8);border-radius:50%}.feed-icon img{width:30px}.feed-type{font-weight:700;font-size:.78rem;letter-spacing:.08em}.feed-row.coral .feed-icon img{filter:none}
.mix-show{display:grid;grid-template-columns:1fr 1fr}.mix-image img{width:100%;height:100%;object-fit:cover}.mix-copy{padding:clamp(60px,8vw,125px);background:var(--surface);display:flex;flex-direction:column;justify-content:center}.mix-copy dl{margin:25px 0 0}.mix-copy dl div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;border-top:2px solid var(--ink)}.mix-copy dt{font:700 1.12rem Kodchasan,sans-serif}.mix-copy dd{margin:0;color:var(--muted)}
.guide{padding:120px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;background:var(--sun)}.guide-head p{max-width:58ch}.guide ol{list-style:none;margin:0;padding:0}.guide li{display:grid;grid-template-columns:70px 190px 1fr;gap:22px;align-items:center;padding:22px 0;border-top:2px solid var(--ink)}.guide li:last-child{border-bottom:2px solid var(--ink)}.guide li::before{content:counter(list-item);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:700}.guide li b{font-family:Kodchasan,sans-serif}.guide li span{color:oklch(.3 .035 100)}
.prices{padding:120px max(22px,calc((100vw - var(--max))/2));background:var(--white)}.price-title{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.price-title p{color:var(--muted)}.price-board{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink)}.price-board>div{min-height:240px;padding:26px;border-right:3px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.price-board>div:last-child{border:0}.price-board>div:nth-child(1){background:var(--sun)}.price-board>div:nth-child(2){background:var(--sky)}.price-board>div:nth-child(3){background:var(--coral);color:white}.price-board>div:nth-child(4){background:oklch(.62 .13 140)}.price-board span{font-weight:700}.price-board b{font:700 clamp(3.6rem,6vw,5.5rem)/1 Kodchasan,sans-serif}.price-board small{font-weight:700}
.process{padding:120px max(22px,calc((100vw - var(--max))/2));background:var(--green);color:white}.process>h2{max-width:800px;color:var(--sun)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.steps article{padding:26px 26px 40px;border-top:2px solid white;border-right:1px solid oklch(1 0 0/.4)}.steps article:last-child{border-right:0}.steps span{font:700 2rem Kodchasan,sans-serif;color:var(--sun)}.steps h3{font-size:1.4rem;margin:42px 0 10px}.steps p{color:oklch(.9 .025 140)}
.gallery{padding:120px max(22px,calc((100vw - var(--max))/2));background:var(--surface)}.gallery-title{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:50px}.gallery-title p{max-width:55ch;color:var(--muted)}.collage{display:grid;grid-template-columns:1.15fr .85fr;grid-auto-rows:330px;gap:10px}.collage figure{position:relative;margin:0;overflow:hidden;background:white}.collage .wide{grid-column:1/-1}.collage .tall{grid-row:span 2}.collage img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.collage figure:hover img{transform:scale(1.02)}.collage figcaption{position:absolute;left:0;bottom:0;background:var(--sun);padding:9px 14px;font-weight:700}
.standards{padding:120px max(22px,calc((100vw - var(--max))/2));background:var(--sky)}.standards>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:3px solid var(--ink)}.standards article{padding:30px 30px 5px 0}.standards article+article{padding-left:30px;border-left:1px solid var(--ink)}.standards img{width:40px;margin-bottom:65px}.standards h3{font-size:1.45rem}.standards p{color:oklch(.3 .055 170)}.reviews{padding:58px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:70px 1fr;gap:28px;background:var(--coral);color:white}.reviews img{width:46px;filter:brightness(0) invert(1)}.reviews h2{font-size:2rem;margin-bottom:5px}.reviews p{margin:0;color:oklch(.96 .015 30)}
.faq{padding:120px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faq-title img{width:48px;margin-bottom:32px}.faq-list details{border-top:2px solid var(--ink)}.faq-list details:last-child{border-bottom:2px solid var(--ink)}.faq-list summary{cursor:pointer;list-style:none;padding:21px 48px 21px 0;position:relative;font:700 1.2rem Kodchasan,sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:8px;color:var(--green);font-size:1.8rem}.faq-list details[open] summary::after{content:"−"}.faq-list p{color:var(--muted);padding:0 45px 20px 0}
.contact{display:grid;grid-template-columns:1fr 1fr;background:var(--sun)}.contact-visual img{width:100%;height:100%;object-fit:cover}.contact-copy{padding:clamp(55px,8vw,115px);display:flex;flex-direction:column;justify-content:center}.contact-copy>span{font-weight:700;color:var(--green)}.contact-copy>p{max-width:58ch}.contact-copy>a{display:block;margin:30px 0 12px;padding:18px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font:700 clamp(1.35rem,2.5vw,2rem) Kodchasan,sans-serif;overflow-wrap:anywhere}.contact-copy>a b{float:right}.contact-copy small{color:var(--muted)}.contact-copy button{align-self:flex-start;margin-top:24px;border:0;border-radius:999px;background:var(--green);color:white;padding:13px 20px;font-weight:700;cursor:pointer}.contact-copy button:hover{background:var(--deep)}#copyStatus{min-height:1.4em;margin-top:8px}
footer{background:oklch(.08 0 0);color:white;padding:75px max(22px,calc((100vw - var(--max))/2)) 25px;display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:45px}.footer-brand p{color:oklch(.72 0 0);max-width:36ch}.footer-brand .brand-mark{background:var(--sun)}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:8px}footer h2{font-size:1rem;color:var(--sun)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:20px;margin-top:25px;border-top:1px solid oklch(1 0 0/.25);color:oklch(.7 0 0);font-size:.85rem}
@media(max-width:1050px){.site-head{flex-wrap:wrap;gap:8px 18px}nav{order:3;width:100%;overflow-x:auto;margin:0}.head-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-photo{min-height:560px}.intro,.product-lead,.guide,.faq{grid-template-columns:1fr}.intro{gap:45px}.feed-row{grid-template-columns:62px 1fr 180px}.feed-type{display:none}.price-board{grid-template-columns:1fr 1fr}.price-board>div{border-bottom:3px solid var(--ink)}.price-board>div:nth-child(2){border-right:0}.steps{grid-template-columns:1fr 1fr}.steps article{border-bottom:1px solid oklch(1 0 0/.4)}.gallery-title{display:block}.standards>div{grid-template-columns:1fr}.standards article+article{padding-left:0;border-left:0;border-top:1px solid var(--ink)}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:680px){body{font-size:16px}.site-head{position:relative}.brand small{font-size:.5rem}.head-cta{padding:10px 12px}.hero-copy{padding:65px 16px 55px}.hero h1{font-size:clamp(3.3rem,16vw,4.7rem)}.hero-actions{flex-direction:column}.hero-photo{min-height:430px}.intro{width:calc(100% - 28px);padding:80px 0}.intro-copy{columns:1}.products,.guide,.prices,.process,.gallery,.standards,.reviews,.faq{padding-left:14px;padding-right:14px}.product-lead{gap:20px}.feed-row{grid-template-columns:52px 1fr;padding:20px 10px}.feed-row b{grid-column:2;text-align:left}.mix-show,.contact{grid-template-columns:1fr}.mix-image{max-height:520px;overflow:hidden}.mix-copy,.contact-copy{padding:60px 18px}.mix-copy dl div{grid-template-columns:1fr;gap:5px}.guide{gap:28px}.guide li{grid-template-columns:52px 1fr}.guide li span{grid-column:2}.price-title{display:block}.price-board{grid-template-columns:1fr}.price-board>div{border-right:0;min-height:205px}.steps{grid-template-columns:1fr}.steps article{border-right:0}.collage{grid-template-columns:1fr;grid-auto-rows:390px}.collage .wide{grid-column:auto}.collage .tall{grid-row:auto}.standards article{padding:26px 0}.standards img{margin-bottom:30px}.reviews{grid-template-columns:1fr}.faq{gap:30px}.contact-visual{max-height:420px}.footer-bottom{flex-direction:column}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.guide ol{counter-reset:guide-step}.guide li{counter-increment:guide-step}.guide li::before{content:counter(guide-step)}