:root{--navy:#071a2a;--navy2:#0b263b;--gold:#d9a83e;--cream:#f5f1e8;--ink:#102b42;--muted:#607284;--line:#dfe6e9;--green:#214f3d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f7faf9}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:var(--navy);border-bottom:1px solid rgba(217,168,62,.45);box-shadow:0 7px 24px rgba(0,0,0,.14)}.navwide{width:100%;display:flex;align-items:center;min-height:96px;padding:0 26px 0 14px;gap:36px}.brand-lockup{display:flex;align-items:center;flex:0 0 auto}.brand-lockup img{width:275px;max-height:94px;object-fit:contain;object-position:left center;display:block}.navwide nav{margin-left:auto}.navwide ul{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.navwide nav a{font-size:13px;font-weight:700;color:white;white-space:nowrap}.navwide nav a:hover{color:var(--gold)}
.hero-v4{min-height:610px;background:linear-gradient(115deg,#061827 0 35%,#0a2638 48%,#0d1f2b 100%);display:grid;grid-template-columns:40% 60%;overflow:hidden}.hero-v4-copy{padding:86px 5vw 72px 6vw;color:white;position:relative;z-index:2}.goldtxt,.kicker{font-size:13px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}.hero-v4 h1{font-size:70px;line-height:.98;margin:18px 0 20px;letter-spacing:-2px}.hero-v4 h1 span{color:var(--gold)}.hero-v4 p{font-size:18px;line-height:1.58;color:#e5edf1;max-width:640px}.hero-v4-visual{position:relative;min-height:610px}.hero-v4-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b2638 0,rgba(11,38,56,.18) 19%,rgba(0,0,0,.02) 100%)}.hero-v4-visual img{width:100%;height:100%;object-fit:cover}.hero-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.hero-pill-row span{border:1px solid rgba(217,168,62,.55);padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:1px}.btns{display:flex;gap:12px;margin-top:25px}.btn{display:inline-block;padding:14px 18px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;font-size:12px;border:1px solid var(--navy)}.btn.gold{background:var(--gold);color:#071a2a;border-color:var(--gold)}.btn.outline{border-color:#d7e1e6;color:white}.btn.navy{background:var(--navy);color:white}.btn:hover{transform:translateY(-1px)}
.visual-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0b2234;color:white;border-top:1px solid rgba(217,168,62,.35);border-bottom:1px solid rgba(217,168,62,.35)}.visual-strip div{padding:18px 28px;border-right:1px solid rgba(255,255,255,.13)}.visual-strip b{display:block;color:var(--gold);font-size:12px;letter-spacing:1.1px}.visual-strip span{display:block;font-size:12px;margin-top:4px;color:#dce6ea}
section{padding:84px 0}.title{font-size:42px;line-height:1.08;margin:10px 0 20px;color:#102b42}.lead{font-size:18px;line-height:1.6;color:#536a7c}.twocol{display:grid;grid-template-columns:1.05fr .95fr;gap:60px}.four{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.mini{padding:18px;border:1px solid var(--line);background:white}.mini b{display:block}.mini span{display:block;font-size:13px;color:#657888;margin-top:6px;line-height:1.45}.about-image-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:470px}.about-image-stack img{width:100%;height:100%;object-fit:cover;border-radius:4px}.about-image-stack img:first-child{grid-row:1/3}
.platforms{background:#f3efe5}.commodity-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.commodity-visual{height:370px;position:relative;overflow:hidden;border-radius:4px;background-size:cover;background-position:center;box-shadow:0 12px 26px rgba(0,0,0,.12)}.commodity-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,18,29,.05),rgba(1,18,29,.89))}.commodity-visual>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:white}.commodity-visual small{color:#e3b84e;letter-spacing:1.5px;font-weight:800}.commodity-visual h3{font-size:25px;margin:8px 0}.commodity-visual p{font-size:13px;line-height:1.45;color:#e3edf1}.palm-bg{background-image:url('assets/hero-palm.jpg')}.coal-bg{background-image:url('assets/hero-coal.jpg')}.metcoal-bg{background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.3)),url('assets/coal-mine-2.jpg')}.metals-bg{background-image:url('assets/hero-metals.jpg')}
.atlas-home{background:white}.atlas-category{margin-top:34px}.atlas-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.atlas-category-head h3{font-size:28px;margin:0}.atlas-category-head p{margin:0;color:#607284}.atlas-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.atlas-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 22px rgba(5,30,43,.07);overflow:hidden}.atlas-card img{width:100%;height:175px;object-fit:cover}.atlas-card .pad{padding:17px}.atlas-card h4{margin:4px 0 7px;font-size:19px}.atlas-card p{font-size:13px;color:#617485;line-height:1.5;min-height:38px}.atlas-card a{font-weight:800;font-size:12px;color:#0b2b42;text-transform:uppercase}.atlas-card .live{color:#b27b0c;margin-left:10px}
.map-page-hero{padding:46px 0 30px;background:var(--navy);color:white}.map-page-hero h1{font-size:46px;margin:6px 0}.map-page-hero p{max-width:920px;color:#d7e2e8;line-height:1.55}.map-page-hero .eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:1.7px}.map-mode-note{background:#f6edd9;border-left:4px solid var(--gold);padding:14px 16px;font-size:13px;color:#4f6070;margin:20px 0}.dual-map-wrap{width:min(1500px,97%);margin:0 auto;padding:34px 0 70px}.static-map-panel,.live-map-panel{background:white;border:1px solid #d8e0e4;box-shadow:0 14px 34px rgba(0,0,0,.09);margin-bottom:30px}.panel-head{padding:16px 20px;background:#0b2234;color:white;display:flex;justify-content:space-between;align-items:center}.panel-head strong{font-size:16px}.panel-head span{font-size:11px;color:#d7a83f;text-transform:uppercase;letter-spacing:1px}.static-map-panel img{display:block;width:100%;height:auto}.map-frame{width:100%;height:830px;border:0;display:block}.map-preview{height:560px}.map-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.map-guide div{background:white;border:1px solid var(--line);padding:18px}.map-guide b{display:block;margin-bottom:6px}.map-guide p{font-size:13px;line-height:1.48;color:#667988;margin:0}
.network-index{background:#f4f7f6}.commodity-network-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:30px}.commodity-network-card{background:white;border:1px solid var(--line);padding:24px;min-height:215px}.commodity-network-card h3{font-size:22px;margin:12px 0}.commodity-network-card p{font-size:13px;color:#657888;line-height:1.5}.commodity-network-card a{font-weight:800;color:#173a51;font-size:12px;text-transform:uppercase}.dot-status{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px}.ready{background:#2b9c69}.research{background:#d9a83e}
footer{background:#071a2a;color:#dce7eb;padding:60px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px}.footer-logo-wide{width:270px}.footgrid p{font-size:13px;line-height:1.6;max-width:430px}.footgrid h5{color:#d9a83e;margin:5px 0 12px}.footgrid a{display:block;font-size:13px;margin:8px 0}.legalbar{display:flex;justify-content:space-between;border-top:1px solid #294151;margin-top:36px;padding-top:18px;font-size:11px;color:#8fa5b2}
@media(max-width:1100px){.navwide ul{gap:14px}.navwide nav a{font-size:11px}.brand-lockup img{width:220px}.hero-v4{grid-template-columns:1fr}.hero-v4-copy{padding:60px 6vw}.hero-v4-visual{min-height:420px}.commodity-visual-grid,.atlas-cards{grid-template-columns:1fr 1fr}.commodity-network-grid{grid-template-columns:1fr 1fr}.map-frame{height:720px}}
@media(max-width:760px){.site-header{position:relative}.navwide{display:block;padding:10px 12px}.brand-lockup img{width:235px}.navwide nav{overflow-x:auto;margin-top:8px}.navwide ul{width:max-content;padding-bottom:10px}.hero-v4 h1{font-size:48px}.visual-strip{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.commodity-visual-grid,.atlas-cards,.commodity-network-grid{grid-template-columns:1fr}.four{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.legalbar{display:block}.legalbar span{display:block;margin:7px 0}.map-frame{height:650px}.map-guide{grid-template-columns:1fr}}
/* Commodity specification + legal page compatibility */
.commodityhero,.pagehero{background:linear-gradient(120deg,#071a2a,#12364c);color:white;padding:62px 0}.commodityhero h1,.pagehero h1{font-size:46px;margin:8px 0 14px}.commodityhero p,.pagehero p{max-width:950px;color:#dce6eb;line-height:1.6}.commodity-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.commodity-nav a{border:1px solid rgba(217,168,62,.6);padding:10px 13px;font-size:12px;font-weight:800;color:#f2d17e}.commodity-section{padding:76px 0}.commodity-section:nth-of-type(even){background:#f5f1e8}.commodity-head{display:grid;grid-template-columns:105px 1fr;gap:26px;align-items:center;margin-bottom:28px}.commodity-emblem{width:95px;height:95px;object-fit:contain}.commodity-head h2{font-size:34px;margin:7px 0 10px}.commodity-head p{color:#5e7282;line-height:1.6}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.spec-card,.spec-wide{background:white;border:1px solid #dbe4e8;padding:22px;box-shadow:0 8px 22px rgba(5,30,43,.05)}.spec-card .basis{font-size:10px;color:#a67712;text-transform:uppercase;font-weight:800;letter-spacing:1px}.spec-card .grade{font-size:28px;font-weight:900;margin:7px 0 13px}.spec-card dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.spec-card dt{font-size:12px;color:#637686}.spec-card dd{font-size:12px;font-weight:800;margin:0}.spec-wide h3{font-size:24px;margin:0 0 15px}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{padding:12px 10px;border-bottom:1px solid #e1e7ea;text-align:left;font-size:13px}.spec-table th{width:32%;color:#233e53}.reference-note,.source-note,.market-ref{font-size:12px;line-height:1.55;color:#657887;margin-top:16px}.market-ref{background:#f3f0e7;border-left:3px solid #d9a83e;padding:15px}.legalpage{background:white;padding:42px 5%;margin:35px auto 70px;box-shadow:0 8px 26px rgba(0,0,0,.06)}.legalpage h2{font-size:22px;margin-top:28px}.legalpage p{color:#536a7a;line-height:1.65}
@media(max-width:900px){.spec-grid{grid-template-columns:1fr 1fr}.commodity-head{grid-template-columns:75px 1fr}.commodity-emblem{width:70px;height:70px}}
@media(max-width:620px){.spec-grid{grid-template-columns:1fr}.commodity-head{grid-template-columns:1fr}.commodityhero h1,.pagehero h1{font-size:36px}}

/* V5 — product-page visual storytelling */
.product-visual-overview{padding:42px 0 56px;background:#fff}.product-hero-card{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 18px 44px rgba(10,38,56,.13);background:white}.product-hero-card img{display:block;width:100%;height:auto}.product-hero-caption{position:absolute;left:32px;bottom:28px;max-width:560px;padding:18px 22px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(0,0,0,.12);border-left:4px solid var(--gold)}.product-hero-caption span{display:block;color:#a8730b;font-size:11px;font-weight:900;letter-spacing:1.5px}.product-hero-caption strong{display:block;color:var(--ink);font-size:24px;margin:5px 0}.product-hero-caption p{font-size:13px;line-height:1.5;color:#526a7a;margin:0}
.product-story-image{position:relative;margin:0 0 30px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 14px 36px rgba(6,32,48,.10)}.product-story-image img{display:block;width:100%;height:auto;max-height:780px;object-fit:cover}.product-story-image .story-label{position:absolute;left:22px;bottom:22px;max-width:620px;background:rgba(255,255,255,.95);padding:13px 18px;border-left:4px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.12)}.product-story-image .story-label b{display:block;font-size:13px;letter-spacing:1.1px;color:#8b650c}.product-story-image .story-label span{display:block;margin-top:4px;font-size:14px;font-weight:700;color:#17364b}.metcoal-story img,.metcoke-story img{max-height:620px;object-position:center 55%}.metals-story img{max-height:760px}.palm-story img{max-height:780px}
@media(max-width:760px){.product-hero-caption{position:relative;left:auto;bottom:auto;max-width:none;box-shadow:none;border-left:0;border-top:3px solid var(--gold)}.product-story-image .story-label{position:relative;left:auto;bottom:auto;max-width:none;box-shadow:none;border-left:0;border-top:3px solid var(--gold)}}


/* V5.3 — detailed commodity specification sheets */
.specsheet-hero{background:linear-gradient(120deg,#f9f6ef,#eef5f1);padding:58px 0 38px;border-bottom:1px solid #dfe6e9}.specsheet-hero h1{font-size:48px;margin:8px 0 13px}.specsheet-hero p{max-width:930px;color:#587081;font-size:17px;line-height:1.6}.specsheet-index{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.specsheet-index a{padding:10px 13px;border:1px solid #d8c08a;background:white;font-size:12px;font-weight:800;color:#17364b}.specsheet-section{padding:64px 0}.specsheet-section.alt{background:#f5f1e8}.spec-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.spec-title-row h2{font-size:34px;margin:4px 0}.spec-title-row p{max-width:720px;color:#627788;line-height:1.55;margin:0}.sheet-table-wrap{overflow-x:auto;background:white;border:1px solid #dbe4e8;box-shadow:0 10px 28px rgba(5,30,43,.055)}.sheet-table{width:100%;border-collapse:collapse;min-width:880px}.sheet-table th,.sheet-table td{padding:12px 11px;border-right:1px solid #e3e8ea;border-bottom:1px solid #e3e8ea;font-size:12px;vertical-align:top}.sheet-table th{background:#0b263b;color:white;text-align:left}.sheet-table tr:nth-child(even) td{background:#fafcfc}.sheet-table td:first-child{font-weight:800;color:#213c50}.sheet-note{margin-top:14px;background:#fff8e7;border-left:4px solid var(--gold);padding:13px 15px;font-size:12px;line-height:1.55;color:#5d6f7b}.source-strip{margin-top:12px;font-size:11px;color:#71828e;line-height:1.55}.source-strip a{text-decoration:underline}.grade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.grade-card{background:white;border:1px solid #dbe4e8;padding:20px}.grade-card b{display:block;color:#9b6d0d;text-transform:uppercase;font-size:11px;letter-spacing:1px}.grade-card h3{margin:7px 0 10px;font-size:22px}.grade-card p{font-size:13px;line-height:1.52;color:#617586;margin:0}.metcoke-process{margin:0 0 30px;padding:24px;background:linear-gradient(120deg,#101e27,#24323a);color:white;border-radius:6px;box-shadow:0 14px 36px rgba(6,32,48,.13)}.metcoke-process h3{margin:0 0 7px;font-size:24px}.metcoke-process>p{margin:0 0 22px;color:#dbe4e7;line-height:1.55}.process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.process-step{background:rgba(255,255,255,.07);border:1px solid rgba(217,168,62,.35);padding:16px 11px;min-height:112px}.process-step span{display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:#071a2a;font-weight:900;margin-bottom:10px}.process-step b{display:block;font-size:12px;color:#f3d98e}.process-step small{display:block;color:#d5e0e5;font-size:11px;line-height:1.35;margin-top:5px}.spec-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.spec-cta a{padding:12px 16px;background:var(--navy);color:white;font-weight:800;font-size:12px;text-transform:uppercase}.spec-cta a.gold{background:var(--gold);color:#071a2a}
@media(max-width:900px){.grade-cards{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr 1fr 1fr}.specsheet-hero h1{font-size:38px}}@media(max-width:620px){.process-steps{grid-template-columns:1fr 1fr}}

/* V5.4 — simplified, brighter homepage */
.home-v6{background:#fff;color:#102a3e}.home-v6 .home-header{background:#fff;border-bottom:1px solid #e3e7e8;box-shadow:0 3px 16px rgba(19,48,65,.06)}
.home-v6 .home-header .navwide{min-height:92px}.home-v6 .home-header .home-brand{background:transparent;padding:0;border:0}.home-v6 .home-header .home-brand img{width:245px;height:84px;object-fit:contain;object-position:left center}
.home-v6 .home-header nav a{color:#102a3e}.home-v6 .home-header nav a:hover{color:#b77d0b}.home-hero-clean{position:relative;min-height:600px;overflow:hidden;background:#f5f3ec}.home-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 25%,rgba(255,255,255,.57) 42%,rgba(255,255,255,.05) 68%)}.home-hero-copy{position:relative;z-index:2;padding:125px max(6vw,calc((100vw - 1180px)/2));max-width:720px}.home-hero-copy h1{font-size:62px;line-height:1;letter-spacing:-2.2px;margin:14px 0 22px;color:#102a3e}.home-hero-copy p{font-size:18px;line-height:1.62;color:#3d5667;max-width:630px}.home-hero-actions{display:flex;gap:12px;margin-top:30px}.home-outline{border:1px solid #9f761b;background:rgba(255,255,255,.83);color:#17364b}.home-outline.dark{background:transparent;border-color:#f0d485;color:white}
.home-products{padding:70px 0 74px}.home-section-head{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:end;margin-bottom:28px}.home-section-head h2{font-size:38px;margin:6px 0 0}.home-section-head p{color:#607685;line-height:1.6;margin:0}.home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-product-card{background:#fff;border:1px solid #e0e6e9;box-shadow:0 12px 30px rgba(8,37,54,.06);overflow:hidden;border-radius:8px;transition:.2s transform,.2s box-shadow}.home-product-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,37,54,.1)}.home-product-card img{width:100%;height:180px;object-fit:cover;display:block}.home-product-card>div{padding:19px}.home-product-card span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#af7a10}.home-product-card h3{font-size:22px;margin:6px 0 7px}.home-product-card p{font-size:12px;line-height:1.45;color:#657887;min-height:52px}.home-product-card b{font-size:12px;color:#173a51}
.home-how{background:#faf7f0;border-top:1px solid #eee6d6;border-bottom:1px solid #eee6d6}.home-how-row{display:grid;grid-template-columns:1.1fr repeat(4,1fr);align-items:stretch}.home-how-title{padding:28px 18px 28px 0;font-weight:900;color:#a8730b;display:flex;align-items:center}.home-how-step{display:flex;gap:11px;padding:24px 14px;border-left:1px solid #eadfca}.home-how-step i{font-style:normal;color:#c08b1a;font-size:11px;font-weight:900;border:1px solid #d6b66d;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 28px}.home-how-step b{display:block;font-size:14px}.home-how-step span{display:block;font-size:11px;line-height:1.4;color:#697b87;margin-top:3px}
.home-discover{padding:76px 0;background:#f8faf9}.home-discover-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.home-feature{background:white;border:1px solid #dfe7e9;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px rgba(8,37,54,.055)}.home-feature img{width:100%;height:220px;object-fit:cover;display:block}.home-feature .feature-copy{padding:24px}.home-feature h3{font-size:25px;margin:7px 0 10px}.home-feature p{font-size:13px;line-height:1.55;color:#607685}.home-feature .feature-copy>a:not(.btn){font-size:12px;font-weight:900;color:#173a51}.atlas-feature{display:grid;grid-template-rows:auto 1fr}.atlas-feature img{height:270px;object-fit:cover;object-position:center}.atlas-feature .feature-copy{order:2}
.home-story{padding:72px 0}.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.home-story h2{font-size:32px;margin:7px 0 14px}.home-story p{color:#607685;line-height:1.65}.home-trust{padding:0 0 72px}.home-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-trust-grid>div{padding:28px;border:1px solid #e0e6e8;background:#fff}.home-trust span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#a8730b}.home-trust h3{font-size:22px;margin:7px 0}.home-trust p{font-size:13px;line-height:1.55;color:#617687}.home-contact{background:#0a2234;color:white;padding:48px 0}.home-contact-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.home-contact h2{font-size:30px;margin:5px 0}.home-contact-row>div:last-child{display:flex;gap:10px}
@media(max-width:1050px){.home-product-grid{grid-template-columns:1fr 1fr}.home-discover-grid{grid-template-columns:1fr 1fr}.atlas-feature{grid-column:1/-1}.home-how-row{grid-template-columns:1fr 1fr}.home-how-title{grid-column:1/-1;border-bottom:1px solid #eadfca}.home-how-step:nth-child(2n){border-left:0}.home-section-head{grid-template-columns:1fr}.home-hero-copy{padding-top:105px}}
@media(max-width:720px){.home-v6 .home-header .home-brand img{width:210px}.home-hero-clean{min-height:670px}.home-hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 55%,rgba(255,255,255,.12) 100%)}.home-hero-copy{padding:78px 7vw}.home-hero-copy h1{font-size:48px}.home-hero-actions{flex-direction:column;align-items:flex-start}.home-product-grid,.home-discover-grid,.home-story-grid,.home-trust-grid{grid-template-columns:1fr}.home-how-row{grid-template-columns:1fr}.home-how-step{border-left:0;border-top:1px solid #eadfca}.home-section-head{gap:14px}.home-contact-row{display:block}.home-contact-row>div:last-child{margin-top:18px;flex-wrap:wrap}}


/* V6.0 — page-by-page, single-screen architecture */
.screen-page{height:100dvh;min-height:700px;overflow:hidden;background:#fff;color:#123047}
.screen-page .screen-header{position:relative;top:auto;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(22,52,72,.10);box-shadow:0 3px 16px rgba(18,48,71,.05)}
.screen-page .screen-header .navwide{min-height:86px;padding-left:24px;padding-right:28px}
.screen-page .screen-header .screen-brand img{width:228px;max-height:80px}
.screen-page .screen-header nav a{color:#17364a;font-size:12px}
.screen-page .screen-header nav a:hover{color:#b47c12}
.screen-legal{position:fixed;z-index:50;bottom:0;left:0;right:0;height:27px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-top:1px solid rgba(18,48,71,.09);font-size:9px;color:#6d7d87}
.screen-legal a{color:#516874}

.single-home{height:calc(100dvh - 86px);min-height:614px}
.home-screen-hero{height:100%;position:relative;overflow:hidden;background:#e9f2e7}
.home-screen-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(1.04) brightness(1.03)}
.home-screen-wash{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 31%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.12) 72%,rgba(255,255,255,.04) 100%),
  linear-gradient(0deg,rgba(13,58,40,.16),rgba(255,255,255,0) 40%)}
.home-screen-content{position:absolute;z-index:3;left:max(6vw,calc((100vw - 1180px)/2));top:10%;width:min(610px,42vw)}
.home-screen-kicker,.screen-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#a8730b;text-transform:uppercase}
.home-screen-content h1{font-size:clamp(52px,5.4vw,78px);line-height:.91;letter-spacing:-3px;margin:14px 0 17px;color:#15374a}
.home-screen-content h1 span{color:#c58c1a}
.home-screen-sub{font-size:20px;color:#274d5d;margin:0 0 12px;font-weight:700}
.home-screen-intro{max-width:560px;font-size:14px;line-height:1.58;color:#536d79}
.home-screen-actions,.corp-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}
.screen-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:3px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:900}
.screen-btn.primary{background:#d5a234;color:#102b3d;border:1px solid #c79120}
.screen-btn.secondary{background:rgba(255,255,255,.86);color:#17364a;border:1px solid #8fa3ad}
.home-product-dock{position:absolute;z-index:4;left:6%;right:6%;bottom:50px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 36px rgba(20,57,62,.13)}
.home-product-dock a{padding:17px 19px;border-right:1px solid #dbe4e1;transition:.18s background}
.home-product-dock a:last-child{border-right:0}.home-product-dock a:hover{background:#fff8e9}
.home-product-dock span{display:block;font-size:9px;color:#b08020;font-weight:900;letter-spacing:1px}
.home-product-dock b{display:block;font-size:16px;color:#17384a;margin:4px 0 2px}.home-product-dock small{font-size:10px;color:#6d7e87}
.home-corporate-strip{position:absolute;right:6%;top:8%;z-index:3;font-size:10px;letter-spacing:1.6px;font-weight:900;color:#315a47;background:rgba(255,255,255,.73);padding:8px 11px;border-radius:3px}

.single-shell{height:calc(100dvh - 86px);padding:4.6vh 6vw 45px;background:linear-gradient(120deg,#fff 0%,#fbfaf5 57%,#eef5ed 100%)}
.single-intro{height:29%;display:flex;align-items:center}.single-intro h1{font-size:clamp(38px,4vw,58px);line-height:1.03;margin:8px 0 12px;color:#14364a}.single-intro p{max-width:760px;color:#5d7480;line-height:1.55;font-size:14px}
.commodity-choice-grid{height:61%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.choice-card{position:relative;overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(20,55,69,.09);border:1px solid #e3e8e6}
.choice-card img{width:100%;height:54%;object-fit:cover;display:block}.choice-card>div{padding:18px 18px 14px}.choice-card small{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#a8730b}.choice-card h2{font-size:22px;margin:5px 0 6px}.choice-card p{font-size:11px;line-height:1.45;color:#687d87}.choice-card b{position:absolute;bottom:15px;left:18px;font-size:11px;color:#17384a}

.single-product{height:calc(100dvh - 86px);display:grid;grid-template-columns:46% 54%;padding-bottom:27px;background:#fff}
.single-product-copy{padding:7vh 5vw 5vh max(6vw,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}
.single-product-copy h1{font-size:clamp(38px,4.1vw,60px);line-height:1.02;margin:8px 0 17px;color:#14364a;letter-spacing:-1.6px}
.single-product-copy>p{font-size:14px;line-height:1.62;color:#607782;max-width:670px}
.single-product-visual{padding:4.5vh 4vw 5.5vh 0;display:flex;align-items:center}
.single-product-visual img{width:100%;height:100%;max-height:650px;object-fit:cover;border-radius:10px;box-shadow:0 15px 38px rgba(18,53,65,.12)}
.product-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 21px}.product-chip-row span{font-size:9px;font-weight:900;letter-spacing:.6px;padding:7px 9px;border:1px solid #d8bf86;background:#fffaf0;color:#7e5a10}
.product-next-grid{display:grid;grid-template-columns:1fr;gap:8px;max-width:610px}
.screen-link-card{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:11px 13px;border:1px solid #dfe6e8;background:#fff;align-items:center}
.screen-link-card b{font-size:12px}.screen-link-card small{grid-column:1;font-size:10px;color:#6d7f88;margin-top:2px}.screen-link-card i{grid-column:2;grid-row:1/3;font-style:normal;color:#bb8618;font-size:17px}
.palm-tone{background:linear-gradient(120deg,#fff 0 48%,#f0f7ee 48%)}.coal-tone{background:linear-gradient(120deg,#fff 0 48%,#f4f5f2 48%)}.met-tone{background:linear-gradient(120deg,#fff 0 48%,#f5f3ee 48%)}.metal-tone{background:linear-gradient(120deg,#fff 0 48%,#f0f4f5 48%)}

.single-corporate{height:calc(100dvh - 86px);display:grid;grid-template-columns:47% 53%;padding-bottom:27px;background:#fff}
.corp-copy{padding:8vh 5vw 6vh max(6vw,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}
.corp-copy h1{font-size:clamp(40px,4.3vw,62px);line-height:1.01;margin:8px 0 18px;color:#14364a;letter-spacing:-1.7px}.corp-copy>p{font-size:14px;line-height:1.64;color:#607782;max-width:640px;margin:0 0 11px}
.corp-visual{padding:4vh 4vw 5.5vh 0;display:flex;align-items:center;overflow:hidden}.corp-visual img{width:100%;height:100%;max-height:680px;object-fit:cover;border-radius:10px;box-shadow:0 14px 36px rgba(18,53,65,.1)}
.nature-visual img{object-position:center 35%}
.four-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;max-width:630px}.four-mini span{padding:10px 11px;border:1px solid #e1e7e5;background:#fbfcfb;font-size:10px;color:#6d7f88}.four-mini b{display:block;color:#17384a;font-size:12px;margin-bottom:2px}
.single-contact{height:calc(100dvh - 86px);padding-bottom:27px;display:flex;align-items:center;justify-content:center;background:
 linear-gradient(rgba(247,251,246,.88),rgba(247,251,246,.88)),
 url('assets/homepage-nature-hero.jpg') center/cover no-repeat}
.contact-card{width:min(840px,88vw);background:rgba(255,255,255,.93);backdrop-filter:blur(12px);padding:42px 48px;border-radius:10px;box-shadow:0 18px 45px rgba(20,55,69,.12)}.contact-card h1{font-size:48px;margin:8px 0 13px}.contact-card>p{font-size:14px;line-height:1.6;color:#607782}.contact-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0}.contact-lines a{padding:14px;background:#f8faf8;border:1px solid #dfe7e2}.contact-lines b{display:block;font-size:11px;color:#17384a}.contact-lines span{display:block;font-size:10px;color:#6b7e87;margin-top:4px}

@media(max-width:1100px){
  .screen-page .screen-header .navwide{gap:16px}.screen-page .screen-header nav ul{gap:13px}.screen-page .screen-header .screen-brand img{width:190px}
  .home-product-dock{left:3%;right:3%}.home-screen-content{left:5%;width:48vw}
}
@media(max-width:850px){
  .screen-page{overflow:auto;height:auto;min-height:100vh}.screen-legal{position:relative}
  .screen-page .screen-header nav{display:none}.single-home,.single-shell,.single-product,.single-corporate,.single-contact{height:auto;min-height:calc(100vh - 86px)}
  .home-screen-hero{min-height:800px}.home-screen-content{left:7%;right:7%;width:auto;top:9%}.home-screen-wash{background:linear-gradient(180deg,rgba(255,255,255,.97) 0 52%,rgba(255,255,255,.28) 83%,rgba(255,255,255,.14))}
  .home-product-dock{grid-template-columns:1fr 1fr;bottom:60px}.home-product-dock a:nth-child(2){border-right:0}.home-product-dock a{border-bottom:1px solid #dbe4e1}
  .commodity-choice-grid{grid-template-columns:1fr 1fr;height:auto}.single-shell{padding-bottom:50px}.single-intro{height:auto;padding:25px 0}
  .single-product,.single-corporate{grid-template-columns:1fr}.single-product-visual,.corp-visual{padding:0 7vw 55px}.single-product-copy,.corp-copy{padding:48px 7vw 28px}.single-product-visual img,.corp-visual img{max-height:440px}
}