@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;550;600;650;700;750;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f7f5ee;--green:#153e2b;--dark:#112f23;--muted:#667364;--line:#dddfd2;--gold:#debb62;--cream:#eaf0d9;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--green);font:16px/1.55 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ae8319;outline-offset:5px}button:disabled{cursor:default}.wrap{width:calc(100% - 96px);max-width:1220px;margin-inline:auto}[hidden]{display:none!important}.skip{position:fixed;top:-80px;background:var(--green);color:white;padding:12px;z-index:100}.skip:focus{top:4px}header{position:sticky;top:0;z-index:30;background:#f7f5eef2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}.brand{display:inline-flex;flex-shrink:0}.official-logo{display:block;width:72px;height:72px}.official-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}nav{display:flex;gap:28px;font-size:14px;font-weight:550}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.mobile-menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:8px;padding:15px 25px;background:var(--green);color:var(--white);font-size:15px;font-weight:650;transition:background .2s,transform .2s}.button:not(:disabled):hover{background:#245b3b;transform:translateY(-2px)}.small{padding:11px 20px;font-size:14px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.65px;font-weight:650;line-height:1.6}.eyebrow{margin-bottom:19px}.hero{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:48px;min-height:574px;padding-block:65px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:2px;background:var(--gold)}h1{font-family:Manrope,sans-serif;font-weight:650;font-size:clamp(50px,5.2vw,73px);line-height:1.07;letter-spacing:-4px;margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:#59804b}.intro{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:0}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.text-link{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.play-icon{font-size:23px;line-height:1}.hero-note{color:#6b7762;font-size:13px;margin:17px 0 0}.hero-art{position:relative;min-width:0;padding:13px 13px 0;background:#fffdf4;border:1px solid #e2dfce;border-radius:22px;box-shadow:0 20px 50px #1a39290c;transform:rotate(1deg)}.art-frame{overflow:hidden;aspect-ratio:16/9;border-radius:13px;background:#80b96a}.art-frame img{display:block;width:100%;height:100%;object-fit:cover}.art-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 3px;color:#718061;font-size:10px;letter-spacing:1.3px}.hero-signal{position:absolute;left:-28px;bottom:66px;display:flex;flex-direction:column;gap:5px;background:#fffef8f5;box-shadow:0 8px 28px #153e2b20;border:1px solid #fff;border-radius:11px;padding:14px 19px;transform:rotate(-1deg)}.hero-signal>span{font-size:10px;letter-spacing:1.5px;color:#68795a}.hero-signal strong{font-size:14px;font-weight:600}.hero-signal i{font-style:normal;color:#869461;padding-inline:7px}.how{border-top:1px solid var(--line);padding-block:25px 36px}.section-kicker{color:#748363}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:21px}.steps article{display:flex;align-items:flex-start;gap:16px}.step-number{font-size:13px;color:#728151;border:1px solid #d8dfc8;border-radius:50%;min-width:32px;line-height:30px;text-align:center}.steps h2{font-size:17px;margin:1px 0 7px;font-weight:650}.steps p{font-size:15px;color:var(--muted);margin:0;line-height:1.65}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-title{font-family:Manrope,sans-serif;font-size:35px;line-height:1.25;letter-spacing:-1.6px;font-weight:650;margin:0}.section-description{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:0}.section-top .eyebrow{margin-bottom:11px}.economy{padding-block:47px 62px}.economy .section-top{margin-bottom:26px}.economy-panel{background:var(--dark);color:#f4f3df;border:1px solid #254938;border-radius:20px;padding:22px 30px 19px;box-shadow:0 20px 40px #193b280b}.economy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #355341;padding-bottom:19px}.view-tabs{display:flex;gap:4px;padding:4px;border-radius:9px;background:#0b231a}.view-tabs button{background:none;border:0;color:#9cac96;padding:10px 17px;border-radius:6px;font-size:14px}.view-tabs button[aria-selected=true]{background:#e5eccd;color:#173623;box-shadow:0 2px 5px #0001}.motion-button{display:flex;align-items:center;gap:9px;padding:8px 3px;border:0;background:none;color:#d9e0c5;font-size:13px;min-width:65px}.motion-symbol{font-size:17px}.cycle-map{position:relative;height:314px;padding-top:13px}.cycle-svg{position:absolute;inset:22px 0 0;width:100%;height:280px;overflow:visible;color:#42634c}#cycle-paths path{transition:stroke .6s}#cycle-paths .active-path{stroke:#c6ab5d;stroke-width:2}.cycle-nodes{position:absolute;inset:22px 0 auto;height:280px}.cycle-node{position:absolute;transform:translate(-50%,-50%);width:155px;min-height:95px;background:#173c2b;border:1px solid #426149;border-radius:11px;padding:12px 9px;color:#c9d6b9;text-align:center;transition:border-color .4s,background .4s,box-shadow .4s}.cycle-node:nth-child(1){left:10%;top:60px}.cycle-node:nth-child(2){left:36.5%;top:60px}.cycle-node:nth-child(3){left:63%;top:60px}.cycle-node:nth-child(4){left:89.5%;top:60px}.cycle-node:nth-child(5){left:89.5%;top:220px}.cycle-node:nth-child(6){left:53%;top:220px}.cycle-node strong{font-size:16px;font-weight:550;display:block;white-space:nowrap}.cycle-node small{font-size:10px;color:#8fab92;display:block;margin-top:3px}.node-index{font-size:10px;letter-spacing:1.5px;color:#809d84;display:block;margin-bottom:3px}.cycle-node.is-active{border-color:#d6ba67;background:#294a2e;box-shadow:0 0 0 4px #debb6209}.cycle-node.is-active strong{color:#f4dfa1}.cycle-node.is-active .node-index{color:#d8bb67}.cycle-node:hover{border-color:#abc18e}.loop-center{position:absolute;left:15%;top:151px;max-width:36%}.loop-center p{font-family:Georgia,serif;font-size:23px;line-height:1.1;font-style:italic;font-weight:400;margin:0;color:#dfe7c6}.loop-center small{font-size:11px;color:#91a98b}.supply-chip{position:absolute;top:147px;color:#aac39e;background:#173926;border:1px solid #3c5940;font-size:10px;padding:5px 8px;border-radius:5px;transform:translateX(-50%);white-space:nowrap}.power-chip{left:63%}.market-chip{left:89.5%;max-width:178px;white-space:normal;text-align:center;line-height:1.3}.cycle-map[data-active-stage="2"] .power-chip,.cycle-map[data-active-stage="3"] .market-chip{color:#f2d98d;border-color:#b49a55}.cycle-map[data-active-stage="2"] .power-line,.cycle-map[data-active-stage="3"] .market-line{stroke:#e2c371}.stage-detail{display:grid;grid-template-columns:.85fr 1.4fr;gap:34px;min-height:156px;border:1px solid #355440;border-radius:10px;background:#173b2a;padding:19px 22px}.stage-heading>span{font-size:10px;letter-spacing:1.2px;color:#bcce9d}.stage-heading h3{font-size:18px;line-height:1.35;font-weight:550;margin:6px 0 6px}.stage-heading p{font-size:13px;color:#aabd9d;line-height:1.65;margin:0}.stage-detail dl{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:24px;margin:6px 0 0}.stage-detail dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#88a580;margin-bottom:8px}.stage-detail dd{font-size:13px;line-height:1.6;margin:0;color:#d1ddbf}.cycle-footnote{font-size:11px;color:#99b092;line-height:1.6;margin:15px 0 17px}.economy-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid #34513d;padding-top:15px;font-size:11px;color:#a9bc98}.motion-progress{display:block;width:65px;height:3px;border-radius:2px;overflow:hidden;background:#3c5942}.motion-progress>span{display:block;transform:scaleX(0);transform-origin:left;width:100%;height:100%;background:#d6b759}.mechanics-note{margin-left:auto;max-width:500px;font-size:11px}.mechanics-note summary{cursor:pointer;text-align:right}.mechanics-note[open]{position:relative}.mechanics-note p{font-size:12px;line-height:1.65;margin:12px 0 0;color:#c2cfb1}.signal-picker{display:flex;gap:9px;padding-top:23px}.signal-picker button{font-size:13px;background:none;color:#9fb48f;border:1px solid #3a5940;padding:8px 15px;border-radius:6px}.signal-picker button[aria-pressed=true]{color:#172f21;background:#e3eac9;border-color:#e3eac9}.signal-picker button span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:4px;opacity:.8}.signal-demo{display:grid;grid-template-columns:1fr .7fr 1.15fr;align-items:center;gap:25px;padding:37px 29px 30px;min-height:294px}.signal-label{font-size:11px;letter-spacing:1.2px;color:#abc092;margin:0 0 14px}.signal-source h3{font-family:Manrope,sans-serif;font-size:24px;font-weight:550;margin:0 0 4px}.signal-source>strong{font-family:Manrope,sans-serif;font-size:67px;letter-spacing:-3px;font-weight:500;color:#e6cd80;line-height:1.3}.signal-source>p:last-child{font-size:12px;color:#8aa47e;margin:10px 0 0}.signal-transfer{color:#426346;text-align:center;min-width:0}.signal-transfer>span{font-size:10px;letter-spacing:1.2px;color:#b8cd9e}.signal-transfer svg{display:block;width:100%;height:auto}#signal-trace{animation:signal-flow 2s linear infinite}.signal-transfer small{font-size:11px;color:#92a982}.signal-destination{padding:22px;background:#1d412c;border:1px solid #486744;border-radius:12px}.signal-outcome{display:flex;align-items:baseline;gap:12px}.signal-outcome strong{font-family:Manrope,sans-serif;font-size:46px;font-weight:500;letter-spacing:-2px;line-height:1.3;color:#dcdfac}.signal-outcome span{font-size:13px;color:#c0cd9e}.signal-quantity{display:flex;align-items:baseline;gap:10px;margin-top:13px}.signal-quantity>span{font-size:18px;color:#8fa778}.signal-quantity b{font-size:28px;font-weight:550;color:#f0e7bd}.signal-quantity small{font-size:12px;color:#a6bb92}.quantity-track{position:relative;background:#2d5133;margin:14px 0 12px;height:6px;border-radius:3px}.quantity-track #quantity-fill{display:block;height:100%;background:#b8c870;border-radius:3px;transition:width 1s ease;max-width:100%}.baseline-mark{position:absolute;height:12px;top:-3px;left:83.333%;width:2px;background:#f8f3cf;z-index:2}.signal-destination>p:last-child{font-size:12px;line-height:1.6;color:#abc29a;margin:0}.signal-explanation{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#183b29;border-top:1px solid #36513a;padding:19px 23px;border-radius:8px;min-height:92px}.signal-explanation p{font-size:14px;color:#c1cfad;line-height:1.65;margin:0;max-width:680px}.signal-preset{font-size:13px;border:1px solid #708257;border-radius:6px;background:transparent;color:#dce4bd;padding:10px 13px;flex-shrink:0}.signal-preset:hover{background:#325031}.inverse-signal .signal-destination{border-color:#8f7941;background:#3b3e23}.inverse-signal .signal-outcome strong{color:#f0cc7b}.inverse-signal .quantity-track #quantity-fill{background:#d8ad58}.inverse-signal #signal-link{color:#f0ce80}.is-paused #signal-trace{animation-play-state:paused}@keyframes signal-flow{to{stroke-dashoffset:-40}}
.simulator-section{background:#eeefdf;border-block:1px solid #dfe4d0;padding-block:53px}.demo-label{font-size:11px;letter-spacing:.9px;color:#6c784f;border:1px solid #c4cbb3;border-radius:5px;padding:7px 10px}.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;margin-top:28px}.connections .section-description{margin-bottom:19px}.category-tabs{display:flex;border-bottom:1px solid #c8d0b7;gap:8px;margin-bottom:17px}.category-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 13px;color:#687456;font-size:14px;margin-bottom:-1px}.category-tabs button[aria-pressed=true]{color:var(--green);font-weight:650;border-color:var(--green)}.commodity-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;min-height:264px}.commodity-card{display:flex;gap:10px;align-items:center;text-align:left;min-height:82px;border:1px solid #d7dec5;border-radius:8px;padding:12px;background:#f8f8ee;color:var(--green)}.commodity-card.selected{border-color:#71885e;background:#fffef7;box-shadow:0 0 0 1px #71885e}.commodity-card:hover{border-color:#8b9c71}.commodity-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:35px;flex-shrink:0;border-radius:7px;font-size:11px;letter-spacing:.4px;font-weight:650;background:#e2e8ce;color:#66804c}.commodity-symbol.gold{background:#ecdfb1;color:#7f611c}.commodity-card strong{display:block;font-size:14px;font-weight:600}.commodity-card small{display:block;font-size:12px;line-height:1.4;color:#7c846c;margin-top:3px}.card-check{margin-left:auto;font-size:15px}.connection-note{font-size:12px;color:#7e886c;margin:15px 0 21px}.strategy{border-top:1px solid #ccd4bb;padding-top:18px}.strategy p{font-size:14px;font-weight:600;margin:0 0 12px}.presets{display:flex;flex-wrap:wrap;gap:7px}.presets button{font-size:13px;border:1px solid #c2cbb0;background:transparent;color:var(--green);padding:8px 10px;border-radius:5px}.presets button:hover{background:#dce6c8}.strategy small{display:block;font-size:12px;color:#7a8667;margin-top:12px}.simulation{background:var(--white);border:1px solid #d9dfcc;border-radius:15px;padding:24px 28px;box-shadow:0 12px 35px #33452408}.sim-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sim-heading h3{font-size:18px;margin:0;font-weight:650}.subtle-button{border:0;background:none;padding:2px;color:#597242;font-size:13px;text-decoration:underline;text-underline-offset:4px}.control-row{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.control-row label{font-size:13px;font-weight:550}.control-row input,.control-row select{display:block;width:100%;min-width:0;border:1px solid #d3d9c7;border-radius:6px;background:#fffef9;color:var(--green);padding:10px;margin-top:6px;font-size:16px;min-height:45px}.range-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;font-size:14px}.change-value{font-size:20px;font-weight:650}input[type=range]{accent-color:#537640;width:100%;height:20px;margin:0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#7b866c;font-size:12px}.exact-input{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px;font-size:12px;color:#768367}.exact-input div{display:flex;align-items:center;gap:5px}.exact-input input{width:69px;border:1px solid #d1d7c5;border-radius:4px;padding:4px 6px;background:none;color:var(--green);font-size:14px}.result-panel{background:#e9efdc;border-radius:9px;padding:16px 18px;overflow-wrap:anywhere}.result-panel.mint{background:#f3ead3}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:14px}.link-badge{font-size:11px;white-space:nowrap;border:1px solid #c0cbac;border-radius:4px;padding:3px 6px}.link-badge.inverse{border-color:#ccb66d;color:#735a18}.output-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.output-row strong{font-family:Manrope,sans-serif;font-size:49px;font-weight:550;letter-spacing:-2px;line-height:1.2}.output-row #output-unit{font-size:13px;margin-left:7px;color:#738064}.output-row #output-change{font-size:12px;font-weight:600;background:#d6e4c1;border-radius:5px;padding:5px 8px;white-space:nowrap}.output-row #output-change.negative{background:#edd9c1;color:#774f22}.result-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#748060;border-top:1px solid #cdd7bc;padding-top:10px}.result-bottom b{color:#52633e;font-weight:550;margin-left:4px}.signal-caption{font-size:14px;font-weight:550;margin:13px 0 5px}.result-note{font-size:12px;color:#748165;line-height:1.6;margin:0 0 10px}.calculation{border-top:1px solid #e0e4d6;margin-top:14px;padding-top:11px;color:#63764e;font-size:12px}.calculation summary{cursor:pointer}.calculation p{font-size:13px;line-height:1.65;margin:10px 0 0}.share-row{display:flex;gap:10px;align-items:center;margin-top:12px;min-height:18px}.share-row span{font-size:12px;color:#6f7c5e}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:62px}.faq .section-description{margin-top:18px}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:15px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:20px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:15px;color:var(--muted);line-height:1.75;margin:13px 20px 0 0}.gameplay-art{margin:24px 0 0;max-width:420px}.gameplay-art img{display:block;width:100%;height:auto;border-radius:12px}.gameplay-art figcaption{font-size:12px;color:#748164;margin-top:9px}.relaunch{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:44px 49px;background:var(--green);color:#f7f3e6;border-radius:18px}.relaunch .eyebrow{color:#c4ce9d;font-size:11px;margin-bottom:15px}.relaunch h2{font-family:Manrope,sans-serif;font-size:47px;line-height:1.13;font-weight:550;letter-spacing:-2px;margin:0 0 14px}.relaunch p{font-size:16px;color:#cdd8bd;margin:0 0 17px}.returning{display:block;font-size:13px;line-height:1.7;color:#aec2a2;margin-top:25px}.signup h3{font-size:22px;font-weight:550;margin:0 0 8px}.signup p.preview-notice{font-size:13px;color:#c8d2b4}.signup label{font-size:13px;color:#d2dfc1}.signup input[type=email]{width:100%;padding:12px 14px;border:1px solid #648064;background:#254c36;color:#fff;border-radius:7px;margin:7px 0 12px;font-size:16px}.signup input::placeholder{color:#a5bc9b}.checkbox{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.checkbox input{accent-color:#d4dfa7;width:16px;height:16px;margin:0}.checkbox span{color:#a4b998}.signup .button{width:100%;background:#dfe7b5;color:var(--green);border:0;margin:19px 0 10px;padding:12px}.signup .button:not(:disabled):hover{background:#eff1d4}.signup .button:disabled{opacity:.7;transform:none}.signup p.consent{font-size:12px;color:#a7bb9b;line-height:1.6;margin:0}.signup #form-status{font-size:13px;background:#2b5339;color:#e2eacb;padding:12px;border-radius:7px;margin-top:12px}footer{display:flex;align-items:center;gap:25px;padding-block:23px}footer .official-logo{width:57px;height:57px}footer>span{font-size:13px;color:#748166}footer p{font-size:12px;color:#7a866c;margin:0 0 0 auto}::selection{background:#dbe8bb;color:var(--green)}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;min-height:530px}.hero-actions{gap:18px;flex-wrap:wrap}.hero h1{font-size:60px}.intro{font-size:17px}.simulator-grid{gap:28px}.commodity-cards{grid-template-columns:1fr;min-height:0}.section-title{font-size:31px}.cycle-node{width:133px}.cycle-node small{font-size:10px}.stage-detail{grid-template-columns:1fr 1.35fr;gap:24px}.stage-detail dl{grid-template-columns:1fr 1fr;gap:13px}.stage-detail dl>div:last-child{grid-column:1/-1}.signal-demo{gap:18px;padding-inline:10px}.signal-explanation{gap:20px}.signal-preset{max-width:160px}.faq{gap:45px}.section-top .section-description{font-size:14px}.relaunch{padding:36px;gap:40px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}nav{gap:16px;font-size:13px}.hero{gap:24px;padding-block:44px}.hero h1{font-size:51px;letter-spacing:-2.8px}.intro{font-size:16px}.hero-actions .button{padding:13px 18px}.hero-signal{left:-10px;bottom:52px;padding:10px 12px}.hero-signal strong{font-size:12px}.hero-note{font-size:12px}.steps{gap:20px}.steps article{gap:11px}.steps p{font-size:14px}.steps h2{font-size:16px}.section-top{flex-wrap:wrap;gap:12px}.economy-panel{padding:18px}.cycle-node{width:112px;min-height:92px}.cycle-node strong{font-size:14px}.cycle-node small{font-size:9px}.loop-center p{font-size:19px}.loop-center small{font-size:10px}.supply-chip{font-size:9px}.power-chip{left:62%}.market-chip{max-width:130px}.stage-detail{grid-template-columns:1fr;gap:14px}.stage-detail dl{grid-template-columns:1fr 1fr 1.2fr}.stage-detail dl>div:last-child{grid-column:auto}.stage-detail{min-height:0}.signal-demo{grid-template-columns:1fr .45fr 1fr;gap:10px}.signal-source>strong{font-size:53px}.signal-source h3{font-size:22px}.signal-destination{padding:16px}.signal-outcome{display:block}.signal-outcome strong{font-size:38px}.signal-outcome span{display:block}.signal-quantity{gap:7px}.signal-explanation{padding:16px}.signal-explanation p{font-size:13px}.signal-label{font-size:10px}.signal-transfer>span{font-size:9px}.simulator-grid{gap:20px}.simulation{padding:21px 18px}.commodity-card{min-height:70px}.faq{gap:30px}.relaunch{gap:30px}.relaunch h2{font-size:42px}.demo-label{font-size:10px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav{min-height:82px;gap:12px}nav{display:none}.official-logo{width:62px;height:62px}.nav .small{font-size:12px;padding:10px 12px}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{list-style:none;cursor:pointer;font-size:22px;padding:5px 9px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu div{position:absolute;right:-115px;top:43px;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:10px;width:230px;box-shadow:0 12px 30px #153e2b1a}.mobile-menu a{display:block;padding:10px;font-size:14px}.hero{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:38px 33px}.hero h1{font-size:60px;letter-spacing:-3.7px}.hero .eyebrow{font-size:11px;letter-spacing:1.5px}.intro{font-size:17px}.hero-actions{gap:18px;flex-wrap:nowrap;margin-top:26px}.hero-actions .button{font-size:14px;flex-shrink:0;padding:13px 17px}.text-link{font-size:13px;line-height:1.4;gap:7px}.play-icon{font-size:24px}.hero-note{font-size:12px}.hero-art{transform:none;margin:0;padding:8px 8px 0;border-radius:16px}.art-frame{border-radius:9px}.art-footer{font-size:9px;letter-spacing:.8px;padding:14px 2px}.hero-signal{left:9px;bottom:54px;padding:9px 11px;border-radius:8px;transform:none}.hero-signal>span{font-size:9px}.hero-signal strong{font-size:12px}.desktop{display:none}.how{padding-block:24px 29px}.section-kicker{font-size:10px;letter-spacing:1.2px}.steps{grid-template-columns:1fr;gap:22px;margin-top:21px}.steps article{gap:15px}.steps h2{font-size:17px}.steps p{font-size:15px}.economy{padding-block:30px 37px}.section-title{font-size:31px;letter-spacing:-1.4px}.eyebrow{font-size:11px;letter-spacing:1.4px}.section-top .section-description br{display:none}.section-top .section-description{font-size:15px}.economy-panel{padding:14px 13px;border-radius:14px}.economy-toolbar{gap:8px;padding-bottom:15px;align-items:center}.view-tabs{gap:2px;padding:3px}.view-tabs button{padding:9px 9px;font-size:12px}.motion-button{font-size:12px;gap:5px;min-width:49px}.motion-symbol{font-size:15px}.cycle-map{height:auto;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.cycle-svg{display:none}.cycle-nodes{position:static;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}.cycle-node{position:static;transform:none;width:auto;min-height:67px;border-radius:7px;padding:7px 2px}.cycle-node strong{font-size:12px;white-space:normal;line-height:1.25}.node-index{font-size:10px}.cycle-node small{display:none}.loop-center{position:static;max-width:none;order:3;width:100%;margin:8px 0 16px;text-align:center}.loop-center p{font-size:20px;margin-bottom:3px}.loop-center small{font-size:11px}.supply-chip{position:static;transform:none;font-size:10px;max-width:none;padding:5px 8px;margin-top:5px}.stage-detail{padding:16px;gap:15px}.stage-heading h3{font-size:19px}.stage-heading p{font-size:14px}.stage-detail dl{grid-template-columns:1fr 1fr;gap:14px}.stage-detail dl>div:last-child{grid-column:1/-1}.stage-detail dt{font-size:10px}.stage-detail dd{font-size:13px}.cycle-footnote{font-size:11px;margin-block:14px}.economy-bottom{flex-wrap:wrap;gap:9px;font-size:11px;padding-top:13px}.motion-progress{width:45px}.mechanics-note{width:100%;margin:4px 0 0;max-width:none}.mechanics-note summary{text-align:left}.signal-picker{gap:6px;padding-top:17px;display:grid;grid-template-columns:repeat(4,1fr)}.signal-picker button{font-size:12px;padding:8px 5px}.signal-picker button span{display:block;font-size:8px;margin:1px 0 0}.signal-demo{grid-template-columns:1fr .35fr 1.2fr;gap:7px;padding:26px 0 19px;min-height:0}.signal-label{font-size:9px;letter-spacing:.7px;line-height:1.6;margin-bottom:8px}.signal-source h3{font-size:20px}.signal-source>strong{font-size:39px;letter-spacing:-2px}.signal-source>p:last-child{font-size:10px;line-height:1.6;max-width:100px}.signal-transfer>span{font-size:8px;letter-spacing:.3px;line-height:1.4;display:block}.signal-transfer small{font-size:8px;line-height:1.4;display:block}.signal-destination{padding:11px 10px}.signal-outcome strong{font-size:33px;letter-spacing:-1px}.signal-outcome span{font-size:11px}.signal-quantity{gap:5px;flex-wrap:wrap;margin-top:10px}.signal-quantity>span{font-size:13px}.signal-quantity b{font-size:22px}.signal-quantity small{font-size:10px}.signal-destination>p:last-child{font-size:10px;line-height:1.6}.quantity-track{margin:12px 0 9px}.signal-explanation{display:block;min-height:0;padding:14px}.signal-explanation p{font-size:14px}.signal-preset{max-width:none;width:100%;margin-top:16px;font-size:13px;padding:11px}.simulator-section{padding-block:35px}.demo-label{font-size:10px}.simulator-grid{grid-template-columns:1fr;gap:25px;margin-top:22px}.category-tabs{justify-content:space-between;gap:2px}.category-tabs button{font-size:14px;padding:10px}.commodity-cards{grid-template-columns:1fr 1fr;gap:8px}.commodity-card{padding:12px 9px;gap:8px;min-height:94px}.commodity-card strong{font-size:13px}.commodity-card small{font-size:11px}.commodity-symbol{width:25px;height:31px;font-size:10px}.card-check{display:none}.connection-note{font-size:11px}.simulation{padding:21px 18px}.presets button{font-size:12px}.output-row strong{font-size:46px}.output-row #output-unit{display:block;margin-left:0}.exact-input input{font-size:16px}.faq{grid-template-columns:1fr;gap:25px;padding-block:36px}.faq .section-title br{display:none}.faq .section-description{font-size:15px;margin-top:16px}.gameplay-art{max-width:none;margin-top:21px}.gameplay-art figcaption{font-size:12px}.faq-list summary{font-size:14px}.faq-list p{font-size:15px}.relaunch{grid-template-columns:1fr;gap:27px;padding:29px 23px;border-radius:14px}.relaunch h2{font-size:42px}.relaunch h2 br{display:none}.relaunch .eyebrow{font-size:10px}.relaunch p{font-size:15px}.returning{font-size:12px;margin-top:18px}.signup{border-top:1px solid #54714f;padding-top:23px}.signup .preview-notice{font-size:12px}footer{flex-wrap:wrap;gap:10px 17px;padding-block:22px}footer .official-logo{width:51px;height:51px}footer p{width:100%;margin:0;font-size:11px}footer>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none}}
/* Readable labels at each breakpoint. */
.art-footer,.hero-signal>span,.cycle-node small,.node-index,.loop-center small,.supply-chip,.stage-heading>span,.stage-detail dt,.cycle-footnote,.economy-bottom,.mechanics-note,.signal-label,.signal-transfer>span,.signal-transfer small,.signal-picker button span,.demo-label{font-size:12px}.stage-heading p,.stage-detail dd,.motion-button,.signal-source>p:last-child,.signal-destination>p:last-child,.signal-preset,.subtle-button,.control-row label,.exact-input,.signal-explanation p{font-size:14px}.steps p,.faq-list p{font-size:16px}.cycle-node{min-height:102px}.cycle-node small{line-height:1.3}.loop-center p{margin-bottom:4px}.loop-center{top:146px}.market-chip{max-width:177px}.cycle-footnote{color:#aabd9e}.signal-transfer>span{letter-spacing:.6px}.signal-picker button{font-size:14px}.hero-signal>span{font-size:11px}.art-footer{font-size:11px}
@media(max-width:1050px){.cycle-node small{font-size:11px}.supply-chip{font-size:11px}.loop-center small{font-size:11px}}
@media(max-width:640px){.hero-signal{bottom:56px}.art-footer{font-size:10px}.hero-signal>span{font-size:10px}.hero-signal strong{font-size:12px}.economy-toolbar{flex-wrap:wrap;gap:10px}.view-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.view-tabs button{font-size:14px;padding:10px 7px}.motion-button{margin-left:auto;font-size:13px}.cycle-node{min-height:71px}.cycle-node strong{font-size:13px}.node-index{font-size:12px}.supply-chip{font-size:12px;padding:6px 7px}.loop-center{margin:10px 0 17px}.loop-center small{font-size:12px}.stage-heading>span,.stage-detail dt{font-size:12px;letter-spacing:.7px}.stage-detail dd{font-size:14px}.signal-picker button{font-size:14px}.signal-picker button span{font-size:10px}.signal-demo{grid-template-columns:1fr 30px 1.2fr;gap:6px}.signal-label{font-size:12px;letter-spacing:.4px}.signal-source h3{font-size:20px}.signal-source>strong{font-size:39px}.signal-source>p:last-child{font-size:12px}.signal-transfer>span{font-size:10px;letter-spacing:0;word-spacing:50px}.signal-transfer small{font-size:10px;line-height:1.5}.signal-destination{padding:12px 10px}.signal-outcome span,.signal-quantity small,.signal-destination>p:last-child{font-size:12px}.signal-quantity>span{font-size:14px}.signal-explanation p{font-size:14px}.signal-preset{font-size:14px}.demo-label{font-size:12px}.commodity-cards{grid-template-columns:1fr}.commodity-card{min-height:72px;padding:12px;gap:11px}.commodity-card strong{font-size:14px}.commodity-card small{font-size:12px}.commodity-symbol{font-size:12px;width:32px}.card-check{display:block}.section-kicker{font-size:12px}.connection-note,.strategy small,.hero-note,footer p,.relaunch .eyebrow{font-size:12px}.presets button{font-size:13px}.cycle-footnote,.economy-bottom,.mechanics-note{font-size:12px}}
@media(min-width:641px) and (max-width:780px){.market-chip,.power-chip{top:136px}.loop-center{top:144px}}
@media(max-width:640px){.signal-demo{display:grid;grid-template-columns:1fr;gap:15px;padding-block:22px}.signal-source{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 5px}.signal-source .signal-label{grid-column:1/-1;margin-bottom:5px}.signal-source h3{font-size:23px;margin:0}.signal-source>strong{font-size:48px;line-height:1.2}.signal-source>p:last-child{grid-column:1/-1;font-size:12px;max-width:none;margin-top:6px}.signal-transfer{display:grid;grid-template-columns:1fr 95px 1fr;align-items:center;gap:9px}.signal-transfer>span{font-size:12px;word-spacing:normal;letter-spacing:.4px}.signal-transfer small{font-size:12px}.signal-transfer svg{width:95px}.signal-destination{padding:17px}.signal-destination .signal-label{font-size:12px}.signal-outcome{display:flex;align-items:baseline;gap:12px}.signal-outcome strong{font-size:42px}.signal-outcome span{font-size:14px}.signal-quantity{gap:9px}.signal-quantity b{font-size:27px}.signal-destination>p:last-child{font-size:13px}.quantity-track{margin-block:15px 12px}}

/* Relaunch registration is closed; native disabled buttons stay inactive. */
.button:disabled{background:#e3e6da;border-color:#d4dacb;color:#7c8873;box-shadow:none;transform:none;cursor:not-allowed}
.signup{align-self:center;border-left:1px solid #54714f;padding:20px 0 20px 38px}.registration-status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;color:#b8c699;margin-bottom:16px}.registration-status>span{width:6px;height:6px;border-radius:50%;background:#debb62}.signup h3{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.7px;margin-bottom:10px}.signup p{margin:0;font-size:15px}
@media(min-width:1051px){.hero{grid-template-columns:1fr 1.42fr;gap:38px}.hero-actions{gap:20px}.hero-actions .button{padding-inline:21px}}
@media(max-width:640px){.hero-art{margin-inline:-5px}.signup{border-left:0;border-top:1px solid #54714f;padding:24px 0 0}.signup h3{font-size:25px}}

/* CropBytes — bright skies, polished game surfaces, and a living economy. */

:root{--paper:#f5fbff;--green:#123c43;--dark:#16364c;--muted:#627780;--line:#d6e5e7;--gold:#d8a83f;--cream:#e1f3e9;--white:#fff}
body{background:radial-gradient(ellipse 80% 30% at 92% 8%,#b8f3e78f,transparent 76%),radial-gradient(ellipse 80% 30% at -8% 0%,#cdeaffc7,transparent 80%),linear-gradient(180deg,#f2faff 0%,#f8fcfd 28%,#eff9f6 58%,#f6faff 88%);color:var(--green);font-family:'DM Sans',sans-serif}
body:before{content:'';position:absolute;inset:0 0 auto;height:800px;pointer-events:none;background-image:radial-gradient(#3a90861c .8px,transparent .8px);background-size:26px 26px;mask-image:linear-gradient(transparent,#0007,transparent);z-index:-1}
.wrap{max-width:1320px;width:calc(100% - 96px)}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
header{background:#f5fcffdb;border-color:#cae0e780;box-shadow:0 3px 30px #376a7505}.nav{min-height:88px}.official-logo{width:62px;height:62px}.official-logo img{border-radius:13px;box-shadow:0 5px 16px #0db46718}nav{gap:30px;font-size:14px;font-weight:600}nav a{color:#40636b}.button{border-radius:12px;letter-spacing:.05px;box-shadow:0 7px 16px #184b5310}.button:disabled{background:linear-gradient(#e4edf0,#d9e5e8);border-color:#cbdde0;color:#819499;box-shadow:inset 0 1px #fff8}.small{padding:12px 20px}
.hero{grid-template-columns:.85fr 1.45fr;gap:38px;min-height:605px;padding-block:70px 57px}.hero-copy{min-width:0}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.7px;line-height:1.8;color:#598189}.eyebrow>span{background:#d8a83f;width:26px}.hero h1{font-family:Outfit,Manrope,sans-serif;font-size:clamp(50px,4.6vw,72px);font-weight:650;line-height:1.04;letter-spacing:-2.9px;margin-bottom:25px;color:#17394b}.hero h1 em{font-family:inherit;font-style:normal;font-weight:650;color:#16a47d}.intro{font-size:18px;line-height:1.75;color:#567580}.hero-actions{gap:21px;flex-wrap:wrap;margin-top:29px}.hero-actions .button{padding:14px 22px}.hero-actions .text-link{font-size:14px;color:#227c72}.text-link .icon{width:20px;height:20px;stroke-width:1.8}.hero-note{color:#749095;font-size:13px;margin-top:19px}
.hero-art{background:#fffdf9;transform:none;margin:0;min-width:0;padding:10px 10px 0;border-radius:25px;border:1px solid #fff;box-shadow:0 24px 65px #26766b20,0 5px 10px #38687407;position:relative;overflow:hidden;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;border:1px solid #d4b26b70;border-radius:inherit;pointer-events:none;z-index:3}.gallery-window{overflow:hidden;border-radius:17px;background:#bbdfd8;aspect-ratio:16/9}.gallery-track{display:flex;width:100%;height:100%;transition:transform 950ms cubic-bezier(.22,.7,.23,1);will-change:transform;touch-action:pan-y}.gallery-slide{margin:0;flex:0 0 100%;height:100%;min-width:0}.gallery-slide img{display:block;width:100%;height:100%;object-fit:cover}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 12px 21px}.gallery-caption{display:flex;align-items:center;gap:17px;min-width:0}.gallery-caption>span{font-size:12px;letter-spacing:1px;color:#91a1a0;white-space:nowrap}.gallery-caption strong{font-family:Outfit,Manrope,sans-serif;font-size:17px;font-weight:500;color:#244853;line-height:1.3}.gallery-controls{display:flex;align-items:center;gap:6px}.gallery-arrow{display:grid;place-items:center;width:31px;height:33px;border:0;background:transparent;border-radius:7px;color:#58747a}.gallery-arrow:hover{background:#edf5f4}.gallery-arrow .icon{width:17px;height:17px}.gallery-pause{border-left:1px solid #dce7e5;border-radius:0;margin-left:4px}.gallery-dots{display:flex;gap:2px;align-items:center}.gallery-dots button{position:relative;display:block;width:22px;height:33px;padding:0;border:0;background:transparent}.gallery-dots button:after{content:'';position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;background:#b7cec8;transition:width .3s,background .3s}.gallery-dots button[aria-pressed=true]:after{width:17px;background:#18a784}.gallery-progress{height:3px;display:block;position:absolute;bottom:0;left:12px;right:12px;overflow:hidden}.gallery-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1ab18b,#ddbe73);transform-origin:left;transform:scaleX(0)}
.how{border-top:1px solid #c5e0e080;padding-block:25px 37px}.section-kicker{font-size:12px;letter-spacing:1.9px;color:#7a999e}.steps{gap:42px;margin-top:25px}.steps article{gap:17px}.step-number{width:47px;height:47px;min-width:47px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#fff,#e5f5f3);border:1px solid #d0e9e4;box-shadow:0 6px 13px #287d6608;color:#28967f}.steps article:nth-child(2) .step-number{color:#c69330;background:linear-gradient(140deg,#fff,#fff1ce);border-color:#ede2c2}.steps article:nth-child(3) .step-number{color:#5985bc;background:linear-gradient(140deg,#fff,#e8f0ff);border-color:#dbe6f5}.steps h2{font-family:Outfit,Manrope,sans-serif;font-size:21px;font-weight:550;margin:0 0 5px;letter-spacing:-.3px}.steps p{font-size:15px;line-height:1.55;color:#759096}
.section-title{font-family:Outfit,Manrope,sans-serif;font-size:41px;font-weight:550;letter-spacing:-1.4px;color:#17394b;line-height:1.16}.eyebrow{color:#819a9d;font-size:12px;letter-spacing:1.9px}.section-description{color:#728e94;font-size:16px}.economy{padding-block:45px 64px}.economy .section-top{margin-bottom:30px}.economy-panel{background:linear-gradient(125deg,#ffffffed,#f1f9f9ed);border:1px solid #fff;box-shadow:0 20px 60px #356e7510,inset 0 0 0 1px #d9e8e785;color:#25494e;border-radius:25px;padding:24px 35px 20px;position:relative;overflow:hidden}.economy-toolbar{border-color:#dcebe9;padding-bottom:20px}.view-tabs{background:#eaf1f2;padding:4px;border-radius:11px;gap:3px}.view-tabs button{font-size:14px;font-weight:500;border-radius:8px;padding:11px 20px;color:#69868b}.view-tabs button[aria-selected=true]{background:#fff;color:#237b6c;box-shadow:0 3px 9px #55757610}.motion-button{color:#678788;font-size:14px;gap:9px;min-width:64px}
.cycle-map{height:390px;padding:0;display:block}.cycle-svg{inset:0;width:100%;height:380px;color:#c4ddda;overflow:visible}#cycle-paths path{stroke-width:2;stroke-dasharray:4 7;transition:stroke .5s}#cycle-paths .active-path{stroke:#9acbc0;stroke-width:2.5;animation:cycle-dashes 2.5s linear infinite}.cycle-nodes{inset:0;height:380px}.cycle-node{width:155px;min-height:139px;background:transparent;border:0;box-shadow:none!important;border-radius:20px;padding:8px;color:#3e646b;transition:transform .4s}.cycle-node:nth-child(1){left:16.5%;top:80px;--node:#328fc5;--tint:#e1f3ff;--edge:#abd6f0}.cycle-node:nth-child(2){left:50%;top:80px;--node:#26a77f;--tint:#dff6e9;--edge:#aee3c7}.cycle-node:nth-child(3){left:83.5%;top:80px;--node:#b99035;--tint:#fff1d5;--edge:#ebd397}.cycle-node:nth-child(4){left:83.5%;top:300px;--node:#c7835d;--tint:#fff0e4;--edge:#edc9af}.cycle-node:nth-child(5){left:50%;top:300px;--node:#9381bb;--tint:#f0eafa;--edge:#d5c6ec}.cycle-node:nth-child(6){left:16.5%;top:300px;--node:#c69826;--tint:#fff1c9;--edge:#eedca3}.node-index{position:absolute;left:31px;top:0;color:#91a8a9;font-size:12px;letter-spacing:.6px;margin:0}.node-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 13px;border-radius:24px;color:var(--node);background:linear-gradient(145deg,#fff,var(--tint));border:1px solid var(--edge);box-shadow:inset 0 2px 0 #fff,0 8px 16px #427a6a0c;transition:box-shadow .5s,transform .5s}.node-icon .icon{width:34px;height:34px;stroke-width:1.65}.cycle-node strong{font-family:Outfit,Manrope,sans-serif;font-size:17px;font-weight:500;white-space:nowrap}.cycle-node:hover .node-icon{transform:translateY(-4px)}.cycle-node.is-active{background:none;border:0}.cycle-node.is-active strong{color:#153f48}.cycle-node.is-active .node-index{color:#169b7d}.cycle-node.is-active .node-icon{box-shadow:0 0 0 5px #fff,0 0 0 6px var(--edge),0 15px 23px #357b6818;transform:translateY(-3px)}.cycle-node.is-active .node-icon .icon{animation:icon-float 2.8s ease-in-out infinite}.cycle-node:nth-child(3).is-active .node-icon .icon{animation:gear-turn 10s linear infinite}.cycle-node:nth-child(6).is-active .node-icon .icon{animation:coin-glint 2.8s ease-in-out infinite}.loop-center{left:50%;top:168px;transform:translateX(-50%);max-width:80%;text-align:center;display:flex;align-items:center;gap:12px;white-space:nowrap}.loop-center .loop-emblem{width:20px;height:20px;color:#bfa56b;animation:gear-turn 24s linear infinite}.loop-center p{font-family:Outfit,Manrope,sans-serif;font-size:21px;font-weight:400;font-style:normal;letter-spacing:.2px;color:#849da0;margin:0}.stage-detail{grid-template-columns:1.3fr 1fr;align-items:center;gap:36px;min-height:107px;padding:20px 25px;background:linear-gradient(110deg,#e9f7f299,#eff6fc90);border:1px solid #d8e9e5;border-radius:14px}.stage-heading>span{font-size:12px;color:#7d999b;letter-spacing:1.2px}.stage-heading h3{font-family:Outfit,sans-serif;font-size:23px;font-weight:500;margin:5px 0 5px;color:#274e56}.stage-heading p{font-size:14px;color:#769093;line-height:1.55}.stage-detail dl{grid-template-columns:1fr 1fr;gap:25px;margin:0}.stage-detail dl>div:last-child{grid-column:auto}.stage-detail dt{font-size:12px;color:#8a9fa1;letter-spacing:1px;margin-bottom:6px}.stage-detail dd{font-size:15px;color:#466b6b}.cycle-utilities{display:flex;align-items:center;justify-content:center;gap:32px;margin:19px 0 22px;flex-wrap:wrap;color:#849b9a;font-size:13px}.cycle-utilities>span{display:flex;align-items:center;gap:7px}.cycle-utilities .icon{width:16px;height:16px;color:#a6afa0}.economy-bottom{border-color:#deebe8;color:#8aa09e;font-size:12px}.motion-progress{background:#dcebe6;width:55px}.motion-progress>span{background:linear-gradient(90deg,#1fb993,#d3b365)}.cycle-footnote{color:#8b9c92;font-size:12px;text-align:center;margin-block:16px}
.signal-picker button{color:#64887e;border-color:#d9e8e1;background:#f6faf7;font-size:14px}.signal-picker button[aria-pressed=true]{background:#e0f3e9;border-color:#c1e3d2;color:#227b60}.signal-demo{min-height:300px;padding:35px 30px;gap:25px}.signal-label{font-size:12px;color:#86a294}.signal-source h3{font-family:Outfit,sans-serif;font-size:26px;color:#345e59}.signal-source>strong{font-family:Outfit,sans-serif;color:#b99441;font-size:74px}.signal-source>p:last-child{color:#8b9f93;font-size:13px}.signal-transfer{color:#c4dbcf}.signal-transfer>span,.signal-transfer small{color:#8ca48d;font-size:12px}.signal-destination{background:linear-gradient(120deg,#e5f6ea,#f3f8e9);border-color:#d6e7c9;padding:25px;border-radius:18px}.signal-outcome strong{font-family:Outfit,sans-serif;font-size:55px;color:#33866a}.signal-outcome span{color:#659d7b;font-size:14px}.signal-quantity b{color:#3f8269;font-family:Outfit,sans-serif;font-size:31px}.signal-quantity>span,.signal-quantity small{color:#7ea48c}.quantity-track{background:#d0e5ce}.quantity-track #quantity-fill{background:linear-gradient(90deg,#45b795,#accc73)}.baseline-mark{background:#788955}.signal-destination>p:last-child{color:#7b947e;font-size:13px}.signal-explanation{background:#edf6f0;border-color:#d9e7db;border-radius:12px;padding:17px 23px;min-height:76px}.signal-explanation p{font-size:16px;color:#638272}.signal-preset{color:#42876c;border-color:#b6d4bf;font-size:14px;max-width:none}.signal-preset:hover{background:#e1eee2}.inverse-signal .signal-destination{background:linear-gradient(120deg,#fff0cc,#fff7e4);border-color:#e8d7a5}.inverse-signal .signal-outcome strong{color:#b88824}.inverse-signal .signal-quantity b{color:#987b3e}.inverse-signal #signal-link{color:#ba9945}.inverse-signal .signal-destination>p:last-child{color:#96896c}.inverse-signal .signal-explanation{background:#f8f1df;border-color:#ebdfbf}
.simulator-section{background:linear-gradient(115deg,#edf7fadc,#eaf5ee90);border-color:#d7e7e7;padding-block:55px 59px}.demo-label{border-color:#d5e3dc;color:#8d9f8b;font-size:12px;background:#f7faf2a8;padding:8px 12px;border-radius:7px}.simulator-grid{gap:52px;margin-top:32px}.category-tabs{border-color:#d1e3df}.category-tabs button{color:#80958c;font-size:14px;padding:10px 14px}.category-tabs button[aria-pressed=true]{color:#1c9877;border-color:#28ae8a}.commodity-card{background:#fffaf9cf;border-color:#deebe4;border-radius:12px;min-height:84px;box-shadow:0 3px 7px #486f5503}.commodity-card.selected{background:#fff;border-color:#75b7a0;box-shadow:0 0 0 1px #75b7a0,0 6px 20px #48886909}.commodity-symbol{background:#e2f3e8;color:#47947a;border-radius:9px;width:35px;height:38px;font-size:12px}.commodity-card small{color:#91a499;font-size:12px}.commodity-card strong{font-size:15px;font-weight:550;color:#487366}.card-check{color:#81a999}.connection-note{color:#8c9f92;font-size:12px}.strategy{border-color:#cfe1d6}.strategy p{color:#62937d;font-size:14px}.strategy small{color:#97a68f;font-size:12px}.presets button{border-color:#c5ddce;border-radius:8px;color:#65997d;font-size:13px;padding:9px 12px}.presets button:hover{background:#deeee0}.simulation{background:#ffffffee;border-color:#fff;border-radius:20px;box-shadow:0 15px 34px #5684780b;padding:27px 29px;align-self:start}.sim-heading h3{font-family:Outfit,sans-serif;font-size:23px;font-weight:500;color:#466d6e}.subtle-button{color:#75a492;font-size:14px}.control-row label{font-size:14px;color:#7d9894}.control-row input,.control-row select{background:#f9fcfb;border-color:#dce9e3;border-radius:8px;color:#4d7970}.range-heading{font-size:14px;color:#7b9890}.change-value{color:#388c6f}input[type=range]{accent-color:#29a983}.range-labels,.exact-input{color:#8c9f91;font-size:12px}.exact-input input{border-color:#d6e4d9;color:#578573}.result-panel{background:linear-gradient(120deg,#e0f4e9,#eef8e8);border-radius:13px;padding:20px;color:#56856d}.result-panel.mint{background:linear-gradient(120deg,#fff1ce,#fcf6e4)}.result-top{font-size:14px}.link-badge{border-color:#c1ddc8;color:#6c9879;font-size:12px}.output-row strong{font-family:Outfit,sans-serif;font-size:55px;font-weight:500;color:#28755b}.output-row #output-change{background:#d2ecd7;color:#6a9372;font-size:12px}.output-row #output-unit{color:#7ba583}.result-bottom{border-color:#cfe4d0;color:#88a58a}.result-bottom b{color:#5e8c6f}.signal-caption{color:#698f7c;font-size:14px}.result-note{font-size:12px;color:#95a48e}
.faq{padding-block:66px;gap:85px}.faq-list details{padding-block:18px;border-color:#dce9e6}.faq-list summary{font-size:16px;color:#52797b}.faq-list p{font-size:16px;color:#799490}.gameplay-art{margin-top:25px;max-width:465px;transform:rotate(-1deg)}.gameplay-art img{border:6px solid #fff;border-radius:18px;box-shadow:0 13px 35px #40797615}.gameplay-art figcaption{color:#86a09b;margin:12px 6px 0;font-size:12px}.relaunch{background:radial-gradient(ellipse at 80% 0,#305a65,transparent 70%),linear-gradient(115deg,#1b3b53,#244c59);box-shadow:0 20px 45px #28556815;border:1px solid #56757940;padding:44px 50px;border-radius:23px}.relaunch .eyebrow{color:#b9ba8f;font-size:12px}.relaunch h2{font-family:Outfit,sans-serif;font-size:50px;font-weight:500;letter-spacing:-1.1px}.relaunch p{color:#a4c1c2}.returning{color:#839fa6;font-size:13px}.signup{border-color:#66878c60}.signup h3{font-family:Outfit,sans-serif;font-size:30px;font-weight:500;color:#e8eded}.registration-status{color:#b9bb91;font-size:12px}.signup p{font-size:15px;color:#95b0b4}.registration-status>span{background:#cfb972}footer{padding-block:28px}footer>span,footer p{color:#8da5a9}footer .official-logo{width:51px;height:51px}
.is-paused .node-icon .icon,.is-paused .loop-emblem,.is-paused #cycle-paths .active-path{animation-play-state:paused}
@keyframes icon-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}@keyframes gear-turn{to{transform:rotate(360deg)}}@keyframes coin-glint{0%,100%{transform:rotate(-7deg) scale(.97)}50%{transform:rotate(7deg) scale(1.06)}}@keyframes cycle-dashes{to{stroke-dashoffset:-44}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:.85fr 1.2fr;gap:27px;padding-block:52px;min-height:530px}.hero h1{font-size:57px;letter-spacing:-2.4px}.intro{font-size:16px}.gallery-footer{padding:17px 7px;gap:8px}.gallery-caption{gap:9px}.gallery-caption strong{font-size:15px}.gallery-caption>span{font-size:12px}.gallery-controls{gap:1px}.gallery-arrow{width:26px}.gallery-dots button{width:18px}.steps{gap:22px}.steps h2{font-size:19px}.section-title{font-size:35px}.economy-panel{padding-inline:24px}.simulator-grid{gap:30px}.commodity-cards{grid-template-columns:1fr}.faq{gap:45px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px;padding-top:42px;text-align:center}.hero-copy{max-width:650px;margin:auto}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:65px;letter-spacing:-2.6px}.hero h1 br{display:none}.intro{font-size:17px}.desktop{display:none}.hero-actions{justify-content:center;gap:25px;margin-top:24px}.hero-art{max-width:800px;width:100%;margin:auto;padding:9px 9px 0}.gallery-footer{padding:18px 12px}.gallery-caption strong{font-size:17px}.gallery-controls{gap:6px}.hero-note{margin-top:14px}.hero{padding-bottom:35px}.nav{gap:18px}nav{gap:20px}.section-top{flex-wrap:wrap;gap:13px}.section-title{font-size:35px}.steps{grid-template-columns:repeat(3,1fr);gap:20px}.steps article{display:block}.step-number{margin-bottom:14px}.steps h2{font-size:20px}.steps p{font-size:14px}.economy{padding-block:35px 47px}.stage-detail{grid-template-columns:1.2fr 1fr;gap:20px;padding:18px}.stage-heading h3{font-size:21px}.stage-detail dl{grid-template-columns:1fr;gap:10px}.stage-detail dt{margin-bottom:2px}.cycle-utilities{gap:17px;font-size:12px}.simulator-grid{grid-template-columns:1fr;gap:28px}.commodity-cards{grid-template-columns:repeat(3,1fr)}.connections .section-description{margin-bottom:15px}.connection-note{margin-bottom:16px}.strategy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.strategy p{margin:0}.strategy small{display:none}.simulation{width:100%;padding:27px}.faq{gap:32px}.relaunch{padding:35px;gap:35px}.relaunch h2{font-size:43px}.signup{padding-left:27px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav{min-height:80px;gap:10px}.official-logo{width:56px;height:56px}.nav .small{font-size:12px;padding:11px 12px;border-radius:9px}.mobile-menu{margin-left:auto}.mobile-menu summary{color:#5a8187}.mobile-menu div{background:#fcffff;border-color:#d6e6e5}.hero{gap:28px;padding-block:33px 28px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.3px;gap:8px;margin-bottom:19px}.hero-copy .eyebrow>span{display:none}.hero h1{font-size:clamp(42px,10.8vw,63px);line-height:1.07;letter-spacing:-1.8px;margin-bottom:20px}.hero h1 br{display:block}.intro{font-size:16px;line-height:1.65}.hero-actions{gap:17px;flex-wrap:nowrap;margin-top:23px}.hero-actions .button{font-size:13px;padding:13px 16px}.text-link{font-size:13px!important;gap:6px}.text-link .icon{width:18px;height:18px}.hero-note{font-size:12px}.hero-art{margin-inline:-6px;width:calc(100% + 12px);padding:6px 6px 0;border-radius:17px}.gallery-window{border-radius:12px}.gallery-footer{padding:13px 7px;gap:9px}.gallery-caption{display:block;text-align:left}.gallery-caption>span{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:3px}.gallery-caption strong{display:block;font-size:14px;line-height:1.3}.gallery-controls{gap:0}.gallery-arrow{width:24px;height:35px}.gallery-arrow .icon{width:16px}.gallery-dots button{width:16px}.gallery-dots button[aria-pressed=true]:after{width:13px}.gallery-pause{margin-left:2px}.how{padding-block:22px 25px}.section-kicker{font-size:12px;letter-spacing:1.4px}.steps{grid-template-columns:1fr;gap:22px;margin-top:23px}.steps article{display:flex;gap:15px}.step-number{margin:0;width:45px;height:45px;min-width:45px;border-radius:13px}.steps h2{font-size:20px}.steps p{font-size:15px}.section-title{font-size:32px;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:1.5px}.economy{padding-block:28px 34px}.economy .section-top{margin-bottom:22px}.section-top .section-description{font-size:15px}.economy-panel{padding:14px;border-radius:18px}.economy-toolbar{padding-bottom:14px;gap:9px}.view-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.view-tabs button{font-size:13px;padding:10px 7px}.motion-button{font-size:13px;margin-left:auto}.cycle-map{height:287px;display:block;padding:0;margin-top:10px}.cycle-svg{display:block;inset:0;width:100%;height:282px}.cycle-nodes{position:absolute;inset:0;height:282px;display:block;width:100%}.cycle-node{position:absolute;transform:translate(-50%,-50%);width:84px;min-height:92px;padding:4px 0;border-radius:12px}.cycle-node:nth-child(1){left:16.5%;top:59px}.cycle-node:nth-child(2){left:50%;top:59px}.cycle-node:nth-child(3){left:83.5%;top:59px}.cycle-node:nth-child(4){left:83.5%;top:223px}.cycle-node:nth-child(5){left:50%;top:223px}.cycle-node:nth-child(6){left:16.5%;top:223px}.node-index{left:10px;top:-9px;font-size:12px;letter-spacing:0}.node-icon{width:54px;height:54px;border-radius:17px;margin-bottom:10px}.node-icon .icon{width:26px;height:26px}.cycle-node strong{font-size:14px;font-weight:500;white-space:nowrap}.cycle-node.is-active .node-icon{box-shadow:0 0 0 3px #fff,0 0 0 4px var(--edge),0 9px 17px #357b6812}.loop-center{position:absolute;left:50%;top:128px;max-width:95%;width:auto;margin:0;transform:translateX(-50%);gap:7px;order:0}.loop-center p{font-size:15px;letter-spacing:0;line-height:1.4;margin:0}.loop-center .loop-emblem{width:17px;height:17px}.stage-detail{display:block;padding:17px 15px;border-radius:12px;min-height:0}.stage-heading>span{font-size:12px;letter-spacing:1px}.stage-heading h3{font-size:21px;line-height:1.25;margin:7px 0}.stage-heading p{font-size:14px;line-height:1.6}.stage-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px;padding-top:13px;border-top:1px solid #d5e6df}.stage-detail dt{font-size:12px;margin-bottom:5px}.stage-detail dd{font-size:14px}.cycle-utilities{justify-content:flex-start;gap:10px 18px;margin:17px 3px 19px;font-size:12px}.cycle-utilities .icon{width:15px;height:15px}.economy-bottom{padding-top:13px;font-size:12px;gap:9px}.signal-picker{gap:5px}.signal-picker button{font-size:14px;padding:8px 3px}.signal-picker button span{font-size:10px}.signal-demo{display:grid;grid-template-columns:1fr;gap:15px;padding:23px 0;min-height:0}.signal-source{display:grid;grid-template-columns:1fr auto;padding:0 5px;align-items:center}.signal-source .signal-label{grid-column:1/-1;font-size:12px}.signal-source h3{font-size:24px}.signal-source>strong{font-size:52px}.signal-source>p:last-child{font-size:12px;max-width:none}.signal-transfer{grid-template-columns:1fr 95px 1fr}.signal-transfer>span,.signal-transfer small{font-size:12px;word-spacing:normal}.signal-destination{padding:18px}.signal-outcome{display:flex;gap:13px}.signal-outcome strong{font-size:47px}.signal-outcome span{font-size:14px}.signal-explanation{padding:16px}.signal-explanation p{font-size:16px}.signal-preset{width:100%;margin-top:15px;font-size:14px}.cycle-footnote{font-size:12px;text-align:left;line-height:1.6}.simulator-section{padding-block:34px 39px}.demo-label{font-size:12px;letter-spacing:.2px}.commodity-cards{grid-template-columns:1fr 1fr;gap:9px}.commodity-card{padding:12px 10px;min-height:103px;gap:8px}.commodity-symbol{width:28px;height:33px;font-size:11px}.commodity-card strong{font-size:14px}.commodity-card small{font-size:12px}.card-check{display:none}.category-tabs{justify-content:space-between;gap:0}.category-tabs button{padding:10px 9px;font-size:14px}.strategy{gap:12px}.presets{gap:7px}.presets button{font-size:12px;padding:8px 9px}.simulation{padding:22px 18px;border-radius:16px}.sim-heading h3{font-size:21px}.control-row{grid-template-columns:1.4fr 1fr;gap:11px}.output-row strong{font-size:50px}.result-panel{padding:17px}.output-row #output-unit{display:inline;font-size:12px;margin-left:6px}.result-note{font-size:12px}.faq{grid-template-columns:1fr;gap:30px;padding-block:35px}.faq .section-title br{display:none}.gameplay-art{max-width:none;margin-top:24px}.gameplay-art img{border-width:5px}.faq-list summary{font-size:15px}.faq-list p{font-size:16px}.relaunch{padding:29px 25px;border-radius:18px;grid-template-columns:1fr;gap:25px}.relaunch h2{font-size:41px;letter-spacing:-1px}.relaunch h2 br{display:none}.relaunch .eyebrow{font-size:12px;line-height:1.7}.relaunch p{font-size:16px}.signup{border-left:0;border-top:1px solid #66878c60;padding:24px 0 0}.signup h3{font-size:27px}.returning{font-size:13px}.registration-status{font-size:12px}footer{gap:12px 17px}footer>span{font-size:13px}footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gallery-track{transition:none!important}.node-icon .icon,.loop-emblem,#cycle-paths .active-path{animation:none!important}}
/* Keep light surfaces readable at small sizes. */
.section-description,.steps p,.hero-note,.gallery-caption>span,.stage-heading p,.stage-detail dt,.stage-heading>span,.node-index,.cycle-utilities,.economy-bottom,.loop-center p,.signal-label,.signal-source>p:last-child,.signal-transfer>span,.signal-transfer small,.signal-destination>p:last-child,.cycle-footnote,.demo-label,.commodity-card small,.connection-note,.strategy small,.control-row label,.range-heading,.range-labels,.exact-input,.result-note,.result-bottom,.faq-list p,.gameplay-art figcaption,footer>span,footer p{color:#607c7b}.eyebrow,.section-kicker{color:#557f80}.signal-explanation p{color:#4c725e}.category-tabs button{color:#607a70}.presets button{color:#4f795e}.subtle-button{color:#447d69}.signal-caption{color:#4e7565}.relaunch .eyebrow{color:#d4d3a6}.relaunch p{color:#c0d5d5}.returning,.signup p{color:#b4ccce}.registration-status{color:#d4d1aa}.signal-picker button span{font-size:12px}
/* A clearer simulator with recognizable commodity icons. */
.simulator-section .section-description{color:#426570}.simulator-section .eyebrow{color:#4e7477}.simulator-section .demo-label{color:#58716b}.category-tabs{gap:10px}.category-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;color:#526e68;font-weight:550;padding:11px 12px}.category-tabs button .icon{width:18px;height:18px}.category-tabs button[aria-pressed=true]{color:#087e60;border-color:#13a77a;font-weight:650}.commodity-card{gap:12px}.commodity-card strong{color:#245d50;font-weight:650;font-size:15px}.commodity-card small{color:#58756b;font-size:12px}.commodity-symbol{width:39px;height:42px;background:linear-gradient(135deg,#e7fbef,#ccefdc);border:1px solid #bfe4ce;color:#19865b}.commodity-symbol .icon{width:23px;height:23px;stroke-width:1.9}.commodity-symbol.gold{background:linear-gradient(135deg,#fff6d9,#f4dea1);border-color:#e8cd83;color:#b58219}.card-check{color:#3b8d70}.connection-note,.strategy small{color:#58756b}.strategy p{color:#315f4e;font-weight:650}.presets button{color:#3a7555;font-weight:550;border-color:#a9d0ba}.sim-heading h3{color:#254e58;font-weight:550}.simulation .subtle-button{color:#29765b}.control-row label,.range-heading{color:#45685f;font-weight:550}.control-row input,.control-row select{color:#295e4f;border-color:#cadfd2}.select-wrap{display:block;position:relative;margin-top:6px}.select-wrap select{margin-top:0;padding-left:43px}.select-icon{position:absolute;inset:0 auto 0 13px;display:flex;align-items:center;pointer-events:none;color:#2a9971}.select-icon .icon{width:21px;height:21px}.change-value{color:#137957}.exact-input,.range-labels{color:#55786a}.result-asset{display:flex;align-items:center;gap:9px;min-width:0;font-weight:600;color:#326c50}#result-commodity-icon{display:flex;color:#238a5e}#result-commodity-icon .icon{width:22px;height:22px}.result-top{align-items:center}.result-top .link-badge{color:#3e7552;border-color:#a7ceb1;font-weight:500}.result-top .link-badge.inverse{color:#916a21;border-color:#d7bd7e}.result-panel.mint .result-asset,.result-panel.mint #result-commodity-icon{color:#956d1b}.output-row strong{color:#14653f}.output-row #output-unit{color:#527c5c}.output-row #output-change{color:#386740;background:#cde9d1}.result-bottom{color:#54765b}.result-bottom b{color:#355e3b;font-weight:600}.signal-caption{color:#356c51;font-weight:600}.result-note{color:#567663}.result-panel.mint .output-row strong{color:#977018}.result-panel.mint .result-bottom b{color:#856c36}
@media(max-width:640px){.category-tabs{gap:1px}.category-tabs button{flex-direction:column;gap:5px;font-size:13px;padding:10px 9px}.category-tabs button .icon{width:20px;height:20px}.commodity-card{gap:9px;padding:12px 9px}.commodity-symbol{width:32px;height:37px}.commodity-symbol .icon{width:21px;height:21px}.commodity-card strong{font-size:14px}.commodity-card small{font-size:12px}.result-asset{gap:7px;font-size:14px}.result-top{align-items:flex-start}.result-top .link-badge{font-size:12px}.select-wrap select{padding-left:38px}.select-icon{left:10px}.select-icon .icon{width:19px;height:19px}}