/* Continue the approved dark-glass direction with open, varied section layouts. */
.home-section { padding: 88px 24px; background: #070b0f; border-bottom: 1px solid rgba(209,225,245,.08); color: #e9edf3; font-family: 'Geist',sans-serif; }
.home-section *, .home-footer * { box-sizing: border-box; }
.home-section-inner { max-width: 1104px; margin-inline: auto; }
.home-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 48px; }
.home-eyebrow { display: block; color: #38bdf8; font-size: 14px; font-weight: 500; letter-spacing: .12em; margin-bottom: 20px; }
.home-eyebrow-muted { color: #9caabd; font-size: 12px; }
.home-section-heading h2, .home-closing h2 { font-size: clamp(34px,4.1vw,54px); line-height: 1.1; letter-spacing: -.045em; font-weight: 400; margin: 0; }
.home-section-heading p { max-width: 590px; font-size: 16px; line-height: 1.7; color: #a3adb9; margin: 22px 0 0; }
.home-glass { position: relative; overflow: hidden; border: 1px solid rgba(200,217,237,.1); border-radius: 12px; background: linear-gradient(145deg,rgba(36,44,55,.42),rgba(12,17,23,.92) 68%); box-shadow: inset 0 1px 0 rgba(234,243,255,.045),0 12px 32px rgba(0,0,0,.13); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.home-workspace { display: grid; grid-template-columns: .75fr 1.25fr; }
.home-workspace-story { padding: 46px 40px; display: flex; flex-direction: column; justify-content: center; }
.home-workspace-story h3 { font-size: 36px; font-weight: 400; line-height: 1.15; letter-spacing: -.04em; margin: 0 0 20px; }
.home-workspace-story > p { color: #9aa7b7; line-height: 1.8; font-size: 16px; max-width: 300px; margin: 0; }
.home-workspace-note { display: flex; gap: 10px; align-items: center; margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(200,217,237,.09); font-size: 14px; color: #9aa9ba; }
.home-workspace-note svg { width: 16px; height: 16px; stroke-width: 1.5; flex-shrink: 0; }
.home-activity { margin: 26px 26px 26px 0; border: 1px solid rgba(205,220,240,.1); border-radius: 8px; background: linear-gradient(160deg,rgba(25,33,43,.7),rgba(12,18,25,.78)); font-family: 'Inter',sans-serif; padding: 0 22px 17px; min-width: 0; }
.home-activity-header { display: flex; align-items: center; justify-content: space-between; min-height: 52px; border-bottom: 1px solid rgba(205,220,240,.09); font-size: 14px; color: #c0ccda; }
.home-activity-header > span { display: flex; align-items: center; gap: 8px; }
.home-activity-header > span:last-child { font-size: 12px; color: #8d9bad; }
.home-activity-header svg { width: 14px; height: 14px; stroke-width: 1.5; }
.home-activity-date { display: flex; justify-content: space-between; margin: 20px 0 5px; font-size: 12px; color: #9caabd; }
.home-activity-row { display: flex; align-items: flex-start; gap: 12px; padding: 20px 0; border-bottom: 1px solid rgba(205,220,240,.055); }
.home-activity-row > div { min-width: 0; }
.home-activity-row strong { display: block; color: #d9e0e9; font-size: 14px; font-weight: 500; }
.home-activity-row p { font-size: 14px; line-height: 1.7; color: #a0adbd; margin-top: 5px; }
.home-activity-row > div > span { display: block; font-size: 12px; color: #9caabd; margin-top: 6px; }
.home-activity-row time { margin-left: auto; font-size: 12px; color: #778699; }
.home-activity-result { display: flex; gap: 11px; align-items: center; margin-top: 20px; padding: 14px; border: 1px solid rgba(205,220,240,.1); border-radius: 6px; background: rgba(218,230,244,.025); }
.home-activity-result > svg { width: 18px; height: 18px; color: #9daec1; stroke-width: 1.5; flex-shrink: 0; }
.home-activity-result > svg:last-child { color: #88b49e; margin-left: auto; width: 13px; }
.home-activity-result strong { display: block; font-size: 14px; font-weight: 500; }
.home-activity-result span { display: block; font-size: 12px; line-height: 1.6; color: #8b9bae; margin-top: 4px; }
.home-example-label { display: block; text-align: right; color: #7f8d9f; font-size: 12px; margin-top: 12px; }
.home-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin-top: 42px; }
.home-principles > div { padding-top: 24px; border-top: 1px solid rgba(205,220,240,.1); }
.home-principles svg { width: 18px; height: 18px; stroke-width: 1.5; color: #9baabd; margin-bottom: 17px; }
.home-principles h3 { font-size: 21px; font-weight: 400; letter-spacing: -.025em; margin: 0 0 12px; }
.home-principles p { font-size: 15px; line-height: 1.8; color: #aab5c3; margin: 0; }
.home-usecases { background: #080d12; }
.home-usecase-directory { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.home-usecase-category { font-size: 14px; font-weight: 500; letter-spacing: .02em; color: #c8d2df; padding-bottom: 17px; margin: 0; border-bottom: 1px solid rgba(205,220,240,.14); }
.home-usecase { display: flex; align-items: flex-start; gap: 14px; padding: 26px 0; border-bottom: 1px solid rgba(205,220,240,.065); }
.home-usecase:last-child { border-bottom: 0; padding-bottom: 0; }
.home-usecase > svg { width: 17px; height: 17px; color: #8b9aad; stroke-width: 1.5; margin-top: 3px; flex-shrink: 0; }
.home-usecase h4 { font-size: 20px; line-height: 1.4; letter-spacing: -.025em; font-weight: 400; margin: 0 0 10px; color: #dee5ef; }
.home-usecase p { font-size: 15px; line-height: 1.8; color: #aab5c3; margin: 0; }
.home-closing { padding-top: 72px; padding-bottom: 72px; border-bottom: 0; }
.home-closing-panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 60px 52px; }
.home-closing h2 { font-size: clamp(34px,4vw,50px); }
.home-closing h2 > span { color: #8b98a9; }
.home-closing p { color: #9ba8b9; font-size: 16px; line-height: 1.7; margin-top: 24px; }
.home-closing-actions { display: flex; flex-direction: column; gap: 16px; align-items: center; flex-shrink: 0; }
.home-primary-link { display: inline-flex; align-items: center; justify-content: center; gap: 30px; padding: 14px 23px; background: #e7edf4; border: 1px solid #e7edf4; color: #111820; border-radius: 6px; font-size: 15px; font-weight: 500; transition: background .2s; }
.home-primary-link:hover { background: #fff; }
.home-primary-link svg { width: 16px; height: 16px; stroke-width: 1.7; }
.home-secondary-link { font-size: 14px; color: #a5b3c4; }
.home-secondary-link:hover { color: #e7edf4; }
.home-primary-link:focus-visible, .home-secondary-link:focus-visible { outline: 2px solid #38bdf8; outline-offset: 5px; }
/* Footer reference: a soft top edge and a quiet light over an open link grid. */
.home-footer { position: relative; overflow: hidden; margin-top: auto; padding: 52px 24px 62px; border: 1px solid rgba(205,220,240,.13); border-bottom: 0; border-radius: 30px 30px 0 0; background: #080c11; color: #bdc9d8; font-family: 'Geist',sans-serif; }
.home-footer::before { content: ''; position: absolute; pointer-events: none; top: -90px; left: 15%; right: 15%; height: 245px; background: radial-gradient(ellipse at center,rgba(177,193,214,.105),transparent 68%); }
.home-footer-inner { position: relative; max-width: 1104px; margin: 0 auto; }
.home-footer-brand > a { display: inline-flex; }
.home-footer-brand img { display: block; width: 180px; height: auto; object-fit: contain; }
.home-footer-brand p { margin: 12px 0 0; color: #9aa5b4; font-size: 15px; line-height: 1.7; }
.home-footer-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px; margin-top: 54px; }
.home-footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.home-footer-nav h2 { margin: 0 0 6px; color: #e3e9f1; font-size: 15px; font-weight: 500; }
.home-footer a { color: #929faf; font-size: 15px; line-height: 1.65; transition: color .18s; }
.home-footer a:hover { color: #f0f5fc; }
.home-footer a:focus-visible { outline: 2px solid #38bdf8; outline-offset: 5px; border-radius: 2px; }
.home-footer-nav a { display: inline-flex; align-items: center; gap: 8px; }
.home-footer svg { width: 13px; height: 13px; stroke-width: 1.5; color: #7a8a9f; }
@media (max-width: 767px) {
  .home-footer { padding: 38px 24px 44px; border-radius: 24px 24px 0 0; }
  .home-footer-links { grid-template-columns: 1fr 1fr; gap: 34px 24px; margin-top: 36px; }
}
@media (max-width: 420px) {
  .home-footer { padding-inline: 24px; }
  .home-footer a { font-size: 15px; }
  .home-footer-brand p { font-size: 14px; }
}
@media (max-width: 1023px) {
  .home-section { padding: 72px 24px; }
  .home-section-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .home-workspace-story { padding: 30px; }
  .home-workspace-story h3 { font-size: 30px; }
  .home-activity { margin: 20px 20px 20px 0; padding-inline: 16px; }
  .home-principles, .home-usecase-directory { gap: 24px; }
  .home-closing-panel { padding: 42px 35px; }
}
@media (max-width: 767px) {
  .home-workspace { grid-template-columns: 1fr; }
  .home-workspace-story { padding: 32px; }
  .home-workspace-story > p { max-width: 100%; }
  .home-workspace-note { margin-top: 22px; }
  .home-activity { margin: 0 24px 24px; }
  .home-principles { grid-template-columns: 1fr; gap: 22px; }
  .home-principles > div { padding-top: 20px; }
  .home-principles svg { float: left; margin-right: 14px; margin-bottom: 0; }
  .home-principles p { margin-left: 32px; }
  .home-usecase-directory { grid-template-columns: 1fr; gap: 38px; }
  .home-usecase { padding: 20px 0; }
  .home-closing-panel { flex-direction: column; align-items: flex-start; gap: 30px; }
  .home-closing-actions { flex-direction: row; gap: 22px; }
}
@media (max-width: 540px) {
  .home-section { padding: 56px 20px; }
  .home-section-heading { margin-bottom: 30px; }
  .home-section-heading h2 { font-size: 35px; }
  .home-section-heading p { font-size: 16px; }
  .home-workspace-story { padding: 28px 23px; }
  .home-activity { margin: 0 14px 14px; padding-inline: 12px; }
  .home-activity-row { gap: 8px; }
  .home-activity-row time { display: none; }
  .home-activity-row strong { font-size: 12px; }
  .home-activity-result { padding: 12px 9px; }
  .home-principles h3 { font-size: 21px; }
  .home-usecase h4 { font-size: 20px; }
  .home-usecase p { font-size: 15px; }
  .home-closing-panel { padding: 32px 24px; }
  .home-closing h2 { font-size: 34px; }
  .home-closing-actions { align-items: flex-start; flex-direction: column; gap: 19px; }
  .home-primary-link { padding: 12px 20px; }
}
@media (prefers-reduced-motion: reduce) { .home-primary-link { transition: none; } }