@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap');
:root{--teal:#087f8c;--teal-dark:#066e79;--teal2:#58c5c2;--navy:#172b3a;--mint:#ddf4f0;--bg:#f5f8f7;--border:#dde6e3;--muted:#6b7a82;--white:#fff;--shadow:0 8px 30px rgba(23,43,58,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{height:72px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand img{display:block;width:142px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:24px}.desktop-nav>a,.login{font-size:12px;font-weight:600;color:var(--navy)}.desktop-nav>a:hover,.login:hover{color:var(--teal)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}.btn:hover{border-color:#b7cbc7;text-decoration:none}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.btn-outline{border-color:var(--teal);color:var(--teal);background:#fff}.btn-outline:hover{background:var(--mint)}.btn-lg{min-height:46px;padding:12px 22px}.menu-btn{display:none;margin-left:auto;border:0;background:transparent;color:var(--navy);font-size:25px;line-height:1;cursor:pointer}.mobile-nav{display:none;background:#fff;border-top:1px solid var(--border);box-shadow:0 8px 20px rgba(23,43,58,.08);padding:10px 20px 16px}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:11px 0;font-size:13px;font-weight:600;border-bottom:1px solid #eef2f1}.mobile-nav a:last-child{border-bottom:0}.mobile-nav .mobile-cta{margin-top:10px;text-align:center;background:var(--teal);color:#fff;border-radius:9px}
.products-menu{position:relative}.products-menu>a{display:inline-flex;align-items:center;gap:5px}.products-menu>button{border:0;background:transparent;padding:0;font:600 12px Inter;color:var(--navy);cursor:pointer}.products-menu>button:hover{color:var(--teal)}.products-dropdown{display:none;position:absolute;left:-18px;top:30px;width:255px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px rgba(23,43,58,.12)}.products-menu.open .products-dropdown{display:block}.products-dropdown a{display:block;padding:10px 11px;border-radius:8px}.products-dropdown a:hover{background:var(--bg)}.products-dropdown strong{display:block;font-size:12px}.products-dropdown span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.hero{background:linear-gradient(115deg,#edf9f7 0%,#f5faf9 58%,#eef8f6 100%);overflow:hidden}.hero-grid{min-height:580px;padding:72px 0 62px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:42px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-weight:800}.hero h1{font:700 clamp(38px,4vw,58px)/1.08 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-1.7px;margin:14px 0 20px;max-width:650px}.hero-copy>p{font-size:16px;line-height:1.6;color:#52656b;max-width:590px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#52656b;font-size:10px;font-weight:600}.trust-row span:before{content:'✓';display:inline-grid;place-items:center;width:15px;height:15px;margin-right:6px;border-radius:50%;background:#25a979;color:#fff;font-size:9px}.hero-visual{position:relative;min-height:410px;padding:0 0 105px}.dashboard-window{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(23,43,58,.12);overflow:hidden;position:relative;z-index:1}.dash-top{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;padding:0 14px;font-size:9px;color:var(--muted)}.dash-top strong{font:700 13px 'Plus Jakarta Sans';color:var(--navy);margin-right:auto}.dash-body{display:grid;grid-template-columns:145px 1fr;min-height:300px}.dash-body aside{background:#fbfcfc;border-right:1px solid var(--border);padding:15px 10px;display:flex;flex-direction:column;gap:7px;font-size:8px;color:#66777d}.dash-body aside span{padding:7px 8px;border-radius:6px}.dash-body aside .active{background:var(--mint);color:#066b76;font-weight:700}.dash-main{padding:17px}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-title h3{font:700 18px 'Plus Jakarta Sans';margin:0}.dash-title small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.mini-primary{border:0;border-radius:7px;background:var(--teal);color:#fff;font-size:8px;font-weight:700;padding:8px 10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.metrics>div{border:1px solid var(--border);border-radius:8px;padding:9px}.metrics small{display:block;color:var(--muted);font-size:7px}.metrics b{display:block;font:700 13px 'Plus Jakarta Sans';margin:2px 0}.metrics em{font-style:normal;color:#1b9a6d;font-size:7px}.chart{height:135px;margin-top:15px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#f8fcfb,#fff);position:relative;overflow:hidden}.chart:before{content:'';position:absolute;inset:15px 14px 20px;background:linear-gradient(155deg,transparent 0 30%,rgba(8,127,140,.09) 31% 58%,transparent 59%);clip-path:polygon(0 70%,15% 55%,28% 63%,42% 37%,55% 48%,69% 28%,82% 38%,100% 12%,100% 100%,0 100%)}.chart:after{content:'';position:absolute;left:14px;right:14px;top:30px;height:80px;background:linear-gradient(145deg,transparent 0 12%,var(--teal) 13% 14%,transparent 15% 25%,var(--teal) 26% 27%,transparent 28% 39%,var(--teal) 40% 41%,transparent 42% 53%,var(--teal) 54% 55%,transparent 56% 67%,var(--teal) 68% 69%,transparent 70% 82%,var(--teal) 83% 84%,transparent 85%)}.float-cards{position:absolute;left:-10px;right:-8px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;z-index:2}.float-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px;box-shadow:0 10px 28px rgba(23,43,58,.1);font-size:8px}.float-card strong{display:block;font-size:9px;margin-bottom:8px}.float-card span{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid #eef2f1;color:#52656b}.float-card small{color:#87969b}
.section{padding:72px 0}.products{background:#fff}.section-kicker{text-align:center}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 30px}.section-heading h2,.workflow h2,.cta h2{font:700 34px/1.2 'Plus Jakarta Sans';letter-spacing:-.8px;margin:0}.product-value-note{display:flex;flex-direction:column;gap:3px;margin-top:12px}.product-value-note strong{font-size:14px;color:var(--navy)}.product-value-note span{font-size:11px;line-height:1.5;color:var(--muted)}.section-heading>a{color:var(--teal);font-size:11px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:23px;box-shadow:var(--shadow);min-height:280px;display:flex;flex-direction:column}.product-card .icon{width:45px;height:45px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:20px;margin-bottom:18px}.product-card h3{font:700 18px 'Plus Jakarta Sans';margin:0 0 5px}.product-card b{font-size:12px}.product-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 18px}.product-card a{margin-top:auto;color:var(--teal);font-size:11px;font-weight:700}
.workflow{background:#edf9f7}.workflow h2{text-align:center;margin:8px 0 36px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{text-align:center;position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-10px;top:18px;color:var(--teal);font-size:21px}.step-icon{width:52px;height:52px;border-radius:50%;background:#c9f0ea;color:var(--teal);display:grid;place-items:center;margin:0 auto 12px;font-size:20px}.step h3{font:700 13px 'Plus Jakarta Sans';margin:0 0 4px}.step p{font-size:9px;line-height:1.5;color:#607279;margin:0}.benefits{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit{display:flex;gap:16px;align-items:flex-start}.benefit-icon{width:48px;height:48px;border:2px solid var(--teal2);border-radius:50%;display:grid;place-items:center;color:var(--teal);flex:0 0 auto;font-size:19px}.benefit h3{font:700 14px 'Plus Jakarta Sans';margin:1px 0 4px}.benefit p{font-size:10px;color:var(--muted);margin:0}.pricing{background:#fff}.pricing-card{background:linear-gradient(135deg,#eef9f7,#f9fcfb);border:1px solid #dcebe7;border-radius:20px;padding:38px;display:grid;grid-template-columns:1.4fr .9fr;gap:30px;align-items:center}.pricing-card p,.support-card p,.cta p{color:#52656b;max-width:650px}.pricing-actions{display:flex;gap:10px;flex-wrap:wrap}.pricing-list{display:grid;gap:8px;font-size:11px;color:#52656b}.pricing-list span:before{content:'✓';color:#1b9a6d;font-weight:800;margin-right:8px}.support{background:var(--bg)}.support-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.cta{background:var(--navy);color:#fff;padding:64px 0}.cta p{color:#c6d2d6}.site-footer{background:#10232f;color:#cbd6da;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand img{width:125px;filter:brightness(0) invert(1);opacity:.95}.footer-brand p{font-size:10px;max-width:330px;color:#91a3aa}.footer-links{display:flex;gap:38px}.footer-links div{display:grid;gap:7px}.footer-links strong{font-size:10px;color:#fff}.footer-links a{font-size:10px;color:#aebec3}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;color:#8fa1a8}
@media(max-width:980px){.desktop-nav{gap:20px;margin-left:10px}.hero-grid{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:760px;margin:0 auto}.hero-visual{width:min(760px,100%);margin:0 auto}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);row-gap:35px}.step:nth-child(3):after{display:none}.pricing-card{grid-template-columns:1fr}.support-card{align-items:flex-start;flex-direction:column}.footer-grid{flex-direction:column}.footer-links{width:100%;justify-content:space-between}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.site-header{height:64px}.brand img{width:125px}.desktop-nav,.nav-actions{display:none}.menu-btn{display:block}.hero-grid{padding:44px 0 40px}.hero h1{font-size:38px;letter-spacing:-1.1px}.hero-copy>p{font-size:14px}.trust-row{gap:10px}.hero-visual{min-height:360px;padding-bottom:94px}.dash-body{grid-template-columns:105px 1fr}.dash-body aside{font-size:7px}.metrics{grid-template-columns:repeat(2,1fr)}.float-cards{grid-template-columns:1fr}.float-card:not(:first-child){display:none}.section{padding:55px 0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.workflow h2,.cta h2{font-size:29px}.product-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.step:after{display:none!important}.benefit-grid{grid-template-columns:1fr}.pricing-card{padding:25px}.support-card{padding:25px}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-bottom{margin-top:20px}}
@media(max-width:500px){.hero h1{font-size:34px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual{min-height:320px}.dashboard-window{transform:none}.dash-top{gap:7px}.dash-body{grid-template-columns:82px 1fr}.dash-body aside{padding:10px 5px}.dash-main{padding:11px}.dash-title h3{font-size:14px}.metrics>div{padding:7px}.metrics b{font-size:11px}.chart{height:105px}.steps{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.pricing-actions{flex-direction:column}.pricing-actions .btn{width:100%}}