:root {
    --ci-green-950:#001f18;
    --ci-green-900:#002d22;
    --ci-green-800:#003f2f;
    --ci-green-700:#075d46;
    --ci-green-500:#0b7a35;
    --ci-lime:#8bd936;
    --ci-lime-bright:#a5ee46;
    --ci-white:#fff;
    --ci-soft:#f4f7f3;
    --ci-paper:#f7f4ec;
    --ci-text:#52615b;
    --ci-border:rgba(0,63,47,.11);
    --ci-shadow:0 28px 75px rgba(0,45,34,.13)
}

.ci-page {
    width:100%;
    overflow:hidden;
    background:#fff;
    color:var(--ci-green-900);
    font-family:"Segoe UI",Arial,sans-serif
}

.ci-page *,.ci-page *::before,.ci-page *::after {
    box-sizing:border-box
}

.ci-page a {
    text-decoration:none!important;
    color:inherit
}

.ci-shell {
    width:min(1360px,90%);
    margin:0 auto
}

.ci-hero {
    position:relative;
    min-height:900px;
    padding:108px 0 0;
    overflow:hidden;
    background:radial-gradient(circle at 77% 26%,rgba(139,217,54,.16),transparent 27%),radial-gradient(circle at 14% 15%,rgba(255,255,255,.05),transparent 24%),linear-gradient(135deg,#001f18 0%,#002d22 49%,#004534 100%)
}

.ci-hero::after {
    content:"";
    position:absolute;
    left:-8%;
    right:-8%;
    bottom:-108px;
    height:185px;
    border-radius:50% 50% 0 0/42% 42% 0 0;
    background:#fff
}

.ci-hero__grid {
    position:absolute;
    inset:0;
    opacity:.15;
    background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:52px 52px
}

.ci-hero__glow {
    position:absolute;
    border:1px solid rgba(139,217,54,.12);
    border-radius:50%;
    pointer-events:none
}

.ci-hero__glow--one {
    width:500px;
    height:500px;
    right:-180px;
    top:65px;
    box-shadow:0 0 0 70px rgba(139,217,54,.016),0 0 0 140px rgba(139,217,54,.008)
}

.ci-hero__glow--two {
    width:210px;
    height:210px;
    left:-90px;
    bottom:200px;
    border-color:rgba(255,255,255,.07)
}

.ci-hero__layout {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:78px;
    align-items:center
}

.ci-hero__copy {
    padding-bottom:180px
}

.ci-kicker {
    display:inline-block;
    margin-bottom:27px;
    color:var(--ci-lime);
    font-size:12px;
    font-weight:850;
    letter-spacing:2.6px;
    text-transform:uppercase
}

.ci-hero__copy h1 {
    max-width:820px;
    margin:0;
    color:#fff;
    font-size:clamp(64px,6.5vw,108px);
    font-weight:820;
    line-height:.88;
    letter-spacing:-5px
}

.ci-hero__copy h1 span {
    display:block;
    color:var(--ci-lime);
    font-weight:380;
    font-style:italic
}

.ci-hero__copy>p {
    max-width:690px;
    margin:31px 0 0;
    color:rgba(255,255,255,.70);
    font-size:17px;
    line-height:1.75
}

.ci-hero__actions {
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:34px
}

.ci-btn {
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:0 22px;
    border-radius:12px;
    font-size:13px;
    font-weight:850;
    transition:.24s
}

.ci-btn:hover {
    transform:translateY(-3px)
}

.ci-btn--lime {
    background:var(--ci-lime);
    color:var(--ci-green-950)!important;
    box-shadow:0 18px 42px rgba(139,217,54,.17)
}

.ci-btn--lime:hover {
    background:var(--ci-lime-bright)
}

.ci-btn--glass {
    border:1px solid rgba(255,255,255,.23);
    background:rgba(255,255,255,.06);
    color:#fff!important;
    backdrop-filter:blur(14px)
}

.ci-hero__chips {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:46px
}

.ci-hero__chips span {
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(255,255,255,.52);
    background:rgba(255,255,255,.035);
    font-size:9px;
    font-weight:780;
    letter-spacing:.8px;
    text-transform:uppercase
}

.ci-hero__visual {
    position:relative;
    min-height:610px;
    padding-bottom:145px;
    perspective:1100px
}

.ci-control-panel {
    position:absolute;
    inset:38px 8px 158px 26px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
    border-radius:32px;
    background:radial-gradient(circle at 50% 43%,rgba(139,217,54,.13),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.026));
    backdrop-filter:blur(18px);
    box-shadow:0 42px 100px rgba(0,0,0,.27);
    transform:rotateY(var(--ci-ry,0deg)) rotateX(var(--ci-rx,0deg));
    transition:transform .16s ease-out
}

