@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap');

.o_skip_to_content {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
}

.o_skip_to_content:focus {
    left: 0 !important;
    top: 0 !important;
    z-index: 9999 !important;
}

body:has(.ncip-home) > #wrapwrap > header#top,
body:has(.ncip-home) > #wrapwrap > footer#bottom,
body:has(.ncip-demo-page) > #wrapwrap > header#top,
body:has(.ncip-demo-page) > #wrapwrap > footer#bottom {
    display: none !important;
}

:root {
    --ncip-ink: #0b1f2a;
    --ncip-navy: #0c3545;
    --ncip-deep: #062832;
    --ncip-teal: #0ca58f;
    --ncip-mint: #65d5bd;
    --ncip-gold: #e7b04a;
    --ncip-sky: #e9f7f5;
    --ncip-paper: #f7f8f5;
    --ncip-muted: #62727a;
    --ncip-line: #dce5e3;
}

.ncip-home {
    color: var(--ncip-ink);
    background: var(--ncip-paper);
    font-family: "DM Sans", sans-serif;
    overflow: hidden;
}

.ncip-home h1,
.ncip-home h2,
.ncip-home h3,
.ncip-home h4,
.ncip-wordmark {
    font-family: "Manrope", sans-serif;
}

.ncip-home h2 {
    margin: 0;
    font-size: clamp(2.1rem, 4vw, 4.4rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.055em;
}

.ncip-home h2 em,
.ncip-hero h1 em {
    color: var(--ncip-teal);
    font-style: normal;
}

.ncip-page-nav {
    height: 82px;
    padding: 0 max(28px, calc((100vw - 1420px) / 2));
    display: flex;
    align-items: center;
    gap: 38px;
    position: absolute;
    inset: 0 0 auto;
    z-index: 8;
    border-bottom: 1px solid rgba(255,255,255,.16);
    color: #fff;
}

.ncip-wordmark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1;
}

.ncip-wordmark small {
    display: block;
    margin-top: 5px;
    font-size: 8px;
    letter-spacing: .34em;
    opacity: .72;
}

.ncip-mark {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 10px;
    font-size: 21px;
    letter-spacing: 0;
}

.ncip-nav-links {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-left: auto;
}

.ncip-nav-links a,
.ncip-login {
    color: inherit !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
}

.ncip-nav-links a:hover { color: var(--ncip-mint) !important; }

.ncip-nav-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ncip-btn {
    min-height: 52px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--ncip-teal);
    border-radius: 4px;
    background: var(--ncip-teal);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    transition: transform .2s, background .2s;
}

.ncip-btn:hover { transform: translateY(-2px); background: #087f70; }
.ncip-btn-sm { min-height: 39px; padding: 0 17px; }
.ncip-btn-ghost { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.48); }
.ncip-btn-outline { color: var(--ncip-navy) !important; background: transparent; border-color: var(--ncip-navy); }

.ncip-hero {
    min-height: 880px;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
}

.ncip-hero-media,
.ncip-hero-overlay {
    position: absolute;
    inset: 0;
}

.ncip-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ncip-hero-overlay {
    background:
        linear-gradient(90deg, rgba(3,25,34,.96) 0%, rgba(3,25,34,.79) 45%, rgba(3,25,34,.25) 78%),
        linear-gradient(0deg, rgba(3,25,34,.7), transparent 45%);
}

.ncip-hero-content {
    width: min(1420px, calc(100% - 56px));
    margin: 85px auto 0;
    position: relative;
    z-index: 2;
}

.ncip-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: var(--ncip-teal);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.ncip-eyebrow:before {
    content: "";
    width: 32px;
    height: 1px;
    background: currentColor;
}

.ncip-eyebrow-light { color: var(--ncip-mint); }

.ncip-hero h1 {
    max-width: 950px;
    margin: 0;
    font-size: clamp(3rem, 6.2vw, 6.8rem);
    font-weight: 700;
    line-height: .98;
    letter-spacing: normal;
}

.ncip-hero-content > p {
    max-width: 700px;
    margin: 28px 0 34px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.7;
}

.ncip-demo-ribbon {
    width: fit-content;
    max-width: 590px;
    margin: -6px 0 26px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(101,213,189,.34);
    border-radius: 4px;
    background: rgba(5,46,57,.62);
    backdrop-filter: blur(8px);
}

.ncip-demo-ribbon i { color: var(--ncip-mint); font-size: 19px; }
.ncip-demo-ribbon span { color: rgba(255,255,255,.66); font-size: 11px; line-height: 1.45; }
.ncip-demo-ribbon strong { display: block; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }

.ncip-hero-actions { display: flex; gap: 12px; }

.ncip-hero-proof {
    max-width: 760px;
    margin-top: 72px;
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(255,255,255,.25);
}

