:root{
 --bg:#f4f8fb;--panel:#fff;--panel2:#eef5f8;--ink:#08264a;--text:#173b59;--muted:#627b8f;--line:#cfdee7;
 --blue:#0967cc;--blue2:#00a9cf;--teal:#10a69b;--navy:#06284c;--shadow:0 20px 60px rgba(5,38,72,.14);
}
html[data-theme="dark"]{
 --bg:#071522;--panel:#0b2032;--panel2:#102b41;--ink:#eef9ff;--text:#d6e8f2;--muted:#95afbf;--line:#22445c;
 --blue:#38a7ff;--blue2:#21d3e5;--teal:#2bd2bf;--navy:#020d16;--shadow:0 20px 60px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-head{position:sticky;top:0;z-index:60;height:86px;display:flex;align-items:center;gap:24px;padding:8px max(18px,4vw);background:color-mix(in srgb,var(--panel) 93%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:190px;max-height:68px;object-fit:contain;border-radius:16px}
.site-head nav{display:flex;gap:22px;font-size:.83rem;font-weight:750;color:var(--ink)}.site-head nav a:hover{color:var(--blue)}
.head-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink)}
.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800}.btn.small{padding:10px 14px;font-size:.8rem}.btn.primary{background:linear-gradient(135deg,var(--blue),#0751b8);color:#fff;box-shadow:0 10px 24px #0867cc25}.btn.secondary{background:var(--panel);border:1px solid var(--blue);color:var(--blue)}.btn.full{width:100%}
.hero{min-height:690px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;background:
 linear-gradient(90deg,color-mix(in srgb,var(--panel) 96%,transparent) 0%,color-mix(in srgb,var(--panel) 82%,transparent) 48%,rgba(3,53,82,.42) 100%),
 radial-gradient(circle at 78% 44%,rgba(23,193,207,.28),transparent 30%),
 linear-gradient(135deg,#c5e2ef,#3d7b9a 70%,#0a3e58);position:relative;overflow:hidden}
html[data-theme="dark"] .hero{background:linear-gradient(90deg,#071522 0%,#09273d 48%,rgba(4,42,65,.72) 100%),radial-gradient(circle at 78% 44%,rgba(23,193,207,.18),transparent 30%),linear-gradient(135deg,#08283b,#123d58)}
.hero:after{content:"";position:absolute;inset:auto 0 0 35%;height:52%;background:linear-gradient(155deg,transparent 0 43%,rgba(255,255,255,.08) 43.4% 44.2%,transparent 44.7%),linear-gradient(25deg,transparent 0 50%,rgba(255,255,255,.06) 50.4% 51.1%,transparent 51.5%);pointer-events:none}
.hero-copy{padding:70px 6vw;position:relative;z-index:2}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:850;color:var(--navy)}html[data-theme="dark"] .eyebrow{color:var(--blue2)}.hero h1{font-size:clamp(4.2rem,8vw,7.7rem);line-height:.9;letter-spacing:-.06em;color:var(--ink);margin:20px 0 10px}.hero h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;color:var(--ink);margin:0 0 20px}.hero p{font-size:1.02rem;line-height:1.7;max-width:650px;color:var(--text)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{margin-top:18px;font-size:.78rem;color:var(--muted)}
.hero-dashboard{position:relative;z-index:2;padding:80px 6vw 80px 1vw;display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center}.hero-slogan{grid-column:2;color:#fff;font-size:1.85rem;line-height:1.27;font-weight:650;text-shadow:0 2px 20px rgba(0,0,0,.25)}.dash-grid{grid-row:1;grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:perspective(900px) rotateY(-5deg);filter:drop-shadow(0 25px 35px rgba(0,0,0,.24))}.dash-card{min-height:180px;background:linear-gradient(145deg,#073a5d,#075178);border:1px solid #4ed5df66;border-radius:12px;padding:15px;color:#fff;position:relative;overflow:hidden}.dash-card span{font-size:.78rem}.dash-card svg{width:100%;height:110px;margin-top:20px;fill:none;stroke:#57f6eb;stroke-width:4}.dash-card svg .alt{stroke:#54a8ff}.ring{width:105px;height:105px;margin:18px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#36d7c5 0 72%,#174b70 72% 100%);position:relative}.ring:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#073c5c}.ring b{position:relative;z-index:1;font-size:1.35rem}.growth .bars{height:90px;display:flex;align-items:end;gap:7px;margin:18px 0 5px}.growth i{flex:1;background:linear-gradient(#40e1c7,#0ab29c);border-radius:3px 3px 0 0}.growth i:nth-child(1){height:25%}.growth i:nth-child(2){height:42%}.growth i:nth-child(3){height:38%}.growth i:nth-child(4){height:75%}.growth i:nth-child(5){height:92%}.growth b{color:#35e4c0;font-size:1.25rem}
.benefits-strip{display:grid;grid-template-columns:repeat(6,1fr);background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(0,0,0,.04)}.benefits-strip button{border:0;border-right:1px solid var(--line);background:var(--panel);padding:22px 14px;color:var(--text)}.benefits-strip span{display:block;color:var(--blue);font-size:1.9rem}.benefits-strip b,.benefits-strip small{display:block}.benefits-strip b{margin:8px 0 4px;color:var(--ink)}.benefits-strip small{color:var(--muted);line-height:1.4}
.section{padding:86px max(22px,6vw)}.section-head{max-width:820px;margin-bottom:30px}.section-head>span{font-size:.72rem;color:var(--blue);letter-spacing:.14em;font-weight:900}.section-head h2{font-size:clamp(2.2rem,4vw,3.6rem);color:var(--ink);letter-spacing:-.045em;margin:8px 0}.section-head p{color:var(--muted);line-height:1.65}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cap-grid article,.industry-grid article{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.035)}.cap-grid article div{font-size:.7rem;color:var(--blue);font-weight:900}.cap-grid h3,.industry-grid b{color:var(--ink)}.cap-grid p,.industry-grid p{color:var(--muted);line-height:1.55;font-size:.9rem}.tinted{background:var(--panel2)}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-grid b{font-size:1.05rem}
.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.workflow div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:15px;min-height:135px}.workflow i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--panel2);font-style:normal;color:var(--blue);font-weight:900}.workflow b,.workflow span{display:block;margin-top:8px}.workflow b{color:var(--ink)}.workflow span{font-size:.74rem;color:var(--muted)}.workflow em{font-size:1.5rem;color:var(--blue)}
.connections{background:linear-gradient(135deg,var(--panel2),var(--panel))}.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.connection-grid div{padding:14px;text-align:center;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:800;color:var(--ink)}.fine{font-size:.78rem;color:var(--muted);margin-top:15px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-grid article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}.price-grid article.featured{outline:2px solid var(--blue);transform:translateY(-6px)}.price-grid small{color:var(--blue);font-weight:900;letter-spacing:.1em}.price-grid h3{font-size:2.2rem;color:var(--ink);margin:8px 0}.price-grid p,.price-grid li{color:var(--muted);line-height:1.55}.price-grid li{margin:7px 0}.faq details{background:var(--panel);border:1px solid var(--line);padding:15px 17px;border-radius:13px;margin:8px 0}.faq summary{font-weight:800;color:var(--ink);cursor:pointer}.faq p{color:var(--muted);line-height:1.6}
.quote{padding:34px 6vw;background:linear-gradient(135deg,#06284d,#0c6f8e);color:#fff;text-align:center}.quote blockquote{font-size:1.08rem;font-style:italic}.quote span{font-size:.78rem;color:#b9e5ef}
.footer{background:#061c31;color:#c9d8e4;padding:50px 6vw 20px}.footer-top{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.4fr;gap:30px}.footer-brand img{width:190px;background:white;border-radius:14px;padding:6px}.footer p{line-height:1.55;font-size:.84rem}.footer h4{color:#fff}.footer a,.linkbtn{display:block;margin:9px 0;color:#b9d0dd;background:none;border:0;padding:0;text-align:left}.footer form{display:grid;gap:7px}.footer input,.footer textarea{width:100%;background:#0b2b46;color:#fff;border:1px solid #254a65;border-radius:9px;padding:9px}.footer textarea{min-height:75px;resize:vertical}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #24465e;margin-top:30px;padding-top:18px;font-size:.7rem;color:#8da8b9}

/* chat */
.chat-launch{position:fixed;right:18px;bottom:18px;z-index:100;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),#0c58b4);color:white;font-weight:900;padding:12px 16px;box-shadow:var(--shadow)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4fde72;margin-right:7px;box-shadow:0 0 0 0 #4fde7277;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #4fde7200}}
.chat-panel{position:fixed;right:14px;bottom:68px;z-index:110;width:min(420px,calc(100vw - 20px));height:min(650px,calc(100dvh - 86px));display:none;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.chat-panel.open{display:grid}.chat-head{display:grid;grid-template-columns:46px 1fr 32px 32px;gap:7px;align-items:center;padding:10px;background:var(--panel);border-bottom:1px solid var(--line)}.chat-head img{width:44px;height:44px;object-fit:cover;border-radius:12px}.chat-head strong,.chat-head span{display:block}.chat-head strong{color:var(--ink)}.chat-head span{font-size:.64rem;color:var(--muted)}.chat-head button{height:30px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:8px}.chat-body{overflow:auto;min-height:0;padding:10px;background:linear-gradient(var(--bg),var(--panel2))}.msg{max-width:88%;margin:7px 0;padding:10px 11px;border-radius:13px;font-size:.76rem;line-height:1.45}.msg.bot{background:var(--panel);border:1px solid var(--line)}.msg.user{margin-left:auto;background:linear-gradient(135deg,var(--blue),#3b6fe4);color:white}.msg b{display:block;margin-bottom:3px}.chat-suggest{display:flex;gap:5px;overflow:auto;padding:6px;border-top:1px solid var(--line);background:var(--panel)}.chat-suggest button{white-space:nowrap;border:1px solid var(--line);background:var(--panel2);color:var(--blue);border-radius:999px;padding:5px 8px;font-size:.63rem}.chat-compose{display:grid;grid-template-columns:34px 1fr 42px;gap:5px;padding:7px;border-top:1px solid var(--line);background:var(--panel)}.chat-compose textarea{resize:none;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:8px}.chat-compose button{border:0;border-radius:10px;background:var(--blue);color:white}.chat-disclaimer{font-size:.57rem;color:var(--muted);padding:4px 8px 6px;text-align:center;background:var(--panel)}

/* drawers */
.drawer-backdrop{position:fixed;inset:0;background:#00101c77;backdrop-filter:blur(3px);z-index:119;display:none}.drawer-backdrop.open{display:block}.drawer{position:fixed;right:0;top:0;z-index:120;width:min(650px,96vw);height:100dvh;background:var(--panel);box-shadow:var(--shadow);transform:translateX(104%);transition:.28s ease;overflow:auto}.drawer.open{transform:none}.drawer>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.drawer header small{color:var(--blue);font-weight:900}.drawer header h3{margin:3px 0;color:var(--ink)}.drawer header button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--ink);font-size:1.2rem}.drawer-body{padding:20px}.q{margin:16px 0}.q label{display:block;font-weight:800;color:var(--ink);margin-bottom:8px}.q-options{display:flex;flex-wrap:wrap;gap:7px}.q-options button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:7px 10px}.q-options button.sel{background:var(--blue);color:#fff;border-color:var(--blue)}.price-result{margin-top:22px;padding:18px;border-radius:16px;background:var(--panel2);border:1px solid var(--line)}.price-result h4{color:var(--ink);font-size:1.35rem}.cap-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cap-tabs button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:7px 9px;border-radius:999px;font-size:.7rem}.cap-tabs button.active{background:var(--blue);color:#fff}.cap-detail-card{padding:18px;border:1px solid var(--line);background:var(--panel2);border-radius:16px;margin-bottom:16px}.cap-detail-card h4{font-size:1.3rem;color:var(--ink);margin-top:0}.cap-detail-card p,.cap-detail-card li{color:var(--muted);line-height:1.6}

@media(max-width:1050px){.site-head nav{display:none}.hero{grid-template-columns:1fr}.hero-dashboard{padding:20px 6vw 70px;grid-template-columns:1fr}.hero-slogan{grid-column:1;grid-row:2}.dash-grid{grid-column:1;grid-row:1}.benefits-strip{grid-template-columns:repeat(3,1fr)}.cap-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.workflow em{text-align:center;transform:rotate(90deg)}.footer-top{grid-template-columns:1fr 1fr}.connection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-head{height:72px}.brand img{width:145px}.head-actions .primary{display:none}.hero-copy{padding:46px 5vw}.hero h1{font-size:4.4rem}.dash-grid{grid-template-columns:1fr 1fr;transform:none}.dash-card{min-height:145px}.benefits-strip{grid-template-columns:1fr 1fr}.cap-grid,.industry-grid,.price-grid,.footer-top,.connection-grid{grid-template-columns:1fr}.price-grid article.featured{transform:none}.hero-dashboard{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.chat-panel{right:5px;bottom:62px;width:calc(100vw - 10px);height:calc(100dvh - 70px)}}