*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:#15243b;font:16px/1.65 Arial,sans-serif}a{color:inherit}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #23c4da;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 32px}nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px}.brand{text-decoration:none;font-weight:800;letter-spacing:.08em}.links{display:flex;gap:28px;font-size:14px}.links a{text-decoration:none}.hero{background:#101e34;color:white;padding-bottom:68px}.eyebrow{font-size:14px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#53d7ef}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:60px 0 25px}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 26px}h2{font-size:32px;line-height:1.2;letter-spacing:-.025em}h3{line-height:1.3;font-size:22px}p{max-width:720px}.intro{color:#bdcadd;font-size:19px}.button{display:inline-block;border-radius:6px;background:#1765ed;padding:12px 22px;color:white;text-decoration:none;font-weight:700;margin-top:16px}.skills{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:13px;padding:5px 10px;border:1px solid #d8e0ec;border-radius:4px}.hero .tag{border-color:#344760;color:#cad9ee}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.muted{color:#5e6e84}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{background:white;border:1px solid #dee4ee;border-radius:12px;overflow:hidden}.card-body{padding:25px}.card a.project-link{display:inline-block;margin-top:20px;color:#1258d3;font-weight:700;text-decoration:none}.visual{padding:26px;background:#e8edf6;min-height:250px;display:flex;align-items:center;justify-content:center}.dashboard{width:100%;background:#fff;border:1px solid #dbe3f0;border-radius:8px;padding:22px;box-shadow:0 16px 50px #05132712;color:#15243b}.dashboard header{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:700}.demo{font-size:12px;color:#60718a;font-weight:400}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.kpi{background:#f3f6fc;padding:14px 10px;font-size:12px}.kpi strong{display:block;font-size:23px;color:#164fac;line-height:1.4}.bars{display:flex;align-items:end;height:120px;gap:12px;border-bottom:1px solid #d7dfeb;padding-top:15px}.bar{flex:1;background:#2569e9;border-radius:4px 4px 0 0;position:relative;min-width:0}.bar:nth-child(even){background:#4bbcd3}.bar span{position:absolute;bottom:-25px;font-size:12px;width:100%;text-align:center}.chart-label{font-size:12px;color:#61728a;margin:32px 0 0}.dark-section{background:#101e34;color:white}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.about p{color:#c6d2e2}.phone{width:174px;background:#fff;border:7px solid #18263c;border-radius:25px;padding:23px 14px;text-align:center;box-shadow:0 18px 28px #14233c20}.phone b{display:block;font-size:18px;line-height:1.3;margin:5px 0 24px}.phone span{display:block;background:#1664e7;color:white;padding:10px 0;font-size:12px;margin:10px 0;border-radius:4px}.flow{width:100%;display:grid;gap:12px}.flow div{border:1px solid #c9d6e8;border-left:4px solid #2569e9;background:white;padding:12px 18px;border-radius:4px;font-size:14px}.flow small{color:#60718a}.detail-hero{padding:45px 0 60px}.detail-hero h1{max-width:900px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.detail-grid aside{border-top:3px solid #1765ed;padding-top:15px}.feature-list{padding-left:22px}.feature-list li{margin-bottom:12px}.demo-panel{margin-top:30px}.demo-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.demo-controls select{padding:8px;border:1px solid #b9c7dd;border-radius:4px;background:white}footer{padding:28px 0;font-size:14px;color:#627086}.footer-inner{display:flex;justify-content:space-between;gap:15px}@media(max-width:760px){.wrap{padding:0 20px}.hero-grid,.grid,.about,.detail-grid{grid-template-columns:1fr;gap:28px}.hero-grid{padding-top:28px}.section{padding:44px 0}.section-head{display:block}.links{gap:18px}.kpi strong{font-size:20px}.dashboard{padding:15px}.visual{padding:20px}.hero{padding-bottom:35px}.footer-inner{display:block}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.strategy-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 0 44px;border-bottom:1px solid #dbe3ef;margin-bottom:38px}.strategy-proof strong{display:block;font-size:30px;color:#154ca6}.strategy-proof span{font-size:14px;color:#5e6e84}.contact-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:25px}.contact-links .button{margin:0}@media(max-width:760px){.strategy-proof{grid-template-columns:1fr;gap:15px}}
.report-preview{display:block;width:100%}.report-preview img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #c8d2e2}.hero-grid .report-preview{box-shadow:0 18px 50px #0003}.demo-panel .report-preview{margin-top:24px}

.report-section + .report-section{margin-top:2.5rem}.report-section h3{margin-bottom:.6rem}.report-section .report-preview{display:block}

.app-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}.app-gallery figure{margin:0}.app-gallery img{display:block;width:100%;height:auto;border:1px solid #dbe3ef;border-radius:8px}.app-gallery h3{font-size:18px;margin:18px 0 8px}.app-gallery p{font-size:15px}.app-thumbnail img{display:block;width:auto;max-width:100%;height:260px;border-radius:8px}@media(max-width:1000px){.app-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.app-gallery{grid-template-columns:1fr}.app-gallery figure{max-width:330px;margin:0 auto}}

.capability-visual{display:flex;flex-direction:column;gap:18px;padding:18px 0}.capability-item{display:flex;align-items:center;gap:26px;padding:24px 28px;border:1px solid #344760;border-radius:12px;background:#162840}.capability-item svg{width:64px;height:64px;flex-shrink:0;color:#53d7ef}.capability-item span{font-size:24px;font-weight:700;line-height:1.25}@media(max-width:760px){.capability-visual{padding:0;gap:12px}.capability-item{padding:20px 24px}.capability-item span{font-size:22px}.capability-item svg{width:52px;height:52px}}

.capability-item span{font-size:22px}@media(max-width:760px){.capability-item span{font-size:20px}}

.live-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.live-controls label{display:flex;flex-direction:column;gap:6px;font-size:14px}.live-controls input,.live-controls select,.live-controls button,.live-paging button{padding:10px;border:1px solid #b9c7dd;border-radius:6px;background:white;font:inherit}.live-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.live-kpis>div{background:#eef4ff;padding:20px;border-radius:8px}.live-kpis span{display:block;font-size:14px;color:#52627b}.live-kpis strong{display:block;font-size:26px;color:#17324d}.live-charts{display:grid;grid-template-columns:1fr 1fr;gap:28px}.live-charts section{min-width:0}.live-bar-row{display:grid;grid-template-columns:110px minmax(40px,1fr) 90px;gap:10px;align-items:center;margin:12px 0;font-size:14px}.live-bar-row>span{overflow-wrap:anywhere}.live-bar-row strong{text-align:right;font-size:14px}.live-track{height:16px;background:#e6ecf5;border-radius:3px;overflow:hidden}.live-track>div{height:100%;background:#1765ed}.live-charts dl{display:grid;grid-template-columns:1fr auto;gap:12px}.live-charts dd{margin:0;font-weight:bold}.live-table{overflow-x:auto}.live-table table{border-collapse:collapse;width:100%;font-size:14px}.live-table th,.live-table td{padding:10px;text-align:left;border-bottom:1px solid #dbe3ef;white-space:nowrap}.live-table th{background:#eef4ff}.live-paging{display:flex;gap:16px;align-items:center;justify-content:center;margin:20px 0}.live-paging button:disabled{opacity:.45}@media(max-width:760px){.live-charts{grid-template-columns:1fr}.live-kpis{grid-template-columns:1fr 1fr}.live-bar-row{grid-template-columns:90px minmax(30px,1fr) 80px}.live-controls label{flex:1;min-width:140px}.live-kpis strong{font-size:22px}}