.ncip-hero-proof div { padding-right: 25px; }
.ncip-hero-proof strong { display: block; font-family: "Manrope"; font-size: 28px; }
.ncip-hero-proof span { color: rgba(255,255,255,.58); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

.ncip-section {
    padding: 120px max(28px, calc((100vw - 1320px) / 2));
}

.ncip-section-heading { max-width: 760px; margin-bottom: 62px; }
.ncip-heading-wide { max-width: 1020px; }
.ncip-section-heading > p {
    max-width: 820px;
    margin: 28px 0 0;
    color: var(--ncip-muted);
    font-size: 18px;
    line-height: 1.75;
}

.ncip-heading-light,
.ncip-heading-light > p { color: #fff; }
.ncip-heading-light > p { color: rgba(255,255,255,.65); }

.ncip-intro { background: #fff; }
.ncip-intro .ncip-section-heading { margin-bottom: 68px; }

.ncip-challenge-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--ncip-line);
}

.ncip-challenge-grid article {
    min-height: 310px;
    padding: 30px;
    position: relative;
    border-right: 1px solid var(--ncip-line);
}

.ncip-challenge-grid article:last-child { border: 0; }
.ncip-challenge-grid article > span { color: #9aabae; font-size: 11px; }
.ncip-challenge-grid i { display: block; margin: 55px 0 24px; color: var(--ncip-teal); font-size: 30px; }
.ncip-challenge-grid h3 { font-size: 18px; }
.ncip-challenge-grid p { color: var(--ncip-muted); line-height: 1.7; font-size: 14px; }

.ncip-value-proposition,
.ncip-intelligence-story,
.ncip-journey {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 90px;
}

.ncip-vp-image,
.ncip-story-image,
.ncip-journey-image { position: relative; }

.ncip-vp-image > img,
.ncip-story-image > img,
.ncip-journey-image > img {
    width: 100%;
    min-height: 620px;
    object-fit: cover;
}

.ncip-floating-note {
    width: 320px;
    padding: 22px;
    display: flex;
    gap: 16px;
    position: absolute;
    right: -35px;
    bottom: 35px;
    background: #fff;
    box-shadow: 0 25px 70px rgba(5,32,40,.2);
}

.ncip-floating-note i { color: var(--ncip-teal); font-size: 26px; }
.ncip-floating-note strong,
.ncip-floating-note span { display: block; }
.ncip-floating-note span { color: var(--ncip-muted); font-size: 12px; line-height: 1.5; }
.ncip-floating-note strong { margin-bottom: 4px; color: var(--ncip-ink); font-size: 13px; }
.ncip-vp-copy > p { margin: 28px 0; color: var(--ncip-muted); font-size: 17px; line-height: 1.8; }

.ncip-value-list > div {
    padding: 18px 0;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 15px;
    border-top: 1px solid var(--ncip-line);
}

.ncip-value-list b { color: var(--ncip-teal); font-size: 12px; }
.ncip-value-list strong { display: block; margin-bottom: 5px; }
.ncip-value-list span { color: var(--ncip-muted); font-size: 14px; line-height: 1.55; }

.ncip-network-section {
    color: #fff;
    background: var(--ncip-deep);
}

.ncip-network-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.ncip-network-card {
    padding: 38px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.035);
}

.ncip-network-card-accent { background: rgba(12,165,143,.12); }
.ncip-network-card header { display: flex; align-items: center; gap: 20px; }
.ncip-network-card header > span { color: var(--ncip-mint); font-size: 12px; }
.ncip-network-card small { color: rgba(255,255,255,.45); letter-spacing: .12em; font-size: 9px; }
.ncip-network-card h3 { margin: 4px 0 0; font-size: 24px; }
.ncip-network-card > p { margin: 28px 0; color: rgba(255,255,255,.65); line-height: 1.7; }

.ncip-chain-flow {
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    border-block: 1px solid rgba(255,255,255,.12);
}

.ncip-chain-flow span { flex: 1; font-size: 12px; font-weight: 700; }
.ncip-chain-flow small { display: block; margin-top: 5px; letter-spacing: 0; }
.ncip-chain-flow i { color: var(--ncip-mint); }
.ncip-network-card ul { padding: 18px 0 0; margin: 0; list-style: none; }
.ncip-network-card li { padding: 6px 0; color: rgba(255,255,255,.7); font-size: 13px; }
.ncip-network-card li:before { content: "✓"; margin-right: 10px; color: var(--ncip-mint); }

.ncip-network-result {
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ncip-mint);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
}

.ncip-network-result i { color: rgba(255,255,255,.2); }

.ncip-platform { background: #fff; }
.ncip-capability-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--ncip-line);
}

.ncip-capability-grid article {
    min-height: 265px;
    padding: 27px;
    position: relative;
    border-right: 1px solid var(--ncip-line);
    border-bottom: 1px solid var(--ncip-line);
    transition: background .2s, transform .2s;
}

