@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;700&display=swap";:root{--purple: #a673f1;--purple-strong: #9747ff;--lavender: #d4bee4;--lavender-light: #f8edeb;--mint: #85eccb;--peach: #fca45b;--peach-light: #fead8d;--blue: #9acde2;--yellow: #fdcb56;--page: #fbf6ee;--page-2: #f7efe2;--ink: #1a1320;--ink-2: #4a3f55;--ink-3: #8c8497;--rule: rgba(26, 19, 32, .08);--card: #ffffff;--night: #1a1320;--hairline: #f0f0f1;--bg: #fefefe;--shadow: 4px 4px 16px rgba(66, 66, 66, .08);--kraft: #e9d6b4;--kraft-2: #dcc59a;--paper: #ffffff;--paper-2: #fcf7ee;--desk: #f1e5cf;--desk-2: #e8dabf;--plum: #1a1320;--plum-2: #2a1f33;--tab: var(--peach);--clip: #b7b2bc;--line: rgba(26, 19, 32, .1);--tape: rgba(252, 164, 91, .45);--shadow-sm: 0 6px 16px -8px rgba(60, 40, 20, .3);--shadow-md: 0 18px 40px -18px rgba(60, 40, 20, .4);--shadow-lg: 0 36px 70px -30px rgba(40, 20, 10, .45);--font: "Urbanist", "Noto Sans Thai", system-ui, sans-serif;--font-display: "Urbanist", "Noto Sans Thai", system-ui, sans-serif}html[data-dir=desk]{--desk: #f1e5cf;--desk-2: #e8dabf;--tab: var(--peach)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;font-family:var(--font);color:var(--ink);background:var(--desk);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(120,90,50,.06) 1px,transparent 1.4px);background-size:7px 7px}.thai{font-family:Noto Sans Thai,Urbanist,system-ui,sans-serif}.container{max-width:1240px;margin:0 auto;padding:0 32px}@media(max-width:720px){.container{padding:0 20px}}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:100px;background:var(--ink);color:#fff;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.eyebrow.light{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#fff}.eyebrow.light .dot{background:var(--ink)}.section{padding:120px 0}@media(max-width:720px){.section{padding:72px 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;padding:0 26px;border-radius:14px;font-family:var(--font);font-weight:800;font-size:16px;border:none;cursor:pointer;text-decoration:none;transition:transform .14s ease,box-shadow .2s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn-peach{background:var(--peach);color:#fff;box-shadow:0 10px 0 -2px #d97f3b,0 18px 30px -14px #d97f3bb3}.btn-peach:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 12px 0 -2px #d97f3b,0 22px 34px -14px #d97f3bbf}.btn-ink{background:var(--ink);color:#fff;box-shadow:0 9px 0 -2px #000,0 18px 30px -16px #0009}.btn-ink:hover{transform:translateY(-2px)}.btn-white{background:#fff;color:var(--ink);box-shadow:0 9px 0 -2px #d9cdb8,0 18px 30px -16px #0000004d}.btn-white:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.h-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;line-height:1.02;color:var(--ink)}.h-display em{font-style:normal}.thai .h-display,.thai .eyebrow{letter-spacing:0}.thai .h-display{line-height:1.15}.swash{font-style:italic;font-weight:700}.thai .swash{font-style:normal}.card{background:var(--card);border-radius:24px;box-shadow:var(--shadow)}.l-year-card{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:32px;min-width:0}@media(max-width:720px){.l-year-card{padding:20px 16px;border-radius:18px}}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}@keyframes float-y{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-12px) rotate(var(--r, 0deg))}}.float-y{animation:float-y 6s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .8s cubic-bezier(.2,.7,.2,1) both}@media(max-width:980px){.l-hero,.l-year,.l-faq,.l-ai,.l-how,.l-features,.l-articles{grid-template-columns:1fr!important}.l-testimonials{grid-template-columns:repeat(2,1fr)!important}.l-pricing{grid-template-columns:1fr!important}.l-faq-sticky{position:static!important}}@media(max-width:640px){.l-nav-links,.l-hide-sm{display:none!important}.l-testimonials{grid-template-columns:1fr!important}.l-testimonials>*{transform:none!important}.l-trial-banner{flex-wrap:wrap!important}.l-trial-banner .l-trial-cta{width:100%!important}}.mark{position:relative;white-space:nowrap;z-index:0;padding:0 .12em}.mark:before{content:"";position:absolute;inset:.18em 0 .04em;background:var(--peach);z-index:-1;transform:rotate(-1.2deg);border-radius:6px 10px 7px 9px;opacity:.9}.mark.mint:before{background:var(--mint)}.mark.lav:before{background:var(--lavender)}.mark.yellow:before{background:var(--yellow)}.mark.purple:before{background:var(--purple)}.folder{position:relative}.tab{display:inline-flex;align-items:center;gap:10px;padding:11px 26px 13px;border-radius:16px 16px 0 0;background:var(--tab);color:#fff;font-weight:800;font-size:19px;letter-spacing:-.01em;line-height:1;position:relative;z-index:2;margin-bottom:-8px;box-shadow:0 -2px #0000000a inset}.tab.ink{background:var(--ink);color:#fff}.tab.mint{background:var(--mint);color:var(--ink)}.tab.lav{background:var(--lavender);color:var(--ink)}.tab.yellow{background:var(--yellow);color:var(--ink)}.tab.purple{background:var(--purple);color:#fff}.tab.plum{background:var(--plum);color:#fff}.tab.paper{background:var(--paper);color:var(--ink)}.tab:after{content:"";position:absolute;top:0;right:-14px;width:16px;height:100%;background:inherit;border-radius:0 16px 0 0;transform:skew(20deg);transform-origin:bottom left;z-index:-1}.sheet{background:var(--paper);border-radius:4px 20px 20px;box-shadow:var(--shadow-md);position:relative}.sheet.kraft{background:var(--kraft)}.sheet.plum{background:linear-gradient(155deg,var(--plum-2),var(--plum));color:#fff}.sheet.peach{background:var(--peach);color:#fff}.stacked{position:relative}.stacked:before,.stacked:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);border-radius:14px;box-shadow:var(--shadow-sm)}.stacked:before{transform:rotate(-2.2deg) translateY(6px);background:var(--paper-2)}.stacked:after{transform:rotate(1.8deg) translateY(3px);background:#fff}.clip{position:absolute;top:-16px;left:28px;z-index:6;filter:drop-shadow(0 3px 4px rgba(0,0,0,.22));transform:rotate(-8deg)}.washi{position:absolute;z-index:6;height:30px;width:116px;top:-13px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--tape);box-shadow:0 2px 8px #0000001a;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px) left / 100% 4px no-repeat,repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px) bottom / 100% 4px no-repeat,linear-gradient(#000,#000);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px) left / 100% 4px no-repeat,repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px) bottom / 100% 4px no-repeat,linear-gradient(#000,#000)}.washi.mint{background:#85eccb99}.washi.lav{background:#d4bee4b3}.washi.yellow{background:#fdcb5699}.washi.purple{background:#a673f180}.sticker{position:absolute;z-index:7;border-radius:50%;display:grid;place-items:center;background:#fff;border:4px solid #fff;box-shadow:0 10px 22px -8px #0000004d}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:13px;font-weight:700;background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.trial-focal{display:inline-flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:11px 16px 11px 11px;max-width:470px;box-shadow:0 8px 0 -1px var(--ink),0 18px 30px -16px #0006;transition:transform .14s ease,box-shadow .2s ease}.trial-focal:hover{transform:translateY(-2px);box-shadow:0 10px 0 -1px var(--ink),0 22px 34px -16px #00000073}.trial-focal:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.trial-badge{flex:none;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:27px;color:#fff;line-height:1;background:linear-gradient(135deg,var(--peach),var(--purple));box-shadow:0 6px 14px -4px #a673f199}.trial-txt{display:flex;flex-direction:column;line-height:1.2}.trial-txt b{font-size:17px;font-weight:800}.trial-txt small{font-size:12.5px;color:var(--ink-3);font-weight:700;margin-top:3px}.trial-arrow{margin-left:auto;padding-left:6px;color:var(--ink);display:inline-flex}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-12px) rotate(var(--r, 0deg))}}.floaty{animation:floaty 6s ease-in-out infinite}@keyframes bouncy{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-16px) rotate(calc(var(--r, 0deg) + 4deg))}}.bouncy{animation:bouncy 3.2s cubic-bezier(.5,0,.5,1) infinite}@media(prefers-reduced-motion:reduce){.floaty,.bouncy{animation:none!important}}@media(prefers-reduced-motion:no-preference){.js-reveal .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.js-reveal .reveal.in-view{opacity:1;transform:none}}@media(max-width:980px){.grid-2,.hero-grid{grid-template-columns:1fr!important}.grid-3,.grid-4{grid-template-columns:1fr 1fr!important}}@media(max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr!important}}