*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:#f5f2ff;color:#1c1c1c;-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}.nav-link{font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;color:#3c315b;text-decoration:none;padding:.375rem .5rem;border-radius:8px;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:#e2dffe;color:#6155f1}.nav-link:focus-visible{outline:2px solid #6155F1;outline-offset:2px}.nav-link:active{background-color:#d0cbfd}.nav-link.active{background-color:#e2dffe;color:#6155f1;font-weight:600}.dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;color:#3c315b;text-decoration:none;transition:background-color .18s ease,color .18s ease}.dropdown-item:hover{background-color:#f5f2ff;color:#6155f1}.dropdown-item:focus-visible{outline:2px solid #6155F1;outline-offset:2px}.dropdown-item:active{background-color:#e2dffe;color:#6155f1}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:#6155f1;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;padding:.625rem 1.375rem;border-radius:12px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px #6155f159,0 1px 3px #6155f133;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}.btn-primary:hover{background-color:#5448e0;transform:translateY(-2px);box-shadow:0 8px 24px #6155f173,0 2px 6px #6155f140}.btn-primary:focus-visible{outline:2px solid #6155F1;outline-offset:3px}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6155f14d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;color:#6155f1;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;padding:.625rem 1.375rem;border-radius:12px;border:1.5px solid #6155F1;cursor:pointer;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease}.btn-secondary:hover{background-color:#f5f2ff;transform:translateY(-2px);box-shadow:0 4px 12px #6155f126}.btn-secondary:focus-visible{outline:2px solid #6155F1;outline-offset:3px}.btn-secondary:active{transform:translateY(0);background-color:#e2dffe}.btn-ghost{display:inline-flex;align-items:center;gap:.375rem;background-color:transparent;color:#3c315b;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:background-color .18s ease,color .18s ease}.btn-ghost:hover{background-color:#e2dffe;color:#6155f1}.btn-ghost:focus-visible{outline:2px solid #6155F1;outline-offset:2px}.btn-ghost:active{background-color:#d0cbfd}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #6155f112,0 1px 2px #0000000a;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6155f124,0 2px 8px #0000000f}.card-elevated{background:#fff;border-radius:20px;box-shadow:0 4px 20px #6155f11a,0 1px 4px #0000000d}.icon-box{width:52px;height:52px;border-radius:14px;background:#f5f2ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-label{display:inline-flex;align-items:center;gap:.375rem;background:#e2dffe;color:#6155f1;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .875rem;border-radius:100px}.hero-bg{position:relative;overflow:hidden;background:linear-gradient(40deg,#2a1f5c,#0d1547)}.hero-bg-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-bg-canvas .grad-blobs{width:100%;height:100%;filter:url(#hero-goo) blur(40px)}.hero-bg-canvas .blob{position:absolute;border-radius:50%;mix-blend-mode:hard-light;background:radial-gradient(circle at center,var(--blob-color) 0%,transparent 50%) no-repeat;width:80%;height:80%;top:10%;left:10%}.hero-bg-canvas .blob-1{--blob-color: rgba(97,85,241,1);transform-origin:center center;animation:moveVertical 30s ease infinite}.hero-bg-canvas .blob-2{--blob-color: rgba(62,129,229,.8);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite}.hero-bg-canvas .blob-3{--blob-color: rgba(86,247,253,.8);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite}.hero-bg-canvas .blob-4{--blob-color: rgba(180,100,241,.8);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.hero-bg-canvas .blob-5{--blob-color: rgba(30,80,200,.8);transform-origin:calc(50% - 800px) calc(50% + 800px);animation:moveInCircle 20s ease infinite}.hero-bg-canvas .blob-pointer{position:absolute;border-radius:50%;mix-blend-mode:hard-light;background:radial-gradient(circle at center,rgba(140,100,255,.8) 0%,transparent 50%) no-repeat;width:100%;height:100%;top:-50%;left:-50%;opacity:.7}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.hero-bg-content{position:relative;z-index:10}.banner-gradient{background:linear-gradient(135deg,#f1f1ff,#dce8ff,#c8f7fd)}.compare-table th{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#999;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #EDEDEF}.compare-table td{font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;padding:.875rem 1rem;border-bottom:1px solid #F4F2F4;color:#3c315b}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background-color:#fafafe}.faq-item{border-bottom:1px solid #EDEDEF}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.975rem;font-weight:600;color:#1c1c1c;transition:color .18s ease}.faq-question:hover{color:#6155f1}.faq-question:focus-visible{outline:2px solid #6155F1;outline-offset:2px}.faq-question:active{background:#6155f10d;border-radius:8px}.faq-chevron{transition:transform .25s cubic-bezier(.22,1,.36,1);flex-shrink:0}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{display:none;padding-bottom:1.25rem;font-size:.9rem;line-height:1.75;color:#555}.faq-answer.open{display:block;animation:faqReveal .22s cubic-bezier(.22,1,.36,1) both}@keyframes faqReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stat-number{font-family:Kanit,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.tag{display:inline-block;background:#f5f2ff;color:#6155f1;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.2rem .6rem;border-radius:6px;text-transform:uppercase}.blog-img-wrap{position:relative;overflow:hidden;border-radius:12px}.blog-img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 60%);mix-blend-mode:multiply}.btn-calculator{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6155f1,#3e81e5);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:600;padding:.625rem 1.375rem;border-radius:12px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 18px #6155f166,0 1px 4px #3e81e540;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.btn-calculator:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.btn-calculator:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6155f180,0 3px 8px #3e81e54d}.btn-calculator:focus-visible{outline:2px solid #6155F1;outline-offset:3px}.btn-calculator:active{transform:translateY(0);box-shadow:0 2px 10px #6155f159}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s cubic-bezier(.22,1,.36,1) both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.16s}.fade-up-3{animation-delay:.24s}.fade-up-4{animation-delay:.32s}.mobile-nav-panel{display:none;position:fixed;inset:64px 0 0;background:#f5f2fff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99;padding:1.25rem 1rem 2rem;overflow-y:auto;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.mobile-nav-section{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;padding:.75rem 1rem .25rem}.mobile-nav-link{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;color:#3c315b;text-decoration:none;padding:.875rem 1rem;border-radius:12px;transition:background-color .18s ease,color .18s ease}.mobile-nav-link:hover{background-color:#e2dffe;color:#6155f1}.mobile-nav-link:focus-visible{outline:2px solid #6155F1;outline-offset:2px}.mobile-nav-link:active{background-color:#d0cbfd;color:#6155f1}.mobile-nav-link.active{color:#6155f1;background-color:#f0eeff}@media(max-width:1023px){.desktop-nav{display:none!important}#mobile-menu-btn{display:flex!important}.mobile-nav-panel{display:block}.mobile-nav-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}}@media(max-width:900px){.hero-grid,.banner-inner{grid-template-columns:1fr!important}.topics-grid{grid-template-columns:repeat(2,1fr)!important}.steps-grid,.blog-featured-grid,.api-chooser-grid,.blog-bottom-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:640px){.topics-grid,.footer-grid{grid-template-columns:1fr!important}}.prose h2{font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:700;color:#1c1c1c;letter-spacing:-.03em;margin:2rem 0 .75rem}.prose h3{font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:600;color:#3c315b;margin:1.5rem 0 .5rem}.prose p{font-size:1rem;line-height:1.8;color:#3c315b;margin-bottom:1.25rem}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.25rem}.prose li{font-size:1rem;line-height:1.75;color:#3c315b;margin-bottom:.375rem}.prose a{color:#6155f1;text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:#5448e0}.prose strong{font-weight:700;color:#1c1c1c}.prose code{background:#f5f2ff;color:#6155f1;padding:.15em .4em;border-radius:5px;font-size:.875em}.prose pre{background:#1c1c1c;color:#e2e8f0;padding:1.25rem;border-radius:12px;overflow-x:auto;margin-bottom:1.25rem}.prose blockquote{border-left:3px solid #6155F1;padding-left:1.25rem;margin:1.5rem 0;color:#555;font-style:italic}@media(prefers-reduced-motion:reduce){.fade-up,.fade-up-1,.fade-up-2,.fade-up-3,.fade-up-4{animation:none;opacity:1;transform:none}.reveal{opacity:1;transform:none;transition:none}.faq-answer.open{animation:none}.mobile-nav-panel{transition:none}.blob-1,.blob-2,.blob-3,.blob-4,.blob-5{animation:none}}