:root{
  --nc-cream:#f6f1e7;
  --nc-cream-2:#fbf7ef;
  --nc-ink:#111317;
  --nc-muted:#5f655b;
  --nc-line:rgba(24,34,24,.10);
  --nc-green:#476b47;
  --nc-shadow:0 20px 60px rgba(25,30,23,.10);
}

/* Solutions page refined structure */
.solutions-opening{
  max-width:1200px;
  margin-inline:auto;
  padding-bottom:24px;
}
.solutions-opening p,
.solutions-opening .text-link{max-width:760px;}

.chapter.section-wrap{
  position:relative;
  overflow:hidden;
  border:1px solid var(--nc-line);
  border-radius:32px;
  min-height:520px;
  margin-block:26px;
  padding:clamp(26px,3.5vw,42px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:14px;
  background-image:linear-gradient(90deg, rgba(246,241,231,.95) 0%, rgba(246,241,231,.89) 32%, rgba(246,241,231,.42) 60%, rgba(246,241,231,.08) 100%), var(--nc-scene-url);
  background-size:cover;
  background-position:center;
  box-shadow:var(--nc-shadow);
}
.chapter.section-wrap.chapter-right{
  align-items:flex-end;
  background-image:linear-gradient(270deg, rgba(246,241,231,.95) 0%, rgba(246,241,231,.89) 32%, rgba(246,241,231,.42) 60%, rgba(246,241,231,.08) 100%), var(--nc-scene-url);
}
.chapter .chapter-head,
.chapter .chapter-extra,
.chapter .job-example,
.chapter .appointment-example,
.chapter .case-sheet,
.chapter .process-rule,
.chapter .inline-film,
.chapter .work-scene,
.chapter .work-caption,
.work-scene.side-story .inline-film,
.work-scene.side-story .work-caption{
  position:relative;
  z-index:2;
  width:min(100%, 620px);
  margin:0;
  border-radius:24px;
  background:rgba(251,247,239,.92);
  box-shadow:0 10px 30px rgba(18,24,20,.08);
  border:1px solid rgba(35,45,35,.08);
  backdrop-filter:blur(10px);
}
.chapter .chapter-head{padding:18px 20px;}
.chapter .chapter-extra,
.chapter .process-rule{padding:16px 20px; color:var(--nc-ink);} 
.chapter .job-example,
.chapter .appointment-example,
.chapter .case-sheet,
.chapter .inline-film{padding:18px 20px;}
.chapter .chapter-number,
.assistant-step-number{
  display:inline-flex;
  width:52px; height:52px;
  align-items:center; justify-content:center;
  border-radius:16px;
  background:#e7eddc;
  color:var(--nc-green);
  font-weight:700;
  flex:0 0 auto;
}
.chapter .chapter-head h2{font-size:clamp(32px,4vw,48px); line-height:1.02; letter-spacing:-.03em; margin:0 0 10px;}
.chapter .chapter-head p,
.chapter .chapter-extra,
.chapter .process-rule,
.chapter .case-sheet,
.chapter .work-caption p{font-size:clamp(17px,1.4vw,21px); line-height:1.55;}
.chapter .chapter-head>div{max-width:520px;}
.chapter .job-example,
.chapter .case-sheet,
.chapter .appointment-example{max-width:520px;}
.chapter .chapter-extra,
.chapter .job-example,
.chapter .appointment-example,
.chapter .case-sheet,
.chapter .process-rule{opacity:.16; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease;}
.chapter.is-active .chapter-extra,
.chapter.is-active .job-example,
.chapter.is-active .appointment-example,
.chapter.is-active .case-sheet,
.chapter.is-active .process-rule{opacity:1; transform:translateY(0);} 
.chapter .chapter-extra:nth-of-type(2), .chapter .chapter-extra:nth-of-type(3){transition-delay:.08s;}
.chapter .inline-film{max-width:420px; padding:14px 16px;}
.chapter .inline-film video,
.work-scene.side-story .inline-film video{border-radius:18px; display:block; width:100%; max-height:280px; object-fit:cover;}
.chapter .inline-film a,
.work-scene.side-story .inline-film a{font-size:14px;}
.work-scene.side-story{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid var(--nc-line);
  padding:clamp(24px,3vw,36px);
  margin:26px auto;
  min-height:420px;
  background:linear-gradient(90deg, rgba(246,241,231,.95) 0%, rgba(246,241,231,.88) 36%, rgba(246,241,231,.15) 100%), url('/assets/story-craft.webp') center/cover no-repeat;
  box-shadow:var(--nc-shadow);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
}
.work-scene.side-story .inline-film,
.work-scene.side-story .work-caption{margin:0;}
.work-scene.side-story .work-caption{padding:18px 20px; width:min(100%, 480px);} 
.work-scene.side-story .work-caption h2{font-size:clamp(28px,3vw,40px); line-height:1.05; margin:8px 0 10px;}

/* Product page refined structure */
.product-detail .section-heading,
.document-handoff .section-heading,
.solutions-teaser{
  max-width:1200px;
  margin-inline:auto;
}
.workflow-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.feature-group{
  position:relative;
  overflow:hidden;
  border:1px solid var(--nc-line);
  border-radius:30px;
  background:var(--nc-cream-2);
  box-shadow:var(--nc-shadow);
}
.feature-group-heading{
  position:relative;
  min-height:320px;
  padding:24px;
  display:flex;
  align-items:flex-end;
}
.feature-group-heading::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(16,19,17,.06) 0%, rgba(16,19,17,.14) 52%, rgba(16,19,17,.46) 100%);
  z-index:1;
}
.feature-group-heading h3{
  position:relative;
  z-index:2;
  margin:0;
  max-width:330px;
  color:#fff;
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.03;
  letter-spacing:-.03em;
}
.product-feature-image{
  position:absolute; inset:0; margin:0 !important;
}
.product-feature-image img{width:100%; height:100%; object-fit:cover; display:block;}
.feature-group .focus-disclosure{
  margin:0 16px 14px;
  border:1px solid rgba(34,43,34,.09);
  border-radius:22px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(25,30,23,.05);
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.feature-group .focus-disclosure[open]{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(25,30,23,.08);
  border-color:rgba(71,107,71,.24);
}
.feature-group .focus-disclosure:first-of-type{margin-top:16px;}
.feature-group .focus-disclosure summary{list-style:none; cursor:pointer; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.feature-group .focus-disclosure summary::-webkit-details-marker{display:none;}
.feature-group .focus-disclosure summary h3{font-size:clamp(20px,1.7vw,26px); line-height:1.15; margin:0; color:var(--nc-ink);} 
.feature-group .focus-disclosure summary span{display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:999px; background:#e7eddc; color:var(--nc-green); font-size:26px; line-height:1;}
.feature-group .focus-disclosure .disclosure-body{padding:0 20px 18px;}
.feature-group .focus-disclosure .disclosure-body p,
.feature-group .focus-disclosure .voice-transcript dd,
.feature-group .focus-disclosure .voice-transcript dt{font-size:17px; line-height:1.55;}
.feature-group .focus-disclosure.is-revealed{outline:2px solid rgba(71,107,71,.12);}
.voice-transcript{margin-top:16px; padding:14px 16px; border-radius:18px; background:#f4f7ef; border:1px solid rgba(71,107,71,.15);}

/* reveal helpers */
.reveal-on-scroll{opacity:.2; transform:translateY(14px); transition:opacity .45s ease, transform .45s ease;}
.reveal-on-scroll.is-visible{opacity:1; transform:translateY(0);}

/* responsive */
@media (max-width: 1100px){
  .workflow-list{grid-template-columns:1fr;}
  .feature-group-heading{min-height:260px;}
}
@media (max-width: 900px){
  .chapter.section-wrap,
  .chapter.section-wrap.chapter-right,
  .work-scene.side-story{
    min-height:auto;
    background-image:linear-gradient(180deg, rgba(246,241,231,.93) 0%, rgba(246,241,231,.78) 48%, rgba(246,241,231,.32) 100%), var(--nc-scene-url);
    gap:12px;
    align-items:flex-start;
  }
  .chapter.section-wrap.chapter-right{background-image:linear-gradient(180deg, rgba(246,241,231,.93) 0%, rgba(246,241,231,.78) 48%, rgba(246,241,231,.32) 100%), var(--nc-scene-url);} 
  .chapter .chapter-head,
  .chapter .chapter-extra,
  .chapter .job-example,
  .chapter .appointment-example,
  .chapter .case-sheet,
  .chapter .process-rule,
  .chapter .inline-film,
  .work-scene.side-story .inline-film,
  .work-scene.side-story .work-caption{width:100%; max-width:none;}
  .work-scene.side-story{background-image:linear-gradient(180deg, rgba(246,241,231,.93) 0%, rgba(246,241,231,.78) 48%, rgba(246,241,231,.28) 100%), url('/assets/story-craft.webp'); flex-direction:column; align-items:flex-start;}
}
@media (max-width: 640px){
  .chapter.section-wrap{border-radius:24px; padding:18px; margin-block:18px;}
  .chapter .chapter-head h2{font-size:30px;}
  .feature-group{border-radius:24px;}
  .feature-group-heading{min-height:220px; padding:18px;}
  .feature-group-heading h3{font-size:30px;}
}