:root{--navy:#061b42;--blue:#075cf2;--cyan:#08c8ee;--ink:#0a1833;--muted:#637089;--line:#e4eaf2;--pale:#f5f8fc;--green:#17a66a;--red:#e65555;--shadow:0 24px 70px rgba(8,34,78,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.hidden{display:none!important}.topbar{height:80px;display:flex;align-items:center;padding:0 max(5vw,24px);border-bottom:1px solid #edf1f6;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;text-decoration:none;color:var(--navy);font:700 24px Manrope}.brand img{width:126px;height:44px;object-fit:contain}.brand-text{display:none}.topbar nav{display:flex;gap:32px;margin:auto}.topbar nav a{color:#3c4961;text-decoration:none;font-weight:500}.nav-actions{display:flex;gap:10px}.primary,.secondary,.ghost,.white-btn{border:0;border-radius:9px;padding:12px 19px;font-weight:700}.primary{background:linear-gradient(100deg,#094ce5,#00aef0);color:white;box-shadow:0 8px 20px rgba(5,92,242,.2)}.primary:hover{transform:translateY(-1px)}.secondary{background:white;color:var(--navy);border:1px solid #cfd8e6;text-decoration:none}.ghost{background:transparent;color:var(--navy)}.menu{display:none;border:0;background:none;font-size:23px}.hero{min-height:690px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:60px;padding:70px max(6vw,30px);overflow:hidden;background:linear-gradient(130deg,#fbfdff 55%,#f2f8ff)}.hero-copy{max-width:610px}.eyebrow,.section-tag{font-weight:800;font-size:12px;letter-spacing:1.8px;color:#075cf2}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:22px;height:3px;background:var(--cyan)}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:clamp(43px,4.6vw,68px);line-height:1.05;letter-spacing:-3px;margin:20px 0 24px}h1 em,h2 em{font-style:normal;color:#087bf0}.hero-copy>p,.lead{color:var(--muted);font-size:18px;line-height:1.7}.hero-buttons{display:flex;gap:12px;margin:30px 0 24px}.large{padding:15px 22px}.trust{display:flex;gap:20px;color:#5d6a81;font-size:13px}.trust span::first-letter{color:var(--green)}.hero-visual{position:relative}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#bfeaff 0,transparent 70%);right:-100px;top:-100px}.window{position:relative;background:white;border:1px solid #dce5f0;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.window-bar{height:38px;background:#f7f9fc;display:flex;align-items:center;padding:0 12px;gap:6px;border-bottom:1px solid #e6ebf2}.window-bar i{width:8px;height:8px;border-radius:50%;background:#cfd6e1}.window-bar span{margin:auto;color:#8d98a9;font-size:10px}.mini-app{display:grid;grid-template-columns:54px 1fr;height:355px}.mini-app aside{background:#071b40;padding:16px 13px;display:flex;align-items:center;flex-direction:column;gap:23px}.mini-logo{color:white;font-weight:800}.mini-logo span{color:var(--cyan)}.mini-app aside i,.mini-app aside b{width:22px;height:3px;border-radius:4px;background:#274065}.mini-app aside b{background:var(--cyan)}.mini-main{padding:24px}.mini-head{display:flex;justify-content:space-between;align-items:center}.mini-head small,.mini-main small{color:#8490a3;font-size:9px}.mini-head h3{font-size:18px;margin-top:4px}.mini-head button{font-size:9px;border:0;background:#0765ed;color:white;padding:8px;border-radius:5px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mini-kpis article,.mini-grid article{border:1px solid #e7edf4;padding:13px;border-radius:8px}.mini-kpis strong{font-size:14px;display:block;margin:8px 0}.mini-kpis span{font-size:8px;color:var(--green)}.mini-kpis .down{color:var(--red)}.mini-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.bars{height:115px;display:flex;align-items:end;gap:9px;padding-top:15px;border-bottom:1px solid #dfe5ed}.bars i{flex:1;background:linear-gradient(#09b9ea,#075cf2);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:44%}.bars i:nth-child(4){height:78%}.bars i:nth-child(5){height:63%}.bars i:nth-child(6){height:92%}.bars i:nth-child(7){height:75%}.tasks p{font-size:8px;border-bottom:1px solid #edf0f4;padding:7px 0}.tasks b{color:#0868e8;margin-right:4px}.float-card{position:absolute;left:-30px;bottom:-28px;background:white;padding:14px 18px;border-radius:12px;box-shadow:0 15px 40px rgba(7,34,75,.16);display:flex;gap:12px;align-items:center}.float-card>span{background:#e9faf4;color:var(--green);padding:9px;border-radius:8px}.float-card small,.float-card strong{display:block}.float-card small{color:#7c899d;font-size:10px}.float-card strong{font-size:13px;margin-top:3px}.logos{text-align:center;padding:30px max(5vw,20px);border-block:1px solid #eef2f7}.logos p{font-size:12px;color:#8994a5}.logos div{display:flex;justify-content:center;gap:6vw;color:#9ba5b4;font-weight:800;letter-spacing:1px}.pain,.features,.plans,.faq,.flow{padding:105px max(7vw,30px)}.pain,.plans{background:#f7faff;text-align:center}h2{font-size:clamp(34px,3.5vw,50px);line-height:1.14;letter-spacing:-2px;margin:14px 0 16px}.lead{max-width:650px;margin:0 auto 46px}.pain-grid,.feature-grid,.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.pain-grid article,.feature-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:27px;text-align:left}.pain-grid article>span,.feature-icon{width:42px;height:42px;background:#ecf5ff;color:#0869ee;display:grid;place-items:center;border-radius:10px;font-weight:800}.pain-grid h3,.feature-grid h3{font-size:17px;margin:18px 0 9px}.pain-grid p,.feature-grid p{color:var(--muted);font-size:14px;line-height:1.6}.features{text-align:center}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{transition:.2s}.feature-grid article:hover{border-color:#5c9df7;transform:translateY(-3px);box-shadow:0 15px 35px rgba(8,55,110,.08)}.feature-grid small{color:#0a6fe9;font-weight:700}.flow{background:#071b40;color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.flow .section-tag{color:#13c6ed}.flow h2 em{color:#33c9ef}.flow>div>p,.flow li span{color:#a9b7ce;line-height:1.7}.flow ul{list-style:none;padding:0}.flow li{position:relative;padding:12px 0 12px 38px}.flow li:before{content:'✓';position:absolute;left:0;background:#0d3764;color:#32cee8;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.flow li b,.flow li span{display:block}.flow-map{position:relative;height:390px}.flow-map:before{content:'';position:absolute;inset:25px;border:1px dashed #2b5782;border-radius:50%}.flow-center{position:absolute;inset:130px;border-radius:50%;background:linear-gradient(145deg,#0755df,#00bce9);display:grid;place-items:center;font:800 30px Manrope;box-shadow:0 0 60px rgba(0,190,235,.3)}.flow-center span{color:#a9efff}.orbit{position:absolute;background:#102c52;border:1px solid #2b4d75;border-radius:13px;width:95px;height:72px;display:grid;place-items:center;color:#38cff0;font-size:22px}.orbit small{color:white;font-size:10px}.o1{left:0;top:35%}.o2{right:0;top:35%}.o3{left:38%;top:0}.o4{left:38%;bottom:0}.plans-grid{grid-template-columns:repeat(3,1fr);text-align:left;align-items:center}.plan{background:white;border:1px solid var(--line);padding:28px;border-radius:15px;position:relative}.plan.featured{border:2px solid #0869ee;padding:35px 28px;box-shadow:0 22px 55px rgba(5,87,210,.13)}.badge{position:absolute;right:18px;top:18px;background:#e8f2ff;color:#0666e7;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800}.price{font:800 34px Manrope;margin:18px 0}.price small{font:400 12px DM Sans;color:var(--muted)}.plan ul{list-style:none;padding:10px 0;min-height:210px}.plan li{padding:8px 0;color:#536078;font-size:13px}.plan li:before{content:'✓';color:#0aa16a;margin-right:9px}.plan button{width:100%}.plans-note{font-size:12px;color:#8290a3;margin-top:25px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq>div:first-child p{color:var(--muted);line-height:1.7}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;text-align:left;padding:20px 0;font-weight:700;display:flex;justify-content:space-between}.faq-a{color:var(--muted);line-height:1.6;margin:0;padding:0 30px 20px 0}.final-cta{padding:90px max(7vw,30px);text-align:center;background:linear-gradient(120deg,#0b51d7,#04aadd);color:white}.final-cta>div{max-width:800px;margin:auto}.final-cta h2 em{color:#baf5ff}.brand-symbol{display:inline-grid;place-items:center;background:rgba(255,255,255,.13);width:55px;height:55px;border-radius:14px;font-weight:800}.white-btn{background:white;color:#0759df;margin-top:20px}.modal-wrap{position:fixed;inset:0;background:rgba(1,13,34,.7);display:grid;place-items:center;padding:20px;z-index:100}.modal{background:white;border-radius:18px;box-shadow:var(--shadow);position:relative;max-height:calc(100vh - 40px);overflow:auto}.login-card{width:min(430px,100%);padding:42px}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;color:#748097}.login-logo{width:53px;height:53px;display:grid;place-items:center;background:linear-gradient(145deg,#083fae,#04c3ef);color:white;border-radius:14px;font-weight:800;margin:0 auto 20px}.login-card h2,.login-card>div>p{text-align:center}.login-card p{color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:20px 0 8px}input,select,textarea{width:100%;border:1px solid #d9e1eb;border-radius:8px;padding:12px;outline:none;background:white}input:focus,select:focus,textarea:focus{border-color:#0878ee;box-shadow:0 0 0 3px #e5f2ff}.full{width:100%;margin-top:15px}.demo-link{border:0;background:none;color:#0868e8;width:100%;margin-top:18px}.tenant{display:flex;align-items:center;gap:12px;background:#f3f7fc;padding:12px;border-radius:10px;margin:20px 0}.tenant i{background:#083f9d;color:white;width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-style:normal}.tenant small,.tenant b{display:block}.tenant small{font-size:9px;color:#718096}.back-login{background:none;border:0;color:#627087;padding:0}.password{display:flex}.password input{border-radius:8px 0 0 8px}.password button{border:1px solid #d9e1eb;border-left:0;background:white;border-radius:0 8px 8px 0}.forgot{font-size:12px;color:#0874e8}.app-shell{height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f4f7fb;overflow:hidden}.sidebar{background:#071b40;color:white;padding:22px 14px;display:flex;flex-direction:column;overflow:auto}.app-brand{font-size:21px;padding:0 10px 20px}.app-brand span{color:#36d4f1;margin-right:7px}.company{display:flex;gap:10px;background:#102b52;padding:11px;border-radius:9px;align-items:center;margin-bottom:20px}.company i{background:#14aa83;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;font-style:normal}.company b,.company small{display:block}.company b{font-size:12px}.company small{font-size:9px;color:#9db1cc}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button,.exit{border:0;background:transparent;color:#aab8cc;text-align:left;padding:10px 12px;border-radius:7px;font-size:13px}.sidebar nav button:hover,.sidebar nav button.active{background:#12335e;color:white}.sidebar nav button span{display:inline-block;width:25px}.exit{margin-top:auto}.app-body{overflow:auto}.app-body>header{height:68px;background:white;border-bottom:1px solid #e1e7ef;display:flex;align-items:center;padding:0 28px}.app-menu{display:none}.search{background:#f3f6fa;border-radius:8px;padding:8px 12px;width:330px;color:#728096}.search input{display:inline;width:240px;border:0;padding:0;background:transparent}.search kbd{font-size:9px}.profile{margin-left:auto;display:flex;align-items:center;gap:9px}.profile>span{background:#e3f0ff;color:#0764e5;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:9px;color:#7b8799}.profile button{border:0;background:none;font-size:20px;position:relative}.profile button i{position:absolute;width:6px;height:6px;background:#f05b5b;border-radius:50%}.app-body main{padding:28px}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dash-head h1{font-size:25px;letter-spacing:-1px;margin:0}.dash-head p{color:var(--muted);font-size:13px}.filters{display:flex;gap:8px}.filters button{border:1px solid #dde4ed;background:white;padding:8px 11px;border-radius:7px;font-size:11px}.filters button.active{background:#081f45;color:white}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:white;border:1px solid #e3e9f1;border-radius:10px;padding:17px}.kpi>div{display:flex;justify-content:space-between;color:#718096;font-size:11px}.kpi i{font-style:normal;background:#eaf4ff;padding:6px;border-radius:7px;color:#0871ed}.kpi strong{font:700 22px Manrope;display:block;margin:15px 0 7px}.kpi small{color:var(--green)}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.panel{background:white;border:1px solid #e3e9f1;border-radius:10px;padding:19px}.panel-head{display:flex;justify-content:space-between}.panel h3{font-size:14px}.chart-large{height:220px;display:flex;align-items:end;gap:18px;padding:30px 10px 0;border-bottom:1px solid #dfe6ef}.chart-large i{flex:1;background:linear-gradient(#18c3ea,#075cf2);border-radius:4px 4px 0 0}.list-row,.data-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5;font-size:12px}.list-row span:last-child,.status{background:#eaf8f2;color:#139161;padding:4px 8px;border-radius:99px;font-size:9px}.module-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-head h1{font-size:25px}.module-tools{display:flex;gap:8px}.table-card{background:white;border:1px solid #e1e8f0;border-radius:10px;padding:0 18px;overflow:auto}.table-header{font-weight:700;color:#6e7b8f;background:#f8fafc;margin:0 -18px;padding:11px 18px}.data-row{min-width:620px}.data-row button{border:0;background:none}.form-card{width:min(650px,100%);padding:32px}.form-card>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-card textarea{min-height:90px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notice{padding:12px;border-radius:8px;background:#eaf4ff;color:#0861c9;font-size:12px;margin-bottom:16px}.empty{text-align:center;padding:60px;color:var(--muted)}#toast{position:fixed;right:22px;bottom:22px;background:#0a2046;color:white;padding:13px 18px;border-radius:9px;z-index:200;opacity:0;transform:translateY(20px);transition:.25s;font-size:13px}#toast.show{opacity:1;transform:none}
@media(max-width:1000px){.topbar nav{display:none}.menu{display:block;margin-left:8px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:760px}.hero-visual{max-width:700px}.pain-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr}.flow-map{max-width:500px;width:100%;margin:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:210px 1fr}.search{width:240px}.search input{width:150px}}@media(max-width:720px){.topbar{height:68px}.brand img{width:108px}.nav-actions .ghost{display:none}.nav-actions .primary{padding:9px 11px;font-size:12px}.hero{padding:42px 20px 65px;gap:40px}h1{letter-spacing:-2px}.hero-buttons,.trust{flex-wrap:wrap}.window{transform:none}.mini-app{height:290px}.mini-kpis{grid-template-columns:1fr 1fr}.mini-kpis article:last-child{display:none}.mini-grid{grid-template-columns:1fr}.tasks{display:none}.float-card{left:10px}.logos div{flex-wrap:wrap}.pain,.features,.plans,.faq,.flow{padding:75px 20px}.pain-grid,.feature-grid,.plans-grid{grid-template-columns:1fr}.plans-grid{gap:15px}.plan.featured{padding:28px}.faq{grid-template-columns:1fr;gap:25px}.flow-map{height:340px}.flow-center{inset:115px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 -260px;width:250px;z-index:90;transition:.25s}.sidebar.open{left:0}.app-menu{display:block;border:0;background:none;font-size:20px;margin-right:10px}.app-body>header{padding:0 12px}.search{display:none}.profile div{display:none}.app-body main{padding:18px}.dash-head{align-items:flex-start;gap:10px}.filters{overflow:auto;max-width:150px}.kpi-grid,.dash-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.module-head{align-items:flex-start;gap:10px}.module-tools{flex-wrap:wrap;justify-content:flex-end}.login-card,.form-card{padding:28px 20px}}