/* Reference-led visual layer. Scoped so the archived previews keep the former design. */
.reference-theme{--ref-ink:#07151b;--ref-dark:#071319;--ref-deep:#0c3324;--ref-green:#54bd39;--ref-lime:#72d54d;--ref-wash:#f1f5f1;--ref-line:#dce5de;background:#fff;color:var(--ref-ink)}
.reference-theme .site-header{height:68px;background:rgba(7,19,25,.97);border:0;color:#f4f8f5;box-shadow:none}
.reference-theme .site-header .brand small{color:#9fb0a8}.reference-theme .site-header .brand-mark{background:var(--ref-green);color:#071319;border-radius:2px}
.reference-theme .site-header nav a{font-size:12px;letter-spacing:.015em}.reference-theme .site-header nav a:hover{color:#86dd68}
.reference-theme .site-header>.btn{background:var(--ref-green);color:#fff;border-radius:999px;min-height:34px;padding-inline:18px}
.reference-theme .menu-btn{color:#fff;border-color:#779087}.reference-theme .dropdown{background:#0c2026;border-color:#294138;color:#fff}.reference-theme .dropdown a:hover{background:#12372b}
.reference-theme .btn{border-radius:3px}.reference-theme .btn.lime{background:var(--ref-green);color:#fff}.reference-theme .btn.ghost{color:inherit}
.reference-theme .eyebrow,.reference-theme .hx .hx-kicker,.reference-theme .of-kicker{color:var(--ref-green);letter-spacing:.11em}
.reference-theme footer{background:#071319;color:#d5dfda;border-top:5px solid var(--ref-green)}
.reference-theme footer .brand-mark{background:var(--ref-green);color:#071319}.reference-theme footer h3{color:#fff}.reference-theme footer a:hover{color:#85dc66}

/* Home */
.ref-home .hx{--forest:#0c3324;--deep:#071319;--lime:#65cb45;--lime2:#8ae16c;--hx-soft:#f2f6f2;--hx-border:#dbe4dc}
.ref-home .hx .hx-wrap{width:min(1280px,calc(100% - 110px))}.ref-home .hx .hx-section{padding:96px 0}
.ref-home .hx .hx-hero{position:relative;background:radial-gradient(circle at 78% 45%,#17352c 0,#0c211f 25%,#071319 59%);color:#fff;padding-top:82px}
.ref-home .hx .hx-hero:after{content:'';position:absolute;inset:auto 0 0;height:6px;background:var(--ref-green)}
.ref-home .hx .hx-hero h1{font-size:clamp(45px,5vw,72px);max-width:650px}.ref-home .hx .hx-hero h1 em{color:#fff}
.ref-home .hx .hx-hero-copy>p{color:#afc0b8}.ref-home .hx .hx-hero .btn.ghost{color:#fff;border-color:#789087}
.ref-home .hx .hx-hero-tags span{border-color:var(--ref-green);color:#d6e3dc}.ref-home .hx .hx-hero-copy>.hx-hero-scope{color:#8fa39a}
.ref-home .hx .hx-plant{background:#eef4ef;border:0;border-radius:3px;box-shadow:0 35px 80px rgba(0,0,0,.33)}
.ref-home .hx .hx-plant-bar{background:#112b25;color:#c8d9d0;border:0}.ref-home .hx .hx-plant>img{mix-blend-mode:multiply}
.ref-home .hx .hx-plant figcaption{color:#0b2119}.ref-home .hx .hx-plant-stages{background:var(--ref-green)}
.ref-home .hx .hx-hero-bottom{border-color:#274139}.ref-home .hx .hx-hero-bottom>span,.ref-home .hx .hx-hero-bottom a{color:#afc2b8}
.ref-home .hx .hx-equipment,.ref-home .hx .hx-solution,.ref-home .hx .hx-case,.ref-home .hx .hx-guide{border:0;border-radius:3px;background:#f0f4f1;box-shadow:none}
.ref-home #equipment .hx-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ref-home .hx .hx-equipment-image{height:300px;background:#f1f5f2;border-bottom:4px solid var(--ref-green);padding:30px}
.ref-home .hx .hx-equipment-image img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 18px 18px rgba(8,45,31,.12))}
.ref-home .hx .hx-equipment-image>span{font-size:30px;font-weight:800;color:#d0ddd3}.ref-home .hx .hx-card-copy{padding:28px}
.ref-home .hx .hx-tint{background:#f1f5f1}.ref-home .hx .hx-tabs{border-color:#c9d5cc}.ref-home .hx .hx-tabs a{border-radius:2px}
.ref-home .hx .hx-tabs a[aria-selected=true]{background:var(--ref-green);border-color:var(--ref-green)}
.ref-home .hx .hx-requirement{border:0;border-radius:3px;box-shadow:0 10px 30px rgba(7,35,25,.06)}
.ref-home .hx .hx-section.hx-dark{position:relative;background:#0b3828}
.ref-home .hx .hx-section.hx-dark:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,22,.95),rgba(8,51,35,.82)),url('../../images/fidelity/line-organic-ai.webp') center/cover;opacity:.58}
.ref-home .hx .hx-section.hx-dark>*{position:relative}.ref-home .hx .hx-engineering-layout figure{border-radius:2px}
.ref-home .hx .hx-solution{background:#fff}
.ref-home #featured-solutions{position:relative;background:#0b3325;color:#fff;overflow:hidden}.ref-home #featured-solutions:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,37,26,.93),rgba(10,61,40,.76)),url('../../images/fidelity/line-organic-ai.webp') center/cover;opacity:.76}.ref-home #featured-solutions>*{position:relative}.ref-home #featured-solutions .hx-heading{align-items:center;text-align:center;flex-direction:column}.ref-home #featured-solutions .hx-heading>div{max-width:820px}.ref-home #featured-solutions .hx-heading p{color:#c4d5cc}.ref-home #featured-solutions .hx-heading>.hx-link{color:#fff}.ref-home #featured-solutions .hx-grid{gap:14px}.ref-home #featured-solutions .hx-solution{color:var(--ref-ink);border-radius:3px}.ref-home #featured-solutions .hx-solution-image{height:230px}.ref-home #featured-solutions .hx-card-copy{background:#fff}
.ref-home .hx .hx-project-locations{border-color:#bdcfc0}.ref-home .hx .hx-case{background:#fff;border:1px solid var(--ref-line)}
.ref-home .hx .hx-manufacturing-visual{border-radius:2px}.ref-home .hx .hx-manufacturing-visual>div{background:#0d3828}
.ref-home .hx .hx-quality-flow article>span{background:var(--ref-green);border:0;color:#fff}.ref-home .hx .hx-documents{border-radius:2px}
.ref-home .hx .hx-topics{border-radius:2px}.ref-home .hx .hx-request{background:#09271e}
.ref-home .hx .hx-request:before{background:linear-gradient(90deg,rgba(5,29,21,.96),rgba(8,53,36,.82))}
.ref-home .hx .hx-form{border-radius:3px;box-shadow:0 22px 70px rgba(0,0,0,.2)}

/* Solutions directory */
.ref-solutions-hub .crumb{display:none}.ref-solutions-hub .page-hero{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;color:#fff;padding-left:max(7vw,40px);background:linear-gradient(90deg,rgba(5,17,22,.98) 0%,rgba(5,17,22,.85) 46%,rgba(5,17,22,.22) 100%),url('../../images/fidelity/line-organic-ai.webp') center/cover}
.ref-solutions-hub .page-hero h1{max-width:760px;font-size:clamp(50px,6vw,82px)}.ref-solutions-hub .page-hero .lead{margin:0;color:#c4d0ca;max-width:650px}
.ref-solutions-hub .page-hero .stats{justify-content:flex-start;gap:80px}.ref-solutions-hub .page-hero .stats b{color:var(--ref-lime)}.ref-solutions-hub .page-hero .stats span{color:#a9bab1}
.ref-solutions-hub main>section:not(.page-hero):not(.cta){padding-top:72px;border-top:6px solid var(--ref-green)}
.ref-solutions-hub .filter-row{background:#f0f4f1;border:0;border-radius:2px}.ref-solutions-hub .filter-row input{border-radius:2px}
.ref-solutions-hub .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ref-solutions-hub .catalog .card{position:relative;border:0;border-radius:3px;background:#f0f4f1;box-shadow:none;min-height:420px}
.ref-solutions-hub .catalog .card-img{height:300px;background:#f1f5f2;border-bottom:0}
.ref-solutions-hub .catalog .card-body{padding:29px}.ref-solutions-hub .catalog .card-body h3{font-size:24px}.ref-solutions-hub .catalog .card-body p{min-height:auto}
.ref-solutions-hub .catalog .badge{position:absolute;top:20px;left:20px;background:#fff;border:0;color:#60716a;border-radius:2px}
.ref-solutions-hub .cta{max-width:none;background:#0b3325;color:#fff}.ref-solutions-hub .cta p{color:#c1d2c8}

/* Organic fertilizer production line */
.ref-organic-detail .crumb{display:none}.ref-organic-detail .of-hero{min-height:690px;background-image:linear-gradient(90deg,rgba(5,17,22,.98) 0%,rgba(5,17,22,.86) 44%,rgba(5,17,22,.18) 86%),var(--of-hero);background-position:center}
.ref-organic-detail .of-hero-copy{padding-left:max(7vw,40px)}.ref-organic-detail .of-hero h1{max-width:760px;font-size:clamp(52px,6vw,84px)}
.ref-organic-detail .of-hero p{color:#bdcbc4}.ref-organic-detail .of-hero-tags span{border-radius:2px;background:#0e2b25;border-color:#345047}
.ref-organic-detail .of-section{padding-top:78px;padding-bottom:78px}.ref-organic-detail .of-section.alt{background:#f1f5f1}
.ref-organic-detail .number-title>b{background:var(--ref-green);color:#fff;border-radius:2px}.ref-organic-detail .number-title h2{font-size:clamp(30px,3.1vw,48px)}
.ref-organic-detail .of-fact-table,.ref-organic-detail .of-answer-visual,.ref-organic-detail .target-product,.ref-organic-detail .application-list,.ref-organic-detail .of-process>div,.ref-organic-detail .capacity-grid>div,.ref-organic-detail .layout-card,.ref-organic-detail .utility-grid>div,.ref-organic-detail .cost-visual,.ref-organic-detail .config-options>div,.ref-organic-detail .why-grid>div,.ref-organic-detail .faq-columns details{border-radius:2px;box-shadow:none}
.ref-organic-detail .of-fact-table strong{background:#e3eee5}.ref-organic-detail .of-answer-visual{background:#e7eee8}
.ref-organic-detail .material-grid>div{border:0;border-radius:2px;background:#fff;box-shadow:0 10px 28px rgba(8,40,29,.07)}.ref-organic-detail .material-mark{border-radius:2px;background:var(--ref-green);color:#fff}
.ref-organic-detail .of-process>div{border:0;background:#fff;border-bottom:3px solid var(--ref-green)}.ref-organic-detail .of-process>div>span{background:#0d3828;border-radius:2px}
.ref-organic-detail .of-process img{height:130px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 12px 14px rgba(8,45,31,.11))}.ref-organic-detail .of-process>div{padding:18px;background:#f5f8f5}
.ref-organic-detail .of-config-photo,.ref-organic-detail .capacity-grid>div{border-radius:2px}.ref-organic-detail .capacity-grid>div{border:0}.ref-organic-detail .capacity-photo{border-radius:2px 2px 0 0}
.ref-organic-detail .layout-card{border:0}.ref-organic-detail .layout-card img{background:#fff}.ref-organic-detail .layout-principles>div{background:#0d3828;color:#fff;border-radius:2px}
.ref-organic-detail .utility-grid>div{border:0;border-top:3px solid var(--ref-green)}.ref-organic-detail .config-options>div.featured{border-color:var(--ref-green);background:#0d3828;color:#fff}
.ref-organic-detail .config-options>div.featured p,.ref-organic-detail .config-options>div.featured li{color:#c4d5cb}.ref-organic-detail .why-grid>div{border:0;background:#f1f5f1}
.ref-organic-detail .of-section:nth-of-type(7){background:#0b3828;color:#fff;max-width:none}.ref-organic-detail .of-section:nth-of-type(7)>*{max-width:1256px;margin-left:auto;margin-right:auto}
.ref-organic-detail .of-section:nth-of-type(7) p{color:#c1d2c8}.ref-organic-detail .of-section:nth-of-type(7) .number-title>div>p{color:#c1d2c8}
.ref-organic-detail .of-form-grid{background:#fff}.ref-organic-detail .engineer-card{border-radius:2px;background:#0d3828}.ref-organic-detail .of-form input,.ref-organic-detail .of-form select,.ref-organic-detail .of-form textarea{border-radius:2px}

/* Click-selected cards: the active green moves between cards, matching the supplied interaction sample. */
.reference-theme .js-color-card{cursor:pointer;position:relative;transition:background-color .38s cubic-bezier(.22,.75,.25,1),color .38s cubic-bezier(.22,.75,.25,1),transform .26s ease,box-shadow .38s ease,border-color .38s ease;will-change:transform,background-color}
.reference-theme .js-color-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ref-green);transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.22,.75,.25,1);z-index:3}
.reference-theme .js-color-card:hover,.reference-theme .js-color-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 42px rgba(7,39,27,.12)}
.reference-theme .js-color-card:hover:after,.reference-theme .js-color-card:focus-within:after{transform:scaleX(1)}
.reference-theme .js-color-card.is-active{box-shadow:0 20px 46px rgba(20,72,48,.16);transform:translateY(-4px)}
.reference-theme .js-color-card.is-active:after{transform:scaleX(1);background:var(--ref-green)}
.reference-theme .js-color-card.is-activating{animation:ref-card-select .34s cubic-bezier(.2,.8,.2,1)}
.reference-theme .js-color-card.is-active .hx-link,.reference-theme .js-color-card.is-active .text-link{color:#174a2f!important}
.reference-theme .js-color-card.is-active .badge{background:#edf7e9;border-color:#b9d9ae;color:#356c25!important}
.ref-home .hx .hx-solution.js-color-card .hx-card-copy,.ref-solutions-hub .catalog .card.js-color-card .card-body,.ref-organic-detail .card.js-color-card .card-body{background:inherit;transition:color .38s cubic-bezier(.22,.75,.25,1)}
.reference-theme .footer-contact .btn{display:inline-flex;margin-top:18px}.reference-theme .direct-contact,.reference-theme .hx-direct-contact{display:grid;gap:8px;margin:20px 0 26px}.reference-theme .direct-contact a{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #d7e1da}.reference-theme .direct-contact span{word-break:break-word}.reference-theme .hx-direct-contact a{color:#fff;font-size:14px}.reference-theme .hx-direct-contact a:hover{color:var(--ref-lime)}
@keyframes ref-card-select{0%{transform:translateY(0) scale(1)}48%{transform:translateY(-6px) scale(1.012)}100%{transform:translateY(-4px) scale(1)}}

@media(max-width:980px){.reference-theme .site-header{height:auto;min-height:64px}.ref-home .hx .hx-wrap{width:calc(100% - 56px)}.ref-home #equipment .hx-grid-3{grid-template-columns:1fr 1fr}.ref-solutions-hub .catalog{grid-template-columns:1fr}.ref-solutions-hub .page-hero{min-height:470px}.ref-organic-detail .of-hero{min-height:620px}}
@media(max-width:620px){.ref-home .hx .hx-wrap{width:calc(100% - 36px)}.ref-home .hx .hx-section{padding:62px 0}.ref-home .hx .hx-hero{padding-top:42px}.ref-solutions-hub .page-hero{min-height:520px;padding-inline:22px}.ref-solutions-hub .page-hero .stats{gap:24px;flex-wrap:wrap}.ref-solutions-hub .catalog .card{min-height:0}.ref-organic-detail .of-hero-copy{padding-inline:22px}.ref-organic-detail .of-section{padding-top:58px;padding-bottom:58px}}
@media(max-width:620px){.ref-home #equipment .hx-grid-3{grid-template-columns:1fr}.ref-home .hx .hx-equipment-image{height:250px}.ref-home #featured-solutions .hx-heading{text-align:left;align-items:flex-start}.reference-theme .direct-contact a{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.reference-theme .js-color-card,.reference-theme .js-color-card:after,.reference-theme .js-color-card .card-body,.reference-theme .js-color-card .hx-card-copy{transition:none!important;animation:none!important}}
