*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-500:#f97316;--font:"Inter", system-ui, -apple-system, sans-serif;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024;--shadow-xl:0 24px 64px #0000002e}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--slate-800);background:#fff;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-lg{border-radius:10px;padding:14px 28px;font-size:1rem}.btn-full{width:100%}.btn-primary{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.btn-primary:hover{background:var(--teal-700);border-color:var(--teal-700);transform:translateY(-1px);box-shadow:0 4px 12px #0d948859}.btn-outline{color:var(--teal-700);border-color:var(--teal-600);background:0 0}.btn-outline:hover{background:var(--teal-50);transform:translateY(-1px)}.btn-ghost{color:var(--slate-600);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--slate-100);color:var(--slate-800)}.btn-white{color:var(--teal-700);background:#fff;border-color:#fff}.btn-white:hover{background:var(--teal-50);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-ghost-white{color:#fff;background:0 0;border-color:#fff9}.btn-ghost-white:hover{background:#ffffff1f;border-color:#fff}.navbar{z-index:100;padding:16px 0;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--slate-200);background:#fffffff2;padding:10px 0}.nav-container{align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--slate-900);flex-shrink:0;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.navbar:not(.scrolled) .nav-logo{color:#fff}.logo-mark{background:var(--teal-600);color:#fff;letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:flex;overflow:hidden}.logo-mark img{object-fit:contain;width:100%;height:100%}.nav-links{flex:1;align-items:center;gap:4px;list-style:none;display:flex}.nav-link{color:#ffffffd9;border-radius:6px;padding:6px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar.scrolled .nav-link{color:var(--slate-600)}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff26}.navbar.scrolled .nav-link:hover,.navbar.scrolled .nav-link.active{color:var(--teal-700);background:var(--teal-50)}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.navbar:not(.scrolled) .btn-ghost{color:#ffffffe6}.navbar:not(.scrolled) .btn-ghost:hover{color:#fff;background:#ffffff26}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.navbar.scrolled .hamburger span{background:var(--slate-700)}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.section-header{text-align:center;margin-bottom:56px}.section-badge{background:var(--teal-50);color:var(--teal-700);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--teal-100);border-radius:100px;margin-bottom:16px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-block}.section-title{color:var(--slate-900);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--slate-500);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.hero{background:linear-gradient(135deg, var(--teal-900) 0%, var(--teal-800) 40%, var(--teal-700) 100%);grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:100vh;padding:140px 80px 100px;display:grid;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape{opacity:.06;background:#fff;border-radius:50%;position:absolute}.shape-1{width:600px;height:600px;top:-200px;right:-100px}.shape-2{width:400px;height:400px;bottom:-150px;left:10%}.shape-3{width:200px;height:200px;top:30%;left:-50px}.hero-container{z-index:1;position:relative}.hero-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.hero-title{color:#fff;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.12}.gradient-text{background:linear-gradient(135deg, var(--teal-200), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffbf;max-width:480px;margin-bottom:36px;font-size:1.1rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.hero-stats{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:24px;width:fit-content;padding:20px 24px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:#fff;font-size:1.4rem;font-weight:800;line-height:1.1}.stat-label{color:#fff9;font-size:.75rem;font-weight:500}.stat-divider{background:#fff3;width:1px;height:32px}.hero-visual{z-index:1;position:relative}.dashboard-preview{background:var(--slate-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0f;animation:6s ease-in-out infinite float;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard-header{background:var(--slate-800);border-bottom:1px solid var(--slate-700);align-items:center;gap:8px;padding:12px 16px;display:flex}.dash-dot{border-radius:50%;width:11px;height:11px}.dash-dot.red{background:#ff5f57}.dash-dot.yellow{background:#febc2e}.dash-dot.green{background:#28c840}.dash-title{color:var(--slate-400);margin-left:auto;font-size:.78rem;font-weight:500}.dashboard-body{height:280px;display:flex}.dash-sidebar{background:var(--slate-800);border-right:1px solid var(--slate-700);flex-direction:column;flex-shrink:0;gap:2px;width:110px;padding:12px 8px;display:flex}.dash-nav-item{color:var(--slate-400);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:.72rem;font-weight:500;transition:all .2s}.dash-nav-item.active{background:var(--teal-600);color:#fff}.dash-nav-item:not(.active):hover{background:var(--slate-700);color:var(--slate-200)}.dash-main{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow:hidden}.dash-cards{gap:8px;display:flex}.dash-card{border-radius:8px;flex:1;min-width:0;padding:10px}.dash-card.green{background:var(--green-50);border:1px solid var(--green-100)}.dash-card.blue{background:var(--blue-50);border:1px solid var(--blue-100)}.dash-card.orange{background:var(--orange-50);border:1px solid var(--orange-100)}.dash-card-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.62rem;font-weight:600}.dash-card-value{color:var(--slate-900);font-size:1rem;font-weight:800;line-height:1}.dash-card-trend{color:var(--slate-500);margin-top:3px;font-size:.62rem}.dash-chart{background:var(--slate-800);border-radius:8px;flex:1;align-items:flex-end;gap:6px;height:80px;padding:8px;display:flex}.chart-bar{background:var(--slate-600);border-radius:4px 4px 0 0;flex:1;min-height:8px;transition:height .5s}.chart-bar.active{background:var(--teal-500)}.features{background:var(--slate-50);padding:100px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:#fff;padding:36px 30px;transition:transform .3s,box-shadow .3s;position:relative}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card.featured{border-color:var(--teal-200);box-shadow:0 0 0 3px #0d948814}.feature-badge-tag{background:var(--teal-600);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:24px}.feature-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.feature-icon-wrap.green{background:var(--green-50);color:var(--green-600)}.feature-icon-wrap.blue{background:var(--blue-50);color:var(--blue-600)}.feature-icon-wrap.red{background:var(--red-50);color:var(--red-500)}.feature-icon{width:24px;height:24px}.feature-card h3{color:var(--slate-900);margin-bottom:10px;font-size:1.15rem;font-weight:700}.feature-card>p{color:var(--slate-500);margin-bottom:20px;font-size:.9rem;line-height:1.65}.feature-list{flex-direction:column;gap:8px;list-style:none;display:flex}.feature-list li{color:var(--slate-600);padding-left:20px;font-size:.85rem;position:relative}.feature-list li:before{content:"";background:var(--teal-500);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.extras-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.extra-item{border-radius:var(--radius);border:1px solid var(--slate-200);background:#fff;align-items:flex-start;gap:16px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.extra-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.extra-icon{background:var(--teal-50);width:40px;height:40px;color:var(--teal-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.extra-icon svg{width:18px;height:18px}.extra-item h4{color:var(--slate-900);margin-bottom:4px;font-size:.9rem;font-weight:700}.extra-item p{color:var(--slate-500);font-size:.82rem;line-height:1.5}.pricing{background:#fff;padding:100px 0}.billing-toggle{justify-content:center;align-items:center;gap:14px;margin-bottom:48px;display:flex}.toggle-label{color:var(--slate-600);font-size:.92rem;font-weight:500}.toggle-switch{background:var(--slate-200);cursor:pointer;border:none;border-radius:100px;width:48px;height:26px;transition:background .3s;position:relative}.toggle-switch.active{background:var(--teal-600)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(22px)}.save-badge{background:var(--green-100);color:var(--green-600);border-radius:100px;padding:2px 7px;font-size:.72rem;font-weight:600}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:#fff;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--teal-500);transform:translateY(-8px);box-shadow:0 0 0 3px #14b8a61f}.pricing-card.popular:hover{transform:translateY(-12px)}.popular-badge{background:var(--teal-600);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:8px;font-size:.78rem;font-weight:700}.pricing-tier-label{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-600);padding:10px 28px 0;font-size:.72rem;font-weight:700}.pricing-header{border-bottom:1px solid var(--slate-100);padding:16px 28px 24px}.plan-name{color:var(--slate-900);margin-bottom:6px;font-size:1.3rem;font-weight:800}.plan-desc{color:var(--slate-500);margin-bottom:20px;font-size:.85rem;line-height:1.5}.plan-price{align-items:flex-end;gap:3px;margin-bottom:4px;display:flex}.currency{color:var(--slate-700);margin-bottom:6px;font-size:1.1rem;font-weight:700}.amount{color:var(--slate-900);font-size:2.8rem;font-weight:800;line-height:1;transition:all .3s}.period{color:var(--slate-400);margin-bottom:8px;font-size:.9rem}.billing-note{color:var(--slate-400);font-size:.78rem}.pricing-body{padding:24px 28px 28px}.plan-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.plan-features li{color:var(--slate-600);align-items:center;gap:10px;font-size:.88rem;display:flex}.plan-features li:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;flex-shrink:0;width:16px;height:16px}.plan-features li.included:before{background-color:var(--teal-100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%230d9488' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.plan-features li.excluded{color:var(--slate-300);text-decoration:line-through;-webkit-text-decoration-color:var(--slate-200);text-decoration-color:var(--slate-200)}.plan-features li.excluded:before{background-color:var(--slate-100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2l-6 6' stroke='%23cbd5e1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.trial-note{text-align:center;color:var(--slate-400);margin-top:10px;font-size:.76rem}.pricing-footer{text-align:center;color:var(--slate-500);flex-direction:column;gap:4px;margin-top:40px;font-size:.9rem;display:flex}.pricing-footer a{color:var(--teal-600);font-weight:600;text-decoration:none}.pricing-footer a:hover{text-decoration:underline}.testimonials{background:var(--slate-50);padding:100px 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:#fff;padding:32px;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:1rem}.testimonial-card>p{color:var(--slate-600);margin-bottom:24px;font-size:.92rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--teal-600);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8rem;font-weight:700;display:flex}.testimonial-author strong{color:var(--slate-900);font-size:.88rem;display:block}.testimonial-author span{color:var(--slate-400);font-size:.8rem}.cta-section{background:#fff;padding:80px 0}.cta-box{background:linear-gradient(135deg, var(--teal-800), var(--teal-600));border-radius:var(--radius-lg);text-align:center;padding:72px 64px;position:relative;overflow:hidden}.cta-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-shape{background:#ffffff0f;border-radius:50%;position:absolute}.cta-shape.s1{width:400px;height:400px;top:-150px;right:-100px}.cta-shape.s2{width:300px;height:300px;bottom:-100px;left:-80px}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.cta-content p{color:#ffffffbf;margin-bottom:36px;font-size:1.05rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.contact{background:var(--slate-50);padding:100px 0}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.contact-info .section-badge{margin-bottom:16px}.contact-info h2{color:var(--slate-900);margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:800;line-height:1.2}.contact-info>p{color:var(--slate-500);margin-bottom:32px;line-height:1.7}.contact-details{flex-direction:column;gap:16px;display:flex}.contact-item{color:var(--slate-600);align-items:center;gap:12px;font-size:.92rem;font-weight:500;display:flex}.contact-item svg{width:20px;height:20px;color:var(--teal-600);flex-shrink:0}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--slate-700);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--slate-200);font-size:.9rem;font-family:var(--font);color:var(--slate-800);resize:vertical;background:#fff;border-radius:8px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #14b8a61f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--slate-300)}.form-success{background:var(--green-50);color:var(--green-600);border:1px solid var(--green-100);text-align:center;border-radius:8px;padding:12px 16px;font-size:.88rem;font-weight:600;display:none}.form-success.visible{display:block}.footer{background:var(--slate-900);padding:64px 0 32px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand .nav-logo{color:#fff;margin-bottom:14px;display:inline-flex}.footer-brand p{color:var(--slate-400);max-width:260px;font-size:.88rem;line-height:1.65}.footer-col h4{color:#fff;margin-bottom:16px;font-size:.88rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:var(--slate-400);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--teal-400)}.footer-bottom{border-top:1px solid var(--slate-800);color:var(--slate-500);justify-content:space-between;align-items:center;padding-top:32px;font-size:.82rem;display:flex}[data-animate]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}[data-animate].visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;padding:120px 40px 80px}.hero-container{max-width:600px;margin:0 auto}.hero-subtitle{max-width:100%}.hero-cta{justify-content:center}.hero-stats{margin:0 auto}.hero-visual{display:none}.features-grid,.extras-row,.testimonials-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.nav-links{box-shadow:var(--shadow);border-top:1px solid var(--slate-100);background:#fff;flex-direction:column;gap:0;padding:12px 0;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-link{border-radius:0;padding:12px 24px;display:block;color:var(--slate-600)!important}.nav-link:hover,.nav-link.active{background:var(--teal-50)!important;color:var(--teal-700)!important}.nav-actions{display:none}.hamburger{display:flex}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--slate-200)!important;background:#fffffff2!important}.navbar .nav-logo{color:var(--slate-900)!important}.hamburger span{background:var(--slate-700)!important}.features-grid,.extras-row,.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.testimonials-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.cta-box{padding:48px 24px}.hero-stats{flex-wrap:wrap;gap:16px}}