.solutions { padding-top: 7rem; }
.solution-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr); gap: 16px; margin-top: 3.2rem; }
.solution-card { min-width: 0; padding: 34px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,rgba(18,24,37,.88),rgba(10,14,23,.78)); }
.solution-card--primary { background: linear-gradient(135deg,rgba(124,105,255,.18),rgba(18,25,37,.92) 56%,rgba(49,190,161,.09)); }
.solution-card h3 { margin: 12px 0 16px; font-size: clamp(2rem,3.4vw,3.35rem); letter-spacing: -.055em; line-height: 1.04; overflow-wrap: anywhere; }
.solution-card p:not(.kicker):not(.solution-status) { margin: 0; color: #b7c1cf; font-size: 1.04rem; }.solution-audience { margin-top: 22px !important; padding-top: 19px; border-top: 1px solid var(--line); font-size: .95rem !important; }.solution-status { display: inline-flex; margin: 0; padding: 5px 9px; border: 1px solid rgba(136,120,255,.38); border-radius: 99px; color: #c5bdff; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }.text-link { display: inline-flex; gap: 12px; margin-top: 30px; font-size: 14px; font-weight: 750; }.text-link span { color: var(--mint); }
.work-section, .care-steps { padding-top: 9rem; }.work-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 3.4rem 0 0; padding: 0; list-style: none; }.work-grid li { min-width: 0; padding: 22px 20px; border-top: 1px solid rgba(255,255,255,.18); background: linear-gradient(180deg,rgba(255,255,255,.025),transparent); }.work-grid span { color: var(--mint); font-size: 11px; font-weight: 800; letter-spacing: .12em; }.work-grid h3 { margin: 17px 0 8px; font-size: 1.14rem; }.work-grid p { margin: 0; color: #aab4c3; font-size: .92rem; }
.experience-section { padding-top: 5rem; }.experience-panel { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 5rem; padding: 42px; border-left: 1px solid var(--mint); background: linear-gradient(100deg,rgba(85,222,185,.055),rgba(136,120,255,.07)); }.experience-panel h2 { margin: 10px 0 0; font-size: clamp(2.2rem,3.8vw,3.7rem); letter-spacing: -.055em; line-height: 1.04; }.experience-panel p { margin: 0 0 1.2rem; color: #aeb9c8; }
.care-hero { grid-template-columns: minmax(0,1fr) minmax(0,.7fr); }.care-intro-card, .care-package { min-width: 0; padding: 32px; border: 1px solid rgba(173,160,255,.23); border-radius: 22px; background: linear-gradient(145deg,rgba(124,105,255,.17),rgba(18,25,37,.9) 58%,rgba(49,190,161,.08)); }.care-intro-card h2 { margin: 12px 0 17px; font-size: clamp(1.9rem,3vw,2.7rem); letter-spacing: -.045em; line-height: 1.08; }.care-intro-card ul { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }.care-intro-card li { position: relative; padding-left: 18px; color: #c1cbd8; line-height: 1.45; }.care-intro-card li::before { content: ""; position: absolute; top: .58em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 14px rgba(85,222,185,.55); }
.care-list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 3.2rem; }.care-list-item { min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); }.care-list-item h3 { margin: 0 0 8px; }.care-list-item p { margin: 0; color: #aab4c3; }
.care-package-section { padding-top: 5.5rem; }.care-package { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 4rem; border-color: rgba(85,222,185,.22); }.care-package h2 { margin: 10px 0; font-size: clamp(2.5rem,4vw,4rem); letter-spacing: -.06em; }.package-price { margin: 0; }.package-price strong { font-size: 3rem; letter-spacing: -.06em; }.package-audience { margin: 0 0 18px; color: #e5ebf4; font-weight: 720; }.package-note, .faq-list p { color: #aeb9c7; }.package-note { margin: 0 0 8px; }.package-detail h3 { margin: 0 0 12px; font-size: 1rem; }.package-detail ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.12); }.package-detail li { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #c7d0dc; }.package-detail li strong, .package-detail li span { display: block; }.package-detail li strong { margin-bottom: 4px; color: #f0f3f8; }.package-detail li span { color: #aeb9c7; line-height: 1.5; }
.faq-section { padding-top: 8rem; }.faq-list { max-width: 820px; margin-top: 3rem; border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; justify-content: space-between; gap: 18px; padding: 19px 0; cursor: pointer; font-weight: 720; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--mint); font-size: 1.4rem; }.faq-list p { margin: 0 0 20px; }
.js .reveal { opacity: 0; transform: translateY(20px); }.js .reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 920px) { .solution-grid, .experience-panel, .care-hero, .care-package { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }.work-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.care-hero { min-height: auto; padding-top: 5.5rem; } }
@media (max-width: 720px) { .solution-grid, .care-list-grid { grid-template-columns: 1fr; }.solution-card, .care-intro-card, .care-package { padding: 25px 22px; }.work-grid { grid-template-columns: 1fr; gap: 0; margin-top: 2.5rem; }.work-grid li { padding: 20px 0; }.experience-panel { padding: 28px 22px; }.care-hero { padding-top: 4.4rem; }.care-package { gap: 2rem; }.faq-list { margin-top: 2.3rem; } }
@media (prefers-reduced-motion: reduce) { .js .reveal, .js .reveal.is-visible { opacity: 1; transform: none; } }