.ci-control-panel::before {
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    right:-110px;
    top:-100px;
    border:1px solid rgba(139,217,54,.16);
    border-radius:50%;
    box-shadow:0 0 0 60px rgba(139,217,54,.014),0 0 0 120px rgba(139,217,54,.008)
}

.ci-control-panel__top {
    position:absolute;
    left:27px;
    right:27px;
    top:23px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:rgba(255,255,255,.56);
    font-size:9px;
    font-weight:820;
    letter-spacing:1.2px;
    text-transform:uppercase
}

.ci-status {
    display:inline-flex;
    align-items:center;
    gap:8px
}

.ci-status i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--ci-lime);
    box-shadow:0 0 0 5px rgba(139,217,54,.09)
}

.ci-control-panel__center {
    position:absolute;
    inset:62px 0 130px;
    display:grid;
    place-items:center
}

.ci-radar {
    position:relative;
    width:300px;
    height:300px
}

.ci-radar__ring {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%
}

.ci-radar__ring--1 {
    width:100%;
    height:100%
}

.ci-radar__ring--2 {
    width:72%;
    height:72%;
    border-color:rgba(139,217,54,.22)
}

.ci-radar__ring--3 {
    width:44%;
    height:44%;
    border-color:rgba(255,255,255,.18)
}

.ci-radar__scan {
    position:absolute;
    left:50%;
    top:50%;
    width:50%;
    height:2px;
    transform-origin:left center;
    background:linear-gradient(90deg,var(--ci-lime),transparent);
    animation:ciRadarScan 5s linear infinite
}

.ci-radar__core {
    position:absolute;
    left:50%;
    top:50%;
    width:142px;
    height:142px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:var(--ci-lime);
    color:var(--ci-green-950);
    box-shadow:0 26px 60px rgba(0,0,0,.28)
}

.ci-radar__core small {
    font-size:9px;
    font-weight:900;
    letter-spacing:1.8px
}

.ci-radar__core strong {
    margin-top:3px;
    font-size:24px
}

.ci-radar__core span {
    margin-top:2px;
    font-size:9px;
    font-weight:750
}

.ci-control-panel__cards {
    position:absolute;
    left:24px;
    right:24px;
    bottom:22px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px
}

.ci-mini-card {
    min-height:84px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:9px;
    align-items:start;
    padding:12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(0,31,24,.44)
}

.ci-mini-card>span {
    color:var(--ci-lime);
    font-size:9px;
    font-weight:900
}

.ci-mini-card small,.ci-mini-card strong {
    display:block
}

.ci-mini-card small {
    color:rgba(255,255,255,.40);
    font-size:7px;
    text-transform:uppercase
}

.ci-mini-card strong {
    margin-top:4px;
    color:#fff;
    font-size:10px
}

.ci-hero__summary {
    position:relative;
    z-index:5;
    min-height:105px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:18px;
    align-items:center;
    margin-top:-128px;
    padding:20px 24px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:20px;
    background:rgba(255,255,255,.94);
    box-shadow:0 30px 80px rgba(0,45,34,.18);
    backdrop-filter:blur(18px)
}

.ci-summary__icon {
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:var(--ci-green-950);
    color:var(--ci-lime);
    font-size:22px;
    font-weight:900
}

.ci-summary__text small,.ci-summary__text strong {
    display:block
}

.ci-summary__text small {
    color:#829089;
    font-size:9px;
    font-weight:850;
    letter-spacing:1px;
    text-transform:uppercase
}

.ci-summary__text strong {
    margin-top:4px;
    color:var(--ci-green-950);
    font-size:15px
}

.ci-summary__link {
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:var(--ci-green-700)!important;
    font-size:11px;
    font-weight:900
}

.ci-section {
    padding:120px 0
}

.ci-section--light {
    background:#fff
}

.ci-section-head {
    display:grid;
    grid-template-columns:1fr .58fr;
    gap:75px;
    align-items:end;
    margin-bottom:56px
}

