
: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:780px;margin-bottom:44px}
.section-heading.light h2,.section-heading.light p{color:#fff}
.section-heading h2{font-size:38px;line-height:1.15;margin:10px 0 14px}
.section-heading p{line-height:1.75}
.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 #596572;color:#fff}
.btn-outline-light:hover{border-color:#fff;color:#fff}

.innovation-hero{background:#050b12;color:#fff;overflow:hidden}
.innovation-hero-grid{display:grid;grid-template-columns:40% 60%;min-height:560px;align-items:center}
.innovation-hero-copy{padding:70px 0}
.innovation-hero h1{font-size:56px;line-height:1.05;margin:12px 0 22px;max-width:650px}
.innovation-hero h1 strong{color:var(--u-red)}
.innovation-hero p{font-size:17px;line-height:1.75;color:#c0c8d0;max-width:610px;margin-bottom:32px}
.innovation-hero-visual{position:relative;min-height:560px;height:100%;overflow:hidden;background:linear-gradient(145deg,#0a111b,#111924)}
.innovation-hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;opacity:.3}
.lab-glow{position:absolute;left:8%;right:8%;bottom:80px;height:180px;background:radial-gradient(ellipse at center,rgba(229,57,53,.18),transparent 68%)}
.lab-screen{position:absolute;width:220px;height:145px;background:#0b1723;border:1px solid #283646;border-radius:7px;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:16px}
.lab-screen span{display:block;height:18px;margin-bottom:12px;border-radius:3px;background:linear-gradient(90deg,rgba(229,57,53,.85),rgba(50,95,138,.35))}
.screen-one{left:8%;top:120px;transform:perspective(600px) rotateY(10deg)}
.screen-two{left:36%;top:100px;transform:perspective(600px) rotateY(-5deg)}
.lab-table{position:absolute;left:5%;bottom:80px;width:58%;height:16px;background:#1d2732;box-shadow:0 60px 0 -6px #0b1118}
.labs-sign{position:absolute;right:10%;top:150px;text-align:center;text-shadow:0 0 20px rgba(229,57,53,.45)}
.labs-sign small{display:block;font-size:30px;letter-spacing:.08em}
.labs-sign strong{display:block;font-size:48px;color:var(--u-red);letter-spacing:.08em}

.labs-intro{background:#fff}
.labs-intro-grid{display:grid;grid-template-columns:31% 69%;gap:45px;align-items:start}
.labs-copy h2{font-size:34px;line-height:1.15;margin:10px 0 18px}
.labs-copy p{color:#606b76;line-height:1.8}
.labs-process{display:grid;grid-template-columns:repeat(5,1fr)}
.labs-process article{text-align:center;padding:0 22px;border-left:1px solid var(--u-line)}
.labs-process 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}
.labs-process h3{font-size:16px;margin:0 0 9px}
.labs-process p{font-size:13px;line-height:1.65;color:#626d78;margin:0}

.innovation-areas{background:#fff;padding-bottom:40px}
.innovation-areas-box{background:var(--u-ink);color:#fff;border-radius:15px;padding:45px}
.innovation-areas-box .section-heading p{color:#aeb8c3}
.innovation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.innovation-grid article{border:1px solid #26323f;border-radius:11px;padding:28px;background:#0b1520}
.innovation-grid i{width:48px;height:48px;border-radius:10px;border:1px solid #354353;display:grid;place-items:center;color:var(--u-red);font-size:20px}
.innovation-grid h3{font-size:18px;margin:18px 0 10px}
.innovation-grid p{color:#abb5bf;line-height:1.7;font-size:14px;margin:0}

.innovation-purpose{background:var(--u-bg)}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.purpose-copy h2{font-size:40px;margin:10px 0 18px}
.purpose-copy>p{color:#606b76;line-height:1.8}
.purpose-principles{display:grid;gap:14px;margin-top:30px}
.purpose-principles>div{display:flex;gap:15px;align-items:center}
.purpose-principles i{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:var(--u-ink);color:var(--u-red)}
.purpose-principles span{color:#64707b;font-size:14px}.purpose-principles b{display:block;color:#151d26;margin-bottom:3px}
.purpose-visual{min-height:350px;border-radius:16px;background:var(--u-ink);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}
.purpose-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(229,57,53,.13),transparent 50%)}
.idea-path{display:flex;align-items:center;position:relative;z-index:2;width:100%;justify-content:center}
.idea-step{width:88px;height:88px;border-radius:50%;border:1px solid #485563;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#0c1722}
.idea-step span{font-size:12px;color:var(--u-red);font-weight:700}.idea-step b{font-size:13px}
.idea-step.active{background:var(--u-red);border-color:var(--u-red);box-shadow:0 0 30px rgba(229,57,53,.32)}.idea-step.active span{color:#fff}
.idea-line{width:48px;height:1px;background:#4a5560}

.innovation-collab{background:#fff}
.collab-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}
.collab-panel,.collab-card{border:1px solid var(--u-line);border-radius:14px;padding:42px}
.collab-panel h2{font-size:38px;line-height:1.15;margin:10px 0 18px}
.collab-panel p{color:#626d78;line-height:1.8;max-width:760px}
.collab-panel .btn-unomas{margin-top:15px}
.collab-card{background:var(--u-ink);color:#fff}
.collab-icon{width:54px;height:54px;border-radius:12px;border:1px solid #41505f;display:grid;place-items:center;color:var(--u-red);font-size:20px}
.collab-card h3{font-size:27px;margin:20px 0 12px}
.collab-card p{color:#aeb7c1;line-height:1.7}
.collab-card ul{list-style:none;padding:0;margin:22px 0 0}.collab-card li{margin:11px 0;color:#d7dce1;font-size:14px}.collab-card li i{color:var(--u-red);margin-right:8px}

.innovation-cta{background:#fff;padding:0 0 80px}
.innovation-cta-box{background:var(--u-ink);color:#fff;border-radius:14px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.cta-brand{display:flex;align-items:center;gap:20px}
.brand-symbol-small{width:58px;height:58px;border-radius:12px;background:#fff;color:#171d23;display:grid;place-items:center;font-size:30px;font-weight:900}
.brand-symbol-small span{color:var(--u-red)}
.cta-brand h2{font-size:27px;margin:5px 0 0}
.cta-actions{display:flex;gap:14px;flex-shrink:0}

@media(max-width:1200px){
    .labs-intro-grid{grid-template-columns:1fr}
    .labs-process{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:992px){
    .unomas-container{width:min(100% - 40px,1400px)}
    .innovation-hero-grid,.purpose-grid,.collab-grid{grid-template-columns:1fr}
    .innovation-hero-copy{padding:70px 0 25px}
    .innovation-hero-visual{min-height:430px}
    .innovation-hero h1{font-size:46px}
    .labs-process{grid-template-columns:repeat(3,1fr);gap:28px}
    .labs-process article{border-left:0}
    .innovation-grid{grid-template-columns:1fr 1fr}
    .innovation-cta-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
    .unomas-container{width:calc(100% - 30px)}
    .section-space{padding:65px 0}
    .innovation-hero h1{font-size:37px}
    .innovation-hero p{font-size:15px}
    .innovation-hero-visual{min-height:330px}
    .lab-screen{transform:scale(.72)}
    .screen-one{left:-4%;top:70px}
    .screen-two{left:26%;top:75px}
    .labs-sign{right:4%;top:130px}.labs-sign small{font-size:19px}.labs-sign strong{font-size:30px}
    .labs-process,.innovation-grid{grid-template-columns:1fr}
    .labs-process article{padding:20px 0;border-bottom:1px solid var(--u-line)}
    .innovation-areas-box{padding:30px 20px}
    .purpose-copy h2,.collab-panel h2{font-size:31px}
    .purpose-visual{min-height:300px;padding:20px}
    .idea-step{width:66px;height:66px}.idea-line{width:20px}.idea-step b{font-size:10px}
    .collab-panel,.collab-card{padding:28px 22px}
    .innovation-cta-box{padding:30px 22px}
    .cta-brand{align-items:flex-start}
    .cta-actions{width:100%;flex-direction:column}
    .cta-actions .btn-unomas{justify-content:center}
}
