/* Isolated homepage proposal. Shared production styles remain untouched. */
.homepage-ecosystem{--preview-blue:#05b0fd;--preview-yellow:#fdcf2d;--preview-green:#47b972;--preview-space:48px;--preview-ink:#242422}
.homepage-ecosystem .container,.homepage-ecosystem .rf-wrap{max-width:1200px;margin-inline:auto}
.homepage-ecosystem .slider{max-width:1200px;width:calc(100% - 48px);height:434px;margin:0 auto 0;isolation:isolate;overflow:hidden;border-radius:12px;background:#fff;scroll-margin-top:112px}
.homepage-ecosystem .slider-bg{background-position:left -40px top -190px;transition:opacity .75s ease}
.homepage-ecosystem .slide-h2-container{width:100%;padding:0 28px;justify-content:flex-end}
.homepage-ecosystem .slide-h2-container .h2{width:48%;max-width:540px;line-height:1.2;font-size:clamp(30px,2.8vw,38px);text-wrap:balance;text-align:right;letter-spacing:-.025em}
.homepage-ecosystem .realityfeed-slide .h2 span{display:block;white-space:nowrap}
.homepage-ecosystem .slider-controls{z-index:2;bottom:20px}
.homepage-ecosystem .phygital>.container:not(.container-column){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.homepage-ecosystem .phygital-descr,.homepage-ecosystem .phygital-image{width:100%;min-width:0}
.homepage-ecosystem .phygital-descr{align-items:flex-start}
.homepage-ecosystem .phygital .h2,.homepage-ecosystem .section-header .h2{font-size:36px;line-height:1.18;letter-spacing:-.025em;text-align:left;font-weight:600;max-width:100%;text-wrap:balance}
.homepage-ecosystem .phygital .text{max-width:530px;font-size:18px;line-height:1.65;text-align:left;margin-top:20px}
.homepage-ecosystem .phygital-image>img{display:block;max-width:500px;width:100%;height:auto;margin-inline:auto}
.homepage-ecosystem .preview-eyebrow{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;color:#566258}
.homepage-ecosystem .overview-directions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;width:100%}
.homepage-ecosystem .overview-directions a{font-size:13px;font-weight:600;line-height:1.6;border-top:1px solid #dce5df;padding-top:16px}
.homepage-ecosystem .overview-directions a span{display:block;font-size:12px;font-weight:400;color:#536057;margin-top:3px}
.homepage-ecosystem .overview-directions i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px}
.homepage-ecosystem .mark-yellow{background:var(--preview-yellow)}.homepage-ecosystem .mark-blue{background:var(--preview-blue)}
.homepage-ecosystem .preview-inline-link{font-size:15px;color:#242422;text-decoration:underline;text-decoration-color:var(--preview-blue);text-underline-offset:5px}
.homepage-ecosystem .ecosystem-overview{border-bottom:1px solid #e5eae7}
.homepage-ecosystem .connected-overview{border-bottom:1px solid #e5eae7}
.homepage-ecosystem .rf-section{background:#fbfcfa;border-block:1px solid #e5eae7}
.homepage-ecosystem .rf-intro{grid-template-columns:1fr 1fr;gap:56px}
.homepage-ecosystem .rf-section h2{font-size:42px;line-height:1.15;margin-bottom:20px}
.homepage-ecosystem .rf-section h2 span{font-size:30px;line-height:1.2;color:#242422;margin-top:12px}
.homepage-ecosystem .rf-lead{font-size:17px;line-height:1.65}
.homepage-ecosystem .rf-button{background:var(--preview-yellow);border-color:var(--preview-yellow);color:#242422;font-size:14px;padding:12px 18px;min-height:46px}
.homepage-ecosystem .rf-secondary{background:#fff;border-color:#b9cec1}
.homepage-ecosystem .rf-button:hover{background:#f7c91d;color:#242422}
.homepage-ecosystem .rf-secondary:hover{background:#edf8f0}
.homepage-ecosystem .rf-flow{border-radius:12px;border-top:4px solid var(--preview-yellow);padding:26px}
.homepage-ecosystem .rf-flow-row strong{font-size:19px}
.homepage-ecosystem .rf-heading{margin-top:40px;gap:40px}
.homepage-ecosystem .rf-cases{gap:20px}
.homepage-ecosystem .rf-cases article{padding:24px;border-radius:12px}
.homepage-ecosystem .rf-platform{margin-top:32px;padding-top:28px;gap:40px}
.homepage-ecosystem .rf-section h3{font-size:28px}
.homepage-ecosystem .section-header{width:100%;margin-bottom:28px;text-align:left;align-items:flex-start}
.homepage-ecosystem .section-header .h2{margin:0;text-align:left}
.homepage-ecosystem .section-header .regular-text{font-size:17px;line-height:1.6;text-align:left;margin-top:12px}
.homepage-ecosystem .why-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:0;align-items:start}
.homepage-ecosystem .why-card{min-width:0;max-width:none;width:100%;height:auto;align-items:flex-start}
.homepage-ecosystem .why-card-image{width:42px}
.homepage-ecosystem .why-card .card-header{text-align:left;font-size:20px}
.homepage-ecosystem .why-card-descr{text-align:left;max-width:none}
.homepage-ecosystem .card-header{font-size:22px;line-height:1.3}
.homepage-ecosystem .why-card-descr{font-size:16px;line-height:1.6}
.homepage-ecosystem .use-cases-section>.container,.homepage-ecosystem .solutions>.container,.homepage-ecosystem .partners>.container{margin:auto}
.homepage-ecosystem .use-cases-slider{margin-top:0}
.homepage-ecosystem .solutions-list{gap:28px;margin-top:28px}
.homepage-ecosystem .partners>.container{box-sizing:border-box}
.homepage-ecosystem .partners-descr{margin-top:24px;padding-bottom:0}
.homepage-ecosystem .partners-descr .divider{margin-bottom:24px}
.homepage-ecosystem .partners-descr .text{font-size:17px;line-height:1.65;max-width:800px;margin:auto}
.homepage-ecosystem .phygital-wrapper{gap:40px;margin-top:28px}
.homepage-ecosystem .phygital-list{row-gap:20px}
.homepage-ecosystem #merch-production .section,.homepage-ecosystem #merch-production .wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}
.homepage-ecosystem #merch-production .section{padding-top:48px;padding-bottom:32px}
.homepage-ecosystem #merch-production .intro{max-width:760px;margin-bottom:28px}
.homepage-ecosystem #merch-production .merch-title{font-size:38px}
.homepage-ecosystem .partners{padding-block:40px}
.homepage-ecosystem a:focus-visible{outline:3px solid #242422;outline-offset:4px}
.homepage-ecosystem #about,.homepage-ecosystem #connected,.homepage-ecosystem #realityfeed{scroll-margin-top:110px}
@media(max-width:1000px){
 .homepage-ecosystem .phygital>.container:not(.container-column),.homepage-ecosystem .rf-intro{gap:32px}
 .homepage-ecosystem .slide-h2-container .h2{font-size:30px;width:45%}
 .homepage-ecosystem .realityfeed-slide .h2 span{white-space:normal}
}
@media(max-width:900px){
 .homepage-ecosystem .slider{height:530px}
 .homepage-ecosystem .slider-bg{background-size:900px 360px;background-position:left top;align-items:flex-end}
 .homepage-ecosystem .slide-h2-container{padding:0 24px 70px;justify-content:flex-start}
 .homepage-ecosystem .slide-h2-container .h2{width:100%;max-width:600px;text-align:left;font-size:30px;line-height:1.2}
 .homepage-ecosystem .realityfeed-slide .h2 span{white-space:nowrap}
 .homepage-ecosystem .phygital>.container:not(.container-column),.homepage-ecosystem .rf-intro,.homepage-ecosystem .rf-heading,.homepage-ecosystem .rf-platform{grid-template-columns:1fr;gap:28px}
 .homepage-ecosystem .phygital-image>img{max-width:420px}
 .homepage-ecosystem .phygital .mobile-reverse-column .phygital-descr{grid-row:1}
 .homepage-ecosystem .phygital-descr .text{max-width:100%}
 .homepage-ecosystem .rf-cases{grid-template-columns:1fr}
 .homepage-ecosystem .rf-flow{margin-top:0}
 .homepage-ecosystem .why-points{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .homepage-ecosystem{--preview-space:32px}
 .homepage-ecosystem .slider{width:calc(100% - 36px);height:510px;border-radius:10px}
 .homepage-ecosystem .slide-h2-container{padding:0 18px 65px}
 .homepage-ecosystem .slide-h2-container .h2{font-size:27px}
 .homepage-ecosystem .realityfeed-slide .h2 span{font-size:clamp(22px,6.4vw,27px)}
 .homepage-ecosystem .phygital .h2,.homepage-ecosystem .section-header .h2{font-size:30px}
 .homepage-ecosystem .phygital .text{font-size:16px}
 .homepage-ecosystem .rf-section h2{font-size:36px}
 .homepage-ecosystem .rf-section h2 span{font-size:27px}
 .homepage-ecosystem .rf-lead{font-size:16px}
 .homepage-ecosystem .rf-heading{margin-top:32px}
 .homepage-ecosystem .rf-cases article{padding:22px}
 .homepage-ecosystem .overview-directions{gap:14px}
 .homepage-ecosystem .why-points{display:grid;grid-template-columns:1fr;gap:24px}
 .homepage-ecosystem .why-card{width:100%;max-width:100%}
 .homepage-ecosystem .phygital-wrapper{gap:28px}
 .homepage-ecosystem #merch-production .section,.homepage-ecosystem #merch-production .wrap{width:calc(100% - 36px)}
}
@media(prefers-reduced-motion:reduce){.homepage-ecosystem .slider-bg{transition:none}}