:root{--navy:#102a46;--mint:#76f1c4;--white:#edf8f5;--cyan:#5ab7e8;--orange:#ff8664;--line:#31516f}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:"Century Gothic",Futura,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 5%,rgba(118,241,196,.16),transparent 35%),linear-gradient(rgba(90,183,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(90,183,232,.04) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}main{position:relative;min-height:100vh;max-width:800px;margin:auto;padding:max(1.2rem,env(safe-area-inset-top)) 1.2rem max(1.2rem,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--line);padding-bottom:.9rem}.futuremark{width:46px;height:46px;border:1px solid var(--mint);display:grid;place-items:center;font-size:.8rem;font-weight:700;line-height:.7}.futuremark span{color:var(--mint)}header h1{font-size:.74rem;letter-spacing:.08em;margin:0}header p{font-size:.42rem;letter-spacing:.15em;color:var(--mint);margin:.28rem 0}#quarter{margin-left:auto;font-size:.62rem;color:var(--mint)}.prologue{padding-top:8vh}.prologue>p:first-child,.future>p,.chapter{font-size:.56rem;font-weight:700;letter-spacing:.2em;color:var(--mint)}.prologue h2,.future h2{font-size:clamp(3rem,10vw,5.7rem);line-height:.88;letter-spacing:-.065em;font-weight:400;margin:.8rem 0}.prologue h2 i{font-style:normal;color:var(--mint)}.skyline{height:160px;display:flex;align-items:end;gap:2%;margin:2rem 0;border-bottom:2px solid var(--mint)}.skyline i{flex:1;background:linear-gradient(90deg,var(--cyan),var(--mint));clip-path:polygon(10% 12%,35% 12%,35% 0,65% 0,65% 12%,90% 12%,90% 100%,10% 100%)}.skyline i:nth-child(1){height:35%}.skyline i:nth-child(2){height:70%}.skyline i:nth-child(3){height:45%}.skyline i:nth-child(4){height:95%}.skyline i:nth-child(5){height:60%}.skyline i:nth-child(6){height:78%}.skyline i:nth-child(7){height:40%}.prologue>p:nth-last-of-type(1){max-width:560px;line-height:1.5;color:#b9d2df}.prologue button,.future button{border:1px solid var(--mint);background:var(--mint);color:var(--navy);padding:1rem 1.4rem;font-weight:800;letter-spacing:.1em}.hidden{display:none!important}.simulation{padding-top:1.2rem}.indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.indicators div{border:1px solid var(--line);padding:.55rem}.indicators small{font-size:.42rem;letter-spacing:.07em;color:#b9d2df}.indicators b{display:block;font-size:1.1rem;margin:.25rem 0}.indicators i{display:block;height:3px;background:#213e5a}.indicators i span{display:block;height:100%;width:50%;background:var(--mint);transition:width .5s}.timeline{display:flex;gap:3px;margin:1.3rem 0}.timeline i{height:5px;flex:1;background:var(--line)}.timeline i.done{background:var(--mint)}.timeline i.active{background:var(--orange)}.chapter{margin-top:6vh}.simulation>h2{font-size:clamp(1.8rem,7vw,3.5rem);line-height:.98;font-weight:400;letter-spacing:-.04em;margin:.7rem 0 1.4rem}.policies{display:grid;gap:.6rem}.policies button{border:1px solid var(--line);background:rgba(8,31,52,.7);color:var(--white);padding:.9rem;text-align:left;font:700 .75rem/1.35 "Century Gothic",Arial}.policies button:hover{border-color:var(--mint)}.policies button.selected{background:var(--mint);color:var(--navy)}.policies button.tradeoff{border-color:var(--orange)}.impact{min-height:3.6rem;color:#b9d2df;font-size:.78rem;line-height:1.45}.future{padding-top:13vh}.future-score{font-size:5rem;color:var(--mint)}.final-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.final-bars span{border-top:4px solid var(--cyan);padding-top:.5rem;font-size:.55rem}.future #future-copy{max-width:590px;color:#b9d2df;line-height:1.5}.future button{margin-top:1rem}@media(max-width:520px){.indicators small{font-size:.35rem}.indicators div{padding:.35rem}.final-bars{grid-template-columns:repeat(2,1fr)}}