.workflow-section { background: var(--green-24); color: var(--lime-96); --disclosure-line: var(--green-45-c17); }
.workflow-section h2 > span { color: var(--lime-91); }.workflow-section .section-top > p { color: var(--green-84-c17); }
.availability-note { display: flex; gap: 12px; align-items: baseline; margin-bottom: 26px; }
.availability-note p { font-size: 14px; line-height: 1.7; margin: 0; color: var(--green-84-c17); }.availability-note strong { color: var(--green-94); }.availability-note .live-dot { flex-shrink: 0; }
.workflow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; align-items: start; }
.workflow-grid article { min-width: 0; }
.workflow-detail { border: 1px solid var(--green-45-c17); border-radius: 12px; background: var(--green-27); }
.workflow-detail > summary { display: grid; grid-template-columns: 34px 1fr 20px; gap: 14px; align-items: center; padding: 22px; list-style: none; cursor: pointer; }
.workflow-detail > summary::-webkit-details-marker { display: none; }.workflow-detail > summary::marker { content: ''; }
.workflow-heading { display: block; margin-bottom: 16px; color: var(--lime-86); font-size: 11px; letter-spacing: 1px; }.workflow-detail > summary > .icon:first-child { font-size: 29px; color: var(--lime-91); }
.workflow-detail h3 { font-size: 20px; line-height: 1.3; letter-spacing: -.5px; margin: 0; }
.workflow-detail > summary > .icon:last-child { color: var(--lime-82); transition: transform .2s ease; }.workflow-detail[open] > summary > .icon:last-child { transform: rotate(180deg); }
.workflow-detail-body { padding: 12px 22px 22px; }
.workflow-detail-body > p { font-size: 16px; color: var(--green-87); line-height: 1.8; margin: 0 0 18px; }
.workflow-detail-body .workflow-example { background: var(--green-24); padding: 18px; border-radius: 8px; color: var(--lime-96); }
.workflow-example > span { display: block; font-size: 10px; letter-spacing: 1px; color: var(--lime-86); margin-bottom: 8px; }
.workflow-detail-body > small { display: block; font-size: 14px; color: var(--green-81-c15); line-height: 1.8; }
.roadmap-disclosure { margin-top: 28px; }
.clarity-roadmap { display: grid; grid-template-columns: 1fr 2fr; gap: 32px; padding-top: 20px; }
.clarity-roadmap h3 { font-size: 29px; line-height: 1.2; letter-spacing: -1px; margin: 0; }.clarity-roadmap h3 span { color: var(--lime-86); }
.clarity-roadmap details { border-bottom: 1px solid var(--green-45-c17); }
.clarity-roadmap summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; list-style: none; cursor: pointer; padding: 18px 0; font-size: 16px; color: var(--green-92); }
.clarity-roadmap summary::-webkit-details-marker { display: none; }.clarity-roadmap p { font-size: 15px; line-height: 1.8; color: var(--green-84-c17); }
.owner-portal-section { background: var(--amber-94); color: var(--green-26); }
.owner-portal-section h2 > span { color: var(--green-50-c24-h126); }
.portal-story { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 70px; }
.portal-story-copy > p:not(.eyebrow) { color: var(--green-41-c20); font-size: 18px; line-height: 1.8; max-width: 400px; margin: 24px 0; }
.portal-promises { list-style: none; padding: 0; margin: 28px 0; }.portal-promises li { display: flex; align-items: center; gap: 13px; margin: 18px 0; font-size: 16px; }.portal-promises .icon { color: var(--green-50-c24-h126); font-size: 24px; }
.editorial-link { display: inline-flex; align-items: center; gap: 12px; color: var(--green-33-c25); font-size: 15px; text-decoration: underline; text-underline-offset: 6px; }
.portal-story-visual { height: 430px; position: relative; padding: 0 0 30px 50px; }
.portal-care-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; border-radius: 130px 18px 18px; }
.portal-preview { position: absolute; bottom: 0; left: 0; width: 280px; padding: 23px; background: var(--gray-99); color: var(--green-29-c16-h155); border: 1px solid var(--green-82-c13); border-radius: 14px; box-shadow: 0 15px 40px var(--green-23-a13); }
.sample-label { font-size: 9px; letter-spacing: 1px; color: var(--green-46-c20); }
.portal-household { display: flex; gap: 14px; align-items: center; margin: 19px 0; }.portal-household img { width: 54px; height: 62px; object-fit: cover; border-radius: 28px 28px 8px 8px; }
.portal-household small { font-size: 9px; letter-spacing: .8px; color: var(--green-46-c20); }.portal-household h3 { font-size: 24px; line-height: 1.2; letter-spacing: -.8px; margin: 6px 0 0; }
.portal-preview > p { font-size: 14px; line-height: 1.7; margin: 0 0 18px; color: var(--green-41-c20); }.report-shared { display: flex; gap: 7px; align-items: center; font-size: 11px; color: var(--green-48-c36); }
.portal-access-details { margin-top: 48px; }.portal-access dl { margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.portal-access dt { display: flex; gap: 12px; align-items: center; font-size: 21px; font-weight: 650; }.portal-access dt > span { color: var(--green-54); font-size: 11px; }
.portal-access dd { margin: 18px 0 0; font-size: 15px; line-height: 1.8; color: var(--green-43-c24); }
.portal-boundary { display: flex; gap: 12px; align-items: start; margin: 26px 0; padding: 20px; background: var(--green-94); border-radius: 10px; color: var(--green-37-c26); font-size: 15px; line-height: 1.8; }.portal-boundary .icon { font-size: 24px; flex-shrink: 0; }
.portal-counting { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }.portal-counting p { font-size: 14px; line-height: 1.8; color: var(--green-43-c24); }.portal-counting strong { color: var(--green-31-c24); }

@media (width <= 1100px) { .portal-story { gap: 36px; }.workflow-detail > summary { padding: 18px; gap: 10px; }.workflow-detail h3 { font-size: 18px; } }

@media (width <= 800px) { .portal-story { grid-template-columns: 1fr 1fr; gap: 24px; }.portal-story-visual { height: 400px; padding-left: 20px; }.portal-preview { width: 260px; padding: 20px; }.clarity-roadmap { grid-template-columns: 1fr; }.portal-access dl { grid-template-columns: 1fr; } }

@media (width <= 700px) { .workflow-grid { grid-template-columns: 1fr; gap: 10px; }.workflow-detail > summary { padding: 19px; }.workflow-detail h3 { font-size: 18px; }.portal-story { grid-template-columns: 1fr; gap: 32px; }.portal-story-visual { height: 370px; padding-left: 35px; }.portal-preview { width: 260px; }.portal-counting { grid-template-columns: 1fr; gap: 10px; }.portal-access-details { margin-top: 32px; }.availability-note p { font-size: 13px; } }

@media (prefers-reduced-motion: reduce) { .workflow-detail > summary > .icon:last-child { transition: none; } }

.workflow-section .section-top { margin-bottom: 28px; }.workflow-section h2 { font-size: clamp(36px, 3.5vw, 50px); }
.journey-overview { position: relative; margin: 16px 0 28px; }
.journey-route { position: absolute; left: 40px; top: -10px; width: calc(66.666% + 26.667px); height: 100px; color: var(--green-54); pointer-events: none; }
.day-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; list-style: none; padding: 0; margin: 0; }
.journey-step { position: relative; min-width: 0; }
.journey-node { position: relative; display: grid; place-items: center; width: 80px; height: 80px; margin-bottom: 24px; border: 1px solid var(--green-54); border-radius: 50%; background: var(--green-31-c17); box-shadow: 0 0 0 10px var(--green-24); color: var(--lime-91); }
.journey-node .icon { font-size: 37px; }
.journey-step .eyebrow { color: var(--lime-82); font-size: 10px; letter-spacing: 1.1px; margin: 0 0 12px; }
.journey-step h3 { font-size: 26px; letter-spacing: -.7px; line-height: 1.2; margin: 0 0 14px; }
.journey-description { font-size: 16px; color: var(--green-87); line-height: 1.75; margin: 0; max-width: 290px; }
.workflow-catalog { margin-top: 30px; }.workflow-catalog > summary { font-size: 15px; }.workflow-catalog .availability-note { margin-top: 16px; }

@media (width <= 700px) { .day-journey { grid-template-columns: 1fr; gap: 28px; }.journey-route { display: none; }.journey-step { display: grid; grid-template-columns: 58px 1fr; column-gap: 20px; }.journey-node { width: 56px; height: 56px; grid-row: span 3; margin: 0; box-shadow: none; }.journey-node .icon { font-size: 28px; }.journey-step h3 { font-size: 24px; margin-bottom: 10px; }.journey-step .eyebrow { font-size: 9px; margin-bottom: 9px; }.journey-description { font-size: 15px; }.workflow-section h2 { font-size: 38px; } }

@media (width >= 1101px) { .workflow-section { display: grid; grid-template-columns: .9fr 2fr; gap: 26px 44px; align-items: center; }.workflow-section .section-top { display: block; margin: 0; }.workflow-section .section-top > p { margin-top: 22px; font-size: 16px; }.workflow-section .journey-overview { margin: 0; }.workflow-section .day-journey { gap: 28px; }.workflow-section .workflow-catalog { grid-column: 1 / -1; margin: 0; }.workflow-section .journey-step h3 { font-size: 24px; }.workflow-section .journey-description { font-size: 15px; } }