/* Readable, stationary process strip at every width. */
.impact-ribbon{height:auto;min-height:130px;padding:26px 0;overflow:visible}
.impact-ribbon>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;white-space:normal;transform:none!important;text-align:center;font-size:clamp(28px,5.4vw,80px);line-height:1.15;text-transform:uppercase;letter-spacing:0}
.impact-ribbon span{display:block;color:#d4f3ed;-webkit-text-stroke:0;overflow-wrap:normal}
.impact-ribbon span:nth-child(even){color:#8ae3d6}
html[data-theme=light] .impact-ribbon span{color:#153f50;-webkit-text-stroke:0}
html[data-theme=light] .impact-ribbon span:nth-child(even){color:#00676b}
.demo-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
:is(.showcase-layout,.section-head,.perspective-layout,.intelligence-layout,.grid2,.grid3,.vision-chapter-head,.sustainability-hero__grid)>*{min-width:0}
@media(max-width:1000px){
 .site-header .nav{height:72px}.site-header .theme-toggle{margin-left:auto}
 .mobile-menu{padding:20px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
 .mobile-menu nav a{font-size:16px;line-height:1.5;min-height:48px}
 .mobile-menu__top{gap:10px}.mobile-menu__top .logo{width:120px}.mobile-menu__top .theme-toggle{margin-right:0}
 .footer-links a{font-size:13px;min-height:44px;display:flex;align-items:center}
 .footer-links strong{font-size:13px}.footer-brand p,.footer-bottom{font-size:13px}
}
@media(max-width:760px){
 html{scroll-padding-top:88px}
 .wrap,.grid3{width:calc(100% - 40px)}
 .impact-ribbon{padding:25px 0;min-height:0}
 .impact-ribbon>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;font-size:clamp(34px,10vw,64px)}
 .eyebrow,.kicker,.section-index,.impact-home .hero-copy .eyebrow{font-size:11px!important;line-height:1.6;letter-spacing:.11em}
 .section-space,.vision-bridge,.vision-intro,.vision-ai,.vision-chapter,.vision-foundation,.band,.intro,.contact,.proof,.process,.workflow,.credential-section,.frameworks{padding-block:60px}
 :is(.section-head p,.intelligence-layout p,.perspective-copy p,.field-content>p,.industry-copy p,.module-copy p,.demo-intro,.card p,.card.dark p,.service p,.service:nth-child(2) p,.capability-card p,.foundation-grid p,.vision-mobile p,.vision-chapter-head p,.vision-small,.vision-bridge .section-head>div>p,.vision-availability p,.step p,.value-item p,.principle p,.hop-point span,.credential-heading p,.credential-features p,.tracking-card p,.framework-card p,.sustainability-steps p,.customer-help p,.customer-help ol,.customer-login-card p,.page-hero p){font-size:16px;line-height:1.75}
 :is(.button,.text-link,.service a,.module-copy a,.vision-jump a){font-size:14px;min-height:48px;line-height:1.5}
 .text-link{display:inline-flex;align-items:center}
 .button{padding:13px 17px;gap:12px;max-width:100%;white-space:normal;text-align:center}
 .hero-actions{gap:12px}
 /* Content defines the hero height, including on a short phone or at larger text sizes. */
 .impact-home .cinematic-hero{min-height:0;padding:104px 0 28px;display:flex;justify-content:flex-start}
 .impact-home .hero-layout{flex:0 0 auto}
 .impact-home .hero-copy h1{font-size:clamp(58px,15.6vw,105px);line-height:.96}
 .impact-home .hero-copy .hero-deck{font-size:16px;line-height:1.4;margin:20px 0 16px}
 .impact-home .hero-copy>p:not(.hero-deck){font-size:16px;line-height:1.75;max-width:440px}
 .impact-home .hero-actions .button{font-size:14px;min-height:48px;padding:13px 17px}
 .impact-home .hero-baseline{margin-top:24px;padding-top:15px;min-height:0;font-size:11px;gap:16px;display:flex;flex-wrap:wrap}
 .impact-home .hero-baseline>span{max-width:none}.impact-home .hero-baseline .scroll-link{font-size:11px;line-height:1.5;max-width:none;text-align:left;min-height:44px}
 .hero-depth-controls{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 40px);margin:15px auto 0;gap:14px;align-items:center}
 .hero-depth-controls>span{font-size:11px;max-width:none;flex:1}.hero-depth-controls button{font-size:12px;flex-shrink:0}
 .impact-home .hero-haze{background:linear-gradient(180deg,#050e18e6,#050e18a6 43%,#050e1822 70%,#050e18 98%)}
 /* A natural-flow story replaces the tall pinned sequence on small screens. */
 .layered-story{height:auto;min-height:0}
 .layered-stage{position:relative;top:auto;height:auto;min-height:0;overflow:hidden;padding:0 0 26px;display:flex;flex-direction:column}
 .depth-story-copy{padding-top:32px;padding-bottom:28px;min-height:0}
 .depth-story-copy .eyebrow{font-size:11px}
 .depth-story-copy h2{font-size:clamp(48px,13vw,84px);line-height:1.02;margin:22px 0;max-width:100%}
 .depth-story-copy p{font-size:16px;line-height:1.75;max-width:420px}
 .depth-story-copy .button{font-size:14px;min-height:48px;margin-top:10px}
 .layered-shade{background:linear-gradient(90deg,#03131df5,#03131db3 68%,#03131d80),linear-gradient(0deg,#04141ef5,transparent 65%)}
 .depth-story-controls{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto}
 .depth-step-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}
 .depth-step-buttons button{font-size:14px;min-height:48px;padding:12px 16px;gap:14px;line-height:1.5}
 .depth-step-buttons button span{font-size:12px}
 .depth-stage-status{gap:15px;align-items:center}.depth-stage-status>span{font-size:11px;line-height:1.6;max-width:none;flex:1}.depth-stage-status button{font-size:12px;min-height:44px}
 .depth-skip{top:18px;right:20px;font-size:12px;min-height:44px}
 /* No horizontally hidden feature choices or miniature dashboard labels. */
 .module-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0 0 12px}
 .module-tabs button{font-size:14px;padding:12px;min-height:54px;line-height:1.5;white-space:normal;overflow-wrap:normal}
 .module-tabs button span{display:none}
 .perspective-controls{display:grid;grid-template-columns:1fr;overflow:visible;gap:6px;padding-bottom:15px}
 .perspective-controls button{font-size:14px;white-space:normal;text-align:left;border:1px solid var(--line);border-radius:5px;min-height:48px;padding:12px 16px}
 .metrics{grid-template-columns:1fr;gap:10px}
 .metric-box{padding:16px}.metric-box small{font-size:13px;line-height:1.6}.metric-box strong{font-size:30px;margin:6px 0}.metric-box em{font-size:12px;line-height:1.5}
 .demo-charts{grid-template-columns:1fr;gap:14px}.chart-box{padding:16px}.chart-box:nth-child(2){display:block}
 .chart-box h4{font-size:13px;line-height:1.6}.chart-key{font-size:12px;gap:12px;line-height:1.5}
 .chart-box svg text{font-size:12px}
 .demo-body{padding:16px}.product-window{min-height:0}
 .window-top{flex-wrap:wrap;gap:8px;font-size:11px;padding:14px}.demo-tag,.impact-home .demo-tag{font-size:10px;line-height:1.6}
 .demo-heading{flex-wrap:wrap}.demo-heading small{font-size:11px;line-height:1.6}.demo-heading h3{font-size:23px;margin-bottom:18px}.demo-heading>span{display:block;font-size:12px}
 .demo-banner{font-size:13px;line-height:1.6;gap:12px;flex-wrap:wrap}
 .demo-table{font-size:14px;min-width:390px}.demo-table th,.demo-table td{padding:13px 10px;line-height:1.6}.demo-table .pill{font-size:12px;display:inline-block;white-space:nowrap}
 .availability-note,.story-note,.value-footnote,.cinematic-cta small{font-size:13px;line-height:1.75}
 .impact-home .clarity-section .section-head>p{font-size:16px;margin-top:24px;max-width:none}
 .impact-home .clarity-section .story-note{font-size:13px}
 /* The network becomes a simple readable list on narrow screens. */
 .impact-home .clarity-stage{margin-top:35px;min-height:0;padding:24px 20px 20px;display:grid;grid-template-columns:1fr;gap:10px;background:#061a25e8}
 .clarity-lines{display:none}.clarity-core{width:100px;height:100px;margin:0 auto 15px}
 .system-node{position:static;left:auto;top:auto;transform:none!important;min-width:0;min-height:48px;padding:12px 15px;font-size:14px;gap:12px}
 .system-node i{font-size:15px}.clarity-caption{position:static;font-size:11px;text-align:center;padding-top:14px;line-height:1.7}
 .intelligence-orbit{min-height:390px}.insight-card{font-size:14px;min-width:0;max-width:calc(100% - 20px);padding:15px}.insight-card small{font-size:11px}.orbit-caption{font-size:11px;line-height:1.6}
 .intelligence-list li,.perspective-points li,.capability-card li{font-size:15px;line-height:1.75}
 .orbit-circle{max-width:90%}
 .mobile-device{width:min(280px,100%);padding:24px 18px}.mobile-device small{font-size:12px}.mobile-device h4{font-size:24px}.mobile-device .report-demo{font-size:15px}.task-demo{font-size:14px;padding:14px}.task-demo small,.phone-caption{font-size:12px;line-height:1.6}
 .mini-desktop{padding:18px}.mini-desktop small{font-size:12px}.mini-desktop h4{font-size:23px}
 .field-chapter{padding:65px 0 40px;min-height:0;display:block}.field-content h2{font-size:clamp(46px,12vw,75px)}.field-content>p{max-width:400px}
 .field-signals{position:relative;right:auto;bottom:auto;width:calc(100% - 40px);margin:50px auto 0;gap:10px}
 .field-signal:nth-child(n){margin:0;transform:none}.field-signal{padding:16px}.field-signal small{font-size:11px;line-height:1.6}.field-signal>span:last-child{font-size:14px;line-height:1.6}.field-signals>p{font-size:11px;line-height:1.6}
 .impact-home .industry-copy{padding:35px 24px}.impact-home .industry-copy h3{font-size:clamp(36px,9vw,52px);overflow-wrap:normal}
 .industry-controls{display:grid;grid-template-columns:1fr;gap:8px}.industry-controls button{font-size:14px;text-align:left;min-height:48px;padding:12px 16px;line-height:1.5}
 .value-item{padding:24px 18px}.value-item h3{font-size:21px}.value-item>span{font-size:13px}
 .impact-home .service>p{font-size:16px}.impact-home .service>a{font-size:14px;min-height:44px}
 .impact-secondary.page-hero h1,.platform-vision-hero.page-hero h1{font-size:clamp(38px,10vw,65px);line-height:1.1;max-width:100%}
 .page-hero,.impact-secondary,.platform-vision-hero,.services-hero{min-height:0;padding:125px 0 65px}
 .page-hero.image-hero:before,.impact-secondary.page-hero.image-hero:before,.platform-vision-hero.page-hero.image-hero:before,.services-hero:before{background:linear-gradient(90deg,#061521f5,#061521d9 70%,#061521a6)}
 .contact-card{padding:24px;max-width:100%}.contact-card input,.contact-card select,.contact-card textarea{font-size:16px!important;min-height:48px;max-width:100%}.contact-card textarea{min-height:140px}
 .contact-card label{font-size:15px!important;line-height:1.6}.contact-card button[type=submit]{min-height:48px;font-size:16px!important}
 .vision-domains a{font-size:16px}.vision-domains span,.scope-label{font-size:12px}.vision-availability strong{font-size:16px}.vision-jump a{font-size:14px}.foundation-grid article>span{font-size:12px}
 .credential-tracks span{font-size:13px}.credential-features article>span{font-size:12px}.credential-screens figcaption{font-size:13px}.credential-bottom p{font-size:13px;line-height:1.7}
 .footer-links{grid-template-columns:1fr 1fr;gap:25px}.footer-links a{font-size:14px;min-height:44px}.footer-links strong{font-size:14px}.footer-bottom{line-height:1.7}.footer-bottom span{gap:10px}
 .footer-brand .felicie-footer{width:38px;height:38px}
}
@media(max-width:360px){
 .module-tabs{grid-template-columns:1fr}.impact-home .hero-actions{display:grid;grid-template-columns:1fr}.impact-home .hero-actions .button{width:100%}
 .hero-depth-controls,.depth-stage-status{align-items:stretch;flex-direction:column}.hero-depth-controls button,.depth-stage-status button{align-self:flex-start}
 .impact-home .hero-baseline{margin-top:24px}.impact-home .hero-copy h1{font-size:clamp(49px,15.6vw,57px)}
 .mobile-menu__top .logo{width:105px}.mobile-menu__top{gap:8px}
}
@media(max-height:650px) and (min-width:761px){
 .layered-story{height:auto;min-height:0}.layered-stage{position:relative;height:auto;min-height:0;padding-bottom:28px}.depth-story-copy{padding-top:115px;padding-bottom:35px}.depth-story-copy h2{font-size:70px}.depth-story-controls{position:relative;bottom:auto}.depth-skip{top:80px}
}
@media(prefers-reduced-motion:reduce){.impact-ribbon>div{transform:none!important}}

/* Layout audit: shared alignment, intrinsic sizing and compact content sections. */
:is(.services,.steps,.value-grid,.capability-grid,.foundation-grid,.credential-features,.footer-links,.customer-login-grid,.tracking-grid,.framework-grid)>*{min-width:0}
:is(.grid2,.grid3,.vision-mobile,.frameworks-intro,.credential-heading,.split-title,.hop-grid,.proof-grid)>*{min-width:0}
:is(.service-image,.vision-chapter-image,.field-picture) img{display:block}
:is(.text-link,.module-copy a,.footer-links a,.vision-domains a,.customer-login-card .login-destination){overflow-wrap:anywhere}
.module-copy a{white-space:normal}
.service{display:flex;flex-direction:column;align-items:flex-start}
.service-image{width:100%;flex-shrink:0}
.impact-home .service>a{margin-top:auto;padding-top:20px}
.button>span[aria-hidden=true],.signal-symbol,.status-dot{flex-shrink:0}
.site-header .nav>a{flex-shrink:0}
.footer-links a{line-height:1.6}
.demo-table th,.demo-table td{vertical-align:top}
html[data-theme=light] :is(.product-window,.mini-desktop,.mobile-device) .story-note{color:#a7c4cf}
@media(min-width:1001px){
 .hero-depth-controls{right:max(48px,calc((100% - 1240px)/2));max-width:340px;align-items:flex-end}
 .hero-depth-controls>span{line-height:1.6}
}
@media(min-width:761px) and (max-width:1000px){
 .showcase-layout{grid-template-columns:1fr;gap:24px}
 .module-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .module-tabs button{border-color:var(--line);white-space:normal}
 .module-tabs button span{display:none}
 .intelligence-layout,.perspective-layout{grid-template-columns:1fr;gap:32px}
 .intelligence-orbit{width:100%;max-width:600px;margin-inline:auto}
 .device-stage{min-height:0;padding-block:24px}
 .services{grid-template-columns:1fr;gap:24px}
 .service-image{height:280px}
}
@media(max-width:760px){
 /* Avoid image-only height reservations after content wraps or a tab changes. */
 .impact-home .industry-layout,.industry-layout,.impact-home .cinematic-cta{min-height:0}
 .impact-home .cinematic-cta{padding-block:64px}
 .impact-home .intelligence-orbit{min-height:340px}
 .device-stage{min-height:0;padding-block:18px}
 .impact-home .mobile-device{transform:none}
 .value-grid{margin-top:28px}
 .value-item h3{margin-top:18px}
 .card,.card.dark,.industry,.tracking-card,.framework-card{min-height:0;padding:24px}
 .card h3,.industry h3,.tracking-card h3,.framework-card h3{margin-top:22px;line-height:1.25}
 .foundation-grid article>span{margin-bottom:16px}
 .vision-domains a{min-height:0}
 .services,.credential-features,.tracking-grid,.framework-grid,.sustainability-steps,.steps{margin-top:28px}
 .step,.sustainability-steps article{padding:22px 0}
 .step h3,.sustainability-steps h3{margin-top:14px}
 .energy-panel{margin-top:0;min-width:0}
 .energy-panel__head{flex-wrap:wrap;letter-spacing:.06em}
 .energy-panel .metric strong{padding-right:84px;font-size:16px;line-height:1.6}
 .energy-panel .metric small{letter-spacing:.06em}
 .spark{width:68px}
 .screen-label{flex-wrap:wrap;gap:6px 12px}
 .customer-login-card{padding:24px}
 .customer-login-card .button,.credential-actions .button{white-space:normal;max-width:100%}
 .footer-top{gap:28px}.footer-links{margin-top:28px}
 .footer-bottom{margin-top:28px}
 .contact-card .placeholder{grid-template-columns:1fr}
 .field-signals{margin-top:28px}
 .field-signal>span:last-child{min-width:0}
 .depth-step-buttons{margin-bottom:16px}
 .perspective-controls{margin-bottom:24px}
 .perspective-copy h3{font-size:clamp(26px,6.8vw,34px)}
 .module-copy{margin-top:18px}
 .module-copy a{padding-block:12px 0}
 .vision-jump{margin-top:24px}
 .hero-actions{align-items:stretch}
 .hero-baseline>span{line-height:1.6}
 .depth-stage-status>span,.hero-depth-controls>span{overflow-wrap:anywhere}
 .section-head p{margin-bottom:0}
}
@media(max-width:600px){
 .value-grid{grid-template-columns:1fr}
 .value-item:nth-child(n){border-right:0;border-top:0;border-bottom:1px solid var(--line);padding:22px 0}
 .value-item:last-child{border-bottom:0}
 .value-item h3{margin-top:12px}
 .mobile-menu nav{grid-template-columns:1fr}
 .hero-actions .button{flex:1 1 210px}
 .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Let the imagery remain visible behind mobile overlay cards in both themes. */
@media(max-width:760px){
 .impact-home .clarity-stage{background:#061a25a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
 .impact-home .system-node{background:#09243266}
 .impact-home .insight-card,.field-signal{background:#082331b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
}