.ci-overline {
    display:inline-block;
    color:var(--ci-green-500);
    font-size:10px;
    font-weight:900;
    letter-spacing:2.3px;
    text-transform:uppercase
}

.ci-overline--lime {
    color:var(--ci-lime)
}

.ci-section-head h2 {
    max-width:790px;
    margin:12px 0 0;
    color:var(--ci-green-950);
    font-size:clamp(45px,5.2vw,76px);
    line-height:.95;
    letter-spacing:-3.5px
}

.ci-section-head h2 span {
    display:block;
    color:var(--ci-green-500);
    font-weight:360;
    font-style:italic
}

.ci-section-head>p {
    margin:0;
    color:var(--ci-text);
    font-size:16px;
    line-height:1.75
}

.ci-feature-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px
}

.ci-feature-card {
    position:relative;
    min-height:295px;
    padding:26px;
    overflow:hidden;
    border:1px solid var(--ci-border);
    border-radius:22px;
    background:var(--ci-soft);
    transition:.28s
}

.ci-feature-card:hover {
    transform:translateY(-7px);
    background:#fff;
    box-shadow:var(--ci-shadow)
}

.ci-feature-card::after {
    content:"";
    position:absolute;
    width:145px;
    height:145px;
    right:-70px;
    bottom:-80px;
    border-radius:50%;
    background:rgba(139,217,54,.11)
}

.ci-feature-card__number {
    color:#8f9b95;
    font-size:9px;
    font-weight:900
}

.ci-feature-card__icon {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin-top:39px;
    border-radius:16px;
    background:var(--ci-green-950);
    color:var(--ci-lime);
    font-size:25px
}

.ci-feature-card h3 {
    margin:26px 0 0;
    color:var(--ci-green-950);
    font-size:24px
}

.ci-feature-card p {
    max-width:340px;
    margin:11px 0 0;
    color:var(--ci-text);
    font-size:13px;
    line-height:1.6
}

.ci-statement {
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:radial-gradient(circle at 85% 30%,rgba(139,217,54,.11),transparent 28%),linear-gradient(135deg,var(--ci-green-900),var(--ci-green-950))
}

.ci-statement__layout {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:auto 1fr .7fr;
    gap:46px;
    align-items:center
}

.ci-statement__mark {
    color:var(--ci-lime);
    font-size:120px;
    font-family:Georgia,serif;
    line-height:.7
}

.ci-statement h2 {
    max-width:700px;
    margin:12px 0 0;
    color:#fff;
    font-size:clamp(38px,4.2vw,62px);
    line-height:.98;
    letter-spacing:-2.7px
}

.ci-statement h2 span {
    display:block;
    color:var(--ci-lime);
    font-weight:350;
    font-style:italic
}

.ci-statement p {
    margin:0;
    padding-left:26px;
    border-left:2px solid rgba(139,217,54,.55);
    color:rgba(255,255,255,.61);
    font-size:15px;
    line-height:1.75
}

.ci-documents {
    padding:120px 0 130px;
    background:var(--ci-paper)
}

.ci-documents__head {
    display:grid;
    grid-template-columns:1fr .58fr;
    gap:72px;
    align-items:end;
    margin-bottom:45px
}

.ci-documents__head h2 {
    margin:12px 0 0;
    color:var(--ci-green-950);
    font-size:clamp(45px,5vw,73px);
    line-height:.94;
    letter-spacing:-3.5px
}

.ci-documents__head h2 span {
    display:block;
    color:var(--ci-green-500);
    font-weight:360;
    font-style:italic
}

.ci-documents__head p {
    margin:0;
    color:var(--ci-text);
    font-size:15px;
    line-height:1.72
}

.ci-documents__container {
    overflow:hidden;
    border:1px solid var(--ci-border);
    border-radius:24px;
    background:#fff;
    box-shadow:0 22px 60px rgba(0,45,34,.08)
}

.ci-documents__topbar {
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 24px;
    border-bottom:1px solid var(--ci-border);
    background:linear-gradient(90deg,#f9fbf9,#fff)
}

.ci-documents__label {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--ci-green-950);
    font-size:12px;
    font-weight:850
}

.ci-documents__dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--ci-lime);
    box-shadow:0 0 0 6px rgba(139,217,54,.09)
}

.ci-documents__badge {
    padding:7px 10px;
    border-radius:999px;
    background:var(--ci-green-950);
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase
}

.ci-sharepoint-list {
    padding:22px 24px 28px
}

