@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/870d76cf3e19c4f4-s.p.0irg95hy2nnb0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d9aaef3b0c49d0c-s.074my4tp4nx_q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0227b576ecf4ba65-s.44yy_1a32fx87.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8a8f09bb1f5b037d-s.p.1tzszeyqo9yyf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chonburi Fallback;src:local(Arial);ascent-override:74.56%;descent-override:19.62%;line-gap-override:0.0%;size-adjust:127.41%}.chonburi_a009a2e3-module__c6Qsma__className{font-family:Chonburi,Chonburi Fallback;font-style:normal;font-weight:400}.chonburi_a009a2e3-module__c6Qsma__variable{--font-chonburi:"Chonburi", "Chonburi Fallback"}
@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_709921b2-module__6UD8HG__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_709921b2-module__6UD8HG__variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
:root{--ink:#3b141b;--ink-soft:#5c3a41;--cream:#f7ece1;--cream-deep:#f2e2d0;--paper:#fffdf9;--coral:#e97c52;--coral-deep:#d96a43;--amber:#f5c36e;--blue:#5b82f6;--pink:#e8938a;--white:#fff;--font-display:var(--font-chonburi), "Georgia", serif;--font-body:var(--font-anuphan), "Helvetica Neue", sans-serif;--radius-card:24px;--shadow-card:0 10px 40px -12px #3b141b2e;--container:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65}img{max-width:100%;display:block}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}h1,h2,h3{line-height:1.25}h1,h2{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}h2{font-size:clamp(1.9rem,4vw,2.9rem)}.center{text-align:center}.sub{color:var(--ink-soft);max-width:560px;margin:12px auto 0}.eyebrow{letter-spacing:.35em;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:700}.btn{font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-block}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn-lg{padding:15px 34px;font-size:1.05rem}.btn-ink{background:var(--ink);color:var(--cream);box-shadow:0 8px 22px -8px #3b141b80}.btn-ink:hover{background:#4d1c25}.btn-ghost,.btn-outline-ink{border:2px solid var(--ink);color:var(--ink);background:0 0}.flower-badge{place-items:center;width:76px;height:76px;display:inline-grid;position:relative}.flower-badge svg{width:100%;height:100%;fill:var(--coral);position:absolute;inset:0}.flower-badge b{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:400;position:relative}.flower-badge.sm{width:60px;height:60px}.flower-badge.sm b{font-size:1.05rem}.doodle{width:52px;height:52px;color:var(--ink);opacity:.85}.browser-frame{background:var(--white);box-shadow:var(--shadow-card);border:1px solid #3b141b14;border-radius:18px;overflow:hidden}.browser-bar{background:var(--cream);border-bottom:1px solid #3b141b0f;gap:6px;padding:12px 14px;display:flex}.browser-bar i{background:var(--pink);border-radius:50%;width:10px;height:10px}.browser-bar i:nth-child(2){background:var(--amber)}.browser-bar i:nth-child(3){background:var(--coral)}.browser-frame.tilt{transform:rotate(-2deg)}.browser-frame img{width:100%;height:auto}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9eb;transition:box-shadow .25s;position:sticky;top:0}.nav.scrolled{box-shadow:0 4px 24px -10px #3b141b40}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand img{object-fit:contain;width:42px;height:42px}.wordmark{font-family:var(--font-body);letter-spacing:.01em;font-size:1.35rem;font-weight:800}.wordmark b{color:#7a4630;font-weight:800}.wordmark i{color:var(--coral);font-style:normal;font-weight:800}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--ink);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--coral);width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;gap:14px;display:flex}.nav-burger{background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-burger span{background:var(--ink);border-radius:2px;width:24px;height:2.5px;transition:transform .2s,opacity .2s}.hero{background:var(--coral);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;padding-block:84px 96px;display:grid}.hero-art{place-items:center;min-height:420px;display:grid;position:relative}.hero-blob{width:min(420px,90%);height:100%;fill:var(--cream);position:absolute}.hero-cat{filter:drop-shadow(0 18px 30px #3b141b40);width:min(310px,65%);height:auto;animation:5s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-copy h1{margin-bottom:22px;font-size:clamp(2.6rem,5.5vw,4.3rem)}.hero-copy .lede{color:#3b141bd9;max-width:520px;margin-bottom:34px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero .btn-ghost:hover{background:#3b141b14}.hero-sticker{width:90px;height:90px;fill:var(--amber);animation:22s linear infinite spin;position:absolute;top:48px;right:6vw}@keyframes spin{to{transform:rotate(360deg)}}.marquee{background:var(--amber);border-block:3px solid var(--ink);padding-block:14px;overflow:hidden}.marquee-track{white-space:nowrap;color:var(--ink);font-size:1rem;font-weight:600;animation:28s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{background:var(--paper);padding-block:110px}.split{grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;display:grid}.about-copy .doodle{margin-bottom:18px}.about-copy h2{margin-bottom:20px}.about-copy p{color:var(--ink-soft);max-width:460px;margin-bottom:30px}.why{background:var(--cream);padding-block:110px}.why-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:70px;display:grid}.why-card{background:var(--white);border-radius:var(--radius-card);text-align:center;padding:64px 30px 42px;position:relative}.why-card .flower-badge{position:absolute;top:-38px;left:50%;transform:translate(-50%)}.why-card h3{font-family:var(--font-display);margin-bottom:14px;font-size:1.35rem;font-weight:400}.why-card p{color:var(--ink-soft);font-size:.95rem}.roles{grid-template-columns:1fr 1fr;min-height:560px;display:grid}.roles-art{background:var(--blue);place-items:center;padding:60px 24px;display:grid;position:relative;overflow:hidden}.clover{aspect-ratio:1;width:min(440px,85%);fill:var(--cream);position:absolute}.roles-cat{filter:drop-shadow(0 14px 24px #14143c4d);width:min(280px,55%);height:auto;position:relative}.roles-copy{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:80px 48px;display:flex}.roles-copy p{color:var(--ink-soft);max-width:420px}.features{background:var(--paper);padding-block:110px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:60px;display:grid}.feature-card{background:var(--cream);border-radius:var(--radius-card);padding:34px 30px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.feature-icon{background:linear-gradient(135deg, var(--amber), var(--coral));width:52px;height:52px;color:var(--white);border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.feature-icon svg{width:26px;height:26px}.feature-card h3{margin-bottom:10px;font-size:1.08rem;font-weight:700}.feature-card p{color:var(--ink-soft);font-size:.93rem}.workflow{background:var(--cream);padding-block:110px}.steps{counter-reset:step;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:70px;list-style:none;display:grid}.steps li{background:var(--white);border-radius:var(--radius-card);text-align:center;padding:50px 18px 30px;position:relative}.steps li .flower-badge{position:absolute;top:-30px;left:50%;transform:translate(-50%)}.steps li:not(:last-child):after{content:"";border-top:3px dotted var(--ink-soft);width:20px;position:absolute;top:50%;right:-20px}.steps h3{margin-bottom:8px;font-size:1rem;font-weight:700}.steps p{color:var(--ink-soft);font-size:.85rem}.testimonials{background:var(--ink);padding-block:110px}.testimonials h2{color:var(--cream)}.quote-grid{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:60px;display:grid}.quote-card{background:var(--cream);border-radius:var(--radius-card);padding:60px 30px 34px;position:relative;overflow:hidden}.quote-mark{fill:#ffffffbf;width:150px;height:150px;position:absolute;top:-30px;left:-20px}.quote-card blockquote{font-family:var(--font-display);margin-bottom:26px;font-size:1.12rem;line-height:1.55;position:relative}.quote-card figcaption{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid #3b141b40;padding-top:14px;font-size:.8rem;font-weight:600;position:relative}.pricing{background:var(--paper);padding-block:110px}.price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:26px;margin-top:60px;display:grid}.price-card{background:var(--cream);border-radius:var(--radius-card);flex-direction:column;padding:40px 32px;display:flex;position:relative}.price-card.featured{background:var(--coral);transform:translateY(-10px);box-shadow:0 24px 60px -20px #e97c528c}.price-card .tag{background:var(--ink);color:var(--cream);letter-spacing:.1em;border-radius:999px;padding:5px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.3rem;font-weight:400}.price{margin-bottom:4px}.price b{font-family:var(--font-display);font-size:2.1rem;font-weight:400}.price span{color:var(--ink-soft);font-size:.9rem}.price-note{color:var(--ink-soft);margin-bottom:22px;font-size:.88rem}.price-card.featured .price-note,.price-card.featured .price span{color:#3b141bbf}.price-card ul{flex:1;margin-bottom:30px;list-style:none}.price-card li{padding:8px 0 8px 28px;font-size:.93rem;position:relative}.price-card li:before{content:"✦";color:var(--coral);position:absolute;left:4px}.price-card.featured li:before{color:var(--ink)}.price-card .btn{text-align:center}.cta{background:var(--cream-deep);grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.cta-copy{padding:96px 24px 96px max(24px, calc((100vw - var(--container)) / 2 + 24px));flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;display:flex}.cta-copy p{color:var(--ink-soft);max-width:440px}.cta-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.cta-alt{color:var(--ink-soft);font-size:.9rem}.cta-alt a{color:var(--ink);font-weight:600}.cta-shot{place-items:center;padding:60px 40px;display:grid}.cta-shot .browser-frame{max-width:520px}.footer{background:var(--paper);padding-top:70px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;display:grid}.footer-brand p{color:var(--ink-soft);margin-top:14px;font-size:.93rem}.footer h4{letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;font-weight:700}.footer a{color:var(--ink-soft);margin-bottom:10px;font-size:.93rem;text-decoration:none;display:block}.footer a:hover{color:var(--coral)}.footer .footer-grid p{color:var(--ink-soft);font-size:.93rem}.footer-bottom{color:var(--ink-soft);border-top:1px solid #3b141b1a;justify-content:space-between;align-items:center;padding-block:22px;font-size:.85rem;display:flex}.footer-bottom .doodle{width:36px;height:36px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-cat,.hero-sticker,.marquee-track{animation:none}html{scroll-behavior:auto}}@media (max-width:1024px){.steps{grid-template-columns:repeat(3,1fr);row-gap:56px}.steps li:nth-child(3n):after{display:none}}@media (max-width:900px){.hero-inner{text-align:center;grid-template-columns:1fr;padding-block:60px 72px}.hero-copy .lede{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{order:2;min-height:340px}.hero-sticker{width:60px;height:60px;top:24px}.split{grid-template-columns:1fr;gap:40px}.why-grid{grid-template-columns:1fr;gap:60px;max-width:460px;margin-inline:auto}.roles{grid-template-columns:1fr}.roles-art{min-height:380px}.feature-grid{grid-template-columns:repeat(2,1fr)}.quote-grid,.price-grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.price-card.featured{transform:none}.cta{grid-template-columns:1fr}.cta-copy{text-align:center;align-items:center;padding:72px 24px 20px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.nav-links{background:var(--paper);flex-direction:column;gap:18px;padding:24px;transition:transform .25s;position:fixed;inset:72px 0 auto;transform:translateY(-130%);box-shadow:0 20px 40px -20px #3b141b4d}.nav-links.open{transform:translateY(0)}.nav-burger{display:flex}.nav-cta .btn{display:none}.steps{grid-template-columns:1fr;max-width:340px;margin-inline:auto}.steps li:after{display:none!important}.feature-grid,.footer-grid{grid-template-columns:1fr}}
