@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css";:root{--primary:#15abb1;--primary-dark:#0f8f94;--primary-light:#7be3e7;--bg:#fff;--bg-soft:#f5fcfc;--bg-deep:#edf9fa;--dark:#071722;--text:#071133;--muted:#70819d;--border:#15abb11f;--shadow-sm:0 10px 24px #0f172a0d;--shadow-md:0 18px 45px #15abb11a;--shadow-lg:0 30px 70px #15abb124;--radius:28px;--transition:all .35s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans Thai,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes barMove{0%{opacity:.75;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@keyframes logoSlide{0%{transform:translate(0)}to{transform:translate(calc(-100% - 24px))}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.reveal{opacity:0;transition:all .8s;transform:translateY(35px)}.reveal.show{opacity:1;transform:translateY(0)}.navbar{z-index:999;width:100%;padding:18px 0;position:fixed;inset:0 0 auto}.nav-inner{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);height:76px;box-shadow:var(--shadow-md);background:#ffffffd6;border-radius:24px;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative}.logo img{height:38px}.nav-menu{align-items:center;gap:28px;display:flex}.nav-menu a{color:var(--text);transition:var(--transition);font-size:22px;font-weight:700}.nav-menu a:hover{color:var(--primary)}.nav-right{align-items:center;gap:14px;display:flex}.login-btn{color:#fff;min-height:48px;transition:var(--transition);background:linear-gradient(135deg,#1ab8be,#11979d);border-radius:16px;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 14px 28px #15abb13d}.login-btn:hover{transform:translateY(-3px)}.mobile-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none;position:relative;z-index:10001!important;pointer-events:auto!important}.mobile-toggle span{background:var(--text);width:22px;height:2px;transition:var(--transition);border-radius:99px}.mobile-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background-color:#f7fbfc;background-image:linear-gradient(#0f172a0a 1px,#0000 1px),linear-gradient(90deg,#0f172a0a 1px,#0000 1px);background-size:48px 48px;padding:175px 0 110px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg:before{content:"";filter:blur(8px);background:radial-gradient(circle,#15abb142 0%,#15abb121 38%,#15abb10a 62%,#0000 74%);border-radius:50%;width:850px;height:850px;position:absolute;top:-260px;left:-300px}.hero-bg:after{content:"";background:linear-gradient(#ffffff59,#ffffffe6),radial-gradient(circle at 90% 20%,#15abb11f,#0000 28%);position:absolute;inset:0}.hero-inner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid;position:relative}.hero-badge{color:#0d9ea4;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #15abb133;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:28px;padding:10px 20px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 12px 30px #15abb117}.hero-badge span{background:var(--primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #15abb11f}.hero h1{letter-spacing:-3px;max-width:780px;color:var(--text);font-size:clamp(50px,7.2vw,60px);font-weight:900;line-height:.98}.hero h1 span{background:linear-gradient(135deg,#17b9bf,#42d5da);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero p{color:#6e8098;max-width:690px;margin:32px 0 40px;font-size:20px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.primary-btn,.secondary-btn{border-radius:18px;justify-content:center;align-items:center;gap:11px;min-height:64px;padding:0 32px;font-size:16px;font-weight:800;transition:all .35s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#1ab8be,#11979d);box-shadow:0 18px 38px #15abb13d}.secondary-btn{color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #0f172a14}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px #15abb129}.hero-visual{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-image-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffffe0,#ffffffb8);border:1px solid #ffffffb3;border-radius:42px;width:100%;max-width:640px;padding:4px;animation:5s ease-in-out infinite heroFloat;position:relative;overflow:hidden;box-shadow:0 35px 90px #0f172a1a,0 15px 40px #15abb11a}.hero-image-card:before{content:"";opacity:.8;pointer-events:none;background-image:linear-gradient(#15abb10d 1px,#0000 1px),linear-gradient(90deg,#15abb10d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.hero-image-overlay{z-index:1;background:radial-gradient(circle at 100% 0,#15abb114,#0000 28%);position:absolute;inset:0}.hero-image-card img{z-index:2;object-fit:contain;border-radius:28px;width:100%;position:relative}.floating-badge,.floating-mini-card{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #fffc;animation:4s ease-in-out infinite floatUp;position:absolute;box-shadow:0 20px 45px #0f172a1a}.floating-badge{border-radius:24px;align-items:center;gap:14px;padding:16px 18px;display:flex}.floating-badge i{color:#fff;background:linear-gradient(135deg,#15abb1,#46d8dd);border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;display:flex;box-shadow:0 10px 24px #15abb13d}.floating-badge span{color:#7a8ba5;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.floating-badge strong{color:#071133;font-size:22px;font-weight:900;line-height:1}.badge-1{animation-delay:.2s;top:26px;left:26px}.badge-2{animation-delay:.7s;bottom:38px;right:18px}.floating-mini-card{border-radius:28px;width:190px;padding:20px;animation-delay:.5s;top:34px;right:30px}.floating-mini-card span{color:#15abb1;margin-bottom:18px;font-size:13px;font-weight:800;display:block}@media (width<=768px){body{padding-left:0;padding-right:0}.container,.hero-container,.nav-container{padding-left:18px;padding-right:18px}.hero-btn{width:100%}.hero-visual,.dashboard-card,.phone-card{max-width:100%}.hero-image-card{border-radius:28px;padding:18px;animation:none}.hero-image-card:before{background-size:28px 28px}.hero-image-card img{border-radius:20px}.floating-badge{border-radius:18px;gap:10px;padding:12px 14px}.floating-badge i{border-radius:14px;width:42px;height:42px;font-size:15px}.floating-badge strong{font-size:16px}.floating-mini-card{border-radius:20px;width:145px;padding:14px}.floating-mini-card span{margin-bottom:12px}.mini-bars{gap:6px;height:60px}.badge-1{top:12px;left:12px}.badge-2{bottom:14px;right:8px}.floating-mini-card{top:12px;right:12px}}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #ffffffbf;border-radius:34px;padding:28px;animation:4.5s ease-in-out infinite heroFloat;position:relative;box-shadow:0 30px 70px #0f172a14,0 10px 30px #15abb114}.dashboard-preview:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#15abb173,#0000,#ffffffb3);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.preview-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.preview-header strong{color:var(--text);font-size:18px;font-weight:800;display:block}.preview-header span{color:var(--muted);font-size:13px;font-weight:600}.preview-header i{width:48px;height:48px;color:var(--primary);background:#15abb11a;border-radius:16px;place-items:center;display:grid}.preview-stats{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px;display:grid}.p-stat{border:1px solid var(--border);background:#f2fdfee0;border-radius:20px;padding:16px}.p-stat span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.p-stat strong{color:var(--primary);font-size:22px;font-weight:800}.preview-chart{background:linear-gradient(#fff,#f2fdfe);border-radius:22px;align-items:flex-end;gap:12px;height:150px;padding:18px;display:flex;overflow:hidden}.bar{background:linear-gradient(180deg, var(--primary-light), var(--primary));transform-origin:bottom;border-radius:12px 12px 5px 5px;flex:1;min-width:18px;animation:1.25s ease-in-out infinite alternate barMove}.bar:nth-child(2){animation-delay:.15s}.bar:nth-child(3){animation-delay:.3s}.bar:nth-child(4){animation-delay:.45s}.bar:nth-child(5){animation-delay:.6s}.bar:nth-child(6){animation-delay:.75s}.section{padding:110px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 60px}.section-tag{color:var(--primary);letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:800}.section-header h2{color:var(--text);letter-spacing:-1px;margin-top:12px;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.25}.section-header p{color:var(--muted);margin-top:12px;font-size:16px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.feature-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);background:#ffffffeb;border-radius:30px;padding:36px}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#15abb13d;transform:translateY(-12px)}.feature-icon{width:64px;height:64px;color:var(--primary);transition:var(--transition);background:#15abb114;border-radius:20px;place-items:center;margin-bottom:22px;font-size:26px;display:grid}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;transform:rotate(-6deg)scale(1.08)}.feature-card h3{color:var(--text);margin-bottom:10px;font-size:21px;font-weight:800}.feature-card p{color:#444;font-size:15px}.services{background:radial-gradient(circle at top left, #15abb11a, transparent 35%), var(--bg-soft)}.service-row{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:34px;grid-template-columns:1.2fr .8fr;align-items:center;gap:34px;padding:42px;display:grid}.service-row h3{color:var(--text);margin-bottom:14px;font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.25}.service-row p{color:var(--muted);font-size:16px}.service-card{color:#fff;background:linear-gradient(135deg,#1bb9bf,#11989d);border-radius:30px;flex-direction:column;justify-content:center;min-height:180px;padding:32px;display:flex;position:relative;overflow:hidden}.service-card:after{content:"";background:#ffffff26;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-60px}.service-card strong{font-size:30px;font-weight:900;line-height:1.2}.service-card span{opacity:.9;margin-top:12px}.why-section{background:var(--bg-soft);padding:110px 0}.why-top{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:42px;display:flex}.why-top h2{color:var(--text);letter-spacing:-1.6px;margin-top:12px;font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1.1}.why-top p{max-width:470px;color:var(--muted);padding-top:28px;font-size:17px;line-height:1.9}.why-grid{grid-template-columns:1.3fr .7fr .7fr;gap:24px;display:grid}.why-card{border:1px solid var(--border);min-height:265px;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:34px;padding:38px;transition:all .35s;position:relative;overflow:hidden}.why-card:after{content:"";background:#15abb10d;border-radius:50%;width:140px;height:140px;position:absolute;inset:auto -40px -40px auto}.why-card:hover{box-shadow:var(--shadow-lg);border-color:#15abb138;transform:translateY(-10px)}.why-card.large{padding-right:80px}.why-icon{width:58px;height:58px;color:var(--primary);background:#15abb114;border-radius:18px;justify-content:center;align-items:center;margin-bottom:34px;font-size:24px;transition:all .35s;display:flex}.why-card:hover .why-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;transform:rotate(-8deg)scale(1.08)}.why-card h3{color:var(--text);margin-bottom:16px;font-size:21px;font-weight:800;line-height:1.4}.why-card p{color:var(--muted);max-width:520px;font-size:15px;line-height:1.9}.free-service-section{background:var(--bg-soft);padding:105px 0}.free-service-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.free-service-card{color:#fff;background:linear-gradient(135deg,#1bb9bf,#11989d);border-radius:30px;min-height:182px;padding:34px 32px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #15abb124}.free-service-card:after{content:"";background:#ffffff21;border-radius:50%;width:190px;height:190px;position:absolute;top:-90px;right:-90px}.free-service-card:hover{transform:translateY(-10px);box-shadow:0 28px 65px #15abb138}.free-service-card i{margin-bottom:28px;font-size:30px;display:block}.free-service-card h3{margin-bottom:10px;font-size:26px;font-weight:900;line-height:1.25}.free-service-card p{color:#ffffffe6;font-size:15px}.marketing-section{background:#fff;padding:110px 0 30px}.marketing-box{isolation:isolate;background:linear-gradient(135deg,#22b6bc 0%,#16a8ae 55%,#10959a 100%);border-radius:42px;grid-template-columns:1fr .9fr;align-items:center;gap:56px;padding:72px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #15abb129,0 12px 32px #15abb11a}.marketing-box:before{content:"";z-index:-1;background:#ffffff21;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-70px}.marketing-box:after{content:"";z-index:-1;background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;left:-60px}.marketing-content{z-index:2;position:relative}.marketing-content .section-tag{color:#ffffffe0}.marketing-content h2{letter-spacing:-1.8px;color:#fff;max-width:640px;margin:16px 0 26px;font-size:clamp(38px,5vw,62px);font-weight:900;line-height:1.08}.marketing-content>p{color:#ffffffdb;max-width:560px;font-size:17px;line-height:1.9}.marketing-list{gap:18px;margin-top:44px;display:grid}.marketing-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;align-items:flex-start;gap:18px;padding:22px 24px;transition:all .35s;display:flex}.marketing-item:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-6px);box-shadow:0 18px 45px #00000014,0 8px 20px #ffffff14}.marketing-item i{color:#fff;background:#ffffff29;border-radius:16px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.marketing-item h3{color:#fff;margin-bottom:6px;font-size:19px;font-weight:800}.marketing-item p{color:#ffffffd6;font-size:14px;line-height:1.8}.marketing-visual{justify-content:center;align-items:center;display:flex;position:relative}.marketing-image-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff29,#ffffff14);border:1px solid #ffffff2e;border-radius:40px;width:100%;max-width:560px;padding:30px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0000001f,0 10px 30px #ffffff14}.marketing-glow{filter:blur(10px);background:#ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-80px}.marketing-image-card img{z-index:2;object-fit:contain;border-radius:28px;width:100%;position:relative}.marketing-floating-card,.marketing-chart-card{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #fffc;animation:4s ease-in-out infinite floatUp;position:absolute;box-shadow:0 20px 45px #0f172a1f}.marketing-floating-card{border-radius:22px;align-items:center;gap:14px;padding:14px 18px;display:flex}.marketing-floating-card i{color:#fff;background:linear-gradient(135deg,#15abb1,#42d5da);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex;box-shadow:0 10px 24px #15abb13d}.marketing-floating-card span{color:#7c8ba6;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.marketing-floating-card strong{color:#071133;font-size:18px;font-weight:800}.card-top{top:26px;left:26px}.card-bottom{animation-delay:.5s;bottom:34px;right:22px}.marketing-chart-card{border-radius:24px;width:180px;padding:18px;animation-delay:.8s;top:28px;right:26px}.marketing-chart-card span{color:#15abb1;margin-bottom:16px;font-size:12px;font-weight:800;display:block}@media (width<=768px){.marketing-image-card{border-radius:28px;padding:18px}.marketing-image-card img{border-radius:20px}.marketing-floating-card{border-radius:18px;gap:10px;padding:12px 14px}.marketing-floating-card i{border-radius:14px;width:40px;height:40px;font-size:15px}.marketing-floating-card strong{font-size:15px}.marketing-chart-card{border-radius:18px;width:140px;padding:14px}.mini-bars{gap:6px;height:56px}.card-top{top:12px;left:12px}.card-bottom{bottom:14px;right:8px}.marketing-chart-card{top:12px;right:12px}}.phone-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:34px;width:min(100%,420px);padding:28px;box-shadow:0 25px 60px #0000001f,0 8px 24px #ffffff14}.phone-top{background:#ffffff47;border-radius:999px;width:92px;height:8px;margin:0 auto 26px}.notify-card,.chart-card{color:var(--text);background:#fffffff5;border-radius:22px;margin-bottom:16px;padding:22px;box-shadow:0 14px 30px #00000014}.notify-card span,.chart-head span{color:var(--primary);margin-bottom:5px;font-size:12px;font-weight:800;display:block}.notify-card strong,.chart-head strong{font-size:21px;font-weight:800}.chart-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.mini-bars{align-items:flex-end;gap:12px;height:110px;display:flex}.mini-bars i{background:linear-gradient(180deg, var(--primary-light), var(--primary));border-radius:10px 10px 4px 4px;flex:1;animation:1.2s ease-in-out infinite alternate barMove}.mini-bars i:nth-child(2){animation-delay:.15s}.mini-bars i:nth-child(3){animation-delay:.3s}.mini-bars i:nth-child(4){animation-delay:.45s}.mini-bars i:nth-child(5){animation-delay:.6s}.pricing-section{background:#fff}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.price-card{border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:#ffffffeb;border-radius:34px;padding:42px 34px;position:relative}.price-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.price-card.active{border:2px solid var(--primary);background:linear-gradient(180deg, #fff, var(--bg-soft));transform:scale(1.04)}.popular-label{background:var(--primary);color:#fff;border-radius:999px;padding:7px 18px;font-size:12px;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.price-card h3{color:var(--text);font-size:22px;font-weight:800}.price{color:var(--primary);margin:24px 0;font-size:46px;font-weight:900;line-height:1}.price span{color:var(--muted);font-size:16px}.price-card ul{text-align:left;gap:13px;margin:28px 0;display:grid}.price-card li{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.price-card li i{color:var(--primary)}.price-btn{color:#fff;cursor:pointer;width:100%;min-height:56px;transition:var(--transition);background:linear-gradient(135deg,#1ab8be,#11979d);border:none;border-radius:18px;font-size:15px;font-weight:800}.price-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #15abb138}.addons-section{background:var(--bg-soft);padding:105px 0}.addons-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.addon-card{border:1px solid var(--border);min-height:180px;box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;padding:30px;transition:all .35s}.addon-card:hover{box-shadow:var(--shadow-lg);border-color:#15abb147;transform:translateY(-8px)}.addon-card i{color:var(--primary);margin-bottom:26px;font-size:30px;display:block}.addon-card h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:800}.addon-card strong{color:#14aeb4;font-size:34px;font-weight:900;line-height:1}.clients{background:var(--bg-soft);overflow:hidden}.logo-marquee{gap:24px;width:100%;padding:18px 0 10px;display:flex;position:relative;overflow:hidden}.logo-marquee:before,.logo-marquee:after{content:"";z-index:2;pointer-events:none;width:120px;height:100%;position:absolute;top:0}.logo-marquee:before{background:linear-gradient(90deg, var(--bg-soft), transparent);left:0}.logo-marquee:after{background:linear-gradient(270deg, var(--bg-soft), transparent);right:0}.logo-track{gap:26px;min-width:max-content;animation:28s linear infinite logoSlide;display:flex}.logo-marquee:hover .logo-track{animation-play-state:paused}.client-logo{border:1px solid var(--border);width:112px;height:112px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;flex:0 0 112px;justify-content:center;align-items:center;padding:2px;transition:all .35s;display:flex}.client-logo:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.05)}.client-logo img{object-fit:contain;border-radius:999px;width:100%;height:100%}.faq{background:var(--bg-soft)}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.faq-item{border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:24px;padding:26px}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.faq-item h3{color:var(--text);margin-bottom:8px;font-size:19px;font-weight:800}.faq-item p{color:var(--muted)}.support-section{background:radial-gradient(circle at 0 0,#15abb114,#0000 30%),#fff;padding:92px 0;position:relative;overflow:hidden}.support-inner{grid-template-columns:1.05fr 1.25fr;align-items:center;gap:56px;display:grid}.support-content .section-tag{color:var(--primary)}.support-content h2{color:var(--text);letter-spacing:-1.5px;margin:10px 0 22px;font-size:clamp(36px,5vw,52px);font-weight:900;line-height:1.15}.support-content p{color:var(--muted);max-width:560px;font-size:16px;line-height:1.9}.support-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.support-card{background:#fff;border:1px solid #15abb11a;border-radius:24px;min-height:120px;padding:28px 24px;transition:all .35s;box-shadow:0 10px 24px #0f172a0a}.support-card:hover{background:#f9feff;border-color:#15abb13d;transform:translateY(-8px);box-shadow:0 22px 50px #15abb11f}.support-card h3{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:800}.support-card p{color:var(--muted);font-size:14px;line-height:1.8}@media (width<=1024px){.support-inner,.support-grid{grid-template-columns:1fr}}@media (width<=768px){.support-section{padding:76px 0}.support-card{border-radius:20px;padding:24px}.support-content h2{font-size:40px}}.footer{color:#fff;background:radial-gradient(circle at 0 0,#15abb11f,#0000 30%),linear-gradient(135deg,#16a9af,#03141b);padding-top:85px;position:relative;overflow:hidden}.footer:before{content:"";filter:blur(20px);background:#15abb114;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-200px}.footer-inner{z-index:2;grid-template-columns:1.2fr .9fr 1fr 1fr;align-items:start;gap:50px;padding-bottom:55px;display:grid;position:relative}.footer-brand h2{letter-spacing:-2px;margin-bottom:20px;font-size:58px;font-weight:900;line-height:1}.footer-brand h2 span{color:#18c6cc}.footer-brand p{color:#ffffffb8;max-width:320px;font-size:15px;line-height:1.9}.footer-social{gap:14px;margin-top:28px;display:flex}.footer-social a{color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:all .35s;display:flex}.footer-social a:hover{background:var(--primary);transform:translateY(-5px)}.footer-links h4,.footer-contact h4{margin-bottom:24px;font-size:26px;font-weight:800}.footer-links a{color:#ffffffbd;width:fit-content;margin-bottom:14px;transition:all .3s;display:block}.footer-links a:hover{color:#18c6cc;transform:translate(5px)}.contact-item{color:#ffffffc7;align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact-item i{color:#9eeff2;width:20px}.footer-qr{justify-content:flex-end;display:flex}.qr-card{text-align:center;background:#fffffff5;border-radius:34px;width:100%;max-width:320px;padding:24px;transition:all .35s;box-shadow:0 25px 60px #0003,0 8px 25px #15abb114}.qr-card:hover{transform:translateY(-8px)}.qr-card img{border-radius:24px;width:100%;margin-bottom:20px}.qr-card strong{color:#11b7bd;font-size:18px;font-weight:900;display:block}.footer-bottom{z-index:2;border-top:1px solid #ffffff14;padding:24px 0;position:relative}.footer-bottom p{color:#ffffff8c;text-align:center;font-size:14px}@media (width<=1100px){.footer-inner{grid-template-columns:1fr 1fr}.footer-qr{justify-content:flex-start}}@media (width<=1024px){.hero-inner,.service-row,.support-inner,.marketing-box{grid-template-columns:1fr}.hero-text{text-align:center}.hero-badge,.hero p,.dashboard-preview{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.dashboard-preview{max-width:620px}.feature-grid,.pricing-grid,.addons-grid{grid-template-columns:repeat(2,1fr)}.free-service-grid,.support-grid{grid-template-columns:1fr}.why-top{flex-direction:column}.why-top p{max-width:100%;padding-top:0}.why-grid{grid-template-columns:1fr 1fr}.why-card.large{grid-column:span 2}.price-card.active{transform:none}}@media (width<=768px){.container{width:min(100% - 28px,1180px)}.navbar{padding:12px 0}.nav-inner{border-radius:20px;height:66px;padding:0 16px}.logo img{height:32px}.login-btn{display:none}.nav-menu{border:1px solid var(--border);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition);background:#fffffff7;border-radius:22px;gap:8px;padding:16px;display:grid;position:absolute;top:78px;left:0;right:0;transform:translateY(-12px)}.nav-menu.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (width<=768px){.mobile-toggle{z-index:10001;background:#fff;border:1px solid #15abb12e;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;position:relative;box-shadow:0 10px 30px #0fabb11f;display:flex!important}#navMenu{-webkit-backdrop-filter:blur(18px);z-index:9999;opacity:0;visibility:hidden;pointer-events:none;border:1px solid #15abb129;border-radius:28px;flex-direction:column;gap:8px;width:auto;height:auto;max-height:calc(100vh - 110px);padding:18px;transition:all .28s;top:86px;left:16px;right:16px;transform:translateY(-14px)scale(.98);box-shadow:0 24px 70px #0f172a24;background:#fffffff5!important;display:flex!important;position:fixed!important}#navMenu.active{pointer-events:auto;transform:translateY(0)scale(1);opacity:1!important;visibility:visible!important}#navMenu a{background:0 0;border-radius:18px;justify-content:center;align-items:center;min-height:52px;padding:14px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:all .22s;display:flex;color:#0f172a!important;border-bottom:0!important}#navMenu a:hover{background:#15abb114;transform:translateY(-1px);color:#07888d!important}}.hero{background-size:34px 34px;padding:130px 0 80px}.hero h1{letter-spacing:-1.4px;font-size:45px}.hero p{margin:24px 0 32px;font-size:16px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.dashboard-preview{border-radius:28px;padding:20px;animation:none}.preview-stats,.feature-grid,.pricing-grid,.addons-grid,.faq-grid,.footer-inner,.why-grid{grid-template-columns:1fr}.why-card.large{grid-column:auto}.section,.why-section,.free-service-section,.addons-section,.marketing-section{padding:80px 0}.feature-card,.price-card,.service-row,.addon-card,.faq-item,.why-card{border-radius:24px;padding:28px}.marketing-box{border-radius:30px;gap:40px;padding:34px}.marketing-content h2{letter-spacing:-1px;font-size:40px}.phone-card{border-radius:28px;padding:22px}.footer{padding-top:70px}.footer-brand h2{font-size:46px}.footer-links h4,.footer-contact h4{font-size:22px}.qr-card{border-radius:28px;max-width:100%}.qr-card strong{font-size:24px}.client-logo{flex-basis:88px;width:88px;height:88px;padding:14px}.logo-track{gap:18px;animation-duration:20s}}@media (width<=480px){.hero h1{font-size:38px}.section-header h2{font-size:30px}.price{font-size:38px}.service-card strong{font-size:24px}.marketing-content h2{font-size:34px}.marketing-box{padding:26px}.marketing-item{gap:14px}.marketing-item i{flex-basis:42px;width:42px;height:42px;font-size:18px}}.floating-buttons{z-index:999;flex-direction:column;gap:14px;display:flex;position:fixed;bottom:24px;right:24px}.line-float{color:#fff;background:linear-gradient(135deg,#06c755,#00b94f);border-radius:20px;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;transition:all .35s;animation:2.5s ease-in-out infinite lineFloat;display:flex;box-shadow:0 18px 40px #06c75547}.line-float:hover{transform:translateY(-6px)scale(1.06);box-shadow:0 24px 50px #06c7555c}.go-top{color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:linear-gradient(135deg,#15abb1,#11979d);border:none;border-radius:20px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;transition:all .35s;display:flex;transform:translateY(20px);box-shadow:0 18px 40px #15abb13d}.go-top.show{opacity:1;visibility:visible;transform:translateY(0)}.go-top:hover{transform:translateY(-6px);box-shadow:0 24px 50px #15abb157}@keyframes lineFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.floating-buttons{bottom:16px;right:16px}.line-float,.go-top{border-radius:18px;width:52px;height:52px}.line-float{font-size:26px}}.image-promo-section{background-color:#f9f9f9;padding:40px 15px}.image-promo-section .container{margin:0 auto}.image-wrapper{text-align:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d}.image-wrapper img{border-radius:10px;max-width:100%;height:auto}.promo-text{color:#333;text-align:center;margin:0;padding:0 20px 20px;font-size:1.1rem;line-height:1.6}@media (width<=600px){.promo-text{text-align:left;font-size:1rem}}