:root{--ink:#2d3650;--muted:#6c7892;--purple:#6756e8;--purple-dark:#42349c;--lilac:#efedff;--yellow:#ffd263;--yellow-soft:#fff5cf;--pink:#f7b7cc;--pink-soft:#fff0f5;--mint:#c9ebdc;--cream:#fffaf3;--white:#fff;--line:#e9e5dd;--shadow:0 22px 60px rgba(71,57,145,.13);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans Thai",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.container{width:min(1120px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(232,227,216,.8);background:rgba(255,250,243,.9);backdrop-filter:blur(16px)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:var(--yellow);color:var(--purple-dark);font-size:22px;line-height:1;transform:rotate(-9deg)}.brand strong,.brand small{display:block;line-height:1.15}.brand strong{font:600 20px Kanit,sans-serif}.brand small{margin-top:3px;color:var(--muted);font-size:10px}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:var(--muted);font-size:13px;font-weight:700}.main-nav a:hover{color:var(--purple)}.nav-cta{padding:10px 17px;border-radius:999px;background:var(--purple);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(103,86,232,.22)}.nav-cta:hover,.button-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;padding-block:82px 90px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 13px;border-radius:999px;background:var(--lilac);color:var(--purple);font-size:12px;font-weight:800}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{margin:20px 0 16px;font:700 clamp(42px,5.3vw,70px)/1.06 Kanit,sans-serif;letter-spacing:-.8px}.hero h1 em,h2 em{color:var(--purple);font-style:normal}.hero-text{max-width:530px;margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 21px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;transition:.2s ease}.button-primary{background:var(--purple);color:#fff;box-shadow:0 10px 25px rgba(103,86,232,.2)}.button-light{border-color:#d6d0f8;color:var(--purple-dark);background:transparent}.button-light:hover{background:var(--lilac)}.promise-row{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:21px;color:var(--muted);font-size:11px}.promise-row span{color:#39a27a;font-weight:900}.hero-visual{position:relative;min-height:430px;isolation:isolate}.blob{position:absolute;z-index:-1;border-radius:50%}.blob-mint{inset:10% 4% 4% 5%;background:var(--mint);border-radius:44% 56% 52% 48% / 52% 44% 56% 48%;transform:rotate(6deg)}.blob-yellow{right:-1%;bottom:1%;width:150px;height:150px;background:var(--yellow);opacity:.7}.doodle{position:absolute;color:var(--purple);font-size:33px}.doodle-star{left:1%;top:8%;transform:rotate(-18deg)}.doodle-spark{right:1%;top:26%;color:#ed8eb1;font-size:27px}.polaroid{position:absolute;width:56%;padding:8px 8px 13px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.polaroid img{width:100%;aspect-ratio:1/1.04;object-fit:cover;border-radius:10px}.polaroid figcaption{padding-top:7px;text-align:center;color:var(--muted);font:500 12px Kanit,sans-serif}.polaroid-back{top:4%;right:7%;transform:rotate(8deg)}.polaroid-front{bottom:4%;left:7%;transform:rotate(-7deg)}.hero-sticker{position:absolute;right:0;bottom:8%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;background:var(--pink);box-shadow:0 12px 25px rgba(243,171,198,.35);transform:rotate(6deg)}.hero-sticker strong{color:var(--purple-dark);font:700 41px/1 Kanit,sans-serif}.hero-sticker span{color:#75455e;font-size:11px;font-weight:800;line-height:1.2}.stats-bar{color:#fff;background:var(--purple-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.stats-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.2)}.stats-grid>div:last-child{border-right:0}.stats-grid strong{font:600 29px/1.15 Kanit,sans-serif}.stats-grid span{color:#dedbff;font-size:11px}.section{padding-block:95px}.section-intro.centered{text-align:center}.kicker{margin-bottom:7px;color:var(--purple);font-size:12px;font-weight:900;letter-spacing:.2px}.section-intro h2,.section-heading-row h2{margin-bottom:10px;font:600 clamp(31px,4vw,46px)/1.18 Kanit,sans-serif;letter-spacing:-.3px}.section-intro>p:last-child{max-width:580px;margin-inline:auto;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:40px}.feature-card{min-height:218px;padding:27px;border:1px solid transparent;border-radius:var(--radius)}.feature-lilac{background:var(--lilac);border-color:#dfdbff}.feature-yellow{background:var(--yellow-soft);border-color:#f3e0a1}.feature-pink{background:var(--pink-soft);border-color:#f6d7e4}.feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:21px;border-radius:15px;background:#fff;color:var(--purple);font-size:27px}.feature-yellow .feature-icon{color:#956700;background:var(--yellow)}.feature-pink .feature-icon{color:#a2446f;background:var(--pink)}.feature-card h3{margin-bottom:7px;font:600 20px Kanit,sans-serif}.feature-card p{margin:0;color:var(--muted);font-size:13px}.theme-section{padding:90px 0 95px;background:#f5f2ff}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading-row>p{max-width:300px;margin:0;color:var(--muted);font-size:12px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}.theme-card{overflow:hidden;border:1px solid #e4e0ef;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(81,68,147,.05);transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px rgba(81,68,147,.12)}.theme-card img{width:100%;aspect-ratio:1/1.14;object-fit:cover}.theme-card span{display:block;overflow:hidden;padding:10px 10px 12px;color:var(--ink-soft,#59657d);font:500 12px Kanit,sans-serif;text-overflow:ellipsis;white-space:nowrap}.theme-more{margin:23px 0 0;color:var(--purple);text-align:center;font-size:12px;font-weight:800}.price-section{padding:100px 0;background:var(--cream)}.price-layout{display:grid;grid-template-columns:1fr minmax(330px,420px);align-items:center;gap:80px}.price-copy h2{margin-bottom:12px;font:600 clamp(33px,4vw,48px)/1.15 Kanit,sans-serif}.price-copy>p:not(.kicker){max-width:490px;color:var(--muted);font-size:14px}.price-notes{margin-top:23px;color:var(--ink-soft,#59657d);font-size:13px;line-height:2.1}.price-notes span{margin-right:7px;color:#3ba77f;font-weight:900}.price-card{position:relative;padding:33px 30px 29px;border:2px solid var(--purple);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);text-align:center}.price-badge{position:absolute;top:-15px;right:24px;padding:4px 13px;border-radius:999px;background:var(--yellow);color:#6f5500;font-size:11px;font-weight:900}.price-card>p:first-of-type{margin-bottom:4px;color:var(--purple);font-size:12px;font-weight:900}.price-number{display:flex;align-items:baseline;justify-content:center;gap:7px}.price-number small{color:var(--muted);font-size:12px}.price-number strong{color:var(--purple-dark);font:700 68px/1 Kanit,sans-serif}.price-divider{margin:20px 0;border-top:1px dashed #ddd7ef}.price-small{color:var(--muted);font-size:12px;line-height:1.8}.full{width:100%;margin-top:10px}.digital-note{display:block;margin-top:12px;color:#9a91a2;font-size:10px}.steps-section{padding:85px 0 95px;background:var(--mint-soft,#edfbf5)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.step{padding:21px 22px;border-top:3px solid var(--mint)}.step:nth-child(2){border-color:var(--yellow)}.step:nth-child(3){border-color:var(--pink)}.step b{color:var(--purple);font:600 27px Kanit,sans-serif}.step h3{margin:6px 0 3px;font:600 20px Kanit,sans-serif}.step p{margin:0;color:var(--muted);font-size:12px}.faq-section{display:grid;grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:70px;padding-bottom:110px}.faq-list{display:grid;gap:9px}.faq-list details{padding:0 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.faq-list summary{padding:16px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{float:right;color:var(--purple);content:'+';font-size:19px;font-weight:500}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:-3px 0 17px;color:var(--muted);font-size:12px}.site-footer{color:#e9e6ff;background:#30276f}.footer-inner{display:flex;align-items:center;gap:20px;min-height:105px}.footer-inner .brand{margin-right:auto}.footer-inner .brand strong{color:#fff}.footer-inner .brand small{color:#c9c5f1}.footer-inner p{margin:0;color:#c9c5f1;font-size:11px}.footer-link{color:var(--yellow);font-size:12px;font-weight:800}.footer-bottom{padding:0 0 22px;color:#aaa5d8;font-size:10px}.floating-messenger{position:fixed;right:20px;bottom:20px;z-index:9;display:inline-flex;align-items:center;gap:7px;padding:12px 17px;border-radius:999px;color:#fff;background:#0784ff;font-size:12px;font-weight:900;box-shadow:0 12px 25px rgba(0,110,230,.26)}.floating-messenger:hover{background:#006dd4;transform:translateY(-2px)}.floating-messenger span{font-size:19px;line-height:0}@media(max-width:850px){.main-nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-block:55px 65px}.hero-copy{max-width:680px}.hero-visual{min-height:400px;max-width:560px;width:100%;margin-inline:auto}.section-heading-row{display:block}.section-heading-row>p{margin-top:13px}.theme-grid{grid-template-columns:repeat(4,1fr)}.price-layout{grid-template-columns:1fr;gap:38px}.price-copy{max-width:620px}.price-card{max-width:440px}.faq-section{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.container{width:min(100% - 32px,500px)}.nav-wrap{min-height:68px}.brand-mark{width:34px;height:34px}.brand strong{font-size:18px}.nav-cta{padding:9px 12px;font-size:11px}.hero h1{font-size:47px}.hero-text{font-size:15px}.hero-visual{min-height:345px}.polaroid{width:59%}.hero-sticker{right:-4px;bottom:5%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px 0}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){padding-bottom:8px}.stats-grid>div:nth-child(n+3){padding-top:8px}.section{padding-block:67px}.feature-grid,.steps-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:auto;padding:23px}.theme-section{padding:66px 0 72px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:27px}.theme-card span{font-size:11px}.price-section{padding:70px 0}.price-card{padding:29px 22px}.price-number strong{font-size:61px}.steps-section{padding:68px 0 73px}.faq-section{padding-bottom:76px}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px;padding-block:28px}.footer-inner .brand{margin-right:0}.footer-bottom{padding-bottom:82px}.floating-messenger{right:14px;bottom:14px;left:14px;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theme-card,.button,.floating-messenger{transition:none}}

/* V1 sales details: every preview is visibly marked and both packages are shown side-by-side. */
.theme-card{position:relative}
.theme-card::after{content:"ตัวอย่าง";position:absolute;inset:0 0 36px;display:grid;place-items:center;color:rgba(255,255,255,.84);font:600 clamp(20px,2.2vw,30px) Kanit,sans-serif;letter-spacing:2px;-webkit-text-stroke:1px rgba(54,43,125,.34);text-shadow:0 1px 4px rgba(40,33,80,.52);transform:rotate(-25deg);pointer-events:none}
.polaroid{position:absolute}
.polaroid::after{content:"ตัวอย่าง";position:absolute;inset:9px 9px 38px;display:grid;place-items:center;color:rgba(255,255,255,.84);font:600 25px Kanit,sans-serif;letter-spacing:2px;-webkit-text-stroke:1px rgba(54,43,125,.34);text-shadow:0 1px 4px rgba(40,33,80,.52);transform:rotate(-25deg);pointer-events:none}
.price-layout{grid-template-columns:minmax(250px,.8fr) minmax(530px,1.2fr);gap:50px}
.price-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.price-option{padding:28px 22px 24px;border:1px solid #dcd8f4;text-align:left}
.price-option-best{border:2px solid var(--purple);box-shadow:var(--shadow)}
.price-option-label{margin:0 0 3px;color:var(--purple);font-size:11px;font-weight:900}
.price-option h3{margin:0;font:600 25px Kanit,sans-serif}
.price-option-detail{margin:0;color:var(--muted);font-size:11px}
.price-range{min-height:38px;margin:10px 0 0;color:var(--purple-dark);font-size:12px;line-height:1.45}
.price-range strong{font-weight:900}
.price-option .price-number{justify-content:flex-start;margin:17px 0 10px}
.price-option .price-number strong{font-size:51px}
.price-option ul{display:grid;gap:5px;margin:0 0 12px;padding:12px 0 0;border-top:1px dashed #ddd7ef;list-style:none;color:var(--muted);font-size:11px}
.price-option li::before{content:"✓";margin-right:6px;color:#3ba77f;font-weight:900}
.price-option .button{font-size:12px;padding-inline:12px}
@media(max-width:850px){.price-layout{grid-template-columns:1fr;gap:35px}.price-options{max-width:660px}}
@media(max-width:600px){.price-options{grid-template-columns:1fr;gap:12px}.price-option{padding:25px 21px}.price-option .price-number{margin-top:12px}.theme-card::after{font-size:22px}}

/* Click-to-enlarge preview lightbox. */
.theme-card{cursor:zoom-in}
.preview-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:22px}.preview-modal[hidden]{display:none}
.preview-backdrop{position:absolute;inset:0;background:rgba(34,27,73,.74);backdrop-filter:blur(5px)}
.preview-dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);width:min(850px,100%);max-height:min(700px,calc(100vh - 44px));overflow:auto;border-radius:26px;background:var(--cream);box-shadow:0 28px 90px rgba(19,12,64,.4)}
.preview-close{position:absolute;right:13px;top:11px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;color:var(--purple-dark);background:#fff;font-size:28px;line-height:1;box-shadow:0 4px 14px rgba(35,25,90,.14)}
.preview-image-wrap{position:relative;display:grid;place-items:center;min-height:450px;padding:30px;background:#eeeaff;overflow:hidden}
.preview-image-wrap img{width:min(100%,450px);max-height:620px;object-fit:contain;box-shadow:0 12px 30px rgba(53,43,118,.16)}
.preview-watermark{position:absolute;left:50%;top:50%;color:rgba(255,255,255,.88);font:700 clamp(35px,5vw,58px) Kanit,sans-serif;letter-spacing:3px;-webkit-text-stroke:1.5px rgba(54,43,125,.5);text-shadow:0 2px 7px rgba(40,33,80,.6);transform:translate(-50%,-50%) rotate(-25deg);pointer-events:none}
.preview-copy{align-self:center;padding:42px 34px}.preview-copy h2{margin:8px 0 10px;color:var(--ink);font:600 clamp(29px,4vw,42px)/1.15 Kanit,sans-serif}.preview-copy>p:not(.kicker){margin-bottom:25px;color:var(--muted);font-size:13px}.preview-copy .button{font-size:12px}
body.preview-open{overflow:hidden}
@media(max-width:700px){.preview-modal{padding:14px}.preview-dialog{grid-template-columns:1fr;max-height:calc(100vh - 28px)}.preview-image-wrap{min-height:0;padding:28px 24px 20px}.preview-image-wrap img{width:min(100%,380px);max-height:58vh}.preview-copy{padding:24px 23px 27px}.preview-copy h2{font-size:31px}.preview-copy>p:not(.kicker){margin-bottom:17px}.preview-close{right:9px;top:8px}}