/* V4 homepage content banners. Photo/product references, not customer-result claims. */
.content-banner-section{padding:36px 0 62px;position:relative}
.content-banner-product-section{background:var(--paper)}
.content-banner-product{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:stretch;min-height:430px;border:1px solid #dbe3dc;border-radius:30px;overflow:hidden;background:#eeeee6;box-shadow:0 20px 52px #17332908}
.content-banner-copy{padding:52px 54px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.content-banner-eyebrow{font-size:9px;font-weight:650;letter-spacing:.15em;line-height:1.8;color:#50675b;margin-bottom:22px;text-transform:uppercase}
.content-banner-copy h2{font-size:clamp(33px,3vw,47px);line-height:1.13;letter-spacing:-.035em;max-width:660px;font-weight:450;text-wrap:balance;color:#203735}
.content-banner-copy p{font-size:14px;line-height:1.95;color:#596b60;margin-top:23px;max-width:640px}
.content-banner-focus{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:26px 0 0;color:#4c6859;font-size:10px;line-height:1.7}
.content-banner-focus li{display:inline-flex;align-items:center;gap:9px}
.content-banner-focus li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}
.content-banner-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:32px}
.content-banner-primary,.content-banner-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;font-size:11px;font-weight:600;line-height:1.5}
.content-banner-primary{background:#1d3a34;color:#fff;padding:13px 19px;border-radius:10px;border:1px solid #1d3a34}
.content-banner-primary:hover{background:#2e5043}
.content-banner-secondary{border-bottom:1px solid #8da292;color:#345142;padding:8px 0;min-height:38px}
.content-banner-product-visual{position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-width:0;padding:32px 34px 54px;background:#fbfcf8;border-left:1px solid #dbe3dc}
.content-banner-product-visual:before{content:"";position:absolute;left:30px;top:30px;width:32px;height:2px;background:var(--accent);opacity:.8}
.content-banner-product-visual img{width:100%;height:340px;object-fit:contain;border-radius:18px;background:#fff;padding:16px}
.content-banner-product-visual figcaption{position:absolute;bottom:22px;left:35px;right:25px;font-size:8px;letter-spacing:.04em;line-height:1.7;color:#657565}
.content-banner-application-section{padding-top:62px;padding-bottom:86px;background:#f7f8f2}
.content-banner-application{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);min-height:480px;overflow:hidden;border:1px solid #dce1d8;border-radius:30px;background:#f0eee5;box-shadow:0 22px 55px #1b352b0c}
.content-banner-photo{position:relative;margin:0;min-width:0;isolation:isolate;overflow:hidden;background:#dce2da}
.content-banner-photo img{width:100%;height:100%;min-height:480px;object-fit:cover;filter:saturate(.76)}
.content-banner-photo:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#09232114 25%,#09232100 45%,#092321b3 100%);pointer-events:none}
.content-banner-photo-label{position:absolute;top:28px;left:28px;z-index:2;font-size:8px;letter-spacing:.14em;line-height:1.7;color:#315347;padding:9px 13px;background:#fcfdf4ed;border:1px solid #eff5e7;border-radius:999px;max-width:calc(100% - 56px)}
.content-banner-photo figcaption{position:absolute;bottom:24px;left:30px;right:30px;z-index:2;font-size:9px;line-height:1.8;color:#e6eee2;letter-spacing:.015em;max-width:440px}
.content-banner-application .content-banner-copy{padding:48px 45px;background:#f4f2e9}
.content-banner-application .content-banner-copy h2{font-size:clamp(32px,2.85vw,45px);color:#293a32}
.content-banner-application .content-banner-copy p{font-size:14px;color:#5f6c60}
.content-banner-application-topics{display:flex;flex-wrap:wrap;gap:7px 8px;margin-top:24px}
.content-banner-application-topics span{padding:6px 9px;border:1px solid #d5dcd0;border-radius:7px;font-size:9px;line-height:1.6;color:#64775e;background:#f8f9f1}
.content-banner-application .content-banner-primary{background:#344b57;border-color:#344b57}
.content-banner-application .content-banner-primary:hover{background:#465e68}
.content-banner-application .content-banner-secondary{color:#4c6053}
.light .content-banner-product{background:#e9ede4;border-color:#dce1d4}
.light .content-banner-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em}
.light .content-banner-product-visual{background:#fffef9}
.light .content-banner-application-section{background:#eeefe5}
.light .content-banner-application .content-banner-copy{background:#fffdf6}
.light .content-banner-application .content-banner-primary{background:#415744;border-color:#415744}
@media(max-width:1200px){.content-banner-copy{padding:42px 38px}.content-banner-copy h2{font-size:39px}.content-banner-product-visual{padding:30px 25px 52px}.content-banner-product-visual img{height:310px}.content-banner-application .content-banner-copy{padding:40px 34px}.content-banner-application .content-banner-copy h2{font-size:37px}.content-banner-links{gap:12px 21px}.content-banner-primary,.content-banner-secondary{font-size:10px;gap:18px}.content-banner-photo img{min-height:500px}}
@media(max-width:900px){.content-banner-product,.content-banner-application{grid-template-columns:1fr;min-height:0}.content-banner-copy{padding:40px 42px}.content-banner-copy h2,.content-banner-application .content-banner-copy h2{font-size:40px;max-width:700px}.content-banner-product-visual{border-left:0;border-top:1px solid #dbe3dc;min-height:0;padding:30px 35px 53px}.content-banner-product-visual img{height:300px;max-width:650px}.content-banner-product-visual:before{left:35px}.content-banner-photo{height:360px}.content-banner-photo img{height:360px;min-height:0}.content-banner-application .content-banner-copy{padding:40px 42px}.content-banner-photo figcaption{max-width:620px}.content-banner-section{padding-top:30px;padding-bottom:44px}.content-banner-application-section{padding-top:44px;padding-bottom:60px}}
@media(max-width:600px){.content-banner-section{padding-top:22px;padding-bottom:36px}.content-banner-product,.content-banner-application{border-radius:23px}.content-banner-copy,.content-banner-application .content-banner-copy{padding:31px 27px}.content-banner-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:19px}.content-banner-copy h2,.content-banner-application .content-banner-copy h2{font-size:33px;line-height:1.16;letter-spacing:-.04em}.content-banner-copy p,.content-banner-application .content-banner-copy p{font-size:13px;line-height:1.9;margin-top:20px}.content-banner-focus{font-size:9px;gap:8px 13px;margin-top:22px}.content-banner-links{gap:14px 22px;margin-top:27px}.content-banner-primary{padding:12px 16px;min-height:43px;font-size:10px}.content-banner-secondary{font-size:10px;gap:20px}.content-banner-product-visual{padding:28px 24px 52px}.content-banner-product-visual:before{left:27px;top:25px}.content-banner-product-visual img{height:235px;padding:10px}.content-banner-product-visual figcaption{left:27px;bottom:20px;font-size:8px;right:20px}.content-banner-photo,.content-banner-photo img{height:280px}.content-banner-photo-label{top:21px;left:21px;font-size:7px;padding:8px 10px;max-width:calc(100% - 42px)}.content-banner-photo figcaption{left:24px;right:24px;bottom:20px;font-size:8px}.content-banner-application-topics{margin-top:21px;gap:7px}.content-banner-application-topics span{font-size:8px;padding:5px 8px}.content-banner-application-section{padding-top:35px;padding-bottom:55px}}
@media print{.content-banner-section{padding:15px 0}.content-banner-copy{padding:20px}.content-banner-product-visual img{height:200px}.content-banner-photo,.content-banner-photo img{height:220px}.content-banner-links{display:none}}

/* WonVolt-reference framework. Original Jetray content and local photographs only. */
body.framework-wonvolt{--accent:#88c633!important;--dark:#020205;--ink:#f5f6f3;--muted:#b1b6af;--paper:#080a09;--line:#30352d;--max:1500px;--card-radius:18px;background:#080a09;color:#f5f6f3;font-family:"Segoe UI",Arial,sans-serif}
body.framework-wonvolt h1,body.framework-wonvolt h2,body.framework-wonvolt h3{font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;font-weight:650;letter-spacing:-.035em}
body.framework-wonvolt .wrap{padding-left:clamp(24px,4.2vw,64px);padding-right:clamp(24px,4.2vw,64px)}
body.framework-wonvolt a:focus-visible,body.framework-wonvolt button:focus-visible{outline-color:#b5ed71}
body.framework-wonvolt .topbar{background:#020205;color:#aeb6a7;padding:9px 0;font-size:10px;border-bottom:1px solid #22281d}
body.framework-wonvolt .topbar a{color:#d8e8c9}
body.framework-wonvolt .header{height:100px;background:#020205ed;border-color:#ffffff18;box-shadow:none;backdrop-filter:blur(12px)}
body.framework-wonvolt .brand strong{color:#fff;letter-spacing:.08em;font-size:32px}
body.framework-wonvolt .brand span{color:#b6c1ad;letter-spacing:.14em}
body.framework-wonvolt nav{gap:30px;font-size:15px}
body.framework-wonvolt nav a{color:#f6f8f4;border-bottom:2px solid transparent;padding-top:12px;padding-bottom:12px}
body.framework-wonvolt nav a.active,body.framework-wonvolt nav a:hover{border-color:#88c633;color:#b2e974}
body.framework-wonvolt .nav-blog{color:#fff!important}
body.framework-wonvolt .nav-cta{background:#88c633;color:#142008!important;border-radius:8px;padding:15px 22px!important}
body.framework-wonvolt .menu-toggle{color:#fff;background:transparent;border-color:#5d6a50;border-radius:7px}
body.framework-wonvolt .mobile-blog{color:#fff;border-color:#88c633}
body.framework-wonvolt .btn:not(.secondary){background:#88c633;border-color:#88c633;color:#152208;border-radius:8px;padding:16px 25px;min-height:53px}
body.framework-wonvolt .btn:not(.secondary):hover{background:#a5df58;border-color:#a5df58;filter:none}
body.framework-wonvolt .btn.secondary{border-color:#87917c;color:#edf5e5;background:transparent;border-radius:8px}
body.framework-wonvolt .text-link{color:#c4e69e}
body.framework-wonvolt .hero-carousel{background:#020205}
body.framework-wonvolt .banner-product{background:radial-gradient(ellipse at 85% 30%,#334621 0%,#151d10 38%,#060906 80%);color:#fff}
body.framework-wonvolt .banner-headline,body.framework-wonvolt .banner-product .banner-headline{font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;font-weight:650;letter-spacing:-.045em;font-size:clamp(50px,5.25vw,84px);color:#fff}
body.framework-wonvolt .banner-product .banner-copy>p{color:#c5cdbe}
body.framework-wonvolt .banner-product .banner-copy>.eyebrow,body.framework-wonvolt .banner-copy>.eyebrow{color:#b2e479}
body.framework-wonvolt .banner-product .banner-kicker,body.framework-wonvolt .banner-product .banner-bottom{color:#adbea0}
body.framework-wonvolt .banner-product .banner-kicker:after{background:#7e9e65}
body.framework-wonvolt .banner-product .banner-secondary{color:#edf5e5;border-color:#829672}
body.framework-wonvolt .banner-product .banner-bottom>span{color:#8f9e85}
body.framework-wonvolt .banner-product .product-stage{border-radius:20px;background:#fff;border:1px solid #ffffff4d;box-shadow:0 30px 90px #0005}
body.framework-wonvolt .banner-product .product-stage img{background:#fff}
body.framework-wonvolt .banner-source{color:#c4ccbc}
body.framework-wonvolt .banner-manufacturing .banner-backdrop:after{background:linear-gradient(90deg,#020705ed 0%,#07100cc9 45%,#06130945 100%)}
body.framework-wonvolt .banner-project .banner-backdrop:after{background:linear-gradient(90deg,#050603ed 0%,#15220abc 47%,#192b0c38 100%)}
body.framework-wonvolt .banner-aside{background:#10170edb;border-color:#a0c37d5c;border-radius:18px;box-shadow:0 20px 55px #0003}
body.framework-wonvolt .banner-aside .eyebrow{color:#b9e784}
body.framework-wonvolt .banner-aside-index{color:#c4e6a4}
body.framework-wonvolt .expertise-band{margin-top:0;background:#10150c!important;border-bottom:1px solid #38432c}
body.framework-wonvolt .expertise-band>.wrap{width:auto;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 clamp(24px,4.2vw,64px)}
body.framework-wonvolt .expertise-band>.wrap>div,body.framework-wonvolt .expertise-band>.wrap>div:first-child{padding:34px 28px;border-color:#35412a}
body.framework-wonvolt .expertise-band span{color:#a8dc6e}
body.framework-wonvolt .expertise-band h2{color:#f2f6ec;font-size:21px}
body.framework-wonvolt .expertise-band p{color:#aab79d}
body.framework-wonvolt .section{padding-top:100px;padding-bottom:100px;background:#080a09}
body.framework-wonvolt .section.alt,body.framework-wonvolt .enrich-muted{background:#11160e;border-color:#2c3525}
body.framework-wonvolt .section-heading,body.framework-wonvolt .enrich-heading{display:block;text-align:center;margin-bottom:48px}
body.framework-wonvolt .section-heading h2,body.framework-wonvolt .enrich-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.12;max-width:1050px;margin:0 auto;color:#fff}
body.framework-wonvolt .section-heading .eyebrow,body.framework-wonvolt .enrich-heading .eyebrow{color:#a8db70;margin-bottom:18px;letter-spacing:.14em}
body.framework-wonvolt .section-heading>p,body.framework-wonvolt .enrich-heading>p{max-width:760px;margin:22px auto 0;color:#b6beb0;font-size:15px;line-height:1.85}
body.framework-wonvolt .home-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.framework-wonvolt .home-collection>.product-card:first-child,body.framework-wonvolt .home-collection>.product-card:not(:first-child){display:flex;flex-direction:column;grid-column:auto;grid-row:auto;border:1px solid #3d4932;border-radius:18px;background:#141b10;overflow:hidden;box-shadow:none}
body.framework-wonvolt .home-collection>.product-card:first-child .product-image,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-image{height:330px;min-height:0;padding:36px;border-right:0;border-bottom:0;border-radius:17px 17px 0 0;background:#fff}
body.framework-wonvolt .home-collection>.product-card:first-child .product-body,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body{padding:32px;justify-content:flex-start}
body.framework-wonvolt .home-collection>.product-card:first-child h3,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body h3{font-size:27px;color:#f8faf5;line-height:1.2;max-width:none}
body.framework-wonvolt .home-collection>.product-card:first-child .product-body>p,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body p{font-size:13px;line-height:1.9;color:#b5c0ab}
body.framework-wonvolt .home-collection>.product-card:first-child .card-bottom,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .card-bottom{margin-top:auto;align-items:flex-start;gap:12px;flex-wrap:wrap;color:#d6e6c7}
body.framework-wonvolt .home-collection .spec-chips span{border-color:#4c5d3e;color:#c8d8b8;background:#1d2816}
body.framework-wonvolt .product-card:hover{border-color:#88c633;box-shadow:0 18px 45px #0002;transform:translateY(-4px)}
body.framework-wonvolt .product-grid .product-card{color:#202b1c;background:#fff;border-color:#48583b;border-radius:18px;overflow:hidden}
body.framework-wonvolt .product-grid .product-body p{color:#61715a}
body.framework-wonvolt .product-grid .spec-chips span{color:#53684a;border-color:#d7e0d0;background:#f3f7ef}
body.framework-wonvolt .product-grid .text-link{color:#496b2c}
body.framework-wonvolt .product-image .tag{color:#4d6b38;background:#eef5e7}
body.framework-wonvolt .application-grid{gap:26px;align-items:stretch;border:0}
body.framework-wonvolt .application{margin-top:0!important;background:#171d13;border:1px solid #3b4930!important;border-radius:18px;color:#fff;min-height:335px;padding:38px}
body.framework-wonvolt .application .number{background:#26351c;color:#b0e279;border-radius:14px}
body.framework-wonvolt .application h3{font-size:29px}
body.framework-wonvolt .application p{color:#b8c4ad;font-size:14px;line-height:1.85}
body.framework-wonvolt .case-section{background:#030704;color:#fff}
body.framework-wonvolt .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
body.framework-wonvolt .case-card{margin-top:0!important;background:#131b10;border:1px solid #3b4b2e;border-radius:18px;overflow:hidden;box-shadow:none}
body.framework-wonvolt .case-card-photo img{height:290px;filter:saturate(.82)}
body.framework-wonvolt .case-card-photo>span{background:#0a120ae6;color:#dceecb;border:1px solid #9fba8266}
body.framework-wonvolt .case-card-body{padding:32px}
body.framework-wonvolt .case-card h3{color:#fff;font-size:28px}
body.framework-wonvolt .case-card p,body.framework-wonvolt .case-disclosure{color:#b5c3a9;font-size:13px;line-height:1.9}
body.framework-wonvolt .editorial{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
body.framework-wonvolt .story,body.framework-wonvolt .story:first-child{background:transparent;border:0;border-top:2px solid #88c633;border-radius:0;padding:30px 0;box-shadow:none;color:#fff}
body.framework-wonvolt .story .eyebrow,body.framework-wonvolt .story:first-child .eyebrow{color:#a6c08f}
body.framework-wonvolt .story h3{font-size:29px;line-height:1.25}
body.framework-wonvolt .story p,body.framework-wonvolt .story:first-child p{color:#aebba2;font-size:14px;line-height:1.9}
body.framework-wonvolt .story a:hover h3{color:#b3e47e}
body.framework-wonvolt .content-banner-section{background:#080a09}
body.framework-wonvolt .content-banner-product{background:#151e0f;border-color:#465b34;border-radius:20px;box-shadow:none}
body.framework-wonvolt .content-banner-copy h2{font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;font-weight:650;color:#fff}
body.framework-wonvolt .content-banner-copy p{color:#bdcbb1}
body.framework-wonvolt .content-banner-eyebrow{color:#a8dc73}
body.framework-wonvolt .content-banner-focus{color:#c3d4b3}
body.framework-wonvolt .content-banner-product-visual{background:#fff;border-color:#536545}
body.framework-wonvolt .content-banner-product-visual figcaption{color:#627059}
body.framework-wonvolt .content-banner-primary{background:#88c633;border-color:#88c633;color:#142008;border-radius:8px}
body.framework-wonvolt .content-banner-primary:hover{background:#a7df5e}
body.framework-wonvolt .content-banner-secondary{color:#d5e8c2;border-color:#8fbe69}
/* Existing application photograph becomes an edge-to-edge scene; no foreign asset URL. */
body.framework-wonvolt .content-banner-application-section{padding:0;background:#020205}
body.framework-wonvolt .content-banner-application-section>.wrap{max-width:none;padding:0}
body.framework-wonvolt .content-banner-application{position:relative;isolation:isolate;display:flex;align-items:center;min-height:720px;border:0;border-radius:0;background:#020205;box-shadow:none;overflow:hidden}
body.framework-wonvolt .content-banner-application .content-banner-photo{position:absolute;inset:0;z-index:-2;border-radius:0}
body.framework-wonvolt .content-banner-application .content-banner-photo img{width:100%;height:100%;min-height:100%;object-fit:cover;filter:saturate(.7)}
body.framework-wonvolt .content-banner-application .content-banner-photo:after{background:linear-gradient(90deg,#020705e8 0%,#071109d1 40%,#06100955 100%)}
body.framework-wonvolt .content-banner-application .content-banner-copy{position:relative;z-index:1;max-width:920px;width:67%;padding:100px clamp(24px,6vw,100px);background:transparent}
body.framework-wonvolt .content-banner-application .content-banner-copy h2{font-size:clamp(38px,4.5vw,68px);line-height:1.1;color:#fff}
body.framework-wonvolt .content-banner-application .content-banner-copy p{max-width:630px;color:#d0ddc5;font-size:16px}
body.framework-wonvolt .content-banner-application .content-banner-primary{background:#88c633;border-color:#88c633;color:#142008}
body.framework-wonvolt .content-banner-application .content-banner-secondary{color:#e1eed6;border-color:#a7c98b}
body.framework-wonvolt .content-banner-application-topics span{color:#d5e7c7;border-color:#a5bf8b77;background:#09130670}
body.framework-wonvolt .content-banner-photo-label{right:40px;left:auto;top:35px;background:#061005b8;border-color:#a2c47e77;color:#d6e9c5}
body.framework-wonvolt .content-banner-application .content-banner-photo figcaption{left:auto;right:40px;bottom:30px;max-width:300px;color:#d5e3c8;text-align:right}
body.framework-wonvolt .enrich-card,body.framework-wonvolt .fact-box,body.framework-wonvolt .enrich-reading-card,body.framework-wonvolt .enrich-route-card,body.framework-wonvolt .enrich-split-note>div,body.framework-wonvolt .checklist article{background:#141b10;border-color:#3b4930;border-radius:18px;color:#f5f8ef;box-shadow:none}
body.framework-wonvolt .enrich-card p,body.framework-wonvolt .fact-box p,body.framework-wonvolt .enrich-reading-card p,body.framework-wonvolt .enrich-route-card p{color:#b4c1a8}
body.framework-wonvolt .enrich-card-index{background:#27371b;color:#b7e98a}
body.framework-wonvolt .page-heading{background:#141d0d;padding:65px 0 75px;border-bottom:1px solid #3a4b2d}
body.framework-wonvolt .page-heading h1{font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;color:#fff;font-weight:650}
body.framework-wonvolt .page-heading .eyebrow{color:#b1df80}
body.framework-wonvolt .page-heading p,body.framework-wonvolt .breadcrumb{color:#b6c3a8}
body.framework-wonvolt .detail-copy p,body.framework-wonvolt .detail-section p,body.framework-wonvolt .detail-section li,body.framework-wonvolt details p,body.framework-wonvolt .article-body p,body.framework-wonvolt .intro-grid p,body.framework-wonvolt .step p{color:#bac5b0}
body.framework-wonvolt .detail-image{background:#fff;border-color:#435836;border-radius:20px}
body.framework-wonvolt .article-aside a{color:#b5cba4}
body.framework-wonvolt .enrich-table th,body.framework-wonvolt th{background:#25331b;color:#e6f1dc;border-color:#46563a}
body.framework-wonvolt .enrich-table td,body.framework-wonvolt td{background:#121b0e;color:#becbb2;border-color:#34452a}
body.framework-wonvolt td:first-child{color:#d2e3c1}
body.framework-wonvolt .note,body.framework-wonvolt .enrich-compact-note{background:#1e2b15;border-color:#88c633;color:#c0d2b0}
body.framework-wonvolt .note strong{color:#e6f0dc}
body.framework-wonvolt .form{background:#121a0e;border-color:#4b5d3b;border-radius:18px;box-shadow:none}
body.framework-wonvolt .field input,body.framework-wonvolt .field textarea,body.framework-wonvolt .field select{background:#050a03;color:#edf5e6;border-color:#5a6b49;border-radius:8px}
body.framework-wonvolt .toolbar input{color:#263420;background:#fff;border-color:#9bad8b}
body.framework-wonvolt .compare-panel{background:#f6f8f1;color:#22311c}
body.framework-wonvolt .compare-panel td,body.framework-wonvolt .compare-panel th{background:#eef4e6;color:#2b4121;border-color:#d1dec4}
body.framework-wonvolt .cta{background:#111b0a;padding:85px 0;border-top:1px solid #3e542c}
body.framework-wonvolt .cta:after{border-color:#a0ce6c21}
body.framework-wonvolt .cta h2{font-size:clamp(38px,4vw,61px)}
body.framework-wonvolt .cta p{color:#bccdad}
body.framework-wonvolt .footer{background:#020205;color:#eef3e7;padding-top:80px}
body.framework-wonvolt .footer .brand strong{color:#fff}
body.framework-wonvolt .footer .brand span,body.framework-wonvolt .footer p,body.framework-wonvolt .footer a{color:#b9c4ae}
body.framework-wonvolt .footer h4{color:#fff;font-size:17px;text-transform:uppercase;letter-spacing:.025em}
body.framework-wonvolt .footer a:hover{color:#b2e67b}
body.framework-wonvolt .footer-bottom{border-color:#303a27;color:#98a68c}
body.framework-wonvolt .wonvolt-scene{min-height:82svh;position:relative;background-position:center;background-size:cover;color:#fff}
body.framework-wonvolt .wonvolt-contact{background:#080d05;padding:90px 0}
@media(max-width:1250px){body.framework-wonvolt nav{gap:20px;font-size:14px}body.framework-wonvolt .home-collection>.product-card:first-child .product-image,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-image{height:280px;padding:27px}body.framework-wonvolt .home-collection>.product-card:first-child .product-body,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body{padding:27px}}
@media(max-width:1100px){body.framework-wonvolt .header{height:86px}body.framework-wonvolt nav{top:86px;background:#020205;border-color:#3d4b2f;padding:22px 5%}body.framework-wonvolt .section{padding-top:80px;padding-bottom:80px}body.framework-wonvolt .content-banner-application{min-height:650px}body.framework-wonvolt .content-banner-application .content-banner-copy{width:80%;padding:80px 6%}body.framework-wonvolt .case-card-photo img{height:240px}}
@media(max-width:850px){body.framework-wonvolt .home-collection{grid-template-columns:1fr;gap:25px}body.framework-wonvolt .home-collection>.product-card:first-child,body.framework-wonvolt .home-collection>.product-card:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.framework-wonvolt .home-collection>.product-card:first-child .product-image,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-image{height:100%;min-height:300px;border-radius:17px 0 0 17px}body.framework-wonvolt .application-grid,body.framework-wonvolt .case-grid,body.framework-wonvolt .editorial{grid-template-columns:1fr}body.framework-wonvolt .application{min-height:0}body.framework-wonvolt .case-card{display:grid;grid-template-columns:1fr 1fr}body.framework-wonvolt .case-card-photo img{height:100%;min-height:300px}body.framework-wonvolt .content-banner-application .content-banner-copy{width:94%;padding-bottom:100px}body.framework-wonvolt .content-banner-application .content-banner-photo figcaption{font-size:8px;left:6%;right:auto;text-align:left;max-width:75%}body.framework-wonvolt .content-banner-photo-label{display:none}}
@media(max-width:600px){body.framework-wonvolt .header{height:80px}body.framework-wonvolt nav{top:80px;padding:18px 24px}body.framework-wonvolt .brand strong{font-size:25px}body.framework-wonvolt .topbar{font-size:8px;padding:8px 0}body.framework-wonvolt .banner-headline,body.framework-wonvolt .banner-product .banner-headline{font-size:44px;line-height:1.06}body.framework-wonvolt .section{padding-top:58px;padding-bottom:58px}body.framework-wonvolt .section-heading h2,body.framework-wonvolt .enrich-heading h2{font-size:35px}body.framework-wonvolt .section-heading>p,body.framework-wonvolt .enrich-heading>p{font-size:13px}body.framework-wonvolt .expertise-band>.wrap{width:auto;padding:0 24px}body.framework-wonvolt .expertise-band>.wrap>div,body.framework-wonvolt .expertise-band>.wrap>div:first-child{padding:22px 0}body.framework-wonvolt .home-collection>.product-card:first-child,body.framework-wonvolt .home-collection>.product-card:not(:first-child){display:flex!important;flex-direction:column;grid-column:auto!important}body.framework-wonvolt .home-collection>.product-card:first-child .product-image,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-image{height:270px;min-height:0;border-radius:17px 17px 0 0;padding:30px}body.framework-wonvolt .home-collection>.product-card:first-child .product-body,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body{padding:28px!important}body.framework-wonvolt .home-collection>.product-card:first-child h3,body.framework-wonvolt .home-collection>.product-card:not(:first-child) .product-body h3{font-size:27px!important}body.framework-wonvolt .case-card{display:flex;flex-direction:column}body.framework-wonvolt .case-card-photo img{height:250px;min-height:0}body.framework-wonvolt .case-card-body{padding:28px}body.framework-wonvolt .story h3{font-size:27px}body.framework-wonvolt .content-banner-application{min-height:660px}body.framework-wonvolt .content-banner-application .content-banner-copy{width:100%;padding:64px 24px 105px}body.framework-wonvolt .content-banner-application .content-banner-copy h2{font-size:39px}body.framework-wonvolt .content-banner-application .content-banner-copy p{font-size:14px}body.framework-wonvolt .content-banner-application .content-banner-photo:after{background:linear-gradient(90deg,#020705ed,#071109bc)}body.framework-wonvolt .content-banner-application .content-banner-photo figcaption{left:24px;max-width:calc(100% - 48px)}body.framework-wonvolt .page-heading{padding:38px 0 50px}body.framework-wonvolt .page-heading h1{font-size:40px}body.framework-wonvolt .cta{padding:60px 0}body.framework-wonvolt .cta h2{font-size:38px}body.framework-wonvolt .footer{padding-top:60px}}

/* Sunway-inspired energy catalogue framework; original Jetray content/assets only. */
body.framework-sunway{--accent:#238516!important;--dark:#171e1c;--ink:#1d2c27;--muted:#62716a;--paper:#fff;--line:#dce5dd;--max:1560px;background:#fff;color:#1d2c27}
body.framework-sunway .topbar{background:#080c0b;color:#bfc8c0;letter-spacing:.035em;font-size:10px;padding:11px 0}
body.framework-sunway .topbar a{color:#dce6da}
body.framework-sunway .header{background:#101713;border-color:#29342d;height:98px;box-shadow:none}
body.framework-sunway .brand strong{color:#fff;letter-spacing:.09em;font-size:32px}
body.framework-sunway .brand span{color:#bdcbbc;letter-spacing:.09em}
body.framework-sunway nav{gap:29px}
body.framework-sunway nav a{color:#eef4ec}
body.framework-sunway nav a:hover,body.framework-sunway nav a.active{color:#a8dc94;border-color:#7fc966}
body.framework-sunway .nav-blog{color:#f1f6ec!important}
body.framework-sunway .nav-cta{background:#238516;color:#fff!important;border-radius:8px}
body.framework-sunway .mobile-blog{color:#eff6e9;border-color:#70c954}
body.framework-sunway .menu-toggle{background:transparent;border-color:#5c715d;color:white}
body.framework-sunway .btn:not(.secondary){background:#238516;border-color:#238516;color:#fff;border-radius:8px}
body.framework-sunway .btn:not(.secondary):hover{background:#1c6d11;border-color:#1c6d11}
body.framework-sunway .btn.secondary{background:transparent;border-color:#9ab594;color:#255b24;border-radius:8px}
body.framework-sunway .text-link{color:#2c6629}
body.framework-sunway .banner-product{background:#eef4eb;color:#173225}
body.framework-sunway .banner-product .banner-copy>.eyebrow{color:#377b2c}
body.framework-sunway .banner-product .banner-headline{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.045em;color:#153322;font-size:clamp(48px,5.3vw,82px)}
body.framework-sunway .banner-product .banner-copy>p{color:#586f5c}
body.framework-sunway .banner-product .banner-kicker{color:#6c856c}
body.framework-sunway .banner-product .banner-kicker:after{background:#aac2a3}
body.framework-sunway .banner-product .banner-secondary{color:#2c5e28;border-color:#6c9461}
body.framework-sunway .banner-product .banner-bottom{color:#617a5d}
body.framework-sunway .banner-product .banner-bottom>span{color:#839a7f}
body.framework-sunway .banner-product .product-stage{border-radius:20px;background:white;border:1px solid #dce7d8;box-shadow:0 12px 40px #214a1d0b}
body.framework-sunway .banner-product .product-stage img{background:white}
body.framework-sunway .banner-product .banner-source{color:#6d8169}
body.framework-sunway .banner-manufacturing .banner-backdrop:after,body.framework-sunway .banner-project .banner-backdrop:after{background:linear-gradient(90deg,#0d211de8 0%,#10241fbb 42%,#17382536 100%)}
body.framework-sunway .banner-manufacturing .banner-headline,body.framework-sunway .banner-project .banner-headline{font-family:"Segoe UI",Arial,sans-serif;font-weight:550}
body.framework-sunway .banner-aside{background:#173826db;border-color:#9aba8b55;border-radius:20px}
body.framework-sunway .banner-aside .eyebrow{color:#a9d393}
body.framework-sunway .banner-aside-index{color:#cfe6c4}
body.framework-sunway .expertise-band{margin-top:0;background:#f3f8f0!important;border-bottom:1px solid #e2ebdd}
body.framework-sunway .expertise-band>.wrap{width:auto;max-width:var(--max);background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:clamp(24px,5.2vw,88px);padding-right:clamp(24px,5.2vw,88px)}
body.framework-sunway .expertise-band>.wrap>div,body.framework-sunway .expertise-band>.wrap>div:first-child{padding:32px 26px;border-color:#d8e5d3}
body.framework-sunway .expertise-band span{color:#368c2b}
body.framework-sunway .expertise-band h2{font-size:19px;color:#244e2b}
body.framework-sunway .expertise-band p{color:#668063}
body.framework-sunway .section{padding-top:88px;padding-bottom:88px}
body.framework-sunway .section.alt,body.framework-sunway .enrich-muted{background:#f4f7f1}
body.framework-sunway .section-heading,body.framework-sunway .enrich-heading{display:block;text-align:center;margin-bottom:43px}
body.framework-sunway .section-heading h2,body.framework-sunway .enrich-heading h2{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(34px,3vw,46px);font-weight:600;line-height:1.18;letter-spacing:-.03em;max-width:950px;margin:0 auto;color:#1e3024}
body.framework-sunway .section-heading .eyebrow,body.framework-sunway .enrich-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:17px;color:#397e2b;letter-spacing:.12em;margin-bottom:18px}
body.framework-sunway .section-heading .eyebrow:before,body.framework-sunway .section-heading .eyebrow:after,body.framework-sunway .enrich-heading .eyebrow:before,body.framework-sunway .enrich-heading .eyebrow:after{content:"";width:55px;height:1px;background:#b8cdb0}
body.framework-sunway .section-heading>p,body.framework-sunway .enrich-heading>p{max-width:740px;margin:22px auto 0;font-size:14px;line-height:1.9;color:#657662}
body.framework-sunway .home-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
body.framework-sunway .home-collection>.product-card:first-child,body.framework-sunway .home-collection>.product-card:not(:first-child){display:flex;flex-direction:column;grid-column:auto;grid-row:auto;border:1px solid #dce7d7;border-radius:20px;box-shadow:0 10px 30px #254b1f07}
body.framework-sunway .home-collection>.product-card:first-child .product-image,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-image{height:290px;min-height:0;border-right:0;border-bottom:1px solid #e2ebde;border-radius:19px 19px 0 0;padding:30px;background:#fff}
body.framework-sunway .home-collection>.product-card:first-child .product-body,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body{padding:29px;justify-content:flex-start}
body.framework-sunway .home-collection>.product-card:first-child h3,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body h3{font-size:24px;line-height:1.25;max-width:none}
body.framework-sunway .home-collection>.product-card:first-child .product-body>p,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body p{font-size:13px;line-height:1.9;color:#617260}
body.framework-sunway .home-collection>.product-card:first-child .card-bottom,body.framework-sunway .home-collection>.product-card:not(:first-child) .card-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
body.framework-sunway .product-card:hover{border-color:#7faf6d;box-shadow:0 15px 40px #29542110;transform:translateY(-3px)}
body.framework-sunway .product-image .tag{color:#406c37;background:#eef6e9}
body.framework-sunway .spec-chips span{background:#fafcf8;border-color:#dbe7d5;color:#4f7244}
body.framework-sunway .application-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
body.framework-sunway .application{margin-top:0!important;border-radius:20px;background:white;border-color:#dce7d7!important;min-height:340px}
body.framework-sunway .application .number{background:#eaf5e3;color:#2f7a25;border-radius:15px}
body.framework-sunway .application h3{font-size:25px}
body.framework-sunway .case-section{background:#f1f6ed;color:#223726}
body.framework-sunway .case-section .section-heading>p{color:#62765e}
body.framework-sunway .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
body.framework-sunway .case-card{margin-top:0!important;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;display:flex;flex-direction:column}
body.framework-sunway .case-card-photo{border-radius:20px;overflow:hidden}
body.framework-sunway .case-card-photo img{height:285px;border-radius:20px;filter:saturate(.83)}
body.framework-sunway .case-card-photo>span{background:#174c24eb;color:#f5faef}
body.framework-sunway .case-card-body{position:relative;z-index:2;align-self:center;width:91%;margin:-28px 0 0;padding:27px;background:#fff;border-radius:16px;box-shadow:0 8px 28px #24421b0e;border:1px solid #e0e8dc}
body.framework-sunway .case-card h3{font-size:24px;color:#25412a}
body.framework-sunway .case-card p{color:#62735d;font-size:13px;line-height:1.9}
body.framework-sunway .case-card .text-link{color:#2c7227}
body.framework-sunway .case-disclosure{color:#64765c;text-align:center;max-width:1000px;margin:28px auto 0}
body.framework-sunway .editorial{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.framework-sunway .story,body.framework-sunway .story:first-child{background:#fff;color:#25382a;border:1px solid #dee7d9;border-radius:18px;padding:30px;box-shadow:none}
body.framework-sunway .story .eyebrow,body.framework-sunway .story:first-child .eyebrow{color:#647c5c;padding-bottom:13px;border-bottom:1px solid #e1eadc;font-size:9px}
body.framework-sunway .story .eyebrow:after{content:"";display:block;width:38px;height:3px;background:#2d8b20;margin-top:14px;margin-bottom:-15px}
body.framework-sunway .story h3{font-size:25px;line-height:1.3}
body.framework-sunway .story p,body.framework-sunway .story:first-child p{color:#667760;font-size:13px;line-height:1.9}
body.framework-sunway .story:first-child a:hover h3{color:#2a7d20}
body.framework-sunway .story .text-link{margin-top:12px;color:#2e7026}
body.framework-sunway .enrich-card,body.framework-sunway .fact-box{background:white;border-color:#dce6d6;border-radius:18px;box-shadow:0 10px 28px #1f421806}
body.framework-sunway .enrich-card-index{background:#eaf5e2;color:#39722c}
body.framework-sunway .content-banner-product{background:#eef5e8;border-color:#d6e4cd;border-radius:24px}
body.framework-sunway .content-banner-copy h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:550;color:#233e26}
body.framework-sunway .content-banner-product-visual{border-color:#dce7d5;background:#fff}
body.framework-sunway .content-banner-primary{background:#237f18;border-color:#237f18;color:#fff}
body.framework-sunway .content-banner-application-section{background:#f4f7ef}
body.framework-sunway .content-banner-application .content-banner-copy{background:#fbfdf8}
body.framework-sunway .content-banner-application .content-banner-primary{background:#237f18;border-color:#237f18}
body.framework-sunway .content-banner-eyebrow{color:#4a773b}
body.framework-sunway .page-heading{background:#edf4e7;padding:60px 0 70px}
body.framework-sunway .page-heading h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:550;color:#1b3922}
body.framework-sunway .page-heading .eyebrow{color:#3b7d2c}
body.framework-sunway .enrich-table th{background:#eaf3e3;color:#294c2b}
body.framework-sunway .enrich-table td{background:#fbfdf8;color:#54694e}
body.framework-sunway .note,body.framework-sunway .enrich-compact-note{background:#edf5e6;border-color:#438c31;color:#546e4c}
body.framework-sunway .cta{background:#24462d;padding:70px 0}
body.framework-sunway .cta:after{border-color:#b5d19e21}
body.framework-sunway .cta .eyebrow{color:#b0d09c}
body.framework-sunway .cta h2{font-size:clamp(35px,3.4vw,54px);font-weight:550}
body.framework-sunway .cta p{color:#d1dfc9}
body.framework-sunway .cta .btn:not(.secondary){background:#f2f8e9;border-color:#f2f8e9;color:#285b23}
body.framework-sunway .footer{background:#373f4c;color:#e5ece5;padding-top:70px}
body.framework-sunway .footer .brand strong{color:white}
body.framework-sunway .footer .brand span,body.framework-sunway .footer p,body.framework-sunway .footer a{color:#d1dcd2}
body.framework-sunway .footer h4{color:#fff}
body.framework-sunway .footer a:hover{color:#a8dc94}
body.framework-sunway .footer-bottom{border-color:#5a6370;color:#c2cbd0}
@media(max-width:1250px){body.framework-sunway nav{gap:19px}body.framework-sunway .section{padding-top:75px;padding-bottom:75px}body.framework-sunway .home-collection>.product-card:first-child .product-image,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-image{height:245px;padding:25px}body.framework-sunway .home-collection>.product-card:first-child .product-body,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body{padding:25px}body.framework-sunway .home-collection>.product-card:first-child h3,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body h3{font-size:22px}}
@media(max-width:1100px){body.framework-sunway .header{height:86px}body.framework-sunway nav{top:86px;background:#101713;border-color:#334631;padding:22px 5%}body.framework-sunway .expertise-band>.wrap{padding-left:clamp(24px,5.2vw,88px);padding-right:clamp(24px,5.2vw,88px)}body.framework-sunway .section-heading h2,body.framework-sunway .enrich-heading h2{font-size:39px}body.framework-sunway .home-collection{gap:18px}body.framework-sunway .home-collection>.product-card:first-child .product-image,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-image{height:220px}body.framework-sunway .case-card-photo img{height:240px}body.framework-sunway .case-card-body{padding:24px}body.framework-sunway .story{padding:26px}}
@media(max-width:850px){body.framework-sunway .home-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body.framework-sunway .home-collection>.product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}body.framework-sunway .home-collection>.product-card:last-child .product-image{height:100%;min-height:255px;border-right:1px solid #e1eadb;border-bottom:0;border-radius:19px 0 0 19px}body.framework-sunway .application-grid{grid-template-columns:1fr}body.framework-sunway .application{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:0}body.framework-sunway .case-grid{grid-template-columns:1fr}body.framework-sunway .case-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}body.framework-sunway .case-card-photo img{height:100%;min-height:300px}body.framework-sunway .case-card-body{align-self:center;margin:0 0 0 -28px;width:calc(100% + 28px)}body.framework-sunway .editorial{grid-template-columns:1fr}body.framework-sunway .story h3{font-size:25px}body.framework-sunway .section-heading .eyebrow:before,body.framework-sunway .section-heading .eyebrow:after,body.framework-sunway .enrich-heading .eyebrow:before,body.framework-sunway .enrich-heading .eyebrow:after{width:35px}}
@media(max-width:600px){body.framework-sunway .header{height:80px}body.framework-sunway nav{top:80px;padding:18px 22px}body.framework-sunway .brand strong{font-size:25px}body.framework-sunway .topbar{font-size:8px;padding:8px 0}body.framework-sunway .banner-product .banner-headline{font-size:44px;line-height:1.08}body.framework-sunway .banner-product .product-stage{border-radius:20px}body.framework-sunway .expertise-band>.wrap{width:auto;padding:0 22px;border-radius:0}body.framework-sunway .expertise-band>.wrap>div,body.framework-sunway .expertise-band>.wrap>div:first-child{padding:21px 0}body.framework-sunway .section{padding-top:54px;padding-bottom:54px}body.framework-sunway .section-heading h2,body.framework-sunway .enrich-heading h2{font-size:33px;line-height:1.17}body.framework-sunway .section-heading>p,body.framework-sunway .enrich-heading>p{font-size:13px;margin-top:19px}body.framework-sunway .section-heading .eyebrow,body.framework-sunway .enrich-heading .eyebrow{font-size:8px;letter-spacing:.07em;gap:10px}body.framework-sunway .section-heading .eyebrow:before,body.framework-sunway .section-heading .eyebrow:after,body.framework-sunway .enrich-heading .eyebrow:before,body.framework-sunway .enrich-heading .eyebrow:after{width:24px}body.framework-sunway .home-collection{grid-template-columns:1fr;gap:22px}body.framework-sunway .home-collection>.product-card:first-child,body.framework-sunway .home-collection>.product-card:not(:first-child),body.framework-sunway .home-collection>.product-card:last-child{display:flex!important;grid-column:auto;flex-direction:column}body.framework-sunway .home-collection>.product-card:first-child .product-image,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-image,body.framework-sunway .home-collection>.product-card:last-child .product-image{height:260px;min-height:0;border-right:0;border-bottom:1px solid #e1eadb;border-radius:19px 19px 0 0;padding:28px}body.framework-sunway .home-collection>.product-card:first-child .product-body,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body{padding:28px!important}body.framework-sunway .home-collection>.product-card:first-child h3,body.framework-sunway .home-collection>.product-card:not(:first-child) .product-body h3{font-size:25px!important}body.framework-sunway .application{display:block;min-height:0;padding:30px}body.framework-sunway .case-card{display:flex;flex-direction:column}body.framework-sunway .case-card-photo img{height:250px;min-height:0}body.framework-sunway .case-card-body{margin:-25px 0 0;width:91%;align-self:center;padding:27px}body.framework-sunway .case-card h3{font-size:25px}body.framework-sunway .case-disclosure{font-size:10px;text-align:left}body.framework-sunway .story,body.framework-sunway .story:first-child{padding:29px;border-radius:18px}body.framework-sunway .page-heading{padding:35px 0 45px}body.framework-sunway .page-heading h1{font-size:39px}body.framework-sunway .cta{padding:55px 0}body.framework-sunway .cta h2{font-size:35px}body.framework-sunway .footer{padding-top:55px}}

/* V4 / Framework 03 — blue-white product catalogue, informed by Hina Lifestyle.
   Layout and colour study only; no competitor assets or business claims. */
body.framework-hina {
  --paper:#ffffff; --ink:#203443; --muted:#637581; --line:#dce6ec;
  --accent:#087fbc; --dark:#12374d; --card-radius:22px;
  --card-shadow:0 12px 40px #274f6910;
  background:#fff; color:var(--ink);
}
body.framework-hina h1,body.framework-hina h2,body.framework-hina h3 {
  font-family:"Segoe UI",Arial,sans-serif; font-weight:550; letter-spacing:-.035em;
}
body.framework-hina .topbar { background:#103c55; color:#dcebf4; }
body.framework-hina .header { background:#fff; border-color:#e6edf1; height:100px; }
body.framework-hina .brand strong { color:#126c9d; font-size:32px; }
body.framework-hina .brand span { color:#6c7e88; }
body.framework-hina nav a:hover,body.framework-hina nav a.active { color:#087fbc; border-color:#087fbc; }
body.framework-hina .nav-blog { color:#087fbc; }
body.framework-hina .nav-cta { background:#087fbc; border-radius:999px; padding:14px 24px!important; }
body.framework-hina .btn { background:#087fbc; border-color:#087fbc; color:#fff; border-radius:999px; padding:15px 25px; }
body.framework-hina .btn.secondary { color:#1c668e; background:#fff; border-color:#b3ccd9; }
body.framework-hina .text-link,body.framework-hina .enrich-link { color:#13739f; }
body.framework-hina .mobile-blog { color:#087fbc; }

/* A bright full-width hero; text remains HTML for search and accessibility. */
body.framework-hina .hero-carousel,body.framework-hina .carousel-stage,
body.framework-hina .banner-slide { background:#f2f7fa; color:#203443; }
body.framework-hina .banner-slide .banner-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); min-height:690px; gap:50px; padding-top:65px; padding-bottom:65px; }
body.framework-hina .banner-slide { min-height:690px; }
body.framework-hina .banner-slide .banner-headline { font-family:"Segoe UI",Arial,sans-serif; color:#17678e; font-size:clamp(42px,4.35vw,73px); font-weight:550; line-height:1.08; letter-spacing:-.045em; max-width:760px; }
body.framework-hina .banner-slide .banner-kicker { color:#6b8796; margin-bottom:35px; }
body.framework-hina .banner-slide .banner-kicker:after { background:#a7bfcb; }
body.framework-hina .banner-slide .banner-copy>.eyebrow { color:#087fbc; }
body.framework-hina .banner-slide .banner-copy>p { color:#556e7b; font-size:16px; max-width:570px; }
body.framework-hina .banner-slide .banner-copy .btn { color:#fff; background:#087fbc; border-color:#087fbc; }
body.framework-hina .banner-slide .banner-secondary { color:#1d668d; border-color:#98b7c7; }
body.framework-hina .banner-slide .banner-bottom { color:#4e7589; }
body.framework-hina .banner-slide .banner-bottom>span { color:#6f8c9a; }
body.framework-hina .banner-slide .product-stage { background:#fff; border:1px solid #e0eaf0; border-radius:32px; box-shadow:0 22px 70px #39739010; min-height:480px; padding:28px 30px 20px; }
body.framework-hina .banner-slide .product-stage img { height:390px; padding:20px 8px; }
body.framework-hina .product-stage-label,body.framework-hina .product-stage-footer { color:#5b7b8c; border-color:#e0eaf0; }
body.framework-hina .banner-slide .banner-source { color:#648494; font-size:9px; }
body.framework-hina .banner-manufacturing .banner-backdrop:after,
body.framework-hina .banner-project .banner-backdrop:after { background:linear-gradient(90deg,#f5f9fdf5 0%,#f5f9fdeb 39%,#f5f9fd70 69%,#f5f9fd18 100%); }
body.framework-hina .banner-manufacturing .banner-backdrop img,
body.framework-hina .banner-project .banner-backdrop img { filter:saturate(.6); }
body.framework-hina .banner-slide .banner-aside { margin-top:100px; padding:35px; gap:25px; background:#ffffffeb; border:1px solid #d8e5ec; color:#28536c; border-radius:25px; box-shadow:0 18px 45px #1b40551c; }
body.framework-hina .banner-aside-index { color:#86b6ce; font-family:"Segoe UI",Arial,sans-serif; font-size:65px; }
body.framework-hina .banner-aside p { color:#496a7d; font-size:15px; }
body.framework-hina .banner-aside a { color:#1479ab; border-color:#9dc1d2; }
body.framework-hina .banner-aside .eyebrow { color:#087fbc; }

/* Calm, aligned sections instead of the previous staggered dark cards. */
body.framework-hina .section { padding-top:100px; padding-bottom:100px; }
body.framework-hina .section.alt,body.framework-hina .enrich-muted { background:#f3f7f9; border-color:#e2ebf0; }
body.framework-hina .section-heading,body.framework-hina .enrich-heading { display:flex; flex-direction:column; align-items:center; text-align:center; gap:20px; margin-bottom:48px; }
body.framework-hina .section-heading h2,body.framework-hina .enrich-heading h2 { max-width:950px; font-size:clamp(33px,3.1vw,51px); line-height:1.15; }
body.framework-hina .section-heading>p,body.framework-hina .enrich-heading>p { max-width:780px; color:#6a7c87; font-size:15px; line-height:1.85; margin:0; }
body.framework-hina .section-heading .eyebrow,body.framework-hina .enrich-heading .eyebrow { color:#087fbc; margin-bottom:15px; }
body.framework-hina .expertise-band { background:#fff; margin-top:0; border-bottom:1px solid #e4edf2; }
body.framework-hina .expertise-band>.wrap { background:#fff; border:0; border-radius:0; box-shadow:none; padding-top:8px; padding-bottom:8px; }
body.framework-hina .expertise-band>.wrap>div { padding:32px 34px; border-color:#e0e9ef; }
body.framework-hina .expertise-band>.wrap>div:first-child { padding-left:34px; }
body.framework-hina .expertise-band h2 { color:#285d7c; }
body.framework-hina .expertise-band p,body.framework-hina .expertise-band span { color:#78909e; }
body.framework-hina .home-collection { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
body.framework-hina .home-collection>.product-card:first-child,
body.framework-hina .home-collection>.product-card:not(:first-child) { display:flex; flex-direction:column; grid-column:auto; grid-row:auto; }
body.framework-hina .product-card { background:#fff; border:1px solid #e0e9ee; border-radius:22px; box-shadow:0 9px 30px #254d6510; overflow:hidden; }
body.framework-hina .product-image,
body.framework-hina .home-collection>.product-card:first-child .product-image,
body.framework-hina .home-collection>.product-card:not(:first-child) .product-image { height:315px; min-height:0; padding:35px; border-right:0; border-bottom:1px solid #e8eef2; border-radius:21px 21px 0 0; background:#fbfdfe; }
body.framework-hina .product-body,
body.framework-hina .home-collection>.product-card:first-child .product-body,
body.framework-hina .home-collection>.product-card:not(:first-child) .product-body { padding:28px; }
body.framework-hina .home-collection>.product-card:first-child h3,
body.framework-hina .home-collection>.product-card:not(:first-child) .product-body h3 { font-size:24px; line-height:1.25; }
body.framework-hina .home-collection>.product-card .product-body p { font-size:13px; }
body.framework-hina .home-collection>.product-card .card-bottom { flex-direction:row; align-items:center; gap:14px; margin-top:auto; }
body.framework-hina .tag { background:#edf6fa; color:#4c85a1; }
body.framework-hina .spec-chips span { background:#f4f9fc; border-color:#dceaf1; color:#426c82; border-radius:6px; }
body.framework-hina .intro-grid { gap:75px; align-items:start; }
body.framework-hina .intro-grid h2 { font-size:clamp(34px,3.3vw,54px); }
body.framework-hina .steps .step { border-color:#d9e8ef; padding:29px 0; }
body.framework-hina .step:before { color:#1880b3; font-family:"Segoe UI",Arial,sans-serif; }
body.framework-hina .process-photo,body.framework-hina .enrich-photo-band img,
body.framework-hina .case-lead img { border-radius:24px; box-shadow:0 15px 45px #244f6612; }

body.framework-hina .application-grid { gap:24px; align-items:stretch; }
body.framework-hina .application { margin-top:0!important; border:1px solid #dce8ee!important; background:#fff; border-radius:22px; padding:34px; min-height:310px; }
body.framework-hina .application .number { color:#1684b7; background:#e8f4fa; font-family:"Segoe UI",Arial,sans-serif; border-radius:16px; width:62px; height:62px; display:grid; place-items:center; font-size:25px; margin-bottom:30px; }
body.framework-hina .application h3 { color:#285974; font-size:25px; }
body.framework-hina .case-section { background:#eef5f9; color:#203f53; }
body.framework-hina .case-section .section-heading>p { color:#68818f; }
body.framework-hina .case-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:stretch; }
body.framework-hina .case-card { background:#fff; border:1px solid #dce8f0; border-radius:22px; margin-top:0!important; box-shadow:0 12px 35px #2e5c7610; }
body.framework-hina .case-card-photo img { height:245px; filter:saturate(.85); }
body.framework-hina .case-card-photo>span { background:#ffffffef; color:#236886; border-radius:999px; }
body.framework-hina .case-card-body { padding:28px; }
body.framework-hina .case-card h3 { color:#245b78; font-size:25px; }
body.framework-hina .case-card p { color:#677e8c; }
body.framework-hina .case-card .text-link { color:#087fbc; }
body.framework-hina .case-disclosure { color:#718996; }

body.framework-hina .editorial { gap:28px; }
body.framework-hina .story,body.framework-hina .story:first-child { background:#fff; color:#203f53; border:1px solid #dce8ee; border-top:3px solid #1685b9; border-radius:22px; padding:30px; box-shadow:0 10px 30px #24536e08; }
body.framework-hina .story h3,body.framework-hina .story:first-child h3 { color:#285d78; font-size:25px; }
body.framework-hina .story p,body.framework-hina .story:first-child p,
body.framework-hina .story .meta,body.framework-hina .story:first-child .meta { color:#708593; }
body.framework-hina .story .text-link,body.framework-hina .story:first-child .text-link { color:#087fbc; }
body.framework-hina .enrich-card,body.framework-hina .enrich-route-card,
body.framework-hina .enrich-reading-card,body.framework-hina .enrich-split-note>div { background:#fff; border:1px solid #dce8f0; border-radius:22px; box-shadow:0 10px 30px #26556e08; }
body.framework-hina .enrich-card-index { background:#edf6fb; color:#3483a9; }
body.framework-hina .enrich-compact-note { background:#f1f8fc; color:#577d92; border-left-color:#2388b9; }
body.framework-hina .enrich-table th { background:#e7f2f9; color:#335b72; }
body.framework-hina .enrich-table td { background:#fff; color:#56717f; }
body.framework-hina .fact-box,body.framework-hina .checklist article { background:#fff; border-color:#dce8ef; }
body.framework-hina .detail-image { background:#f7fbfd; border-color:#dce8ef; box-shadow:0 15px 50px #28556e0b; }
body.framework-hina .page-heading { background:#f0f7fb; border-color:#dce9f0; }
body.framework-hina .detail-nav { background:#fff; border-color:#e0eaf0; }
body.framework-hina .detail-nav a.active { color:#087fbc; border-color:#087fbc; }
body.framework-hina .note { background:#eff7fc; border-left-color:#1786b8; color:#507489; }
body.framework-hina .form { background:#fff; border-color:#dce8ef; box-shadow:0 15px 50px #28556e0d; }
body.framework-hina .field input,body.framework-hina .field textarea,body.framework-hina .field select { border-color:#cddfe9; background:#fbfdfe; }
body.framework-hina .blog-cover { background:#f2f8fc; }
body.framework-hina .cta { background:#e8f4fb; color:#1f5472; padding:85px 0; }
body.framework-hina .cta .eyebrow { color:#1879a6; }
body.framework-hina .cta p { color:#5d7f92; }
body.framework-hina .cta .btn { color:#fff; background:#087fbc; }
body.framework-hina .footer { background:#113b54; color:#e0edf5; }
body.framework-hina .footer .brand strong { color:#fff; }
body.framework-hina .footer .brand span,body.framework-hina .footer p,
body.framework-hina .footer a { color:#bfd4e0; }
body.framework-hina .footer h4 { color:#fff; }
body.framework-hina .footer-bottom { color:#8bafc3; border-color:#315a70; }

@media(min-width:1051px) {
  body.framework-hina .application-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1100px) {
  body.framework-hina .header { height:88px; }
  body.framework-hina .banner-slide .banner-grid { gap:35px; }
  body.framework-hina .banner-slide .banner-headline { font-size:clamp(40px,5vw,62px); }
  body.framework-hina .banner-slide .product-stage { min-height:390px; }
  body.framework-hina .banner-slide .product-stage img { height:310px; }
  body.framework-hina .home-collection { gap:22px; }
  body.framework-hina .home-collection>.product-card .product-image { height:255px; padding:24px; }
  body.framework-hina .home-collection>.product-card .product-body { padding:24px; }
  body.framework-hina .home-collection>.product-card:first-child h3,
  body.framework-hina .home-collection>.product-card:not(:first-child) .product-body h3 { font-size:22px; }
}
@media(max-width:850px) {
  body.framework-hina .section { padding-top:75px; padding-bottom:75px; }
  body.framework-hina .banner-slide .banner-grid { grid-template-columns:1fr; padding-top:45px; padding-bottom:48px; gap:35px; min-height:0; }
  body.framework-hina .banner-slide { min-height:0; }
  body.framework-hina .banner-slide .banner-headline { font-size:clamp(40px,7vw,62px); max-width:740px; }
  body.framework-hina .banner-slide .banner-kicker { margin-bottom:28px; }
  body.framework-hina .banner-slide .banner-aside { margin-top:0; }
  body.framework-hina .banner-manufacturing .banner-backdrop:after,
  body.framework-hina .banner-project .banner-backdrop:after { background:#f4f8fce8; }
  body.framework-hina .banner-slide .product-stage { min-height:350px; }
  body.framework-hina .banner-slide .product-stage img { height:310px; }
  body.framework-hina .home-collection { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.framework-hina .home-collection>.product-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
  body.framework-hina .home-collection>.product-card:first-child .product-image { height:100%; min-height:300px; border-bottom:0; border-right:1px solid #e0e9ef; }
  body.framework-hina .application { display:block; min-height:0; }
  body.framework-hina .case-grid { grid-template-columns:1fr; }
  body.framework-hina .case-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  body.framework-hina .case-card-photo img { height:100%; min-height:255px; }
  body.framework-hina .section-heading,body.framework-hina .enrich-heading { margin-bottom:35px; gap:18px; }
  body.framework-hina .intro-grid { gap:40px; }
}
@media(max-width:600px) {
  body.framework-hina .header { height:80px; }
  body.framework-hina .brand strong { font-size:26px; }
  body.framework-hina .section { padding-top:60px; padding-bottom:60px; }
  body.framework-hina .banner-slide .banner-headline { font-size:41px; }
  body.framework-hina .banner-slide .banner-copy>p { font-size:14px; }
  body.framework-hina .banner-slide .product-stage { min-height:290px; border-radius:22px; padding:24px; }
  body.framework-hina .banner-slide .product-stage img { height:245px; padding:15px 0; }
  body.framework-hina .banner-slide .banner-aside { padding:27px; gap:22px; border-radius:20px; }
  body.framework-hina .banner-aside-index { font-size:47px; }
  body.framework-hina .banner-aside p { font-size:14px; }
  body.framework-hina .banner-bottom { margin-top:28px; }
  body.framework-hina .expertise-band>.wrap { width:auto; padding:6px 24px; }
  body.framework-hina .expertise-band>.wrap>div,
  body.framework-hina .expertise-band>.wrap>div:first-child { padding:21px 0; }
  body.framework-hina .home-collection { grid-template-columns:1fr; gap:23px; }
  body.framework-hina .home-collection>.product-card:first-child,
  body.framework-hina .home-collection>.product-card:not(:first-child) { display:flex; grid-column:auto; }
  body.framework-hina .home-collection>.product-card:first-child .product-image,
  body.framework-hina .home-collection>.product-card:not(:first-child) .product-image { height:260px; min-height:0; border-right:0; border-bottom:1px solid #e0e9ef; }
  body.framework-hina .home-collection>.product-card .product-body { padding:27px; }
  body.framework-hina .section-heading h2,body.framework-hina .enrich-heading h2 { font-size:34px; }
  body.framework-hina .section-heading>p,body.framework-hina .enrich-heading>p { font-size:14px; }
  body.framework-hina .application { padding:28px; }
  body.framework-hina .case-card { display:flex; }
  body.framework-hina .case-card-photo img { height:220px; min-height:0; }
  body.framework-hina .case-card-body { padding:28px; }
  body.framework-hina .case-card h3 { font-size:25px; }
  body.framework-hina .cta { padding:60px 0; }
  body.framework-hina .cta .btn { width:auto; }
}