*,:after,:before{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}:root{--navy:#152242;--navy-mid:#1e3160;--green:#3cb88a;--green-dark:#2ea073;--off-white:#f7f8fc;--border:#e4e8f0;--text-muted:#6b7a99;--radius:14px}html{scroll-behavior:smooth}body{background:#fff;color:var(--navy);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}::-moz-selection{background:var(--green);color:#fff}::selection{background:var(--green);color:#fff}img{display:block;max-width:100%}.nav{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.92);border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;transition:box-shadow .3s;z-index:100}.nav.scrolled{box-shadow:0 2px 20px rgba(21,34,66,.1)}.nav-inner{height:68px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px;text-decoration:none}.nav-logo img{height:32px;width:auto}.nav-links{align-items:center;display:flex;gap:32px}.nav-links a{color:var(--navy);font-size:14px;font-weight:600;opacity:.7;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-cta{background:var(--green);border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:10px 22px;text-decoration:none;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--green-dark);opacity:1;transform:translateY(-1px)}.hero{background:linear-gradient(160deg,#f0f4ff,#fff 55%,#f0faf5);overflow:hidden;padding:160px 32px 100px;position:relative}.hero:before{background:radial-gradient(circle,rgba(60,184,138,.1) 0,transparent 70%);height:700px;right:-200px;top:-200px;width:700px}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background:radial-gradient(circle,rgba(21,34,66,.05) 0,transparent 70%);bottom:-100px;height:500px;left:-100px;width:500px}.hero h1{color:var(--navy);font-size:clamp(36px,4vw,58px);font-weight:800;line-height:1.12;margin-bottom:20px}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:var(--text-muted);font-size:18px;margin-bottom:36px;max-width:480px}.hero-inner{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-badge{align-items:center;background:rgba(60,184,138,.1);border:1px solid rgba(60,184,138,.25);border-radius:100px;color:var(--green-dark);display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.02em;margin-bottom:24px;padding:6px 14px}.hero-badge span{background:var(--green);border-radius:50%;display:block;height:6px;width:6px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-stats{border-top:1px solid var(--border);display:flex;gap:32px;margin-top:48px;padding-top:40px}.hero-stat strong{color:var(--navy);display:block;font-size:28px;font-weight:800}.hero-stat span{color:var(--text-muted);font-size:13px;font-weight:500}.btn-primary{background:var(--navy);border:none;border-radius:10px;box-shadow:0 4px 16px rgba(21,34,66,.2);color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;padding:14px 28px;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:var(--navy-mid);box-shadow:0 8px 24px rgba(21,34,66,.25);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid var(--border);border-radius:10px;color:var(--navy);cursor:pointer;display:inline-block;font-size:15px;font-weight:700;padding:14px 28px;text-decoration:none;transition:border-color .2s,transform .15s}.btn-secondary:hover{border-color:var(--navy);transform:translateY(-2px)}.hero-visual{position:relative}.dashboard-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(21,34,66,.15);overflow:hidden}.db-header{align-items:center;background:var(--navy);display:flex;gap:8px;padding:14px 20px}.db-dot{border-radius:50%;height:10px;width:10px}.db-title{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:600;margin-left:8px}.db-body{padding:20px}.db-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.db-metric{background:var(--off-white);border:1px solid var(--border);border-radius:10px;padding:14px}.db-metric-label{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:6px}.db-metric-val{color:var(--navy);font-size:22px;font-weight:800}.db-metric-change{font-size:11px;font-weight:700}.up{color:var(--green)}.down{color:#e74c3c}.db-chart{background:var(--off-white);border:1px solid var(--border);border-radius:10px;padding:16px}.db-chart-label{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:12px}.chart-bars{align-items:flex-end;display:flex;gap:6px;height:60px}.chart-bar{background:var(--border);border-radius:4px 4px 0 0;flex:1}.chart-bar.active{background:var(--green)}.chart-bar.navy{background:var(--navy)}.floating-pill{background:#fff;border:1px solid var(--border);border-radius:12px;bottom:-16px;box-shadow:0 8px 32px rgba(21,34,66,.15);gap:10px;left:-20px;padding:12px 16px;position:absolute;white-space:nowrap}.floating-pill,.pill-icon{align-items:center;display:flex}.pill-icon{background:rgba(60,184,138,.12);border-radius:50%;height:36px;justify-content:center;width:36px}.pill-text strong{color:var(--navy);display:block;font-size:13px;font-weight:700}.pill-text span{color:var(--text-muted);font-size:11px}.floating-pill2{align-items:center;background:var(--navy);border-radius:12px;box-shadow:0 8px 32px rgba(21,34,66,.3);display:flex;gap:10px;padding:12px 16px;position:absolute;right:-16px;top:-16px;white-space:nowrap}.floating-pill2 strong{color:#fff;display:block;font-size:13px;font-weight:700}.floating-pill2 span{color:hsla(0,0%,100%,.6);font-size:11px}.logos-bar{background:var(--off-white);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:28px 32px}.logos-inner{margin:0 auto;max-width:1200px;text-align:center}.logos-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px;text-transform:uppercase}.logos-list{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.logo-pill{color:#bcc5d8;font-size:15px;font-weight:800;letter-spacing:-.01em}section{padding:96px 32px}.section-inner{margin:0 auto;max-width:1200px}.section-tag{color:var(--green-dark);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.section-title{color:var(--navy);font-size:clamp(28px,3vw,44px);font-weight:800;margin-bottom:16px}.section-sub{color:var(--text-muted);font-size:17px;max-width:560px}.section-header{margin-bottom:56px}.features{background:#fff}.features-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);cursor:default;padding:32px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:var(--green);box-shadow:0 12px 40px rgba(21,34,66,.08);transform:translateY(-4px)}.feature-card h3{color:var(--navy);font-size:17px;font-weight:700;margin-bottom:10px;text-align:center}.feature-card p{color:var(--text-muted);font-size:14px;line-height:1.65;text-align:center}.feature-icon{align-items:center;display:flex;height:52px;justify-content:center;margin:0 auto 20px;width:52px}.about{background:var(--navy);color:#fff}.about .section-tag{color:var(--green)}.about .section-title{color:#fff}.about .section-sub{color:hsla(0,0%,100%,.65);max-width:100%}.about-inner{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-body{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.75;margin-top:20px}.about-visual{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden}.about-mockup-header{align-items:center;background:hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:8px;padding:12px 20px}.about-mockup-title{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:600;margin-left:6px}.about-mockup-body{padding:20px}.issue-row{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px}.issue-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.issue-text{color:hsla(0,0%,100%,.7);flex:1;font-size:13px}.issue-badge{border-radius:4px;font-size:11px;font-weight:700;padding:2px 8px}.badge-error{background:rgba(231,76,60,.2);color:#ff7f72}.badge-warn{background:rgba(241,196,15,.2);color:#f1c40f}.badge-ok{background:rgba(60,184,138,.2);color:var(--green)}.pricing{background:var(--off-white)}.pricing-grid{align-items:start;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.pricing-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:36px 32px;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 16px 48px rgba(21,34,66,.1);transform:translateY(-4px)}.pricing-card.featured{background:var(--navy);border-color:var(--green);color:#fff;position:relative;transform:scale(1.02)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-4px)}.pricing-card.featured .plan-name{color:hsla(0,0%,100%,.5)}.pricing-card.featured .plan-price{color:#fff}.pricing-card.featured .plan-per{color:hsla(0,0%,100%,.5)}.pricing-card.featured .plan-annual-note{color:hsla(0,0%,100%,.4)}.pricing-card.featured .plan-saving{background:hsla(0,0%,100%,.12);color:#fff}.pricing-card.featured .plan-features li{border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.pricing-badge{background:var(--green);border-radius:100px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.billing-toggle-wrap{display:flex;justify-content:center;margin-bottom:40px}.billing-toggle{background:var(--border);border-radius:100px;display:inline-flex;gap:4px;padding:4px}.billing-toggle .billing-toggle-btn{align-items:center;background:transparent;border:none;border-radius:100px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.billing-toggle .billing-toggle-btn.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);color:var(--navy)}.billing-toggle .billing-toggle-btn:not(.active):hover{color:var(--navy)}.billing-toggle-badge{background:var(--green);border-radius:100px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.plan-name{color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.plan-price{color:var(--navy);font-size:44px;font-weight:800;line-height:1}.plan-price span{font-size:18px;font-weight:600;vertical-align:super}.plan-per{color:var(--text-muted);font-size:14px;margin-top:4px}.plan-saving{background:rgba(60,184,138,.12);border-radius:100px;color:var(--green-dark);display:inline-block;font-size:12px;font-weight:700;margin-bottom:24px;margin-top:8px;padding:3px 10px}.plan-saving-spacer{height:35px}.plan-annual-note{color:var(--text-muted);font-size:12px;margin-bottom:24px;margin-top:8px}.plan-features{list-style:none;margin-bottom:32px}.plan-features li{align-items:center;border-bottom:1px solid var(--border);color:var(--navy);display:flex;font-size:14px;gap:10px;padding:9px 0}.plan-features li:before{color:var(--green);content:"✓";flex-shrink:0;font-size:13px;font-weight:800}.btn-plan{border:none;border-radius:10px;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:700;padding:13px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.btn-plan-outline{background:transparent;border:2px solid var(--border);color:var(--navy)}.btn-plan-outline:hover{background:var(--off-white);border-color:var(--navy)}.btn-plan-fill{background:var(--green);box-shadow:0 4px 16px rgba(60,184,138,.35);color:#fff}.btn-plan-fill:hover{background:var(--green-dark);transform:translateY(-1px)}.testimonial{background:var(--off-white);overflow:hidden;padding:96px 32px;position:relative}.testimonial-inner{margin:0 auto;max-width:1200px}.testimonial-grid{border-radius:20px;box-shadow:0 20px 60px rgba(21,34,66,.13);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.testimonial-left{background:var(--navy);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:56px 52px;position:relative}.testimonial-left:before{background:radial-gradient(circle,rgba(60,184,138,.18) 0,transparent 70%);bottom:-80px;content:"";height:300px;pointer-events:none;position:absolute;right:-80px;width:300px}.testimonial-left blockquote{color:hsla(0,0%,100%,.88);font-size:clamp(16px,1.6vw,21px);font-weight:500;line-height:1.7}.tl-bottom,.tl-top{position:relative;z-index:1}.big-quote{color:var(--green);display:block;font-family:Georgia,serif;font-size:96px;font-weight:800;line-height:.7;margin-bottom:28px}.tl-author{gap:14px;margin-top:44px}.tl-author,.tl-avatar{align-items:center;display:flex}.tl-avatar{background:rgba(60,184,138,.18);border:2px solid rgba(60,184,138,.4);border-radius:50%;color:var(--green);flex-shrink:0;font-size:14px;font-weight:800;height:50px;justify-content:center;width:50px}.tl-author-name{color:#fff;font-size:15px;font-weight:700}.tl-author-role{color:hsla(0,0%,100%,.45);font-size:13px;margin-top:2px}.testimonial-right{background:var(--green);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:56px 52px;position:relative}.testimonial-right:after{background:radial-gradient(circle,hsla(0,0%,100%,.12) 0,transparent 70%);content:"";height:240px;left:-60px;position:absolute;top:-60px;width:240px}.tr-label{color:hsla(0,0%,100%,.6);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:32px;text-transform:uppercase}.tr-label,.tr-stats{position:relative;z-index:1}.tr-stat{margin-bottom:36px}.tr-stat:last-child{margin-bottom:0}.tr-stat-num{color:#fff;font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1;margin-bottom:6px}.tr-stat-desc{color:hsla(0,0%,100%,.75);font-size:14px;font-weight:500}.tr-divider{background:hsla(0,0%,100%,.2);height:1px;margin-bottom:36px;width:100%}.cta-banner{background:linear-gradient(135deg,var(--navy) 0,var(--navy-mid) 100%);overflow:hidden;padding:80px 32px;position:relative;text-align:center}.cta-banner:before{background:radial-gradient(circle,rgba(60,184,138,.15) 0,transparent 70%);content:"";height:400px;position:absolute;right:-100px;top:-100px;width:400px}.cta-banner h2{color:#fff;font-size:clamp(28px,3vw,44px);font-weight:800;margin-bottom:16px}.cta-banner p{color:hsla(0,0%,100%,.65);font-size:17px;margin-bottom:36px}.btn-green{background:var(--green);border-radius:10px;box-shadow:0 4px 24px rgba(60,184,138,.4);color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:15px 36px;text-decoration:none;transition:background .2s,transform .15s}.btn-green:hover{background:var(--green-dark);transform:translateY(-2px)}.contact{background:var(--off-white)}.contact-inner{align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-form{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px rgba(21,34,66,.05);padding:40px}.contact-notice{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 16px}.contact-notice--success{background:rgba(60,184,138,.12);border:1px solid rgba(60,184,138,.3);color:var(--green-dark)}.contact-notice--error{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);color:#b91c1c}.form-group{margin-bottom:20px}.form-group label{color:var(--navy);display:block;font-size:13px;font-weight:700;margin-bottom:6px}.form-group input,.form-group textarea{background:var(--off-white);border:1.5px solid var(--border);border-radius:8px;color:var(--navy);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(60,184,138,.12)}.form-group textarea{min-height:120px;resize:vertical}.form-submit{background:var(--navy);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px 32px;transition:background .2s,transform .15s;width:100%}.form-submit:hover{background:var(--navy-mid);transform:translateY(-1px)}.contact-info{padding-top:8px}.contact-info h3{color:var(--navy);font-size:28px;font-weight:800;margin-bottom:16px}.contact-info p{color:var(--text-muted);font-size:16px;line-height:1.7;margin-bottom:32px}.contact-item{align-items:flex-start;display:flex;gap:14px;margin-bottom:20px}.contact-item-icon{align-items:center;background:rgba(60,184,138,.1);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.contact-item-text strong{color:var(--navy);display:block;font-size:14px;font-weight:700}.contact-item-text span{color:var(--text-muted);font-size:14px}footer{background:var(--navy);color:hsla(0,0%,100%,.6);padding:48px 32px 32px}.footer-inner{border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr;margin:0 auto 28px;max-width:1200px;padding-bottom:40px}.footer-brand img{height:28px;margin-bottom:16px}.footer-brand p{font-size:14px;line-height:1.65;max-width:280px}.footer-col h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:hsla(0,0%,100%,.5);font-size:14px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom a{color:hsla(0,0%,100%,.4);text-decoration:none}@media(max-width:900px){.about-inner,.contact-inner,.footer-inner,.hero-inner{gap:48px;grid-template-columns:1fr}.features-grid,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-card.featured{transform:scale(1)}.hero-visual{display:none}.testimonial-grid{grid-template-columns:1fr}.testimonial-left,.testimonial-right{padding:40px 32px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.nav-links{display:none}}@media(max-width:600px){.features-grid,.pricing-grid{grid-template-columns:1fr}section{padding:64px 20px}}