:root{--site-font:var(--app-font-family);--site-primary:#2563eb;--site-primary-light:#93c5fd;--site-primary-dark:#1d4ed8;--site-accent:#60a5fa;--site-dark:#0f172a;--site-dark-light:#1e293b;--site-dark-muted:#334155;--site-gray:#64748b;--site-gray-light:#f1f5f9;--site-white:#fff;--site-gradient:linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);--site-gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--site-gradient-hero:linear-gradient(180deg, #eff6ff 0%, #fff 50%, #f1f5f9 100%)}.site-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-family:var(--site-font)!important}.site-page *{font-family:var(--site-font)!important}.site-page h1,.site-page h2,.site-page h3,.site-page h4,.site-page h5,.site-page h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.site-section{padding:80px 0;position:relative}.site-section-dark{background:var(--site-gradient-dark);color:var(--site-white)}.site-section-light{background:var(--site-gray-light)}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-counter{animation:.6s ease-out forwards countUp}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}.float-element{animation:6s ease-in-out infinite float}.float-element-slow{animation:8s ease-in-out infinite floatSlow}.float-element-delay-1{animation-delay:1s}.float-element-delay-2{animation-delay:2s}.float-element-delay-3{animation-delay:3s}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes scan-line{0%{top:0}to{top:100%}}.demo-search-ring{animation:1.5s ease-out infinite pulse-ring}.demo-scan-line{background:var(--site-gradient);width:100%;height:2px;animation:2s ease-in-out infinite scan-line;position:absolute;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.reveal-up{animation:.7s ease-out forwards slideUp}.reveal-left{animation:.7s ease-out forwards slideInLeft}.reveal-right{animation:.7s ease-out forwards slideInRight}.gradient-text{background:var(--site-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-dark{background:linear-gradient(135deg,#fff 0%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.site-btn-primary{background:var(--site-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #2563eb4d}.site-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.site-btn-outline{color:var(--site-dark);cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.site-btn-outline:hover{border-color:var(--site-primary);color:var(--site-primary);transform:translateY(-2px)}.site-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;transition:all .3s}.site-card:hover{border-color:var(--site-primary-light);transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.site-card-dark{background:var(--site-dark-light);border:1px solid #ffffff1a}.site-card-dark:hover{border-color:var(--site-primary)}.site-badge{color:var(--site-primary);background:#2563eb1a;border:1px solid #2563eb33;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}html{scroll-behavior:smooth}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-page main{animation:.5s ease-out pageIn}@media (width<=768px){.site-section{padding:48px 0}.site-page h1{font-size:2rem!important}.site-page h2{font-size:1.5rem!important}.site-btn-primary{padding:12px 24px;font-size:14px}.site-card{border-radius:16px;padding:20px}.site-badge{padding:5px 12px;font-size:12px}}@media (width<=480px){.site-page h1{font-size:1.75rem!important}.site-page h2{font-size:1.35rem!important}.site-btn-primary{justify-content:center;width:100%;padding:10px 20px;font-size:13px}}