:root{--landing-primary:#47D7B6;--landing-primary-dark:#3BC4A5;--landing-secondary:#6A7FDB;--landing-accent:#FF9AA2;--landing-text-dark:#182230;--landing-text-muted:#667085;--landing-text-light:#98A2B3;--landing-bg-white:#ffffff;--landing-bg-light:#F9FAFB;--landing-gradient-primary:linear-gradient(135deg,#47D7B6,#6A7FDB);--landing-gradient-soft:linear-gradient(180deg,rgba(71,215,182,0.05),#FFFFFF);--landing-gradient-reverse:linear-gradient(180deg,#FFFFFF,rgba(71,215,182,0.05));--landing-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--landing-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--landing-shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1);--landing-shadow-xl:0 20px 40px -10px rgba(0,0,0,0.15);--landing-radius-sm:0.5rem;--landing-radius-md:0.75rem;--landing-radius-lg:1rem;--landing-radius-xl:1.5rem;--landing-radius-2xl:2rem;--landing-radius-full:9999px}#landing-page{background-color:var(--landing-bg-white)}#landing-page,#pricing-page-container{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;color:var(--landing-text-dark);overflow-x:hidden}#pricing-page-container{background-color:var(--landing-bg-light)}#pricing-page-container *{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#landing-page h1,#landing-page h2,#landing-page h3,#landing-page h4,#landing-page h5,#landing-page h6,#pricing-page-container h1,#pricing-page-container h2,#pricing-page-container h3,#pricing-page-container h4,#pricing-page-container h5,#pricing-page-container h6{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;font-weight:700;line-height:1.2;color:var(--landing-text-dark)}#landing-page .landing-gradient-text{background:var(--landing-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#landing-page a,#landing-page button,#pricing-page-container a,#pricing-page-container button{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#landing-page .landing-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:var(--landing-gradient-primary);color:white;font-weight:600;border-radius:var(--landing-radius-full);border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--landing-shadow-md)}#landing-page .landing-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--landing-shadow-lg)}#landing-page .landing-btn-primary:active{transform:translateY(0)}#landing-page .landing-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:transparent;color:var(--landing-text-dark);font-weight:600;border-radius:var(--landing-radius-full);border:1px solid #e4e7ec;cursor:pointer;transition:all .2s ease}#landing-page .landing-btn-outline:hover{background:var(--landing-bg-light);border-color:#D0D5DD}#landing-page .landing-card{background:var(--landing-bg-white);border-radius:var(--landing-radius-xl);border:1px solid #e4e7ec;box-shadow:var(--landing-shadow-sm);transition:all .3s ease}#landing-page .landing-card:hover{box-shadow:var(--landing-shadow-lg);transform:translateY(-4px)}#landing-page .landing-card-highlight{border:2px solid var(--landing-primary);box-shadow:var(--landing-shadow-md)}#landing-page section{position:relative}#landing-page .landing-section-gradient-top{background:var(--landing-gradient-soft)}#landing-page .landing-section-gradient-bottom{background:var(--landing-gradient-reverse)}#landing-page .landing-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}#hero-section{position:relative;min-height:650px;overflow:hidden}#hero-container{max-width:1280px;margin:0 auto;padding:72px 1rem 0}#hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:73px}@media (min-width:1024px){#hero-content{flex-direction:row;gap:3rem}}#hero-text{flex:1;text-align:center;max-width:705px}@media (min-width:1024px){#hero-text{text-align:left}}#hero-title{margin-bottom:1.5rem}#hero-title-line1{color:#2f2b43}#hero-title-line1,#hero-title-line2{display:block;font-size:32px;font-weight:600;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;line-height:1.25;letter-spacing:-.028em}#hero-title-line2{background:linear-gradient(90deg,#6A7FDB,#47D7B6 50%,#6A7FDB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){#hero-title-line1,#hero-title-line2{font-size:52px}}@media (min-width:1024px){#hero-title-line1,#hero-title-line2{font-size:72px;line-height:90px;letter-spacing:-2px}}#hero-subtitle{font-size:18px;color:#525252;margin-bottom:2rem;line-height:1.27;font-weight:500;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}@media (min-width:768px){#hero-subtitle{font-size:24px;line-height:32px}}@media (min-width:1024px){#hero-subtitle{font-size:30px;line-height:38px}}#hero-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media (min-width:640px){#hero-buttons{flex-direction:row}}@media (min-width:1024px){#hero-buttons{justify-content:flex-start}}#hero-demo-button{width:162px;height:60px;border-radius:9999px;font-size:16px;font-weight:600;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;border:2px solid #47d7b6;color:#47D7B6;background:transparent;cursor:pointer;transition:all .2s ease}#hero-demo-button:hover{background:rgba(71,215,182,.05)}#hero-cta-button{width:175px;height:60px;border-radius:9999px;font-size:16px;font-weight:600;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;color:white;background:linear-gradient(135deg,#47D7B6,#6A7FDB);border:none;cursor:pointer;transition:all .2s ease}#hero-cta-button:hover{box-shadow:0 10px 25px -5px rgba(71,215,182,.4);transform:scale(1.02)}#hero-phone-wrapper{flex:1;position:relative;min-height:500px}@media (min-width:1024px){#hero-phone-wrapper{min-height:620px}}#hero-mascot{position:absolute;z-index:0;left:-120px;top:50px;width:564px;height:549px;display:none}@media (min-width:1024px){#hero-mascot{display:block}}#hero-phone-container{position:relative;z-index:10;width:360px;margin:0 auto}@media (min-width:1024px){#hero-phone-container{margin-left:auto;margin-right:0}}#hero-badge-247,#hero-badge-instant{position:absolute;z-index:30;background:white;border-radius:1rem;padding:13px 17px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:none}@media (min-width:1024px){#hero-badge-247,#hero-badge-instant{display:flex}}#hero-badge-instant{left:-100px;top:136px}#hero-badge-247{right:-80px;bottom:180px}#hero-phone-frame{position:relative;background:white;border-radius:32px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:12px solid #1f2937}#hero-ellipse{position:absolute;right:-200px;top:-386px;width:1685px;height:479px;border-radius:50%;opacity:.3;z-index:-1;background:linear-gradient(135deg,rgba(71,215,182,.3),rgba(106,127,219,.3));filter:blur(100px);display:none}@media (min-width:1024px){#hero-ellipse{display:block}}#hero-ellipse-bottom{position:absolute;right:0;bottom:0;width:672px;height:344px;border-radius:50%;opacity:.2;z-index:-1;background:linear-gradient(135deg,rgba(71,215,182,.5),rgba(106,127,219,.5));filter:blur(80px);transform:translateX(30%) translateY(50%);display:none}@media (min-width:1024px){#hero-ellipse-bottom{display:block}}#feature-highlights-section .feature-card{background:var(--landing-bg-white);border-radius:var(--landing-radius-xl);padding:1.5rem;border:1px solid #e4e7ec;transition:all .3s ease}#feature-highlights-section .feature-card:hover{box-shadow:var(--landing-shadow-lg);border-color:rgba(71,215,182,.3)}#feature-highlights-section .feature-icon{border-radius:var(--landing-radius-lg)}#feature-highlights-section .feature-icon,#how-it-works-section .step-number{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}#how-it-works-section .step-number{border-radius:50%;font-weight:700;font-size:1.25rem;color:white}#how-it-works-section .step-card{background:var(--landing-bg-white);border-radius:var(--landing-radius-2xl);padding:2rem;text-align:center;border:1px solid #e4e7ec;transition:all .3s ease}#how-it-works-section .step-card:hover{transform:translateY(-8px);box-shadow:var(--landing-shadow-xl)}#integrations-section .integration-logo{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--landing-bg-white);border-radius:var(--landing-radius-full);border:1px solid #e4e7ec;box-shadow:var(--landing-shadow-sm);transition:all .2s ease}#integrations-section .integration-logo:hover{transform:scale(1.05);box-shadow:var(--landing-shadow-md)}#pricing-section .pricing-card{background:var(--landing-bg-white);border-radius:var(--landing-radius-2xl);padding:1.5rem;border:1px solid #e4e7ec;transition:all .3s ease}#pricing-section .pricing-card-popular{border:2px solid var(--landing-primary);box-shadow:var(--landing-shadow-lg)}#pricing-section .pricing-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--landing-primary);color:white;padding:.25rem .75rem;border-radius:var(--landing-radius-full);font-size:.75rem;font-weight:600}#pricing-section .pricing-toggle{display:inline-flex;align-items:center;background:#F3F4F6;border-radius:var(--landing-radius-full);padding:.25rem}#pricing-section .pricing-toggle-btn{padding:.5rem 1.5rem;border-radius:var(--landing-radius-full);font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;background:transparent;color:var(--landing-text-muted);cursor:pointer}#pricing-section .pricing-toggle-btn.active{background:var(--landing-bg-white);color:var(--landing-text-dark);box-shadow:var(--landing-shadow-sm)}#blog-section .blog-card{background:var(--landing-bg-white);border-radius:var(--landing-radius-2xl);overflow:hidden;border:1px solid #e4e7ec;transition:all .3s ease}#blog-section .blog-card:hover{box-shadow:var(--landing-shadow-lg)}#blog-section .blog-card-image{position:relative;height:12rem;overflow:hidden}#blog-section .blog-category-badge{position:absolute;top:1rem;left:1rem;background:var(--landing-primary);color:white;padding:.25rem .75rem;border-radius:var(--landing-radius-full);font-size:.75rem;font-weight:500}#faq-section .faq-item{background:var(--landing-bg-white);border-radius:var(--landing-radius-2xl);border:1px solid #e4e7ec;overflow:hidden;transition:all .2s ease}#faq-section .faq-item:hover{border-color:rgba(71,215,182,.3)}#faq-section .faq-toggle{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;border:none;cursor:pointer}#faq-section .faq-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#faq-section .faq-icon.expanded{background:var(--landing-primary);color:white}#faq-section .faq-icon:not(.expanded){background:#F3F4F6;color:var(--landing-text-muted)}#faq-section .faq-contact-card{background:linear-gradient(135deg,rgba(71,215,182,.1),rgba(106,127,219,.1));border-radius:var(--landing-radius-2xl);padding:2rem}#cta-section{position:relative;overflow:hidden}#cta-section .cta-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--landing-gradient-primary);filter:blur(100px);opacity:.3}#cta-mascot{position:relative}#cta-mascot .mascot-glow{position:absolute;inset:0;background:var(--landing-gradient-primary);border-radius:50%;filter:blur(60px);opacity:.3;transform:scale(.8)}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}@keyframes landing-slide-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes landing-slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes landing-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#landing-page .animate-fade-up{animation:landing-fade-up .6s ease-out forwards}#landing-page .animate-fade-in{animation:landing-fade-in .4s ease-out forwards}#landing-page .animate-slide-left{animation:landing-slide-in-left .6s ease-out forwards}#landing-page .animate-slide-right{animation:landing-slide-in-right .6s ease-out forwards}#landing-page .animate-float{animation:landing-float 3s ease-in-out infinite}#landing-page .animate-pulse{animation:landing-pulse 2s ease-in-out infinite}#landing-page .animate-bounce{animation:landing-bounce 2s ease-in-out infinite}#landing-page .delay-100{animation-delay:.1s}#landing-page .delay-200{animation-delay:.2s}#landing-page .delay-300{animation-delay:.3s}#landing-page .delay-400{animation-delay:.4s}#landing-page .delay-500{animation-delay:.5s}@media (max-width:1024px){#hero-section{padding-top:6rem;padding-left:0!important;padding-right:0!important;min-height:auto}#hero-phone-mockup{margin-top:3rem}}@media (max-width:768px){:root{--landing-radius-xl:1.25rem;--landing-radius-2xl:1.5rem}#landing-page section{padding-left:1rem;padding-right:1rem}#hero-section{padding-top:calc(5rem - 7px);padding-bottom:0!important;padding-left:0!important;padding-right:0!important}#hero-section h1{font-size:2rem}#hero-phone-mockup .phone-frame{border-width:6px;border-radius:2rem}#how-it-works-section .step-card{padding:1.5rem}#pricing-section .pricing-card{padding:1.25rem}#faq-section .faq-contact-card{padding:1.5rem}}@media (max-width:480px){#landing-page .landing-btn-outline,#landing-page .landing-btn-primary{padding:.625rem 1.5rem;font-size:.875rem}#hero-section .floating-badge{padding:.375rem .75rem;font-size:.75rem}}#landing-page :focus-visible{outline:2px solid var(--landing-primary);outline-offset:2px;border-radius:var(--landing-radius-sm)}@media (prefers-reduced-motion:reduce){#landing-page *,#landing-page :after,#landing-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--landing-text-dark:#000000;--landing-text-muted:#333333}#landing-page .landing-btn-outline,#landing-page .landing-card{border-width:2px}}@media print{#landing-page{background:white}#landing-page .landing-btn-outline,#landing-page .landing-btn-primary{box-shadow:none}#landing-page section{page-break-inside:avoid}}