:root{
    --ref-navy:#071a3b;
    --ref-navy-soft:#102b5a;
    --ref-blue:#1264f5;
    --ref-blue-dark:#0847bf;
    --ref-cyan:#1eb6ed;
    --ref-green:#28b987;
    --ref-orange:#ff8a00;
    --ref-ink:#10234a;
    --ref-muted:#66738d;
    --ref-line:#e5ebf5;
    --ref-surface:#f7faff;
    --ref-shadow:0 18px 55px rgba(23,54,105,.11);
}

body.corporate-light-site{
    background:#fff;
    color:var(--ref-ink);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}

.corporate-light-site .lenterra-navbar{
    min-height:84px;
    padding:.65rem 0;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(16,35,74,.08);
    box-shadow:0 5px 28px rgba(16,35,74,.05);
    backdrop-filter:blur(18px);
}

.corporate-light-site .lenterra-brand{
    color:var(--ref-ink);
    gap:.72rem;
}

.corporate-light-site .brand-logo-nav{
    width:54px;
    height:48px;
}

.corporate-light-site .brand-copy strong{
    color:var(--ref-ink);
    font-size:1.16rem;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.corporate-light-site .brand-copy small{
    color:#53617d;
    font-size:.55rem;
    letter-spacing:.13em;
}

.corporate-light-site .navbar .nav-link{
    color:#243451;
    font-size:.86rem;
    font-weight:700;
    padding:.72rem .78rem!important;
}

.corporate-light-site .navbar .nav-link:hover,
.corporate-light-site .navbar .nav-link:focus,
.corporate-light-site .navbar .nav-link.active{
    color:var(--ref-blue);
}

.corporate-light-site .navbar-toggler{
    border-color:#dce5f2;
}

.corporate-light-site .btn-brand{
    background:linear-gradient(135deg,#1769ff,#0d54df);
    box-shadow:0 11px 26px rgba(18,100,245,.25);
}

.reference-home{
    overflow:hidden;
    background:#fff;
}

.reference-hero{
    position:relative;
    padding:150px 0 72px;
    background:
        radial-gradient(circle at 76% 22%,rgba(30,182,237,.11),transparent 27%),
        linear-gradient(180deg,#fff 0%,#fbfdff 58%,#f7faff 100%);
}

.reference-hero::before{
    content:"";
    position:absolute;
    inset:82px 0 auto;
    height:460px;
    pointer-events:none;
    opacity:.46;
    background-image:
        linear-gradient(90deg,transparent 0 49%,rgba(18,100,245,.055) 50%,transparent 51%),
        linear-gradient(transparent 0 49%,rgba(18,100,245,.045) 50%,transparent 51%);
    background-size:72px 72px;
    mask-image:linear-gradient(90deg,transparent,black 58%,black 85%,transparent);
}

.reference-hero .container{
    position:relative;
    z-index:2;
}

.reference-kicker{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding:.48rem .78rem;
    border-radius:999px;
    color:#165bd3;
    background:#eef5ff;
    border:1px solid #dfeaff;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.reference-kicker::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--ref-blue);
    box-shadow:0 0 0 4px rgba(18,100,245,.11);
}

.reference-hero h1{
    margin:1.35rem 0 1.15rem;
    max-width:650px;
    font-size:clamp(3rem,5.2vw,5.3rem);
    line-height:.98;
    letter-spacing:-.058em;
    font-weight:850;
    color:#0e2147;
}

.reference-hero h1 span{
    display:block;
    color:var(--ref-blue);
}

.reference-hero-copy>p{
    max-width:640px;
    color:#5c6a83;
    font-size:1.03rem;
    line-height:1.8;
}

.reference-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.9rem;
    margin:1.7rem 0 2rem;
}

.reference-hero-actions .btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    gap:.7rem;
    padding:.75rem 1.35rem;
    border-radius:10px;
    font-weight:800;
}

.btn-reference-outline{
    border:1px solid #91b8ff;
    color:#1155d3;
    background:#fff;
    box-shadow:0 8px 22px rgba(18,100,245,.08);
}

.btn-reference-outline:hover{
    color:#fff;
    background:var(--ref-blue);
    border-color:var(--ref-blue);
}

.reference-trust-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:670px;
    border-top:1px solid var(--ref-line);
    padding-top:1.25rem;
}

.reference-trust-row div{
    min-width:0;
    padding:0 1rem;
    border-right:1px solid var(--ref-line);
}

.reference-trust-row div:first-child{
    padding-left:0;
}

.reference-trust-row div:last-child{
    border-right:0;
}

