@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,500&display=swap');
:root{--ink:#071d17;--deep:#03150f;--panel:#08231b;--line:#184337;--mint:#68e3a1;--green:#0f7b55;--lime:#b6db62;--gold:#c99436;--cream:#f5f0e5;--paper:#fbf8f1;--muted:#8da69b;--white:#f5fbf7;--serif:'Newsreader',Georgia,serif;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace;--shadow:0 30px 80px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:var(--sans);line-height:1.5}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:100;left:12px;top:-60px;background:var(--mint);color:var(--ink);padding:10px 16px;border-radius:4px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #f5c55e;outline-offset:3px}.section-pad{padding:96px max(5vw,28px)}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(3vw,22px);position:sticky;top:0;z-index:50;background:rgba(3,21,15,.94);border-bottom:1px solid rgba(104,227,161,.14);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:22px;line-height:1}.brand small{display:block;font:500 8px var(--mono);letter-spacing:.22em;margin-top:6px;color:#9bb3a9}.bean{width:39px;height:39px;border:2px solid var(--mint);color:var(--mint);border-radius:11px;display:grid;place-items:center;transform:rotate(-10deg);font-size:20px}.site-header nav{display:flex;gap:28px;font-size:13px;font-weight:700;color:#b8c9c1}.site-header nav a:hover{color:var(--mint)}.header-tools{display:flex;align-items:center;gap:9px}.icon-btn,.outline-btn,.menu{border:1px solid var(--line);background:#0a241c;color:var(--white);border-radius:8px;height:42px;padding:0 13px;cursor:pointer}.icon-btn{font-size:20px}.access-btn,.primary{background:var(--mint);color:var(--ink);font-weight:800;border-radius:8px;padding:13px 19px;border:0;display:inline-block;cursor:pointer}.outline-btn{font:600 11px var(--mono);letter-spacing:.08em}.menu{display:none;font-size:20px}
.hero{min-height:720px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(22,105,74,.24),transparent 32%),linear-gradient(135deg,#03150f,#061e17 58%,#03150f)}.hero:after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(104,227,161,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(104,227,161,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent)}.status-line{position:relative;z-index:2;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:62px}.live-badge{border:1px solid #216746;color:var(--mint);padding:6px 10px;border-radius:20px;font:500 10px var(--mono);letter-spacing:.12em}.live-badge i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;box-shadow:0 0 12px currentColor}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;max-width:1460px;margin:auto}.eyebrow,.mono-label{font:500 10px var(--mono);letter-spacing:.19em;color:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,6.5vw,94px);line-height:.92;letter-spacing:-.055em;margin:20px 0 30px}.hero h1 em{font:italic 1em var(--serif);color:var(--mint)}.hero h1 span{font-family:var(--serif);font-weight:500;color:#d9e2dc}.hero-copy{font-size:17px;color:#9eb2a8;max-width:670px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{color:var(--mint);font-weight:700;font-size:13px}.trace-card{background:rgba(10,39,29,.76);border:1px solid #205140;border-radius:18px;padding:32px;box-shadow:var(--shadow)}.trace-card h2{font:500 35px/1.05 var(--serif);margin:15px 0}.trace-card p,.trace-card small{color:#91a79c}.trace-card label,.trace-form label{display:block;font:500 10px var(--mono);letter-spacing:.12em;margin:28px 0 9px}.input-row{display:flex;background:#061a14;border:1px solid #235443;border-radius:9px;padding:5px}.input-row input{background:transparent;border:0;color:white;min-width:0;flex:1;padding:10px}.input-row button{border:0;background:var(--mint);color:var(--ink);font-weight:800;padding:10px 16px;border-radius:6px;cursor:pointer}.trace-card small{display:block;margin-top:12px}.inline-code{background:none;border:0;color:var(--mint);padding:0;cursor:pointer}.hero-orbit{position:absolute;right:-170px;bottom:-320px;width:740px;height:740px;border:1px solid rgba(104,227,161,.09);border-radius:50%}.hero-orbit span{position:absolute;border:1px solid rgba(104,227,161,.08);border-radius:50%;inset:14%}.hero-orbit span+span{inset:30%}.hero-orbit span+span+span{inset:46%;background:rgba(104,227,161,.07)}
.network{background:#061b15}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;max-width:1460px;margin:0 auto 38px}.section-heading h2,.trace-section h2,.method h2{font:500 clamp(38px,4vw,60px)/1 var(--serif);margin:14px 0 0}.section-heading>p{max-width:520px;color:#90a79c;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1460px;margin:0 auto 18px}.metric{padding:21px;border:1px solid var(--line);background:linear-gradient(135deg,#09251c,#071d17);border-radius:12px}.metric span{display:block;font:500 9px var(--mono);letter-spacing:.12em;color:#8fa89d}.metric div{display:flex;align-items:end;gap:8px;margin-top:14px}.metric b{font-size:30px;line-height:1}.metric small{color:var(--muted);font-size:10px}.panel{background:#071f18;border:1px solid var(--line);border-radius:14px;overflow:hidden}.network-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;max-width:1460px;margin:auto}.panel-head{height:74px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h3{font-size:15px;margin:5px 0 0}.segmented{display:flex;background:#041710;padding:3px;border-radius:7px}.segmented button,.quiet-btn{border:0;background:transparent;color:#8fa89d;padding:7px 11px;border-radius:5px;font:500 9px var(--mono);cursor:pointer}.segmented button.active{background:#174c39;color:var(--mint)}.quiet-btn{border:1px solid var(--line)}.map-visual{height:470px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 48%,rgba(36,95,64,.25),transparent 35%),#020a07}.map-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,227,161,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(104,227,161,.04) 1px,transparent 1px);background-size:30px 30px}.map-visual svg{width:100%;height:100%;position:absolute}.country{fill:#09231a;stroke:#235642;stroke-width:2}.route{fill:none;stroke:#68e3a1;stroke-width:2;stroke-dasharray:7 9;opacity:.5}.route2{stroke:#c99436}.map-point{position:absolute;transform:translate(-50%,-50%);background:var(--mint);width:15px;height:15px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 8px rgba(104,227,161,.14),0 0 24px rgba(104,227,161,.5)}.map-point span{display:none;position:absolute;background:#f6f2e9;color:#092018;white-space:nowrap;padding:8px 10px;border-radius:6px;bottom:19px;left:50%;font-size:11px}.map-point:hover span{display:block}.map-key{position:absolute;left:16px;bottom:14px;background:#061812d9;border:1px solid var(--line);border-radius:8px;padding:9px 12px;display:flex;gap:16px;font:500 9px var(--mono);color:#aac0b6}.mint{color:var(--mint)}.dash{display:inline-block;width:18px;border-top:2px dashed var(--mint);margin-right:6px}.map-list{height:470px;overflow:auto;padding:14px}.map-list div{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.map-list b{font-size:13px}.map-list span{color:var(--muted);font-size:12px}.activity-list{min-height:412px}.activity{padding:15px 20px;border-bottom:1px solid #173a30;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center}.activity-icon{width:36px;height:36px;border:1px solid #27674e;border-radius:9px;display:grid;place-items:center;color:var(--mint)}.activity b{display:block;font-size:12px}.activity p{margin:3px 0 0;color:#80998e;font-size:10px}.activity time{font:500 8px var(--mono);color:#7e9b8e}.panel-foot{display:flex;justify-content:space-between;padding:14px 20px;font:500 8px var(--mono);color:#7e9b8e}
.light-section{background:var(--cream);color:var(--ink)}.market-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;max-width:1280px;margin:0 auto 55px;gap:80px}.gold{color:#a56c12}.market-intro h2{font:500 clamp(48px,6vw,82px)/.92 var(--serif);margin:20px 0 0;letter-spacing:-.035em}.market-intro h2 em{color:var(--green)}.market-intro>p{color:#647a70;font-size:16px}.inventory-shell{max-width:1280px;margin:auto;background:var(--paper);border:1px solid #d9ded7;border-radius:18px;padding:24px;box-shadow:0 25px 60px rgba(28,48,39,.08)}.inventory-tools{display:grid;grid-template-columns:1fr 170px 170px auto;gap:10px}.search{display:flex;align-items:center;gap:9px;border:1px solid #d4dcd5;border-radius:8px;padding:0 13px}.search input{flex:1;background:none;border:0;padding:12px;min-width:0}.inventory-tools select,.filter-btn{border:1px solid #d4dcd5;border-radius:8px;background:white;padding:0 12px;color:var(--ink)}.filter-btn{cursor:pointer}.inventory-meta{display:flex;justify-content:space-between;color:#74877e;font:500 9px var(--mono);margin:20px 2px}.lot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lot-card{background:white;border:1px solid #dce1db;border-radius:12px;overflow:hidden}.lot-visual{height:150px;position:relative;padding:18px;background:linear-gradient(135deg,#0b4532,#071e18);overflow:hidden}.lot-visual:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(104,227,161,.23);border-radius:50%;right:-35px;top:-40px;box-shadow:0 0 0 28px rgba(104,227,161,.05),0 0 0 58px rgba(104,227,161,.03)}.lot-region{font:500 9px var(--mono);letter-spacing:.13em;color:var(--mint)}.lot-code{position:absolute;bottom:17px;left:18px;font:500 12px var(--mono);color:white}.lot-status{position:absolute;right:15px;top:15px;background:#dff9e8;color:#0b6546;font:700 8px var(--mono);padding:6px 8px;border-radius:20px;z-index:2}.lot-body{padding:20px}.lot-body h3{font:500 25px/1 var(--serif);margin-bottom:10px}.lot-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.lot-specs span{font-size:10px;color:#6d8077}.lot-specs b{display:block;font-size:12px;color:var(--ink)}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{font-size:9px;background:#edf3ee;border-radius:20px;padding:5px 8px}.lot-actions{border-top:1px solid #e3e7e1;padding:13px 20px;display:flex;justify-content:space-between;align-items:center}.lot-actions button{background:none;border:0;color:var(--green);font-weight:800;cursor:pointer}.lot-actions span{font:500 9px var(--mono);color:#798d83}.empty-state{text-align:center;padding:70px 20px;background:#f8f5ed;border:1px dashed #cbd3cb;border-radius:12px}.empty-state>span{font-size:36px;color:var(--green)}.empty-state h3{font:500 28px var(--serif);margin:12px 0}.empty-state p{color:#6d8077;max-width:520px;margin:0 auto 22px}
.trace-section{background:#08251c}.trace-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.trace-layout>div:first-child>p{color:#93aa9f}.trace-form{margin-top:30px}.form-message{min-height:24px;margin-top:10px;color:#f0c069;font-size:12px}.trace-result{min-height:380px;background:#061a14;border:1px solid #24503f;border-radius:18px;padding:36px;display:flex;flex-direction:column;justify-content:center;text-align:center}.placeholder-mark{margin:0 auto 18px;width:70px;height:70px;border:1px solid #24503f;border-radius:50%;display:grid;place-items:center;color:var(--mint);font:500 20px var(--mono)}.trace-result h3{font:500 30px var(--serif)}.trace-result p{color:#8da69b}.trace-header{text-align:left;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.trace-header b{font:500 32px var(--serif)}.trace-header span{display:block;color:var(--muted)}.timeline{text-align:left}.checkpoint{display:grid;grid-template-columns:22px 1fr auto;gap:12px;padding:13px 0;position:relative}.checkpoint i{width:11px;height:11px;background:var(--mint);border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px rgba(104,227,161,.12)}.checkpoint b{font-size:12px}.checkpoint span,.checkpoint time{font-size:10px;color:var(--muted)}
.impact{padding-top:85px}.dark-text{color:var(--ink)}.dark-text>p{color:#6d8077}.impact-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.35fr .75fr .75fr;gap:16px}.quality-card,.impact-card{border:1px solid #d2d9d2;background:var(--paper);border-radius:15px;padding:28px}.quality-card{display:flex;gap:30px;align-items:center}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 86.8%,#d8e3dc 86.8%);position:relative}.score-ring:before{content:"";position:absolute;inset:14px;background:var(--paper);border-radius:50%}.score-ring span{position:relative;text-align:center}.score-ring b{font:500 38px var(--serif);display:block}.score-ring small{font:500 7px var(--mono)}.quality-card h3{font:500 28px var(--serif);margin:12px 0}.taste{display:flex;gap:6px;flex-wrap:wrap}.taste span{background:#e7eee8;border-radius:20px;font-size:9px;padding:6px 9px}.impact-card>b{display:block;font:500 47px var(--serif);margin:30px 0 3px}.impact-card p{color:#647a70;font-size:12px}.progress{height:5px;background:#dce6de;border-radius:5px;margin-top:30px}.progress i{display:block;height:100%;background:var(--green);border-radius:5px}.mini-steps{display:flex;gap:6px;margin-top:30px}.mini-steps i{height:5px;flex:1;background:var(--green);border-radius:5px}
.method{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;background:#041611}.method-copy>p{color:#8da69b}.method-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.method-grid article{padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.method-grid article:nth-child(2n){border-right:0}.method-grid article:nth-child(n+3){border-bottom:0}.method-grid article>b{font:500 9px var(--mono);color:var(--mint)}.method-grid h3{font:500 20px var(--serif);margin:22px 0 9px}.method-grid p{color:#8da69b;font-size:12px;margin:0}
footer{background:#020d09;padding:60px max(5vw,28px) 25px;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;max-width:1280px;margin:auto}.footer-main p{color:#8da69b;margin:0}.footer-main>a{color:var(--mint)}.footer-links{max-width:1280px;margin:55px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-left:48%}.footer-links b,.footer-links a{display:block}.footer-links b{font:500 9px var(--mono);color:#648073;letter-spacing:.15em;margin-bottom:14px}.footer-links a{font-size:12px;color:#9bb0a6;margin:8px 0}.footer-bottom{max-width:1280px;margin:auto;padding-top:18px;border-top:1px solid #152b23;display:flex;justify-content:space-between;color:#60786c;font:500 8px var(--mono)}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:16px;max-width:560px;width:calc(100% - 30px);padding:35px;box-shadow:var(--shadow)}dialog::backdrop{background:#010b08d9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:14px;border:0;background:none;font-size:26px;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;background:var(--mint);color:var(--ink);padding:12px 18px;border-radius:7px;font-size:12px;font-weight:700;transform:translateY(90px);transition:.25s;z-index:90}.toast.show{transform:none}
.tv-mode .site-header nav,.tv-mode .access-btn,.tv-mode .marketplace,.tv-mode .trace-section,.tv-mode .impact,.tv-mode .method, .tv-mode footer{display:none}.tv-mode .hero{min-height:44vh;padding-top:50px;padding-bottom:45px}.tv-mode .hero-grid{grid-template-columns:1fr .55fr}.tv-mode .hero h1{font-size:60px}.tv-mode .network{min-height:56vh;padding-top:30px}.tv-mode .map-visual{height:42vh}.tv-mode .activity-list{min-height:calc(42vh - 58px)}
@media(max-width:1050px){.site-header nav{display:none}.menu{display:block}.site-header.open nav{display:flex;position:absolute;left:0;right:0;top:82px;background:#061a14;padding:22px;flex-wrap:wrap}.metrics{grid-template-columns:repeat(3,1fr)}.network-grid,.trace-layout,.method{grid-template-columns:1fr}.market-intro{grid-template-columns:1fr}.lot-grid{grid-template-columns:repeat(2,1fr)}.impact-grid{grid-template-columns:1fr 1fr}.quality-card{grid-column:1/-1}.footer-links{padding-left:0}.outline-btn{display:none}}
@media(max-width:680px){.section-pad{padding:70px 18px}.site-header{height:70px;padding:0 14px}.site-header.open nav{top:70px}.brand strong{font-size:18px}.brand small{font-size:6px}.bean{width:33px;height:33px}.icon-btn,.access-btn{display:none}.hero{min-height:auto;padding-top:42px}.status-line{margin-bottom:35px;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:51px}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.trace-card{padding:22px}.input-row{flex-direction:column}.input-row button{width:100%}.section-heading{display:block}.section-heading>p{margin-top:22px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric b{font-size:23px}.network-grid{grid-template-columns:1fr}.map-visual{height:360px}.market-intro{gap:25px}.market-intro h2{font-size:49px}.inventory-shell{padding:12px}.inventory-tools{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.lot-grid{grid-template-columns:1fr}.inventory-meta{gap:10px}.trace-layout{gap:35px}.trace-result{padding:22px;min-height:320px}.impact-grid{grid-template-columns:1fr}.quality-card{display:block}.score-ring{margin-bottom:24px}.method{gap:40px}.method-grid{grid-template-columns:1fr}.method-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}.method-grid article:last-child{border-bottom:0!important}.footer-main{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:12px}.access-btn{padding:9px 10px}.tv-mode .hero-grid{grid-template-columns:1fr}.tv-mode .trace-card{display:none}.tv-mode .hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
