
:root{
    --nda-text:#10172c;
    --nda-muted:#61708c;
    --nda-primary:#5a67ff;
    --nda-accent:#74e4b0;
    --nda-warm:#ffd584;
    --nda-shell:1240px;
    --nda-shadow:0 24px 70px rgba(16,23,44,0.12);
    --nda-shadow-soft:0 18px 48px rgba(16,23,44,0.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:"Inter",sans-serif;
    color:var(--nda-text);
    background:
        radial-gradient(circle at 8% 10%, rgba(90,103,255,0.10), transparent 18%),
        radial-gradient(circle at 92% 14%, rgba(116,228,176,0.12), transparent 16%),
        linear-gradient(180deg, #fcfdff 0%, #eff3f8 100%);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.nda-shell{width:min(calc(100% - 48px), var(--nda-shell));margin:0 auto}

/* same nav only */
.nda-site-header{
    position:sticky;top:0;z-index:50;padding:18px 0;
    background:rgba(252,253,255,0.82);backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,0.45);
}
.nda-nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nda-brand img{height:38px;width:auto}
.nda-nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.nda-nav-links>a,.nda-nav-dropdown>button{
    border:0;background:none;padding:0;color:#273759;font-weight:500;cursor:pointer;
}
.nda-nav-dropdown>button.is-active{color:var(--nda-primary);font-weight:700}
.nda-nav-cta{
    display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;
    background:linear-gradient(135deg,#5d6bff 0%,#6f7cf8 100%);color:#fff;font-weight:700;
    box-shadow:0 14px 30px rgba(90,103,255,0.28);
}
.nda-nav-cta-mobile{display:none}
.nda-nav-toggle{display:none}
.nda-nav-burger{display:none}
.nda-nav-dropdown{position:relative}
.nda-dropdown-menu{
    position:absolute;top:calc(100% + 16px);left:0;min-width:220px;padding:12px;border-radius:18px;
    background:rgba(255,255,255,0.94);border:1px solid rgba(16,23,44,0.08);
    box-shadow:var(--nda-shadow-soft);opacity:0;pointer-events:none;transform:translateY(8px);
    transition:all .22s ease;
}
.nda-dropdown-menu a{display:block;padding:12px 14px;border-radius:12px;color:#273759}
.nda-dropdown-menu a:hover{background:rgba(90,103,255,0.08);color:var(--nda-primary)}
.nda-nav-dropdown:hover .nda-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}

.nda-article-page{padding-bottom:90px}
.nda-story-hero{padding:42px 0 18px}
.nda-story-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:24px;
    align-items:stretch;
}
.nda-story-copy{
    padding:42px;
    border-radius:38px;
    background:
        linear-gradient(135deg, #101d4a 0%, #244091 62%, #5a67ff 100%);
    color:#fff;
    box-shadow:0 28px 70px rgba(16,29,74,0.22);
    position:relative;
    overflow:hidden;
}
.nda-story-copy::before{
    content:"";
    position:absolute;
    width:300px;height:300px;border-radius:50%;
    background:radial-gradient(circle, rgba(116,228,176,0.28), rgba(116,228,176,0));
    right:-90px;top:-80px;
}
.nda-story-copy::after{
    content:"";
    position:absolute;
    width:240px;height:240px;border-radius:50%;
    background:radial-gradient(circle, rgba(255,213,132,0.22), rgba(255,213,132,0));
    left:-70px;bottom:-80px;
}
.nda-story-copy > *{position:relative;z-index:1}
.nda-story-meta{
    display:flex;flex-wrap:wrap;gap:10px 14px;
    align-items:center;color:rgba(255,255,255,0.76);font-size:.95rem;
}
.nda-story-tag{
    display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;
}
.nda-story-copy h1{
    margin:20px 0 18px;
    font-size:clamp(3rem, 6.5vw, 5.6rem);
    line-height:.92;
    letter-spacing:-0.06em;
    max-width:10ch;
}
.nda-story-subtitle{
    margin:0;
    max-width:700px;
    color:rgba(255,255,255,0.82);
    font-size:1.16rem;
    line-height:1.82;
}
.nda-story-badges{
    display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;
}
.nda-story-badges span{
    padding:12px 14px;border-radius:999px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;font-size:.94rem;
}
.nda-story-side{
    display:grid;
    gap:18px;
}
.nda-side-card{
    border-radius:30px;
    padding:28px;
    box-shadow:var(--nda-shadow-soft);
}
.nda-side-card-quote{
    background:linear-gradient(135deg, rgba(116,228,176,0.18), rgba(255,255,255,0.92));
    border:1px solid rgba(16,23,44,0.06);
    display:flex;align-items:flex-end;
}
.nda-side-card-quote p{
    margin:0;
    font-size:1.7rem;
    line-height:1.3;
    font-weight:700;
    letter-spacing:-0.03em;
}
.nda-side-card-stat{
    background:#fff;
    border:1px solid rgba(16,23,44,0.06);
}
.nda-side-card-stat span{
    display:block;color:var(--nda-muted);font-size:.92rem;margin-bottom:8px;
}
.nda-side-card-stat strong{
    display:block;font-size:1.55rem;line-height:1.15;margin-bottom:10px;letter-spacing:-0.03em;
}
.nda-side-card-stat p{
    margin:0;color:var(--nda-muted);line-height:1.7;
}

.nda-story-band{padding:8px 0 26px}
.nda-band-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}
.nda-band-item{
    padding:22px 24px;
    border-radius:26px;
    background:#fff;
    border:1px solid rgba(16,23,44,0.06);
    box-shadow:var(--nda-shadow-soft);
}
.nda-band-label{
    display:block;
    margin-bottom:10px;
    font-size:1rem;
    font-weight:800;
    letter-spacing:-0.02em;
}
.nda-band-item p{
    margin:0;color:var(--nda-muted);line-height:1.75;
}

.nda-story-layout{padding:0}
.nda-story-columns{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:28px;
    align-items:start;
}
.nda-story-main{
    min-width:0;
}
.nda-story-prose{
    padding:40px;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(16,23,44,0.06);
    box-shadow:var(--nda-shadow-soft);
}
.nda-story-intro{
    margin:0 0 24px;
    font-size:1.2rem;
    line-height:1.92;
    color:#31405e;
}
.nda-story-prose h2{
    margin:34px 0 14px;
    font-size:clamp(1.85rem, 2.7vw, 2.55rem);
    line-height:1.04;
    letter-spacing:-0.045em;
}
.nda-story-prose p{
    margin:0 0 18px;
    color:#4f607d;
    font-size:1.05rem;
    line-height:1.92;
}
.nda-inline-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:28px 0;
}
.nda-inline-card{
    padding:20px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(90,103,255,0.05), rgba(255,255,255,0.94));
    border:1px solid rgba(16,23,44,0.06);
}
.nda-inline-card strong{
    display:block;
    margin-bottom:8px;
    font-size:1rem;
}
.nda-inline-card p{margin:0}
.nda-story-pullquote{
    margin:34px 0;
    padding:26px 28px;
    border-left:0;
    border-radius:28px;
    background:linear-gradient(135deg, #122056 0%, #3551b2 100%);
    color:#fff;
    font-size:1.5rem;
    line-height:1.42;
    font-weight:700;
    letter-spacing:-0.03em;
}

.nda-story-rail{
    display:grid;
    gap:18px;
    position:sticky;
    top:110px;
}
.nda-rail-card{
    padding:24px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(16,23,44,0.06);
    box-shadow:var(--nda-shadow-soft);
}
.nda-rail-card-accent{
    background:linear-gradient(135deg, rgba(116,228,176,0.16), rgba(255,255,255,0.96));
}
.nda-rail-kicker{
    display:inline-flex;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(90,103,255,0.08);
    color:var(--nda-primary);
    font-size:.8rem;
    font-weight:800;
    margin-bottom:12px;
}
.nda-rail-card h3{
    margin:0 0 10px;
    font-size:1.35rem;
    line-height:1.12;
    letter-spacing:-0.03em;
}
.nda-rail-card p{
    margin:0;
    color:var(--nda-muted);
    line-height:1.75;
}
.nda-rail-card ul{
    margin:0;
    padding-left:18px;
    color:var(--nda-text);
}
.nda-rail-card li{
    margin-bottom:10px;
    line-height:1.6;
}

@media (max-width: 1020px){
    .nda-story-grid,
    .nda-band-grid,
    .nda-story-columns{
        grid-template-columns:1fr;
    }
    .nda-story-rail{
        position:static;
    }
}
@media (max-width: 900px){
    .nda-site-header{padding:14px 0}
    .nda-nav-burger{
        display:inline-flex;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,0.74);
        border:1px solid rgba(15,25,50,0.08);align-items:center;justify-content:center;flex-direction:column;gap:5px;
        cursor:pointer;margin-left:auto;
    }
    .nda-nav-burger span{width:20px;height:2px;background:#1d2a4d;border-radius:999px}
    .nda-nav-links{
        position:absolute;top:calc(100% + 10px);left:24px;right:24px;display:none;flex-direction:column;
        align-items:flex-start;gap:0;padding:14px;border-radius:22px;background:rgba(255,255,255,0.94);
        border:1px solid rgba(16,23,44,0.08);box-shadow:var(--nda-shadow-soft);
    }
    .nda-nav-links>a,.nda-nav-dropdown>button{width:100%;padding:12px 10px}
    .nda-nav-cta-desktop{display:none}
    .nda-nav-cta-mobile{display:inline-flex;margin-top:10px}
    .nda-nav-toggle:checked ~ .nda-nav-links{display:flex}
    .nda-nav-dropdown{width:100%}
    .nda-dropdown-menu{
        position:static;opacity:1;pointer-events:auto;transform:none;min-width:0;margin-top:4px;box-shadow:none;
        background:rgba(88,103,255,0.04);display:block;
    }
}
@media (max-width: 640px){
    .nda-shell{width:min(calc(100% - 28px), var(--nda-shell))}
    .nda-story-hero{padding:34px 0 16px}
    .nda-story-copy,
    .nda-side-card,
    .nda-band-item,
    .nda-story-prose,
    .nda-rail-card{
        padding:24px;
        border-radius:24px;
    }
    .nda-story-subtitle,
    .nda-story-prose p,
    .nda-story-intro,
    .nda-band-item p,
    .nda-rail-card p,
    .nda-inline-card p{
        font-size:1rem;
        line-height:1.82;
    }
    .nda-inline-split{
        grid-template-columns:1fr;
    }
    .nda-side-card-quote p{
        font-size:1.4rem;
    }
    .nda-story-pullquote{
        font-size:1.25rem;
        padding:22px;
    }
}