.reference-trust-row strong{
    display:block;
    color:var(--ref-blue);
    font-size:.98rem;
}

.reference-trust-row small{
    color:#71809a;
    font-size:.7rem;
}

.reference-dashboard-wrap{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.reference-dashboard-wrap::before,
.reference-dashboard-wrap::after{
    content:"";
    position:absolute;
    pointer-events:none;
}

.reference-dashboard-wrap::before{
    inset:8% -8% 5% 3%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(18,100,245,.12),transparent 68%);
    filter:blur(8px);
}

.reference-dashboard-wrap::after{
    width:170px;
    height:170px;
    right:-50px;
    bottom:22px;
    opacity:.12;
    background:url('../images/lenterra-logo.svg') center/contain no-repeat;
}

.enterprise-dashboard{
    position:relative;
    z-index:2;
    width:min(100%,610px);
    display:grid;
    grid-template-columns:94px 1fr;
    border:1px solid #dce7f5;
    border-radius:20px;
    background:#fff;
    box-shadow:0 30px 80px rgba(37,78,145,.18);
    overflow:visible;
}

.dashboard-sidebar{
    padding:20px 12px;
    border-radius:20px 0 0 20px;
    color:#fff;
    background:linear-gradient(180deg,#0c3f9c,#072b70);
}

.dashboard-logo{
    width:48px;
    height:38px;
    margin:0 auto 1.15rem;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.dashboard-menu{
    display:grid;
    gap:.56rem;
}

.dashboard-menu span{
    display:flex;
    align-items:center;
    gap:.45rem;
    padding:.5rem .55rem;
    border-radius:8px;
    color:rgba(255,255,255,.74);
    font-size:.57rem;
    font-weight:700;
}

.dashboard-menu span::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:2px;
    border:1px solid rgba(255,255,255,.66);
}

.dashboard-menu span.active{
    color:#fff;
    background:rgba(255,255,255,.13);
}

.dashboard-main{
    padding:20px;
    border-radius:0 20px 20px 0;
    background:#fbfdff;
}

.dashboard-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:14px;
}

.dashboard-heading strong{
    color:#10234a;
    font-size:.92rem;
}

.dashboard-heading small{
    color:#8a97ab;
    font-size:.58rem;
}

.dashboard-status{
    position:absolute;
    right:-18px;
    top:-48px;
    min-width:150px;
    padding:.78rem .95rem;
    border:1px solid #dfe7f2;
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 35px rgba(29,65,126,.12);
}

.dashboard-status span{
    display:block;
    color:#6e7b91;
    font-size:.55rem;
}

.dashboard-status strong{
    display:flex;
    align-items:center;
    gap:.4rem;
    margin-top:.24rem;
    color:#253b62;
    font-size:.64rem;
}

.dashboard-status strong::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#2bc48a;
    box-shadow:0 0 0 4px rgba(43,196,138,.11);
}

.dashboard-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.dashboard-kpis article{
    padding:10px;
    min-height:74px;
    border:1px solid #e7edf6;
    border-radius:10px;
    background:#fff;
}

.dashboard-kpis span{
    display:block;
    color:#8a97ab;
    font-size:.49rem;
}

.dashboard-kpis strong{
    display:block;
    margin:.32rem 0 .2rem;
    color:#10234a;
    font-size:.72rem;
}

.dashboard-kpis small{
    color:#26a777;
    font-size:.45rem;
}

.dashboard-visuals{
    display:grid;
    grid-template-columns:1.45fr .78fr;
    gap:10px;
    margin-top:10px;
}

.dashboard-chart,
.dashboard-donut-card{
    padding:12px;
    border:1px solid #e7edf6;
    border-radius:11px;
    background:#fff;
}

.dashboard-card-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#334867;
    font-size:.56rem;
    font-weight:800;
}

