@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--wisible-gradient: linear-gradient(135deg, #8B5CF6 0%, #EC4899 50%, #F97316 100%);--wisible-violet: #8B5CF6;--wisible-pink: #EC4899;--wisible-orange: #F97316;--wisible-cta-primary: #9D174D;--wisible-cta-hover: #831843;--wisible-cta-active: #660F34;--wisible-cta-shadow: rgba(157, 23, 77, .28);--wisible-cta-tint: rgba(157, 23, 77, .08);--wisible-cta-border: rgba(157, 23, 77, .25);--wisible-paper: #F7F6F4;--wisible-surface: #FFFFFF;--wisible-surface-subtle: #F1EFEA;--wisible-surface-dark: #16141B;--wisible-hairline: #E6E4E0;--wisible-hairline-strong: #D5D2CD;--wisible-ink: #26292C;--wisible-soft: #5A5F66;--wisible-mute: #8A9098;--wisible-caption: #A3A8B0;--wisible-semantic-green: #1F7A4C;--wisible-semantic-green-bg: rgba(31, 122, 76, .08);--wisible-semantic-amber: #B45309;--wisible-semantic-amber-bg: rgba(180, 83, 9, .08);--wisible-semantic-red: #B42318;--wisible-semantic-red-bg: rgba(180, 35, 24, .08);--font-headline: "Noto Sans Thai", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-wisible: "Noto Sans Thai", "Anuphan", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace}.wisible4-page{background-color:var(--wisible-paper);color:var(--wisible-ink);font-family:var(--font-wisible);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}.wisible4-page h1,.wisible4-page h2,.wisible4-page h3,.wisible4-page h4,.wisible4-page h5,.wisible4-page h6,.wisible4-page .font-headline{font-family:Noto Sans Thai,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:-.015em}.wisible4-page p,.wisible4-page span,.wisible4-page div,.wisible4-page li,.wisible4-page button,.wisible4-page a,.wisible4-page input,.wisible4-page select,.wisible4-page textarea{font-family:Noto Sans Thai,Anuphan,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmerSweep{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(250%) skew(-20deg)}}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 5s ease infinite}.jewel-gradient-text{background:var(--wisible-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.jewel-gradient-bg{background:var(--wisible-gradient)}.motionsites-pill{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.1rem;border-radius:9999px;background:#fff;box-shadow:0 2px 10px #00000008}.motionsites-pill:before{content:"";position:absolute;inset:0;border-radius:9999px;padding:1.2px;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn-matte-berry{background-color:var(--wisible-cta-primary);color:#fff!important;font-weight:600;border-radius:12px;padding:.85rem 1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px var(--wisible-cta-shadow);border:1px solid transparent;cursor:pointer;text-decoration:none}.btn-matte-berry:hover{background-color:var(--wisible-cta-hover);box-shadow:0 6px 22px #9d174d61;transform:translateY(-1.5px)}.btn-matte-berry:active{background-color:var(--wisible-cta-active);transform:translateY(0)}.btn-paper-outline{background-color:var(--wisible-surface);color:var(--wisible-ink)!important;font-weight:600;border-radius:12px;padding:.85rem 1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--wisible-hairline-strong);transition:all .18s ease;cursor:pointer;text-decoration:none;box-shadow:0 2px 6px #00000008}.btn-paper-outline:hover{background-color:#faf9f7;border-color:var(--wisible-ink);transform:translateY(-1.5px);box-shadow:0 4px 12px #0000000f}.card-paper{position:relative;background-color:var(--wisible-surface);border:1px solid var(--wisible-hairline);border-top:1px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 4px 20px #26292c08;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.card-paper:hover{border-color:var(--wisible-hairline-strong);box-shadow:0 14px 34px #26292c12;transform:translateY(-2px)}.card-paper:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none}.card-paper:hover:after{animation:shimmerSweep .9s ease-in-out}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}