@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Open+Sans:wght@400;500;600;700&display=swap";
:root{--navy:#1a3a6b;--navy-deep:#0d2447;--navy-mid:#2d5a9e;--teal:#3db5d8;--teal-vivid:#00c4e8;--green:#00b96b;--green-bg:#00b96b;--amber:#ff9500;--red:#ff3b30;--border:#e8e6e1;--bg:#f5f4f2;--white:#fff;--text:#0a0a0a;--text2:#4a4845;--text3:#888780;--bronze:#c8760a;--gold:#c17d10}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Open Sans,sans-serif}a{text-decoration:none}button{cursor:pointer;font-family:Open Sans,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes barGrow{0%{width:0}}@keyframes numberPop{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fadeUp}.anim-fade-in{animation:.5s both fadeIn}.anim-scale-in{animation:.5s cubic-bezier(.22,1,.36,1) both scaleIn}.anim-bounce{animation:.55s both bounceIn}.anim-num{animation:.7s cubic-bezier(.22,1,.36,1) both numberPop}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.input-field{border:1.5px solid var(--border);background:var(--white);width:100%;color:var(--text);border-radius:12px;outline:none;padding:13px 16px;font-family:Open Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #3db5d826}.input-ok{border-color:var(--green)!important;box-shadow:0 0 0 3px #00b96b1f!important}.input-err{border-color:var(--red)!important;box-shadow:0 0 0 3px #ff3b301f!important}textarea.input-field{resize:vertical;min-height:130px}.btn-primary{background:var(--navy);color:#fff;border:none;border-radius:50px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #1a3a6b4d}.btn-primary:hover:not(:disabled){background:var(--navy-mid);transform:translateY(-2px);box-shadow:0 8px 24px #1a3a6b66}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-teal{background:var(--teal-vivid);color:#fff;text-align:center;border:none;border-radius:50px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s;display:inline-block;box-shadow:0 4px 16px #00c4e866}.btn-teal:hover{background:#00adcf;transform:translateY(-2px);box-shadow:0 8px 24px #00c4e880}.btn-ghost{color:#fff;background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:50px;padding:13px 28px;font-size:14px;font-weight:700;transition:all .2s}.btn-ghost:hover{background:#ffffff2e;border-color:#fff}.btn-google{background:var(--white);width:100%;color:var(--text);border:1.5px solid var(--border);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-google:hover{border-color:#aaa;transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.btn-nav-outline{color:var(--navy);border:1.5px solid var(--navy);border-radius:50px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s}.btn-nav-outline:hover{background:var(--navy);color:#fff}.btn-nav-solid{color:#fff;background:var(--navy);border:1.5px solid var(--navy);border-radius:50px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px 10px #1a3a6b40}.btn-nav-solid:hover{background:var(--navy-mid);transform:translateY(-1px);box-shadow:0 5px 16px #1a3a6b59}.divider{align-items:center;gap:12px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--text3);white-space:nowrap;font-size:12px}.card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:24px;transition:box-shadow .2s}.kpi-card{cursor:default;border:none;border-radius:20px;padding:22px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000026}.kpi-green{color:#fff;background:#095}.kpi-blue{color:#fff;background:#1a3a6b}.kpi-amber{color:#fff;background:#e08000}.kpi-red{color:#fff;background:#d92d22}.kpi-teal{color:#fff;background:#008baa}.kpi-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:22px;display:flex}.kpi-value{color:#fff;margin-bottom:4px;font-family:Roboto,sans-serif;font-size:26px;font-weight:900;animation:.6s both numberPop}.kpi-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;color:#fff;font-size:11px;font-weight:700}.kpi-sub{color:#ffffffb3;margin-top:5px;font-size:12px}.progress-wrap{margin-top:12px}.progress-bg{background:#ffffff40;border-radius:50px;height:5px;overflow:hidden}.progress-fill{background:#fff;border-radius:50px;height:100%;animation:1.2s cubic-bezier(.22,1,.36,1) both barGrow}.pub-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#fffffff5;border-bottom:1px solid #e8e6e1cc;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0000000d}.pub-nav-links{align-items:center;gap:24px;display:flex}.pub-nav-hamburger{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-link{color:var(--text2);font-size:13px;font-weight:600;transition:color .15s}.nav-link:hover{color:var(--navy)}.hero-section{background:var(--navy);background-image:radial-gradient(at 75% 30%,#00c4e833 0%,#0000 55%);padding:88px 40px 80px}.hero-inner{max-width:1040px;margin:0 auto}.hero-h1{color:#fff;letter-spacing:-.5px;max-width:620px;margin-bottom:20px;font-family:Roboto,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.1}.hero-h1 em{color:var(--teal-vivid);font-style:normal}.hero-sub{color:#ffffffad;max-width:460px;margin-bottom:40px;font-size:17px;line-height:1.72}.hero-btns{flex-wrap:wrap;gap:12px;margin-bottom:60px;display:flex}.cmf-stats{flex-wrap:wrap;gap:16px;display:flex}.cmf-stat{border-left:3px solid var(--teal-vivid);flex:1;min-width:150px;padding:12px 0 12px 20px}.cmf-num{color:#fff;letter-spacing:-1px;margin-bottom:6px;font-family:Roboto,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1}.cmf-label{color:#ffffff8c;max-width:160px;font-size:13px;line-height:1.4}.section-inner{max-width:1040px;margin:0 auto}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--teal-vivid);margin-bottom:10px;font-size:11px;font-weight:700}.section-h2{color:var(--navy);letter-spacing:-.4px;margin-bottom:44px;font-family:Roboto,sans-serif;font-size:36px;font-weight:900}.step-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.step-card:hover{border-color:var(--teal);transform:translateY(-6px);box-shadow:0 16px 40px #1a3a6b1a}.step-emoji{background:#ebf4ff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;font-size:28px;display:flex;box-shadow:0 2px 8px #1a3a6b1a}.step-num{color:var(--teal-vivid);letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:700}.step-title{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.step-desc{color:var(--text2);font-size:13px;line-height:1.65}.plan-card{border:2px solid var(--border);background:var(--white);border-radius:22px;flex-direction:column;padding:28px 22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001f}.plan-card.featured{background:var(--navy);border-color:var(--navy);box-shadow:0 8px 32px #1a3a6b59}.plan-card.featured:hover{box-shadow:0 20px 56px #1a3a6b73}.plan-badge{background:var(--teal-vivid);color:#fff;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;border-radius:50px;padding:4px 16px;font-size:10px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00c4e866}.plan-name{letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.plan-price{letter-spacing:-.5px;margin-bottom:4px;font-family:Roboto,sans-serif;font-size:32px;font-weight:900}.plan-price-sub{font-size:13px;font-weight:400}.plan-sub{opacity:.6;margin-bottom:18px;font-size:12px}.plan-divider{background:var(--border);height:1px;margin:16px 0}.plan-card.featured .plan-divider{background:#ffffff26}.plan-desc{flex:1;margin-bottom:20px;font-size:12px;line-height:1.7}.plan-cta{text-align:center;border-radius:50px;margin-top:auto;padding:12px 0;font-size:14px;font-weight:700;transition:all .2s;display:block}.dash-sidebar{background:var(--white);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:230px;height:100vh;padding:20px 14px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 16px #0000000a}.dash-main{flex:1;min-height:100vh;margin-left:230px;padding:32px}.dash-mobile-bar,.dash-overlay{display:none}.nav-item{color:var(--text2);border-radius:12px;margin-bottom:2px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:block}.nav-item:hover{color:var(--navy);background:#ebf4ff;transform:translate(3px)}.nav-item.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px #1a3a6b40}.steps-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plans-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.contact-grid{grid-template-columns:1fr 1.4fr;gap:32px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pub-footer{background:var(--white);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 40px;display:flex}.chat-elza{color:var(--navy);background:#ebf4ff;border:1px solid #1a3a6b14;border-radius:16px 16px 16px 4px;max-width:86%;padding:12px 16px;font-size:13px;line-height:1.55}.chat-user{background:var(--navy);color:#fff;border-radius:16px 16px 4px;max-width:86%;margin-left:auto;padding:12px 16px;font-size:13px;line-height:1.55}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (max-width:768px){.pub-nav{padding:12px 20px}.pub-nav-links{display:none}.pub-nav-links.open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:99;background:#fffffffa;flex-direction:column;gap:12px;padding:16px 20px;animation:.2s fadeDown;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0000001f}.pub-nav-hamburger{display:flex}.hero-section{padding:48px 20px 44px}.hero-h1{font-size:28px}.hero-sub{font-size:15px}.hero-btns{flex-direction:column}.cmf-stats{flex-direction:column;gap:20px}.cmf-num{font-size:40px}section{padding:44px 20px!important}.section-h2{margin-bottom:28px;font-size:26px}.steps-grid{grid-template-columns:1fr;gap:12px}.plans-grid,.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-value{font-size:22px}.dashboard-grid,.contact-grid,.form-grid-2{grid-template-columns:1fr}.pub-footer{flex-direction:column;align-items:flex-start;padding:20px}.dash-sidebar{z-index:50;width:270px;transform:translate(-100%)}.dash-sidebar.open{transform:translate(0);box-shadow:4px 0 40px #0003}.dash-main{margin-left:0;padding:16px}.dash-mobile-bar{background:var(--white);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.dash-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:block;position:fixed;inset:0}}@media (max-width:480px){.plans-grid{grid-template-columns:1fr}.hero-h1{font-size:25px}.section-h2{font-size:22px}.cmf-num{font-size:36px}}