
:root{
    --u-red:#e53935;
    --u-red-dark:#c92f2c;
    --u-ink:#07101a;
    --u-ink-2:#0b1420;
    --u-muted:#66717d;
    --u-line:#e5e9ee;
    --u-bg:#f7f8fa;
}
.unomas-container{width:min(1400px,calc(100% - 96px));margin:auto}
.section-space{padding:90px 0}
.section-kicker{display:inline-block;color:var(--u-red);font-size:12px;font-weight:800;letter-spacing:.11em}
.section-heading{max-width:820px;margin:0 auto 48px}
.section-heading.centered{text-align:center}
.section-heading.light{margin-left:0}
.section-heading h2{font-size:40px;line-height:1.15;color:#111922;margin:10px 0 14px}
.section-heading p{color:var(--u-muted);line-height:1.75}
.section-heading.light h2{color:#fff}.section-heading.light p{color:#aeb8c2}
.btn-unomas{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:7px;font-weight:700;text-decoration:none;transition:.25s ease}
.btn-primary{background:var(--u-red);color:#fff}
.btn-primary:hover{background:var(--u-red-dark);color:#fff;transform:translateY(-2px)}
.btn-outline-light{border:1px solid #586572;color:#fff}
.btn-outline-light:hover{border-color:#fff;color:#fff}

.insights-hero{background:#050b12;color:#fff;overflow:hidden}
.insights-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:570px}
.insights-hero-copy{padding:70px 0}
.insights-hero h1{font-size:56px;line-height:1.05;margin:12px 0 22px;max-width:650px}
.insights-hero h1 strong{color:var(--u-red)}
.insights-hero p{font-size:17px;line-height:1.75;color:#c1c9d1;max-width:610px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

.insights-dashboard{height:520px;position:relative}
.dash-card{position:absolute;background:#0c1520;border:1px solid #1e2a36;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.28);overflow:hidden}
.dash-label{display:block;color:#82909e;font-size:10px;margin-bottom:5px}
.dash-card strong{font-size:16px}
.dash-map{left:22%;top:55px;width:55%;height:300px;padding:18px}
.map-grid{position:absolute;inset:55px 18px 18px;background:radial-gradient(circle at 28% 38%,rgba(229,57,53,.35),transparent 4%),radial-gradient(circle at 65% 30%,rgba(229,57,53,.28),transparent 4%),radial-gradient(circle at 49% 58%,rgba(229,57,53,.25),transparent 3%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,auto,24px 24px,24px 24px;border-radius:8px}
.point{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--u-red);box-shadow:0 0 18px rgba(229,57,53,.85)}
.p1{left:22%;top:32%}.p2{left:46%;top:53%}.p3{right:20%;top:29%}.p4{right:32%;bottom:22%}.p5{left:16%;bottom:18%}
.dash-small{width:165px;height:130px;padding:14px}
.dash-a{left:0;top:45px}.dash-b{left:0;bottom:55px}.dash-c{right:0;top:45px}.dash-d{right:0;bottom:55px}
.mini-chart{height:50px;margin-top:15px;border-radius:5px;background:#101d29}
.chart-up{background:linear-gradient(160deg,transparent 45%,rgba(62,166,223,.9) 47%,transparent 49%),#101d29}
.chart-wave{background:linear-gradient(170deg,transparent 50%,rgba(229,57,53,.9) 52%,transparent 54%),#101d29}
.mini-bars{display:flex;align-items:end;gap:7px;height:55px;margin-top:13px}.mini-bars i{display:block;width:12px;background:var(--u-red);border-radius:2px 2px 0 0}.mini-bars i:nth-child(1){height:22%}.mini-bars i:nth-child(2){height:38%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:71%}.mini-bars i:nth-child(5){height:88%}
.mini-ring{width:52px;height:52px;border-radius:50%;border:7px solid #24303c;border-top-color:var(--u-red);margin:12px auto 0}

.insights-process{background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.process-grid article{text-align:center;padding:0 26px;border-right:1px solid var(--u-line)}
.process-grid article:last-child{border:0}
.process-grid i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:var(--u-ink);color:var(--u-red);font-size:20px}
.process-grid h3{font-size:16px;margin:0 0 9px}
.process-grid p{font-size:13px;color:#626d78;line-height:1.65}

.insights-usecases{background:#fff;padding-bottom:40px}
.usecases-box{background:var(--u-ink);color:#fff;border-radius:15px;padding:42px}
.usecases-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.usecases-grid article{padding:10px 25px;border-right:1px solid #2c3743}
.usecases-grid article:last-child{border:0}
.usecases-grid i{font-size:30px;color:var(--u-red);margin-bottom:16px}
.usecases-grid h3{font-size:15px;margin:0 0 9px}
.usecases-grid p{font-size:12px;color:#aeb8c2;line-height:1.65;margin:0}

.insights-platform{background:var(--u-bg)}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.platform-copy h2{font-size:40px;margin:10px 0 18px}
.platform-copy>p{color:#626d78;line-height:1.8}
.platform-list{display:grid;gap:15px;margin-top:30px}
.platform-list>div{display:flex;align-items:center;gap:14px}
.platform-list i{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--u-ink);color:var(--u-red);display:grid;place-items:center}
.platform-list span{font-size:14px;color:#65707b}.platform-list b{display:block;color:#121a22;margin-bottom:3px}
.platform-visual{background:var(--u-ink);border-radius:18px;padding:34px}
.visual-panel{background:#0d1722;border:1px solid #263341;border-radius:12px;padding:22px;color:#fff}
.visual-top{display:flex;justify-content:space-between;align-items:center}.visual-top span{font-weight:800}.visual-top small{color:#81909e}
.visual-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.visual-metrics div{background:#121f2b;border-radius:8px;padding:15px}.visual-metrics span{display:block;width:36px;height:6px;background:var(--u-red);border-radius:10px;margin-bottom:10px}.visual-metrics b{font-size:12px}
.visual-chart{height:180px;border-radius:8px;background:linear-gradient(165deg,transparent 48%,rgba(229,57,53,.9) 50%,transparent 52%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}
.visual-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.visual-bottom span{height:36px;background:#121f2b;border-radius:7px}

.insights-principles{background:#fff}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.principles-grid article{border:1px solid var(--u-line);border-radius:12px;padding:30px}
.principles-grid i{width:52px;height:52px;border-radius:12px;background:var(--u-ink);color:var(--u-red);display:grid;place-items:center;font-size:20px}
.principles-grid h3{font-size:19px;margin:18px 0 10px}
.principles-grid p{color:#66717d;line-height:1.7;margin:0}

.insights-cta{background:#fff;padding:0 0 80px}
.cta-box{background:var(--u-ink);color:#fff;border-radius:14px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-box h2{font-size:30px;margin:8px 0}.cta-box p{color:#aeb8c2;margin:0;max-width:760px;line-height:1.7}
.cta-actions{display:flex;gap:14px;flex-shrink:0}

@media(max-width:1200px){
    .process-grid{grid-template-columns:repeat(3,1fr);gap:28px}
    .process-grid article{border:0}
    .usecases-grid{grid-template-columns:repeat(3,1fr);gap:26px}
    .usecases-grid article{border:0}
}
@media(max-width:992px){
    .unomas-container{width:min(100% - 40px,1400px)}
    .insights-hero-grid,.platform-grid{grid-template-columns:1fr}
    .insights-hero-copy{padding:70px 0 15px}
    .insights-dashboard{height:470px}
    .insights-hero h1{font-size:46px}
    .dash-map{left:21%;width:58%}
    .principles-grid{grid-template-columns:1fr 1fr}
    .cta-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
    .unomas-container{width:calc(100% - 30px)}
    .section-space{padding:65px 0}
    .section-heading h2,.platform-copy h2{font-size:31px}
    .insights-hero h1{font-size:37px}
    .insights-hero p{font-size:15px}
    .hero-actions{flex-direction:column;align-items:flex-start}
    .insights-dashboard{height:340px}
    .dash-map{left:0;top:30px;width:100%;height:270px}
    .dash-small{display:none}
    .process-grid,.usecases-grid,.principles-grid{grid-template-columns:1fr}
    .process-grid article{padding:20px 0;border-bottom:1px solid var(--u-line)}
    .usecases-box{padding:30px 20px}
    .usecases-grid article{padding:15px 0}
    .platform-visual{padding:18px}
    .visual-metrics{grid-template-columns:1fr}
    .cta-box{padding:30px 22px}
    .cta-actions{width:100%;flex-direction:column}
    .cta-actions .btn-unomas{justify-content:center}
}
