@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font:14px 'DM Sans',sans-serif;color:#202b37;background:#f5f6f8;--green:#15835b;--red:#bd454b;--line:#e6e9ec}*{box-sizing:border-box}body{margin:0}header{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1240px)/2));gap:28px}.brand{font:800 30px Manrope;text-decoration:none;color:#202b37;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.mark{font-size:40px;color:#218568}.brand-dot{color:#218568;margin-left:-8px}.header-label{font-size:10px;letter-spacing:2px;color:#84909a;border-left:1px solid var(--line);padding-left:28px}button{font:600 13px 'DM Sans';border:1px solid #dae0e5;background:white;border-radius:8px;padding:11px 16px;cursor:pointer;color:#354151}header button{margin-left:auto}button:hover{border-color:#9daeb7}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8fc7b2}main{max-width:1240px;margin:auto;padding:44px 0 26px}.intro{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#87919b;font-weight:700}h1{font:800 36px Manrope;letter-spacing:-1.5px;margin:10px 0 15px}.intro p{color:#67747f;font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.green{background:var(--green)}.red{background:var(--red);margin-left:20px}.clock{text-align:right}.clock span{display:block;font:600 25px Manrope;letter-spacing:1px}.clock small{display:block;color:#84909a;margin-top:5px}.statusbar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;margin:23px 0 28px;gap:16px}.statusbar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.status-dot{width:7px;height:7px;background:#c99444;border-radius:50%}#feedDetail{color:#88939e;font-size:12px}#count{font-size:12px;white-space:nowrap;color:#6f7c87}.filters{display:flex;gap:8px;margin-bottom:22px}.filters button{border-color:transparent;background:transparent;color:#6e7a85}.filters button.selected{background:#243c34;color:white}.filters span{margin-left:8px;color:#b2c1bb}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 7px #263b4b03}.card-top{display:flex;gap:12px;align-items:center;padding:22px 20px 17px}.icon{height:43px;width:43px;display:grid;place-items:center;border-radius:12px;font:700 17px Manrope;background:#f5f0e1;color:#9d803f}.energy .icon{background:#edf0f6;color:#59698c}.agri .icon{background:#eef3e7;color:#72884d}.card h2{font:800 18px Manrope;margin:0 0 5px;letter-spacing:-.5px}.category{font-size:11px;color:#8a969f}.badge{margin:0 20px;padding:9px 12px;background:#fff0f0;color:var(--red);border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.6px;display:flex;align-items:center;gap:7px}.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.ready .badge{background:#e7f6ee;color:var(--green)}.price{padding:20px 20px 8px;font:800 27px Manrope;letter-spacing:-.8px}.price small{font:400 11px 'DM Sans';color:#98a1a9;margin-left:5px;letter-spacing:0}.why{padding:0 20px;min-height:34px;color:#87919a;font-size:12px;line-height:1.5}.parameters{margin:18px 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:17px 10px}.parameters span{display:block;color:#9aa3ab;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.parameters b{font-size:14px;color:#3b4a55}.ready .parameters b{color:#1e7151}.card-bottom{border-top:1px solid #f0f2f4;padding:13px 20px;display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#99a1a9}.card-bottom b{color:#65747d;font-weight:500}.empty{padding:45px;background:white;border:1px dashed #dbe1e6;border-radius:12px;grid-column:1/-1;text-align:center;color:#6d7c87}footer{margin-top:35px;padding-top:22px;border-top:1px solid #e0e5e9;color:#99a2aa;font-size:11px;display:flex;justify-content:space-between;gap:20px}details{max-width:460px}summary{cursor:pointer;color:#6d7c87}details p{line-height:1.7}input{width:100%;padding:12px;border:1px solid #dae0e5;border-radius:7px;margin:8px 0}a{color:#27775b}#message{color:#a25342;margin-top:15px}button:disabled{opacity:.5;cursor:wait}@media(max-width:1300px){main{padding:35px 28px}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:30px}.header-label{display:none}}@media(max-width:560px){header{height:72px;padding:0 18px}.brand{font-size:25px}main{padding:30px 17px}.clock{display:none}h1{font-size:29px}.cards{grid-template-columns:1fr}.filters{overflow:auto;gap:0}.filters button{white-space:nowrap;padding:10px 11px}.statusbar{align-items:start}#count{display:none}.intro p{font-size:11px}.red{margin-left:10px}footer{flex-direction:column}.card-top{padding-bottom:14px}.parameters{grid-template-columns:repeat(4,1fr)}.parameters b{font-size:12px}}
/* Vivid commodities palette, restrained transparent hero artwork. */
:root{background:#f4f8fb;--green:#008b65;--red:#d94758}header{border-top:4px solid #00a782;box-shadow:0 3px 20px #093e5310}.mark,.brand-dot{color:#00a782}.intro{position:relative;overflow:hidden;isolation:isolate;min-height:215px;padding:30px 34px;border-radius:18px;background:linear-gradient(110deg,#e4f7f1 0%,#e9f3ff 60%,#fff0d6 100%);border:1px solid #deebe8}.intro>div{position:relative;z-index:1}.intro>div:first-of-type{max-width:730px}.hero-art{position:absolute;right:40px;top:-75px;width:470px;height:350px;object-fit:contain;opacity:.25;z-index:0;pointer-events:none}.intro h1{color:#133e49}.eyebrow{color:#09836e}.intro p{display:flex;align-items:center;flex-wrap:wrap;gap:5px 0;line-height:1.8}.dot.amber{background:#dc9918;margin-left:18px}.clock{align-self:flex-start;background:#ffffffa8;padding:10px 14px;border-radius:10px}.statusbar{border-left:4px solid #079b86}.filters{align-items:center;flex-wrap:wrap}.filters button.selected{background:#098d78;box-shadow:0 4px 12px #098d7825}.filters input{margin:0 0 0 auto;width:205px;background:white;font-size:12px}.card{border-top:3px solid #e9bd56;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #16375212}.card .icon{background:#fff0ca;color:#b57a0b}.energy .icon{background:#def1ff;color:#2474bd}.agri .icon{background:#e6f5d5;color:#5d8b19}.livestock .icon{background:#fde7e1;color:#c06542}.card.unavailable .badge{background:#fff3d9;color:#a66b06}.card.wait{border-top-color:#e66772}.card.active{border-top-color:#00a87c}.card.active .badge{background:#d9f7eb;color:#00865c}.card.active .parameters b{color:#00865c}.live-tag{color:#008b6a;font-weight:700}.data-notice{border:1px solid #eedbb4;background:#fff9ee;padding:13px 17px;border-radius:9px;margin-bottom:22px;color:#88672f;font-size:12px;line-height:1.6}.data-notice[hidden]{display:none}.card h2{font-size:16px}.card-top{min-height:90px}.card .why{min-height:40px}.price{font-size:25px}.status-dot{background:#00a782}@media(max-width:950px){.intro{padding:25px;min-height:230px}.hero-art{right:-100px;opacity:.16}.intro p{max-width:400px}.clock{display:none}.filters input{margin-left:0}}@media(max-width:560px){.intro{padding:23px 18px;min-height:230px}.hero-art{right:-80px;top:0;width:340px;height:240px;opacity:.15}.intro h1{font-size:27px}.intro p{display:block;max-width:250px;line-height:2}.dot.amber{margin-left:10px}.filters{overflow:visible}.filters input{width:100%}.card h2{font-size:18px}}
.win-stat{margin:15px 20px 0;padding:13px 15px;border-radius:9px;background:#eef5fa;color:#435a70}.win-stat>span{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.win-stat>strong{display:block;font:800 30px Manrope;color:#173b55;margin:3px 0}.win-stat small{font-size:16px;margin-left:3px}.win-stat>div{font-size:11px}.plan-note{font-size:11px;line-height:1.5;color:#69747c;margin:0 20px 15px}.test-details{padding:0 20px 17px;font-size:12px}.test-details p{line-height:1.8}.card .why{min-height:36px}.card.active .win-stat{background:#e8f7f0}.export{font-size:11px;padding:8px 10px}