.ci-sharepoint-list table {
    width:100%;
    border-collapse:collapse
}

.ci-sharepoint-list th {
    padding:14px 12px;
    border-bottom:1px solid var(--ci-border);
    color:var(--ci-green-950);
    background:#f8faf8;
    font-size:11px;
    font-weight:850;
    text-align:left
}

.ci-sharepoint-list td {
    padding:15px 12px;
    border-bottom:1px solid rgba(0,63,47,.07);
    color:var(--ci-text);
    font-size:13px
}

.ci-sharepoint-list a {
    color:var(--ci-green-500)!important;
    font-weight:750
}

.ci-sharepoint-list select,.ci-sharepoint-list input {
    min-height:42px;
    padding:0 12px;
    border:1px solid var(--ci-border);
    border-radius:10px;
    background:#fff;
    color:var(--ci-green-950);
    outline:none
}

.ci-closing {
    padding:92px 0 100px;
    text-align:center;
    background:#fff
}

.ci-closing__line {
    width:68px;
    height:4px;
    display:block;
    margin:0 auto 23px;
    border-radius:999px;
    background:var(--ci-lime)
}

.ci-closing p {
    margin:0;
    color:var(--ci-green-500);
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase
}

.ci-closing h2 {
    margin:12px 0 0;
    color:var(--ci-green-950);
    font-size:clamp(45px,5.3vw,75px);
    line-height:.95;
    letter-spacing:-3.5px
}

.ci-closing h2 span {
    display:block;
    color:var(--ci-green-500);
    font-weight:350;
    font-style:italic
}

.ci-backtop {
    position:fixed;
    z-index:9999;
    right:22px;
    bottom:22px;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:var(--ci-green-950);
    color:#fff;
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s
}

.ci-backtop.is-visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}

@keyframes ciRadarScan {
    from {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(360deg)
    }

}

@media(max-width:1120px) {
    .ci-hero {
        min-height:auto;
        padding-top:85px
    }

    .ci-hero__layout {
        grid-template-columns:1fr;
        gap:18px
    }

    .ci-hero__copy {
        padding-bottom:25px
    }

    .ci-hero__visual {
        min-height:560px
    }

    .ci-hero__summary {
        margin-top:-80px
    }

    .ci-section-head,.ci-documents__head {
        grid-template-columns:1fr;
        gap:26px
    }

    .ci-statement__layout {
        grid-template-columns:auto 1fr
    }

    .ci-statement p {
        grid-column:2;
        padding-left:0;
        border-left:0
    }

}

@media(max-width:760px) {
    .ci-shell {
        width:92%
    }

    .ci-hero {
        padding-top:68px
    }

    .ci-hero__copy h1 {
        font-size:55px;
        letter-spacing:-3px
    }

    .ci-hero__copy>p {
        font-size:15px
    }

    .ci-hero__visual {
        min-height:500px
    }

    .ci-control-panel {
        inset:22px 0 132px
    }

    .ci-radar {
        width:245px;
        height:245px
    }

    .ci-control-panel__cards {
        grid-template-columns:1fr
    }

    .ci-control-panel__cards .ci-mini-card:nth-child(2),.ci-control-panel__cards .ci-mini-card:nth-child(3) {
        display:none
    }

    .ci-hero__summary {
        grid-template-columns:auto 1fr;
        margin-top:-58px;
        padding:18px
    }

    .ci-summary__link {
        grid-column:1/-1
    }

    .ci-section,.ci-documents {
        padding:85px 0
    }

    .ci-section-head h2,.ci-documents__head h2 {
        font-size:47px;
        letter-spacing:-3px
    }

    .ci-feature-grid {
        grid-template-columns:1fr
    }

    .ci-feature-card {
        min-height:250px
    }

    .ci-statement {
        padding:85px 0
    }

    .ci-statement__layout {
        grid-template-columns:1fr;
        gap:20px
    }

    .ci-statement__mark {
        display:none
    }

    .ci-statement p {
        grid-column:auto
    }

    .ci-sharepoint-list {
        overflow-x:auto;
        padding:18px
    }

    .ci-closing {
        padding:80px 0 90px
    }

    .ci-closing h2 {
        font-size:50px;
        letter-spacing:-3px
    }

}

@media(prefers-reduced-motion:reduce) {
    .ci-page *,.ci-page *::before,.ci-page *::after {
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important
    }

}