.dashboard-line-chart{
    position:relative;
    height:110px;
    margin-top:10px;
    overflow:hidden;
    background:
        linear-gradient(#eef3fa 1px,transparent 1px),
        linear-gradient(90deg,#eef3fa 1px,transparent 1px);
    background-size:100% 25%,20% 100%;
}

.dashboard-line-chart svg{
    position:absolute;
    inset:6px 0 0;
    width:100%;
    height:100%;
}

.dashboard-donut{
    position:relative;
    width:92px;
    height:92px;
    margin:12px auto 6px;
    border-radius:50%;
    background:conic-gradient(#1668ff 0 36%,#2ab4ec 36% 61%,#28b987 61% 78%,#ff9b19 78% 90%,#7554d9 90% 100%);
}

.dashboard-donut::after{
    content:"";
    position:absolute;
    inset:19px;
    border-radius:50%;
    background:#fff;
}

.dashboard-donut-value{
    position:absolute;
    inset:0;
    z-index:2;
    display:grid;
    place-content:center;
    text-align:center;
    color:#10234a;
}

.dashboard-donut-value strong{
    font-size:.8rem;
}

.dashboard-donut-value small{
    font-size:.42rem;
    color:#8995a8;
}

.dashboard-product-row{
    position:absolute;
    left:118px;
    right:22px;
    bottom:-48px;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    padding:12px;
    border:1px solid #dce7f5;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 45px rgba(37,78,145,.18);
}

.dashboard-product-row article{
    min-width:0;
    padding:9px;
    border-radius:9px;
    background:#f7faff;
    text-align:left;
}

.dashboard-product-row span{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    margin-bottom:.45rem;
    border-radius:7px;
    color:#fff;
    background:var(--ref-blue);
    font-size:.52rem;
    font-weight:900;
}

.dashboard-product-row article:nth-child(2) span{background:#25aee7}
.dashboard-product-row article:nth-child(3) span{background:#7357d8}
.dashboard-product-row article:nth-child(4) span{background:#28b987}
.dashboard-product-row strong{
    display:block;
    color:#18305a;
    font-size:.55rem;
}
.dashboard-product-row small{
    display:block;
    margin-top:.18rem;
    color:#8793a7;
    font-size:.42rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.reference-section{
    padding:86px 0;
}

.reference-section-heading{
    max-width:760px;
    margin:0 auto 2.5rem;
    text-align:center;
}

.reference-section-heading span{
    color:var(--ref-blue);
    font-size:.66rem;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.reference-section-heading h2{
    margin:.5rem 0 .65rem;
    color:#10234a;
    font-size:clamp(2rem,3.8vw,3rem);
    letter-spacing:-.045em;
    font-weight:850;
}

.reference-section-heading p{
    color:#728099;
    line-height:1.7;
}

.build-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
}

.build-card{
    position:relative;
    min-height:272px;
    padding:24px 20px;
    border:1px solid #e3e9f2;
    border-radius:14px;
    background:#fff;
    box-shadow:0 9px 25px rgba(31,63,118,.055);
    transition:.25s ease;
}

.build-card:hover{
    transform:translateY(-6px);
    border-color:#cfe0ff;
    box-shadow:var(--ref-shadow);
}

.build-card-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-bottom:1.15rem;
    border-radius:50%;
    color:#fff;
    background:var(--card-color,var(--ref-blue));
    font-size:.62rem;
    font-weight:900;
}

.build-card h3{
    margin:0 0 .72rem;
    color:#13264a;
    font-size:1rem;
    font-weight:850;
}

.build-card p{
    min-height:108px;
    color:#6d7990;
    font-size:.76rem;
    line-height:1.72;
}

.build-card a{
    color:var(--ref-blue);
    font-size:.72rem;
    font-weight:800;
    text-decoration:none;
}

.why-reference{
    padding:40px 0 76px;
}

.why-reference-panel{
    position:relative;
    overflow:hidden;
    padding:38px 34px;
    border:1px solid #dce7f5;
    border-radius:18px;
    background:linear-gradient(135deg,#fbfdff,#f3f8ff);
}

.why-reference-panel::after{
    content:"";
    position:absolute;
    right:-18px;
    bottom:-42px;
    width:230px;
    height:230px;
    opacity:.13;
    background:url('../images/lenterra-logo.svg') center/contain no-repeat;
}

.why-reference-title span{
    color:var(--ref-blue);
    font-size:.65rem;
    font-weight:850;
    text-transform:uppercase;
}

.why-reference-title h2{
    max-width:720px;
    margin:.55rem 0 2rem;
    font-size:clamp(1.8rem,3.3vw,2.7rem);
    letter-spacing:-.04em;
    font-weight:850;
}

.why-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    max-width:900px;
}

.why-item{
    padding:0 20px;
    border-right:1px solid #dfe7f2;
}

.why-item:first-child{padding-left:0}
.why-item:last-child{border-right:0}

.why-item-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin-bottom:.9rem;
    border-radius:10px;
    color:var(--ref-blue);
    background:#eaf3ff;
    font-size:.64rem;
    font-weight:900;
}

.why-item h3{
    font-size:.82rem;
    font-weight:850;
}

.why-item p{
    margin:0;
    color:#6d7990;
    font-size:.66rem;
    line-height:1.65;
}

.reference-process{
    padding:72px 0 88px;
}

.process-line{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
    margin-top:2.4rem;
}

.process-line::before{
    content:"";
    position:absolute;
    top:31px;
    left:8%;
    right:8%;
    height:2px;
    background:linear-gradient(90deg,#b9d2ff,#1264f5,#b9d2ff);
}

.process-step{
    position:relative;
    z-index:2;
    text-align:center;
}

.process-step-icon{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    margin:0 auto 1rem;
    border:1px solid #d6e4f9;
    border-radius:50%;
    color:var(--ref-blue);
    background:#fff;
    box-shadow:0 10px 24px rgba(20,78,174,.11);
    font-size:.72rem;
    font-weight:900;
}

.process-step strong{
    display:block;
    color:var(--ref-blue);
    font-size:.75rem;
}

.process-step h3{
    margin:.16rem 0 .5rem;
    color:#142a50;
    font-size:.82rem;
    font-weight:850;
}

.process-step p{
    margin:0;
    color:#71809a;
    font-size:.65rem;
    line-height:1.6;
}

.reference-home .site-cta{
    padding:0 0 82px;
}

.corporate-light-site .site-footer{
    background:
        radial-gradient(circle at 96% 12%,rgba(18,100,245,.16),transparent 29%),
        linear-gradient(135deg,#071a3b,#04122c);
}

.corporate-light-site .footer-brand strong{
    color:#fff;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.corporate-light-site .footer-brand small{
    color:rgba(255,255,255,.6);
}

.corporate-light-site .brand-logo-footer{
    width:68px;
    height:58px;
    filter:brightness(0) invert(1);
}

.corporate-light-site .footer-main-row{
    padding-top:.4rem;
}

.corporate-light-site .site-footer h2{
    margin-bottom:1rem;
    font-size:.82rem;
}

.corporate-light-site .site-footer a{
    margin:.53rem 0;
    font-size:.72rem;
}

@media(max-width:1199.98px){
    .build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .build-card{min-height:250px}
    .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
    .why-item{border-right:0;padding:0}
}

@media(max-width:991.98px){
    .corporate-light-site .navbar-collapse{
        margin-top:.8rem;
        padding:1rem;
        border:1px solid #e2e9f3;
        border-radius:14px;
        background:#fff;
        box-shadow:0 18px 45px rgba(16,35,74,.08);
    }
    .reference-hero{padding-top:132px}
    .reference-dashboard-wrap{margin-top:5rem;min-height:470px}
    .reference-trust-row{max-width:none}
    .process-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
    .process-line::before{display:none}
}

@media(max-width:767.98px){
    .reference-hero{padding-bottom:52px}
    .reference-hero h1{font-size:clamp(2.7rem,12vw,4.1rem)}
    .reference-trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
    .reference-trust-row div{border-right:0;padding:0}
    .enterprise-dashboard{grid-template-columns:72px 1fr}
    .dashboard-sidebar{padding:16px 8px}
    .dashboard-menu span{font-size:.48rem;padding:.45rem .38rem}
    .dashboard-main{padding:14px}
    .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-visuals{grid-template-columns:1fr}
    .dashboard-donut-card{display:none}
    .dashboard-product-row{left:88px;right:12px;bottom:-58px;grid-template-columns:repeat(2,minmax(0,1fr))}
    .reference-section{padding:72px 0}
    .build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .process-line{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:575.98px){
    .corporate-light-site .brand-copy strong{font-size:.98rem}
    .corporate-light-site .brand-copy small{font-size:.48rem}
    .reference-hero{padding-top:120px}
    .reference-hero-actions .btn{width:100%;justify-content:center}
    .reference-dashboard-wrap{min-height:440px;margin-top:4rem}
    .dashboard-status{right:6px;top:-44px}
    .enterprise-dashboard{grid-template-columns:62px 1fr}
    .dashboard-sidebar{border-radius:16px 0 0 16px}
    .dashboard-main{border-radius:0 16px 16px 0}
    .dashboard-menu span{font-size:0;justify-content:center}
    .dashboard-menu span::before{width:8px;height:8px}
    .dashboard-heading small{display:none}
    .dashboard-product-row{left:72px}
    .build-grid{grid-template-columns:1fr}
    .build-card{min-height:auto}
    .build-card p{min-height:auto}
    .why-reference-panel{padding:30px 24px}
    .why-grid{grid-template-columns:1fr}
    .process-line{grid-template-columns:1fr}
    .process-step{display:grid;grid-template-columns:64px 1fr;text-align:left;column-gap:14px}
    .process-step-icon{grid-row:1/5;margin:0}
}