@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{--paper:#f7f8fa;--ink:#182a3b;--muted:#74818d;--line:#e2e7eb;--accent:#4b85c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4b85c9;outline-offset:4px}header{max-width:1344px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;font-size:17px;letter-spacing:2.5px;font-weight:800;gap:14px}.element{width:38px;height:42px;border:1px solid #b4c2ce;border-radius:5px;font-size:8px;letter-spacing:0;padding:3px 5px}.element span{display:block;font-size:22px;line-height:25px}.brand-sub{font-size:8px;letter-spacing:1.7px;font-weight:500;color:var(--muted);margin-left:12px;border-left:1px solid #cbd4dc;padding-left:22px}.about{font-size:12px;color:#586c7a}main{max-width:1190px;margin:auto;padding:0 32px}.intro{padding:55px 0 36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6c7d8b}.intro .eyebrow{display:flex;align-items:center;gap:9px}.intro .eyebrow span{width:6px;height:6px;background:#6194bd;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:55px;line-height:1.16;font-weight:500;letter-spacing:-2.8px;margin:21px 0 18px}h1 em{font-family:Georgia,serif;font-weight:400;color:#497ca3}.intro p{color:#70808c;font-size:14px;line-height:1.8}.workspace{border:1px solid #dce3e8;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 24px #263b4f04}.material-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#f1f4f6;border-bottom:1px solid var(--line)}.material{display:flex;text-align:left;align-items:center;gap:13px;border:1px solid transparent;border-radius:8px;background:transparent;padding:17px 15px;color:#5f6f7c}.material.active{background:white;border-color:#d2dfeb;box-shadow:0 2px 5px #1d3e5c07;color:var(--ink)}.material i{height:10px;width:10px;border-radius:50%;flex-shrink:0}.blue{background:#4b85c9}.orange{background:#d79d54}.green{background:#6ba489}.material span{font-size:12px;font-weight:600}.material small{display:block;letter-spacing:1.3px;font-size:7px;color:#8b98a3;margin-top:7px}.material b{margin-left:auto;color:#9eabb6;font-size:10px;font-weight:400}.scene{height:400px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 63% 65%,#1e3f57 0,#13283a 45%,#101f2e 100%);color:#eaf2f8}.scene-heading{position:absolute;left:30px;top:29px;z-index:2;pointer-events:none}.scene .eyebrow{font-size:8px;color:#94acbf}.scene h2{font-size:24px;font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.8px;margin:13px 0}.scene p{color:#98acbd;font-size:11px;line-height:1.8}.concept{position:absolute;right:27px;top:29px;color:#a2b4c3;font-size:9px;border:1px solid #465867;border-radius:20px;padding:7px 11px}.concept span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7aa8ca;margin-right:5px}canvas{height:100%;width:100%;display:block}.scene-bottom{position:absolute;bottom:22px;left:30px;right:27px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9fb5c5}.scene-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b2e1ff;box-shadow:0 0 10px #5faef7;margin-right:5px}.scene-bottom button{background:#ffffff08;color:#c0cfd9;border:1px solid #516171;border-radius:6px;padding:8px 12px;font-size:10px}.scene-label{position:absolute;right:26px;bottom:66px;font-size:7px;letter-spacing:2px;color:#638297}.charts{display:grid;grid-template-columns:1fr 1fr}.card{padding:28px 29px 20px;min-width:0}.card+.card{border-left:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:11px}.step{font-size:9px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#edf2f6;color:#688297;border-radius:50%;flex-shrink:0}.section-title h2{font-size:17px;letter-spacing:-.5px;font-weight:600;margin:0}.tag{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#8997a2}.card>p,.meaning p{font-size:11px;line-height:1.85;color:#7d8994;margin:15px 0 21px}.dial-label{display:flex;justify-content:space-between;font-size:10px;align-items:baseline}.dial-label output{font-family:Manrope,sans-serif;font-size:18px;color:#477daf}.dial-label small{font-size:8px;color:#8b98a2;margin-left:4px}input[type=range]{width:100%;accent-color:var(--accent);height:4px;margin:21px 0 12px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#91a0aa}.card svg{display:block;width:100%;overflow:visible}#dos{margin:18px 0 7px}#ipr{margin:12px 0 7px}.readout{background:#f4f7f9;border:1px solid #e8edf0;border-radius:7px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#687b89}.readout small{display:block;margin-top:5px;color:#97a3ad;font-size:8px}.readout strong{font-size:25px;letter-spacing:-1px;font-weight:500;color:#447caa}.card .note{font-size:8px;line-height:1.7;color:#96a0a9;margin:11px 0 0}.plot-caption{display:flex;justify-content:space-between;font-size:7px;color:#98a5af;letter-spacing:1px;margin-top:29px}.meaning{border-top:1px solid var(--line);padding:26px 29px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.meaning p{margin:13px 0 0}.meaning aside{padding:17px 21px;border-left:2px solid #d6bc8b;background:#faf8f3;border-radius:0 6px 6px 0}.meaning aside .eyebrow{font-size:7px;letter-spacing:1.5px;color:#a38b63}h3{font-size:15px;letter-spacing:-.3px;font-weight:500;margin:10px 0}.meaning aside p{font-size:10px;margin-top:7px;color:#918775}.experiments{display:flex;align-items:center;gap:20px;padding:34px 6px}.spark{font-size:35px;color:#7a9bb0}.experiments h3{margin:0 0 8px;font-size:16px}.experiments p{font-size:11px;line-height:1.8;color:#84929c;margin:0}.experiments button{margin-left:auto;border:1px solid #d7e0e6;background:transparent;border-radius:7px;font-size:10px;padding:13px 18px;color:#667c8d}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 3px}summary{cursor:pointer;font-size:12px;font-weight:500;list-style:none;display:flex;justify-content:space-between}summary span{font-size:9px;font-weight:400;color:#81919d}.source-content{max-width:760px;font-size:12px;color:#788894;line-height:1.8;padding:15px 0}.blue-text{color:#4b85c9}.orange-text{color:#bb863f}.green-text{color:#5c9878}footer{max-width:1190px;padding:29px 35px 35px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-brand{font-size:8px;letter-spacing:.5px;color:#8b98a3}.footer-brand i{margin:0 8px;color:#b9c5cd}footer p{font-size:7px;text-align:right;line-height:1.9;color:#9ca7af}svg text{font-family:'DM Sans',sans-serif}svg .point{cursor:pointer;outline:none}svg .point:focus circle{stroke:#20394d;stroke-width:3}button:hover{filter:brightness(.96)}@media(min-width:1500px){.intro{padding-top:70px}}@media(max-width:700px){header{padding:20px}.brand-sub{display:none}.about{font-size:10px}main{padding:0 16px}.intro{padding:37px 3px 24px}h1{font-size:41px;letter-spacing:-2px}.intro p{font-size:12px}.material-bar{gap:4px;padding:7px}.material{padding:12px 7px;gap:6px;align-items:flex-start}.material i{width:6px;height:6px;margin-top:4px}.material span{font-size:10px}.material small{font-size:6px;line-height:1.6;letter-spacing:.6px}.material b{display:none}.scene{height:380px}.scene-heading{left:20px;top:22px}.scene h2{font-size:21px}.concept{top:137px;left:20px;right:auto;font-size:8px}.scene-bottom{left:20px;right:20px;font-size:8px}.scene-label{display:none}.charts{grid-template-columns:1fr}.card{padding:24px 21px}.card+.card{border-left:0;border-top:1px solid var(--line)}.meaning{grid-template-columns:1fr;gap:20px;padding:25px 21px}.experiments{flex-wrap:wrap;gap:14px;padding:28px 4px}.experiments>div{flex:1}.experiments p br{display:none}.experiments button{margin-left:48px}summary span{font-size:8px;max-width:160px;text-align:right}footer{padding:24px 20px;display:block}footer p{text-align:left;margin-top:13px}.desktop{display:none}}

.chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#647889}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:7px;height:7px;border-radius:50%}input[type=range]:focus-visible{outline:3px solid #4b85c9;outline-offset:7px}summary::-webkit-details-marker{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.card .note{font-size:10px;color:#667783}.range-labels{font-size:10px;color:#657887}.readout{font-size:11px}.readout small{font-size:10px;color:#687b89}.card>p,.meaning p{color:#617480}.scene p{color:#b1c3d1}.scene-bottom{font-size:10px;color:#b3c7d6}.source-content{color:#5c707f}footer p{font-size:9px;color:#687c8b}.footer-brand{font-size:9px;color:#647989}.plot-caption{font-size:8px;color:#607887}.dial-label{font-size:11px}.tag{font-size:8px;color:#667c8b}@media(max-width:700px){.chart-legend{gap:12px;font-size:9px}.scene-bottom{font-size:9px}.readout{font-size:10px}}