.ncip-capability-grid article:nth-child(4n) { border-right: 0; }
.ncip-capability-grid article:hover { z-index: 2; background: var(--ncip-sky); transform: translateY(-4px); }
.ncip-capability-grid article > i { margin: 8px 0 42px; color: var(--ncip-teal); font-size: 27px; }
.ncip-capability-grid article > small { position: absolute; top: 25px; right: 25px; color: #9ca9aa; }
.ncip-capability-grid h3 { font-size: 17px; }
.ncip-capability-grid p { color: var(--ncip-muted); font-size: 13px; line-height: 1.65; }
.ncip-capability-cta { display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: var(--ncip-teal) !important; }
.ncip-capability-cta > span { margin-bottom: auto; opacity: .7; font-size: 11px; text-transform: uppercase; }
.ncip-capability-cta a { color: #fff !important; font-size: 13px; text-decoration: none; }

.ncip-intelligence-story { background: var(--ncip-paper); }
.ncip-story-copy > p { margin: 25px 0 30px; color: var(--ncip-muted); line-height: 1.7; }
.ncip-story-copy ol { padding: 0; list-style: none; }
.ncip-story-copy li { padding: 15px 0; display: grid; grid-template-columns: 45px 1fr; border-top: 1px solid var(--ncip-line); }
.ncip-story-copy li > span { color: var(--ncip-teal); font-size: 11px; }
.ncip-story-copy li strong { font-family: "Manrope"; }
.ncip-story-copy li p { margin: 3px 0; color: var(--ncip-muted); font-size: 13px; }
.ncip-story-image img { min-height: 660px; filter: saturate(.8); }

.ncip-orbit {
    width: 75px;
    height: 75px;
    display: grid;
    place-items: center;
    position: absolute;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
    background: rgba(6,40,50,.78);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.ncip-orbit-one { top: 12%; left: 8%; }
.ncip-orbit-two { top: 42%; right: 10%; }
.ncip-orbit-three { bottom: 10%; left: 25%; }

.ncip-ecosystem { background: var(--ncip-navy); color: #fff; }
.ncip-ecosystem-visual { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; }
.ncip-eco-image img { width: 100%; height: 100%; object-fit: cover; opacity: .74; }
.ncip-cluster-map { position: relative; background: radial-gradient(circle, rgba(12,165,143,.2), transparent 62%); }
.ncip-cluster-map:before,
.ncip-cluster-map:after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(101,213,189,.25); border-radius: 50%; }
.ncip-cluster-map:after { inset: 32%; }

.ncip-cluster-center,
.ncip-cluster-node { position: absolute; z-index: 2; border-radius: 50%; display: grid; place-items: center; text-align: center; }
.ncip-cluster-center { width: 150px; height: 150px; inset: calc(50% - 75px); background: var(--ncip-teal); box-shadow: 0 0 80px rgba(101,213,189,.25); }
.ncip-cluster-center strong { font-size: 26px; }
.ncip-cluster-center span { margin-top: -32px; font-size: 9px; opacity: .7; text-transform: uppercase; }
.ncip-cluster-node { width: 92px; height: 92px; border: 1px solid rgba(255,255,255,.3); background: rgba(4,30,39,.86); font-size: 10px; }
.ncip-cluster-node i { margin-top: 16px; color: var(--ncip-mint); font-size: 20px; }
.ncip-cluster-node span { margin-top: -14px; }
.node-a { top: 6%; left: 42%; }.node-b { top: 20%; right: 9%; }.node-c { bottom: 20%; right: 8%; }
.node-d { bottom: 5%; left: 40%; }.node-e { bottom: 20%; left: 8%; }.node-f { top: 20%; left: 8%; }

.ncip-ecosystem-steps { margin-top: 60px; display: grid; grid-template-columns: repeat(5, 1fr); }
.ncip-ecosystem-steps article { padding: 25px; border-left: 1px solid rgba(255,255,255,.16); }
.ncip-ecosystem-steps b { color: var(--ncip-mint); font-size: 11px; }
.ncip-ecosystem-steps h3 { margin: 30px 0 8px; font-size: 17px; }
.ncip-ecosystem-steps p { color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.6; }

.ncip-cluster-examples { background: #fff; }
.ncip-cluster-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--ncip-line); border: 1px solid var(--ncip-line); }
.ncip-cluster-grid article { min-height: 310px; padding: 30px; position: relative; background: #fff; }
.ncip-cluster-grid article > span { position: absolute; right: 28px; color: #a8b4b4; font-size: 11px; }
.ncip-cluster-grid i { margin: 35px 0 25px; color: var(--ncip-teal); font-size: 30px; }
.ncip-cluster-grid h3 { max-width: 280px; font-size: 19px; }
.ncip-cluster-grid p { color: var(--ncip-muted); font-size: 13px; line-height: 1.65; }
.ncip-cluster-grid small { color: var(--ncip-teal); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }

.ncip-journey { background: var(--ncip-paper); }
.ncip-journey-image img { min-height: 690px; }
.ncip-journey-flow { margin: 28px 0; }
.ncip-journey-flow > div { padding: 17px 0; display: grid; grid-template-columns: 42px 1fr; border-top: 1px solid var(--ncip-line); }
.ncip-journey-flow b { color: var(--ncip-teal); font-size: 11px; }
.ncip-journey-flow strong { display: block; color: var(--ncip-ink); }
.ncip-journey-flow span { color: var(--ncip-muted); font-size: 13px; }
.ncip-text-link { color: var(--ncip-teal) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }

.ncip-stakeholders { background: #fff; }
.ncip-stakeholder-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ncip-stakeholder-tabs article { padding: 30px; border-top: 3px solid var(--ncip-teal); background: var(--ncip-paper); }
.ncip-stakeholder-tabs i { margin-bottom: 25px; color: var(--ncip-teal); font-size: 25px; }
.ncip-stakeholder-tabs h3 { font-size: 17px; }
.ncip-stakeholder-tabs p { color: var(--ncip-muted); font-size: 13px; line-height: 1.7; }

.ncip-integration {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    color: #fff;
    background: var(--ncip-deep);
}

.ncip-integration img { width: 100%; min-height: 480px; object-fit: cover; }
.ncip-integration p { margin: 25px 0; color: rgba(255,255,255,.65); line-height: 1.75; }
.ncip-integration-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ncip-integration-tags span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); font-size: 10px; text-transform: uppercase; }

.ncip-national { min-height: 650px; position: relative; display: flex; align-items: center; color: #fff; }
.ncip-national > img,
.ncip-national-overlay { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ncip-national-overlay { background: linear-gradient(90deg, rgba(3,27,35,.94), rgba(3,27,35,.32)); }
.ncip-national-copy { max-width: 700px; position: relative; }
.ncip-national-copy p { margin-top: 28px; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.8; }

.ncip-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    background: var(--ncip-mint);
}

.ncip-final-cta > div:first-child { max-width: 790px; }
.ncip-final-cta .ncip-eyebrow { color: var(--ncip-navy); }
.ncip-final-cta h2 { font-size: clamp(2rem, 3.6vw, 3.8rem); }
.ncip-final-cta p { margin: 20px 0 0; color: rgba(5,40,50,.68); }
.ncip-final-actions { display: flex; gap: 10px; flex-shrink: 0; }
.ncip-final-cta .ncip-btn { background: var(--ncip-navy); border-color: var(--ncip-navy); }
.ncip-final-cta .ncip-btn-outline { background: transparent; color: var(--ncip-navy) !important; }

.ncip-footer {
    padding: 80px max(28px, calc((100vw - 1320px) / 2)) 35px;
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 60px;
    color: #fff;
    background: #061d25;
}

.ncip-footer-brand p { max-width: 360px; margin-top: 22px; color: rgba(255,255,255,.5); line-height: 1.7; font-size: 13px; }
.ncip-footer h4 { margin: 0 0 22px; color: var(--ncip-mint); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.ncip-footer > div:not(:first-child) a { display: block; margin: 10px 0; color: rgba(255,255,255,.62) !important; text-decoration: none; font-size: 12px; }
.ncip-footer-bottom { grid-column: 1 / -1; padding-top: 28px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.35); font-size: 10px; }

/* NCIP Demo Platform */
.ncip-demo-page {
    color: var(--ncip-ink);
    background: #f5f7f6;
    font-family: "DM Sans", sans-serif;
}

.ncip-demo-page h1,
.ncip-demo-page h2,
.ncip-demo-page h3 { font-family: "Manrope", sans-serif; }

.ncip-demo-nav {
    position: relative;
    color: #fff;
    background: var(--ncip-deep);
}

.ncip-demo-hero {
    padding: 115px max(28px, calc((100vw - 1320px) / 2));
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(12,165,143,.24), transparent 35%),
        linear-gradient(135deg, #052530, #0a4050);
}

.ncip-demo-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(390px, .75fr);
    gap: 90px;
    align-items: center;
}

.ncip-demo-hero h1 {
    margin: 0;
    font-size: clamp(3rem, 5.6vw, 6.3rem);
    line-height: 1;
    letter-spacing: -.065em;
}

.ncip-demo-hero h1 em { color: var(--ncip-mint); font-style: normal; }
.ncip-demo-hero p { max-width: 720px; margin: 28px 0 35px; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.75; }

.ncip-demo-console {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(2,24,31,.65);
    box-shadow: 0 35px 90px rgba(0,0,0,.25);
}

.ncip-console-head {
    padding: 17px 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.7);
    font-size: 10px;
    letter-spacing: .12em;
}

.ncip-console-head i {
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--ncip-mint);
    box-shadow: 0 0 12px var(--ncip-mint);
}

.ncip-console-head b { color: var(--ncip-mint); }
.ncip-console-body { display: grid; grid-template-columns: 1fr 1fr; }
.ncip-console-body > div { min-height: 118px; padding: 23px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.ncip-console-body > div:nth-child(2n) { border-right: 0; }
.ncip-console-body small,
.ncip-console-body strong { display: block; }
.ncip-console-body small { margin-bottom: 12px; color: rgba(255,255,255,.38); font-size: 8px; letter-spacing: .12em; }
.ncip-console-body strong { font-size: 14px; }
.ncip-module-cloud { padding: 20px; display: flex; flex-wrap: wrap; gap: 7px; }
.ncip-module-cloud span { padding: 6px 9px; border: 1px solid rgba(101,213,189,.25); border-radius: 3px; color: var(--ncip-mint); font-size: 9px; text-transform: uppercase; }

.ncip-demo-section {
    padding: 115px max(28px, calc((100vw - 1320px) / 2));
}

.ncip-demo-intro { background: #fff; }
.ncip-demo-layer-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--ncip-line); }
.ncip-demo-layer-grid article { min-height: 310px; padding: 34px; position: relative; border-right: 1px solid var(--ncip-line); }
.ncip-demo-layer-grid article:last-child { border: 0; }
.ncip-demo-layer-grid b { position: absolute; top: 30px; right: 30px; color: #9aabaa; font-size: 11px; }
.ncip-demo-layer-grid i { margin: 30px 0 55px; color: var(--ncip-teal); font-size: 34px; }
.ncip-demo-layer-grid h3 { font-size: 20px; }
.ncip-demo-layer-grid p { color: var(--ncip-muted); font-size: 14px; line-height: 1.7; }
.ncip-demo-layer-grid span { color: var(--ncip-teal); font-size: 9px; font-weight: 800; letter-spacing: .12em; }

.ncip-persona-section { background: #f5f7f6; }
.ncip-persona-group { margin-top: 60px; }
.ncip-persona-group > header { margin-bottom: 18px; display: flex; align-items: center; gap: 18px; }
.ncip-persona-group > header > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--ncip-navy); color: #fff; font-weight: 700; }
.ncip-persona-group header small { color: var(--ncip-teal); font-size: 9px; letter-spacing: .13em; }
.ncip-persona-group header h3 { margin: 2px 0 0; font-size: 20px; }
.ncip-persona-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ncip-persona-grid-four { grid-template-columns: repeat(4, 1fr); }
.ncip-persona-grid-five { grid-template-columns: repeat(5, 1fr); }
.ncip-persona-grid-two { grid-template-columns: repeat(2, 1fr); }

.ncip-persona-card {
    min-width: 0;
    padding: 27px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--ncip-line);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(7,40,49,.04);
}

.ncip-persona-card.persona-lead { color: #fff; background: var(--ncip-navy); border-color: var(--ncip-navy); }
.ncip-persona-card.persona-portal { border-top: 4px solid var(--ncip-teal); }
.ncip-persona-icon { width: 48px; height: 48px; margin-bottom: 26px; display: grid; place-items: center; border-radius: 9px; color: var(--ncip-teal); background: var(--ncip-sky); font-size: 22px; }
.persona-lead .ncip-persona-icon { color: var(--ncip-mint); background: rgba(255,255,255,.1); }
.ncip-persona-card > small { color: var(--ncip-teal); font-size: 9px; letter-spacing: .12em; }
.ncip-persona-card h3 { margin: 7px 0 10px; font-size: 17px; }
.ncip-persona-card code { padding: 7px 9px; overflow: hidden; border-radius: 3px; color: #37515a; background: #eef3f2; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.persona-lead code { color: var(--ncip-mint); background: rgba(255,255,255,.08); }
.ncip-persona-card > p { color: var(--ncip-muted); font-size: 12px; line-height: 1.65; }
.persona-lead > p { color: rgba(255,255,255,.65); }
.ncip-persona-card ul { padding: 12px 0 0; margin: auto 0 18px; list-style: none; border-top: 1px solid var(--ncip-line); }
.persona-lead ul { border-color: rgba(255,255,255,.13); }
.ncip-persona-card li { padding: 3px 0; color: var(--ncip-muted); font-size: 10px; }
.persona-lead li { color: rgba(255,255,255,.62); }
.ncip-persona-card li:before { content: "·"; margin-right: 7px; color: var(--ncip-teal); }
.ncip-role-tags { margin-top: auto; display: flex; flex-wrap: wrap; gap: 5px; }
.ncip-role-tags span { padding: 5px 7px; border: 1px solid var(--ncip-line); border-radius: 3px; color: var(--ncip-teal); font-size: 8px; text-transform: uppercase; }
.persona-lead .ncip-role-tags span { border-color: rgba(255,255,255,.15); color: var(--ncip-mint); }

.ncip-process-section { color: #fff; background: var(--ncip-deep); }
.ncip-process-track { display: grid; grid-template-columns: repeat(7, 1fr); border: 1px solid rgba(255,255,255,.15); }
.ncip-process-track article { min-height: 350px; padding: 23px 18px; position: relative; border-right: 1px solid rgba(255,255,255,.12); }
.ncip-process-track article:last-child { border: 0; }
.ncip-process-track b { color: var(--ncip-mint); font-size: 10px; }
.ncip-process-track i { margin: 45px 0 28px; display: block; color: var(--ncip-mint); font-size: 24px; }
.ncip-process-track h3 { font-size: 16px; }
.ncip-process-track p { min-height: 75px; color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.6; }
.ncip-process-track span { margin-top: 6px; padding: 5px 6px; display: block; border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.7); font-size: 8px; }

.ncip-scenario-section { background: #fff; }
.ncip-scenario-list { border-top: 1px solid var(--ncip-line); }
.ncip-scenario-card { padding: 32px 0; display: grid; grid-template-columns: 150px 1fr 330px; gap: 38px; border-bottom: 1px solid var(--ncip-line); }
.ncip-scenario-card > * { min-width: 0; }
.ncip-scenario-card > aside { padding-right: 25px; border-right: 1px solid var(--ncip-line); }
.ncip-scenario-card aside span,
.ncip-scenario-card aside b { display: block; }
.ncip-scenario-card aside span { color: var(--ncip-teal); font-size: 9px; letter-spacing: .1em; }
.ncip-scenario-card aside i { margin: 35px 0; color: var(--ncip-teal); font-size: 30px; }
.ncip-scenario-card aside b { color: var(--ncip-muted); font-size: 10px; }
.ncip-scenario-main h3 { margin: 0 0 10px; font-size: 21px; }
.ncip-scenario-main > p { color: var(--ncip-muted); font-size: 13px; line-height: 1.7; }
.ncip-scenario-flow { margin-top: 25px; display: flex; align-items: center; gap: 8px; }
.ncip-scenario-flow span { padding: 6px 8px; color: var(--ncip-navy); background: var(--ncip-sky); font-size: 8px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.ncip-scenario-flow i { width: 15px; height: 1px; background: var(--ncip-teal); }
.ncip-scenario-meta { padding: 18px; border-radius: 4px; background: #f2f5f4; }
.ncip-scenario-meta strong { display: block; color: var(--ncip-teal); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.ncip-scenario-meta p { margin: 3px 0 12px; color: #51636a; font-size: 10px; line-height: 1.5; }
.ncip-scenario-meta p:last-child { margin-bottom: 0; }

.ncip-matrix-section { background: #f5f7f6; }
.ncip-matrix-wrap { overflow-x: auto; border: 1px solid var(--ncip-line); background: #fff; }
.ncip-matrix-wrap table { width: 100%; border-collapse: collapse; }
.ncip-matrix-wrap th { padding: 17px; color: #fff; background: var(--ncip-navy); font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .08em; }
.ncip-matrix-wrap td { padding: 17px; border-bottom: 1px solid var(--ncip-line); color: var(--ncip-muted); font-size: 12px; }
.ncip-matrix-wrap td:first-child { color: var(--ncip-ink); font-weight: 700; }

.ncip-demo-guide { color: #fff; background: var(--ncip-navy); }
.ncip-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ncip-guide-grid article { min-height: 210px; padding: 27px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.035); }
.ncip-guide-grid b { color: var(--ncip-mint); font-size: 10px; }
.ncip-guide-grid h3 { margin: 35px 0 10px; font-size: 17px; }
.ncip-guide-grid p { color: rgba(255,255,255,.6); font-size: 12px; line-height: 1.7; }
.ncip-demo-callout { margin-top: 45px; padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: rgba(101,213,189,.12); }
.ncip-demo-callout > div { display: flex; gap: 15px; align-items: center; }
.ncip-demo-callout i { color: var(--ncip-mint); font-size: 24px; }
.ncip-demo-callout span { color: rgba(255,255,255,.62); font-size: 11px; }
.ncip-demo-callout strong { display: block; color: #fff; }

.ncip-demo-final { padding: 100px 25px; text-align: center; background: var(--ncip-mint); }
.ncip-demo-final h2 { max-width: 1050px; margin: 0 auto 35px; font-size: clamp(2.2rem, 4.6vw, 4.8rem); line-height: 1.08; letter-spacing: -.05em; }
.ncip-demo-final > div { display: flex; justify-content: center; gap: 10px; }
.ncip-demo-final .ncip-btn { border-color: var(--ncip-navy); background: var(--ncip-navy); }
.ncip-demo-final .ncip-btn-outline { color: var(--ncip-navy) !important; background: transparent; }

@media (max-width: 1100px) {
    .ncip-nav-links { display: none; }
    .ncip-nav-actions { margin-left: auto; }
    .ncip-hero { min-height: 790px; }
    .ncip-challenge-grid,
    .ncip-capability-grid { grid-template-columns: repeat(2, 1fr); }
    .ncip-challenge-grid article:nth-child(2) { border-right: 0; }
    .ncip-capability-grid article:nth-child(2n) { border-right: 0; }
    .ncip-value-proposition,
    .ncip-intelligence-story,
    .ncip-journey,
    .ncip-integration { gap: 45px; }
    .ncip-cluster-grid,
    .ncip-stakeholder-tabs { grid-template-columns: repeat(2, 1fr); }
    .ncip-demo-hero-grid { grid-template-columns: 1fr; }
    .ncip-demo-console { max-width: 680px; }
    .ncip-persona-grid-four,
    .ncip-persona-grid-five { grid-template-columns: repeat(2, 1fr); }
    .ncip-process-track { grid-template-columns: repeat(4, 1fr); }
    .ncip-process-track article { border-bottom: 1px solid rgba(255,255,255,.12); }
    .ncip-scenario-card { grid-template-columns: 120px 1fr; }
    .ncip-scenario-meta { grid-column: 2; }
}

@media (max-width: 760px) {
    .ncip-page-nav { height: 68px; padding: 0 18px; }
    .ncip-login { display: none; }
    .ncip-wordmark { font-size: 11px; }
    .ncip-mark { width: 34px; height: 34px; }
    .ncip-hero { min-height: 790px; }
    .ncip-hero-content { width: calc(100% - 36px); margin-top: 65px; }
    .ncip-hero h1 { font-size: 3.35rem; }
    .ncip-hero-content > p { font-size: 15px; }
    .ncip-hero-actions { flex-direction: column; align-items: stretch; }
    .ncip-hero-proof { margin-top: 45px; gap: 10px; }
    .ncip-hero-proof strong { font-size: 22px; }
    .ncip-hero-proof span { font-size: 8px; }
    .ncip-section { padding: 78px 20px; }
    .ncip-section-heading { margin-bottom: 40px; }
    .ncip-section-heading > p { font-size: 15px; }
    .ncip-challenge-grid,
    .ncip-capability-grid,
    .ncip-network-columns,
    .ncip-value-proposition,
    .ncip-intelligence-story,
    .ncip-journey,
    .ncip-ecosystem-visual,
    .ncip-cluster-grid,
    .ncip-stakeholder-tabs,
    .ncip-integration { grid-template-columns: 1fr; }
    .ncip-challenge-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid var(--ncip-line); }
    .ncip-challenge-grid i { margin: 35px 0 20px; }
    .ncip-floating-note { width: calc(100% - 30px); right: 15px; }
    .ncip-vp-image > img,
    .ncip-story-image > img,
    .ncip-journey-image > img { min-height: 480px; }
    .ncip-network-card { padding: 25px; }
    .ncip-chain-flow { align-items: flex-start; }
    .ncip-chain-flow i { display: none; }
    .ncip-network-result { gap: 7px; overflow-x: auto; }
    .ncip-network-result i { font-size: 8px; }
    .ncip-capability-grid article { min-height: 230px; border-right: 0; }
    .ncip-ecosystem-steps { grid-template-columns: 1fr 1fr; }
    .ncip-ecosystem-steps article { padding: 18px; }
    .ncip-cluster-map { min-height: 510px; }
    .ncip-integration img { order: -1; min-height: 300px; }
    .ncip-final-cta { display: block; }
    .ncip-final-actions { margin-top: 30px; flex-direction: column; }
    .ncip-footer { grid-template-columns: 1fr 1fr; gap: 35px; }
    .ncip-footer-brand { grid-column: 1 / -1; }
    .ncip-footer-bottom { display: block; }
    .ncip-footer-bottom span { display: block; margin-top: 8px; }
    .ncip-demo-ribbon { margin-bottom: 18px; }
    .ncip-demo-nav .ncip-nav-actions { margin-left: auto; }
    .ncip-demo-hero { padding: 85px 20px 70px; }
    .ncip-demo-hero-grid { grid-template-columns: 1fr; gap: 50px; }
    .ncip-demo-hero h1 { font-size: 3.3rem; }
    .ncip-demo-section { padding: 75px 20px; }
    .ncip-demo-layer-grid,
    .ncip-persona-grid,
    .ncip-persona-grid-four,
    .ncip-persona-grid-five,
    .ncip-persona-grid-two,
    .ncip-guide-grid { grid-template-columns: 1fr; }
    .ncip-demo-layer-grid article { border-right: 0; border-bottom: 1px solid var(--ncip-line); }
    .ncip-persona-group { margin-top: 45px; }
    .ncip-process-track { grid-template-columns: 1fr 1fr; }
    .ncip-process-track article { min-height: 290px; }
    .ncip-scenario-card { grid-template-columns: 1fr; gap: 20px; }
    .ncip-scenario-card,
    .ncip-scenario-card > * { width: 100%; max-width: 100%; }
    .ncip-scenario-card > aside { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid var(--ncip-line); }
    .ncip-scenario-card aside i { margin: 20px 0; }
    .ncip-scenario-meta { grid-column: auto; }
    .ncip-scenario-flow { width: 100%; max-width: calc(100vw - 40px); overflow-x: auto; }
    .ncip-demo-callout { align-items: stretch; flex-direction: column; }
    .ncip-demo-final > div { flex-direction: column; }
}
.ncip-business-page{background:#f5f7f8;color:#122638;min-height:100vh}
.ncip-bc-hero{padding:150px max(6vw,32px) 90px;background:radial-gradient(circle at 80% 20%,#275f71 0,transparent 32%),linear-gradient(135deg,#071d2d,#123c4b 62%,#176b72);color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:end}
.ncip-bc-hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:24px 0;font-weight:750;letter-spacing:-.045em}
.ncip-bc-hero h1 em{color:#7ed8c7;font-style:normal}.ncip-bc-hero p{font-size:19px;line-height:1.7;max-width:800px;color:#d5e3e5}
.ncip-bc-scoreboard{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff38;border-radius:24px;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(10px)}
.ncip-bc-scoreboard div{padding:26px;border:1px solid #ffffff18}.ncip-bc-scoreboard strong{font-size:38px;display:block;color:#8ce0cf}.ncip-bc-scoreboard span{font-size:13px;color:#d8e5e7}
.ncip-bc-flow{display:flex;align-items:center;gap:14px;margin-top:38px}.ncip-bc-flow>div{flex:1;background:#fff;border:1px solid #dce4e7;border-radius:18px;padding:22px;min-height:145px}
.ncip-bc-flow b{color:#1b7a79;font-size:13px}.ncip-bc-flow strong,.ncip-bc-flow span{display:block}.ncip-bc-flow strong{font-size:20px;margin:15px 0 7px}.ncip-bc-flow span{color:#63727c;font-size:13px;line-height:1.5}.ncip-bc-flow>i{color:#9caaaf}
.ncip-bc-cases{background:#eaf0f1}.ncip-bc-case{background:#fff;border-radius:28px;margin:42px 0;padding:42px;box-shadow:0 18px 50px #163a4610;border-top:6px solid var(--case)}
.ncip-bc-blue{--case:#2474a4}.ncip-bc-orange{--case:#df7d2d}.ncip-bc-green{--case:#398c70}.ncip-bc-purple{--case:#6955a5}
.ncip-bc-case-head{display:flex;gap:26px;align-items:flex-start}.ncip-bc-no{font-size:54px;font-weight:800;line-height:1;color:var(--case);opacity:.3}
.ncip-bc-case-head small{color:var(--case);font-weight:800;letter-spacing:.12em}.ncip-bc-case-head h2{font-size:36px;margin:8px 0 12px}.ncip-bc-case-head p{color:#5c6c75;font-size:17px;line-height:1.65;max-width:920px}
.ncip-bc-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:22px;margin:32px 0}.ncip-bc-grid>div{background:#f5f7f8;border-radius:18px;padding:25px}
.ncip-bc-grid h3{font-size:16px;margin:0 0 14px}.ncip-bc-grid ul{padding-left:18px;margin:0;color:#52636d;line-height:1.7;font-size:14px}.ncip-bc-kpi strong,.ncip-bc-kpi span{display:block}.ncip-bc-kpi strong{font-size:25px;color:var(--case);margin-top:12px}.ncip-bc-kpi span{font-size:12px;color:#6c7a82}
.ncip-bc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:item;list-style:none;padding:0;margin:0}.ncip-bc-steps li{border:1px solid #dde5e8;border-radius:13px;padding:16px;font-size:13px;line-height:1.45}.ncip-bc-steps b{display:block;color:var(--case);margin-bottom:5px}
.ncip-bc-guide{background:#fff}.ncip-bc-guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}.ncip-bc-guide-grid>div{padding:24px;background:#f1f5f5;border-radius:16px}.ncip-bc-guide-grid b{font-size:34px;color:#1b7775}.ncip-bc-guide-grid h3{margin:10px 0}.ncip-bc-guide-grid p{font-size:13px;color:#65757d;line-height:1.6}
.ncip-bc-cta{margin-top:42px;border-radius:24px;padding:34px;background:#0d3544;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.ncip-bc-cta span{color:#83dcca;font-weight:700}.ncip-bc-cta h2{font-size:25px;margin:8px 0 0}
@media(max-width:900px){.ncip-bc-hero{grid-template-columns:1fr;padding:125px 22px 65px}.ncip-bc-scoreboard{max-width:520px}.ncip-bc-flow{display:grid;grid-template-columns:1fr}.ncip-bc-flow>i{transform:rotate(90deg);justify-self:center}.ncip-bc-grid{grid-template-columns:1fr}.ncip-bc-steps{grid-template-columns:1fr 1fr}.ncip-bc-guide-grid{grid-template-columns:1fr 1fr}.ncip-bc-case{padding:25px 18px}.ncip-bc-case-head{gap:12px}.ncip-bc-case-head h2{font-size:28px}.ncip-bc-no{font-size:36px}.ncip-bc-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.ncip-bc-scoreboard{grid-template-columns:1fr 1fr}.ncip-bc-steps,.ncip-bc-guide-grid{grid-template-columns:1fr}.ncip-bc-hero h1{font-size:43px}}

/* Unified Nusantara Center display typography */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
.ncip-wordmark,
.ncip-hero-proof strong,
.ncip-story-copy li strong {
    font-family: "Oswald", "Arial Narrow", sans-serif !important;
}