/* Kinexus Care — Nelli-focused enhancement layer, October 2026
   Add AFTER the existing assets/css/styles.css. This file adds/re-styles only
   Nelli-specific components and small responsive navigation adjustments.
   It does not replace the original visual system, scripts, or pricing styles. */

:root {
  --nelli-navy: var(--navy, #102d45);
  --nelli-teal: var(--teal, #0e775f);
  --nelli-mint: #e8f6f0;
  --nelli-border: #dcebe7;
  --nelli-text: #25445a;
}

/* Keep the primary Meet Nelli navigation action legible and visually consistent. */
.site-nav .nav-cta { white-space: nowrap; }
.site-nav .nav-cta .nelli-nav-icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; }

.nelli-intro-section { background: #fff; }
.nelli-intro-grid { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); gap: clamp(30px,5vw,92px); align-items: center; }
.nelli-intro-section h2 em { color: var(--nelli-teal); }
.nelli-intro-section .button-row { margin-top: 25px; }
.nelli-highlight-stack { display: grid; gap: 15px; }
.nelli-highlight-card { display: flex; align-items: flex-start; gap: 19px; border: 1px solid var(--nelli-border); background: linear-gradient(135deg,#fff,#f6faf8); border-radius: 21px; padding: clamp(17px,2.4vw,24px); box-shadow: 0 12px 35px rgba(14,61,59,.045); }
.nelli-highlight-number { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 14px; background: var(--nelli-mint); color: #08715a; font-size: .85rem; font-weight: 900; }
.nelli-highlight-card h3 { margin: 0 0 5px; font-size: 1.13rem; color: var(--nelli-navy); line-height: 1.28; }
.nelli-highlight-card p { margin: 0; font-size: .96rem; color: #496577; line-height: 1.65; }
.nelli-highlight-stack > .fine-print { margin: 5px 0 0; line-height: 1.6; }

/* Preserve the screenshot's illustrated Care Circle phone, but let the
   content show the NEW reason to use Kinexus: Nelli's next-step briefing. */
.nelli-hero-photo .phone-top strong, .page-hero .phone-top strong { font-size: clamp(.94rem,1.35vw,1.14rem); line-height: 1.25; }
.nelli-hero-photo .phone-item { gap: 8px; }
.nelli-hero-photo .phone-item b { font-size: .88em; }
.nelli-hero-photo .float-card { max-width: min(280px, 65%); }

.nelli-demo-section { position: relative; }
.nelli-demo { display: grid; grid-template-columns: minmax(235px,.74fr) minmax(0,1.26fr); background: #fff; border: 1px solid #dbe9e4; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 65px rgba(12,41,63,.075); }
.nelli-demo-choices { display: flex; flex-direction: column; align-items: stretch; gap: 11px; padding: clamp(23px,3vw,36px); background: #f5faf7; border-right: 1px solid #dbe9e4; }
.nelli-demo-prompt { margin: 0 0 10px; font-size: .79rem; font-weight: 900; letter-spacing: .11em; color: #426858; text-transform: uppercase; }
.nelli-scenario-choice { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 59px; text-align: left; border: 1px solid #d8e8df; border-radius: 15px; padding: 11px 15px; background: #fff; color: #264c52; font: inherit; font-size: .98rem; font-weight: 760; line-height: 1.38; cursor: pointer; transition: border-color .2s, background-color .2s, box-shadow .2s; }
.nelli-scenario-choice span { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 10px; background: #edf5f2; color: #176954; font-size: .74rem; font-weight: 900; }
.nelli-scenario-choice:hover { border-color: #83bea6; background: #fbfefd; }
.nelli-scenario-choice.is-active, .nelli-scenario-choice[aria-pressed="true"] { border-color: #0f6e56; background: #e3f5ed; box-shadow: inset 3px 0 #0f6e56; }
.nelli-scenario-choice:focus-visible { outline: 3px solid #bd8735; outline-offset: 3px; }
.nelli-demo-disclaimer { margin: auto 0 0; padding-top: 15px; color: #6e8080; line-height: 1.65; font-size: .82rem; }
.nelli-demo-response { min-width: 0; padding: clamp(25px,4.4vw,58px); }
.nelli-demo-head { display:flex; align-items:center; gap: 13px; margin-bottom: 29px; }
.nelli-demo-orb { display: grid; place-items: center; flex: 0 0 50px; width: 50px; height: 50px; background: linear-gradient(140deg,#d0f4e3,#eaf9f1); color: #0b775e; border-radius: 50%; }
.nelli-demo-head strong { display: block; font-size: 1.08rem; color: #143a4a; }
.nelli-demo-head span { display:block; margin-top:3px; font-size: .82rem; color: #678184; }
.nelli-demo-insight { display: inline-block; margin-bottom: 16px; padding: 8px 13px; border-radius: 99px; background: #e8f7ef; color: #12694f; font-size: .79rem; font-weight: 800; letter-spacing:.008em; }
.nelli-demo-response h3 { font-size: clamp(1.6rem,2.5vw,2.35rem); margin:0 0 10px; line-height: 1.2; color: #153548; }
.nelli-demo-response > p { margin: 0 0 25px; line-height: 1.75; font-size: 1.01rem; color: #456375; }
.nelli-demo-details { display:grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.nelli-demo-details > div { padding: 17px; border: 1px solid #e0ebe6; border-radius: 17px; background: #f8fbf9; }
.nelli-demo-details small { display:block; letter-spacing: .09em; font-weight: 900; color:#167359; font-size:.68rem; }
.nelli-demo-details p { line-height: 1.54; color:#3e596a; font-size:.91rem; margin: 7px 0 0; }
.nelli-demo-followup { display:flex; align-items:flex-start; gap:12px; margin-top:22px; border-top:1px solid #e6ece9; padding-top:17px; }
.nelli-demo-followup > span { display:grid; flex:0 0 30px; place-items:center; width:30px; height:30px; border-radius:50%; background:#edf4ee; color:var(--nelli-teal);font-weight:900; }
.nelli-demo-followup p { color:#386370; margin:0; line-height:1.6; font-size:.92rem; }

.nelli-how-section .section-head { margin-bottom: 36px; }
.nelli-step-grid .feature-card { position: relative; }
.nelli-step-number { display: inline-flex; justify-content:center; align-items:center; padding: 7px 12px; background:var(--nelli-mint); border-radius:11px; color:#0f6e56; font-weight:900; margin-bottom:22px; font-size:.86rem; }
.nelli-how-callout { margin-top:28px; padding:clamp(23px,3vw,37px); border-radius:22px; background:linear-gradient(135deg,#e4f6ed,#f6faf8); border:1px solid #cce6d8; }
.nelli-how-callout > div { display:flex; gap:12px; color:#0c735a; align-items:center; font-size:clamp(1.1rem,2vw,1.45rem); }
.nelli-how-callout p { margin: 10px 0 0; color:#3c6070; max-width:900px; }
.nelli-price-note { border-radius:14px; padding:14px 20px; margin:23px auto 0 !important; max-width:880px; background:#e7f6ee; color:#1a6152; font-size:.94rem; }
.nelli-provider-note { margin-top:26px !important; background:#f5faf7; border-radius:14px; padding:18px; }

.nelli-dedicated-hero { background: linear-gradient(125deg,#f9faf7,#eaf6f1); }
.nelli-special-card { position:relative; isolation:isolate; overflow:hidden; background: linear-gradient(135deg,#0e3b50,#0d7860); color:#fff; padding:clamp(26px,3.5vw,47px); border-radius:32px; box-shadow:0 18px 50px rgba(12,41,63,.15); }
.nelli-special-glow { position:absolute; height:380px; width:380px; right:-180px; top:-150px; border:1px solid rgba(255,255,255,.19); border-radius:50%; z-index:-1; }
.nelli-special-top { display:flex; align-items:center; gap:11px; font-size:1.02rem; }
.nelli-special-top svg {flex:0 0 auto}
.nelli-special-top span { margin-left:auto; font-size:.66rem; padding:6px 9px; border:1px solid rgba(255,255,255,.3); border-radius:30px; }
.nelli-special-caption { color:#f5fff8; font-size:clamp(1.23rem,2vw,1.65rem); line-height:1.35; margin:35px 0 22px; font-weight:700; }
.nelli-special-item { display:grid; gap:5px; border-radius:16px; background:rgba(255,255,255,.96); color:#163b4b; padding:19px 20px; margin-bottom:12px; }
.nelli-special-item b { font-size:.97rem; }
.nelli-special-item span { color:#587283; font-size:.85rem; }
.nelli-special-card > small { display:block; margin-top:20px; color:#d5f0e9; font-size:.73rem; }
.nelli-survey-intro { padding-bottom: 35px; }
.nelli-survey-intro .lead { max-width:980px; }
.nelli-survey-intro .button-row { margin-top:20px; }

@media (min-width: 1024px) and (max-width: 1600px) {
 .site-header .site-nav a { font-size: clamp(.78rem,.9vw,.97rem); }
 .site-header .site-nav { gap: clamp(9px,1.4vw,21px); }
 .site-header .nav-cta { padding-inline:clamp(12px,1.1vw,20px); }
}
@media (max-width: 980px) {
 .nelli-intro-grid { grid-template-columns: 1fr; }
 .nelli-demo {grid-template-columns:1fr;}
 .nelli-demo-choices {border-right:0;border-bottom:1px solid #dbe9e4;}
 .nelli-demo-choices .nelli-demo-disclaimer { margin-top:6px; }
 .nelli-demo-details { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
 .nelli-highlight-card { gap:13px; padding:17px; }
 .nelli-highlight-number { flex-basis:36px; height:36px; width:36px; }
 .nelli-demo-choices,.nelli-demo-response {padding:22px 20px;}
 .nelli-demo-details {grid-template-columns:1fr;gap:10px;}
 .nelli-special-card { padding:23px 19px; }
 .nelli-special-top { flex-wrap:wrap; }
 .nelli-special-top span {margin-left:0;}
 .nelli-price-note { text-align:left; }
 .nelli-hero-photo .float-card {max-width:70%;}
}
@media (prefers-reduced-motion:reduce) { .nelli-scenario-choice { transition:none; } }