/* Homepage sections only. The hero and its video retain their existing styles. */
.home-landing section[id] { scroll-margin-top: 96px; }
.home-intro-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.home-intro-copy .home-section-title, .home-intro-copy .home-section-copy { margin-left: 0; margin-right: 0; }
.home-intro-copy .home-section-title { font-size: clamp(32px, 3.2vw, 48px); letter-spacing: -.035em; }
.home-system-art { margin: 0; overflow: hidden; border: 1px solid #ffffff16; border-radius: 16px; background: #101614; }
.home-system-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.home-system-art figcaption { display: flex; align-items: center; gap: 9px; padding: 16px 20px; color: #e5eeeb; font-size: 13px; border-top: 1px solid #ffffff14; }
.home-system-art figcaption > span:last-child { margin-left: auto; color: #a2aca8; font-size: 10px; }
.home-art-dot { width: 6px; height: 6px; border-radius: 50%; background: #00d0a2; flex: 0 0 auto; }
.home-section--intro { padding-top: 64px; }
.home-positioning-grid { gap: 16px; margin-top: 32px; }
.home-positioning-card { border-radius: 12px; background: linear-gradient(140deg, #15201b, #111413 60%); padding: 26px; }
.home-role-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.home-role-heading .home-positioning-card__index { margin: 0; }
.home-role-heading iconify-icon { display: inline-flex; padding: 12px; border: 1px solid #00d0a229; background: #00d0a20c; border-radius: 12px; font-size: 26px; color: #00d0a2; }
.home-routing { padding-top: 56px; padding-bottom: 56px; }
.home-routing-grid { gap: 16px; margin-top: 32px; }
.home-routing-card { border-radius: 12px; background: #101413; padding: 26px; }
.home-routing-card__meta { color: #bec9c5; }
.home-routing-card__meta iconify-icon { padding: 8px; background: #00d0a212; border-radius: 9px; box-sizing: content-box; }
.home-routing-card h3 { font-size: 24px; line-height: 1.22; }
.home-landing a:focus-visible, .home-landing button:focus-visible { outline: 2px solid #7beace; outline-offset: 5px; }
.home-control-deck { margin-top: 36px; border-radius: 16px; }
.home-control-deck__identity { flex-wrap: wrap; }
.home-control-deck__identity strong { text-transform: none; font-family: inherit; }
.home-capability-grid { gap: 16px; padding: 20px; background: transparent; }
.home-capability-card { padding: 26px; border: 1px solid #ffffff16; border-radius: 12px; background: #101613; }
.home-capability-card--ai, .home-capability-card--marketplace, .home-capability-card--performance { min-height: 400px; }
.home-capability-card h3 { font-size: clamp(23px, 2vw, 30px); line-height: 1.17; }
.home-capability-card__header { margin-bottom: 18px; }
.home-intervention-art { --art-color: #70e5c7; color: var(--art-color); position: relative; min-height: 175px; margin: 0 0 24px; padding: 20px; border: 1px solid #ffffff0e; border-radius: 10px; background: radial-gradient(ellipse at center, #00d0a215, transparent 75%), #090e0c; }
.home-intervention-art--api { display: flex; align-items: center; justify-content: center; gap: 0; }
.home-art-endpoints { display: grid; gap: 16px; flex: 1; }
.home-art-endpoints > span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px 4px; border: 1px solid #ffffff1a; border-radius: 8px; color: #bacdc5; background: #16211d; font-size: 11px; }
.home-art-endpoints iconify-icon { font-size: 24px; color: var(--art-color); }
.home-art-connector { width: 28px; height: 1px; flex: 0 0 auto; background: linear-gradient(90deg, #70e5c73d, #70e5c7); }
.home-art-hub { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px 12px; border: 1px solid #70e5c756; border-radius: 14px; background: linear-gradient(135deg, #28483b, #12261e); box-shadow: 0 8px 32px #00d0a20e; }
.home-art-hub iconify-icon { font-size: 36px; }
.home-art-hub strong { color: #f2fff9; font-size: 16px; }
.home-art-hub > span { color: #bdd6ca; font-size: 10px; }
.home-intervention-art--apps { --art-color: #b4c5ff; background: radial-gradient(ellipse at center, #9bb4ff12, transparent 80%), #0d1016; }
.home-art-window { border: 1px solid #a3b9ff32; border-radius: 8px; background: #161c27; overflow: hidden; transform: perspective(900px) rotateY(-5deg); box-shadow: 8px 14px 0 #9bb4ff06; }
.home-art-window-bar { display: flex; align-items: center; gap: 5px; padding: 12px; border-bottom: 1px solid #ffffff14; }
.home-art-window-bar i { width: 5px; height: 5px; background: #9bb4ff50; border-radius: 50%; }
.home-art-window-bar > span { margin-left: auto; color: #a4b3d4; font-size: 10px; }
.home-art-workspace { display: grid; grid-template-columns: 35px 1fr; gap: 12px; padding: 14px; }
.home-art-sidebar { display: flex; flex-direction: column; gap: 15px; border-right: 1px solid #ffffff14; }
.home-art-sidebar iconify-icon { font-size: 20px; }
.home-art-sidebar i { width: 16px; height: 3px; background: #9bb4ff32; border-radius: 4px; }
.home-art-workspace-main > span { display: block; color: #a8b4cd; font-size: 10px; margin-bottom: 14px; }
.home-art-task { display: flex; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid #ffffff12; color: #dee6f7; font-size: 11px; }
.home-art-task em { margin-left: auto; padding: 4px 6px; border-radius: 4px; background: #9bb4ff1b; color: #b7c7ff; font-style: normal; font-size: 9px; }
.home-art-task .home-art-approved { background: #70e5c710; color: #70e5c7; }
.home-art-skeleton { display: flex; gap: 6px; margin-top: 10px; }
.home-art-skeleton i { height: 4px; background: #9bb4ff22; border-radius: 5px; flex: 1; }
.home-intervention-art--ai { --art-color: #c9b1ff; background: radial-gradient(ellipse at center, #b797ff19, transparent 75%), #110d18; }
.home-art-orbit { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 104px; }
.home-art-orbit > span { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; color: #c9bddc; font-size: 10px; }
.home-art-orbit > span iconify-icon { font-size: 23px; }
.home-art-orbit-core { display: grid; place-items: center; width: 72px; height: 72px; flex: 0 0 auto; border: 1px solid #c9b1ff45; border-radius: 50%; box-shadow: 0 0 0 9px #c9b1ff06, 0 0 0 20px #c9b1ff04; background: #c9b1ff15; }
.home-art-orbit-core iconify-icon { font-size: 32px; }
.home-art-caption { text-align: center; color: #d7dfda; font-size: 10px; margin-top: 14px; }
.home-intervention-art--commerce { --art-color: #eec886; background: radial-gradient(ellipse at center, #eec88615, transparent 75%), #17130d; }
.home-art-channel-row { display: flex; justify-content: center; gap: 6px; }
.home-art-channel-row > span { font-size: 9px; color: #e5d5b8; padding: 6px 7px; border: 1px solid #eec88625; border-radius: 5px; background: #eec88608; }
.home-art-funnel { width: 66%; height: 22px; margin: 0 auto; border: 1px solid #eec88635; border-top: 0; border-radius: 0 0 16px 16px; }
.home-art-commerce-core { display: flex; gap: 9px; justify-content: center; align-items: center; margin: 12px 0; font-size: 12px; }
.home-art-commerce-core iconify-icon { font-size: 28px; }
.home-art-channel-row--muted > span { color: #c7b79a; background: transparent; border-color: #ffffff0e; }
.home-intervention-art--performance { --art-color: #a3b9ff; background: radial-gradient(ellipse at center, #a3b9ff12, transparent 75%), #10131b; }
.home-art-performance { display: flex; align-items: center; gap: 16px; min-height: 102px; }
.home-art-gauge { display: grid; place-items: center; width: 62px; height: 62px; border: 5px solid #a3b9ff20; border-top-color: #a3b9ff; border-right-color: #a3b9ff; border-radius: 50%; flex: 0 0 auto; }
.home-art-gauge iconify-icon { font-size: 27px; }
.home-art-performance > div:last-child { flex: 1; min-width: 0; }
.home-art-performance span { color: #bfcae6; font-size: 9px; }
.home-art-performance svg { width: 100%; display: block; margin-top: 10px; }
.home-sector-section { padding-top: 60px; padding-bottom: 60px; }
.home-sector-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: end; margin-bottom: 32px; }
.home-sector-heading .home-section-title { margin: 0; letter-spacing: -.035em; }
.home-sector-heading .home-section-copy { margin: 0 0 18px; max-width: 440px; }
.home-sector-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.home-sector-card { display: flex; flex-direction: column; border: 1px solid #ffffff1c; border-radius: 12px; overflow: hidden; background: #111613; color: #fff; text-decoration: none; transition: border-color .2s; }
.home-sector-card:hover { color: #fff; border-color: #00d0a275; }
.home-sector-card__image { position: relative; overflow: hidden; }
.home-sector-card__image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; transition: transform .3s; }
.home-sector-card:hover img { transform: scale(1.035); }
.home-sector-card__arrow { position: absolute; right: 12px; bottom: 12px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #ffffff40; border-radius: 50%; background: #0c1716d9; color: #fff; }
.home-sector-card__copy { padding: 22px; display: flex; flex-direction: column; flex: 1; }
.home-sector-card__number { font: 9px ui-monospace, monospace; letter-spacing: .08em; color: #93ada0; margin-bottom: 13px; }
.home-sector-card h3 { color: #fff; font-size: 20px; line-height: 1.25; margin-bottom: 12px; }
.home-sector-card p { font-size: 13px; line-height: 1.55; color: #b1bcb6; margin-bottom: 22px; }
.home-sector-card__cta { display: flex; align-items: center; justify-content: space-between; color: #70e5c7; font-size: 11px; font-weight: 700; margin-top: auto; }
.home-ciama-panel { border-radius: 16px; background: radial-gradient(ellipse at top right, #00d0a218, transparent 60%), #101716; }
.home-ciama-top { align-items: center; }
.home-ciama-aside { padding: 22px; border-radius: 12px; background: #09120f; }
.home-ciama-map { text-align: center; border-bottom: 1px solid #ffffff16; padding-bottom: 18px; margin-bottom: 22px; }
.home-ciama-map__label { display: block; color: #b3c8bd; font-size: 11px; margin-bottom: 20px; }
.home-ciama-map__channels, .home-ciama-map__modules { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; }
.home-ciama-map__channels > span, .home-ciama-map__modules > span { border: 1px solid #70e5c72b; padding: 7px 9px; border-radius: 5px; color: #c5d9ce; background: #70e5c705; font-size: 10px; }
.home-ciama-map__lines { width: 64%; height: 20px; border: 1px solid #70e5c740; border-top: 0; border-radius: 0 0 12px 12px; margin: 0 auto; }
.home-ciama-map__core { display: grid; grid-template-columns: 36px auto; justify-content: center; text-align: left; gap: 0 10px; width: 180px; margin: 16px auto; border: 1px solid #70e5c765; border-radius: 12px; padding: 16px; background: linear-gradient(135deg, #25493d, #10271d); box-shadow: 0 0 36px #00d0a209; }
.home-ciama-map__core iconify-icon { grid-row: span 2; color: #70e5c7; font-size: 36px; }
.home-ciama-map__core strong { font-size: 22px; color: #effff8; line-height: 1.1; }
.home-ciama-map__core > span { font-size: 9px; color: #b0cebd; margin-top: 5px; }
.home-ciama-map__si { display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 11px; color: #9cb6a9; margin-top: 17px; }
.home-ciama-map__si iconify-icon { color: #70e5c7; font-size: 20px; }
.home-ciama-map small { display: block; color: #80958a; font-size: 9px; margin-top: 12px; }
.home-ciama-aside h3 { font-size: 22px; }
.home-ciama-aside p, .home-ciama-list { font-size: 13px; }
.home-product-console { border-radius: 12px; }
.home-product-console__visual { background: #060d0a; border: 1px solid #00d0a225; border-radius: 10px; padding: 24px; margin-top: 26px; }
.home-product-console--dapulse .home-product-console__visual { background: #0e111b; border-color: #9bb4ff25; }
.home-speed-signal { padding: 16px; background: #13221b; border-radius: 8px; }
.home-delivery-lane { padding: 16px 10px; border-radius: 8px; background: #9bb4ff09; min-height: 130px; }
.home-delivery-ticket { margin-top: 22px; padding: 14px 10px; }
.home-product-console__cta { margin-top: 20px; }
.home-method-grid { position: relative; gap: 16px; }
.home-method-card { border-radius: 12px; border-top: 2px solid #00d0a25e; background: linear-gradient(160deg, #18201c, #111); }
.home-method-card .home-section-kicker { font-family: ui-monospace, monospace; color: #70e5c7; }
@media (max-width: 1100px) {
    .home-sector-card__copy { padding: 18px; }
    .home-capability-card { padding: 20px; }
    .home-intervention-art { padding: 16px; }
    .home-art-channel-row { flex-wrap: wrap; }
}
@media (max-width: 991.98px) {
    .home-intro-layout { grid-template-columns: 1fr; gap: 28px; }
    .home-system-art { max-width: 660px; width: 100%; }
    .home-sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-sector-heading { gap: 28px; }
    .home-capability-card { grid-column: span 6; }
    .home-capability-card--api { grid-column: span 12; }
    .home-ciama-top { grid-template-columns: 1fr; }
    .home-ciama-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-content: center; }
    .home-ciama-map { grid-row: span 4; border-bottom: 0; margin: 0; padding: 0; align-self: center; }
}
@media (max-width: 575.98px) {
    .home-section--intro { padding-top: 40px; }
    .home-intro-layout { gap: 24px; }
    .home-intro-copy .home-section-title { font-size: 34px; }
    .home-system-art figcaption { padding: 12px; font-size: 11px; flex-wrap: wrap; }
    .home-system-art figcaption > span:last-child { font-size: 9px; }
    .home-positioning-grid { grid-template-columns: 1fr; }
    .home-positioning-card { min-height: 0; padding: 22px; }
    .home-routing { padding: 40px 0; }
    .home-control-deck__bar { padding: 16px; flex-wrap: wrap; gap: 12px; }
    .home-control-deck__identity { gap: 6px; font-size: 10px; }
    .home-capability-grid { padding: 12px; gap: 12px; }
    .home-capability-card { grid-column: span 12; padding: 20px; min-height: 0; }
    .home-capability-card h3 { font-size: 25px; }
    .home-capability-card__meta { font-size: 10px; letter-spacing: .04em; }
    .home-intervention-art { min-height: 175px; padding: 14px; }
    .home-art-connector { width: 14px; }
    .home-art-hub { padding: 16px 9px; }
    .home-art-hub > span { font-size: 8px; }
    .home-art-endpoints > span { font-size: 9px; }
    .home-art-orbit { justify-content: space-around; }
    .home-sector-section { padding: 40px 0; }
    .home-sector-heading, .home-sector-grid { grid-template-columns: 1fr; }
    .home-sector-heading .home-section-title { font-size: 34px; }
    .home-sector-card__copy { padding: 22px; }
    .home-sector-card h3 { font-size: 23px; }
    .home-ciama-panel { padding: 24px 18px; }
    .home-ciama-aside { display: block; padding: 20px 16px; }
    .home-ciama-map { border-bottom: 1px solid #ffffff16; margin-bottom: 22px; padding-bottom: 20px; }
    .home-product-console__visual { padding: 16px; }
    .home-delivery-lane { padding: 12px 7px; }
    .home-delivery-ticket { padding: 10px 6px; }
}
@media (max-width: 359.98px) {
    .home-intervention-art--api { padding: 10px; }
    .home-art-connector { width: 8px; }
    .home-art-hub { padding: 12px 6px; }
    .home-art-hub strong { font-size: 13px; }
    .home-art-hub > span { max-width: 64px; text-align: center; }
    .home-art-hub iconify-icon { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-sector-card img, .home-sector-card, .home-routing-card, .home-capability-card, .home-capability-card__arrow { transition: none; }
    .home-sector-card:hover img { transform: none; }
}