@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#080d17;--panel:#101c2b;--text:#edf2f8;--muted:#9aaabd;--gold:#d9b56d;--blue:#72a9dc;--line:#26364a;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 var(--sans)}a{color:inherit;text-decoration:none}header{height:76px;position:sticky;top:0;z-index:5;background:#080d17ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 7vw}.brand{display:flex;align-items:center;gap:13px}.brand>b{border:1px solid var(--gold);color:var(--gold);width:38px;height:38px;display:grid;place-items:center;font:25px Georgia;transform:rotate(45deg)}.brand strong,.brand small{display:block}.brand strong{font:800 16px var(--display);letter-spacing:.18em}.brand small{font:9px var(--mono);letter-spacing:.08em;color:#8999ae}nav{display:flex;gap:30px;font-size:12px;color:#c3cfdd}nav a:hover{color:var(--gold)}#menu{display:none}.hero{min-height:660px;padding:130px 9vw 60px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#17304d,#080d17 57%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7ca0c20b 1px,transparent 1px),linear-gradient(90deg,#7ca0c20b 1px,transparent 1px);background-size:52px 52px}.hero>*:not(.orb){position:relative}.kicker{font:10px var(--mono);letter-spacing:.17em;color:var(--gold)}h1,h2{font:700 clamp(38px,5vw,66px)/1.14 var(--display);letter-spacing:-.045em;margin:24px 0}h1{font-size:clamp(48px,6.5vw,82px)}h1 em,h2 em{font-style:normal;color:var(--gold)}.lead{max-width:540px;color:#b0bfd0;font-size:17px}.button{display:inline-block;margin-top:25px;padding:12px 20px;background:var(--gold);color:#10151e;font-size:12px;font-weight:700}.hero-foot{margin-top:95px;color:#8496ac;font:9px var(--mono);letter-spacing:.1em}.orb{position:absolute;right:7%;top:100px;width:430px;height:430px;border:1px solid #72a9dc55;border-radius:50%;box-shadow:inset 0 0 60px #72a9dc14,0 0 70px #72a9dc13}.orb:before,.orb:after{content:"";position:absolute;inset:55px -35px;border:1px solid #d9b56d55;border-radius:50%;transform:rotate(42deg)}.orb:after{inset:-20px 90px;transform:rotate(-45deg);border-color:#72a9dc66}.orb b{position:absolute;inset:0;margin:auto;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#e2c17d,#152d49 75%);font:italic 45px Georgia;box-shadow:0 0 65px #72a9dc55}.orb i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:20%;left:10%;box-shadow:0 0 16px var(--gold)}section:not(.hero){padding:95px 9vw}.intro,.topic.reverse{background:#0b1421}.split,.heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-top:25px}.split p,.heading p,.topic p,.band p{color:#a7b6c8;font-size:13px}.gold{border-left:2px solid var(--gold);padding-left:15px;color:#e0c58e!important}.heading{align-items:end;margin-bottom:38px}.heading p{max-width:340px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{background:linear-gradient(145deg,#14243a,#0c1523);border:1px solid var(--line);padding:24px;min-height:240px}.cards label{font:9px var(--mono);letter-spacing:.1em;color:#8da1b8}.cards article>b{display:block;font:38px Georgia;color:var(--gold);margin:24px 0 4px}.cards h3{font:600 18px var(--display);margin:8px 0}.cards p{font-size:12px;color:#9eafc2}.lab,.quantum{background:#0d1827}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:30px;background:#09111e}.controls,.result{padding:32px}.controls label{display:block;font-size:12px;margin:12px 0;color:#cbd5e1}.controls output{float:right;color:var(--gold);font-family:var(--mono)}input[type=range]{width:100%;accent-color:var(--gold)}.range{display:flex;justify-content:space-between;color:#788ba3;font:10px var(--mono)}.unit{display:flex;border:1px solid var(--line);max-width:230px}.unit input{width:100%;background:none;border:0;color:white;padding:10px;font:16px var(--mono)}.unit span{padding:10px;color:#9eafc2}.equation{font:17px Georgia;color:var(--gold);margin-top:25px}.result{background:#172941}.result small{font:10px var(--mono);color:#a9b9cc;letter-spacing:.1em}.result strong{display:block;font:700 65px var(--display);color:var(--gold);line-height:1.3}.result>span{font-size:12px;color:#a9b9cc}.result hr{border:0;border-top:1px solid var(--line);margin:22px 0}.result p{display:flex;justify-content:space-between;color:#a9b9cc;font-size:12px}.result p b{color:white;font-family:var(--mono)}.result #explain{display:block;margin-top:20px;letter-spacing:0;font:11px var(--sans)}.note{font-size:10px;color:#7f91a8;line-height:1.7;margin-top:17px}.topic{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.topic h2{margin:20px 0}.well{height:320px;position:relative;background:radial-gradient(ellipse,#1c3654,#0a1422 70%);overflow:hidden}.well:before,.well:after{content:"";position:absolute;bottom:50px;width:55%;height:190px;border-radius:50% 50% 0 0;border-top:2px solid var(--gold);background:linear-gradient(#0b1421,#172d48)}.well:before{left:-8%;transform:skewY(-14deg)}.well:after{right:-8%;transform:skewY(14deg)}.well span{position:absolute;bottom:15px;left:14px;font:9px var(--mono);color:#8194aa}.formula{padding:15px;border:1px solid #d9b56d55;color:#e4c783;font:16px Georgia;margin-top:22px}.band{background:linear-gradient(120deg,#14243a,#0a111d);border-block:1px solid var(--line)}.facts{border-left:1px solid var(--line);padding-left:28px}.facts p{border-bottom:1px solid var(--line);padding:10px 0;font:9px var(--mono);color:#8094ac}.facts b{display:block;color:#e6edf6;font:15px var(--display)}.loop{height:300px;display:grid;place-items:center;background:radial-gradient(circle,#19324d,#0b1421 70%)}.loop:before{content:"";width:210px;height:210px;border:2px solid var(--blue);border-radius:50%;box-shadow:0 0 45px #72a9dc33,inset 0 0 40px #72a9dc22}.loop b{position:absolute;font:40px Georgia;color:var(--gold)}.four{grid-template-columns:repeat(4,1fr)}.four article{min-height:200px;border:0;border-top:1px solid var(--gold);background:transparent;padding:18px 10px}.status{border-top:1px solid var(--line);margin-top:35px}.status>div{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.status label{font:9px var(--mono);letter-spacing:.08em;width:max-content;height:max-content;padding:5px 8px;border:1px solid}.status span b,.status small{display:block}.status span b{font:600 16px var(--display)}.status small{font-size:12px;color:#9baec1;margin-top:5px}.green{color:#85d2ad}.blue{color:#91bce5}.amber{color:#e3c27d}.red{color:#e59c9c}.archive{background:#101b2a}.releases p{border-bottom:1px solid var(--line);padding:10px 0}.releases b,.releases small{display:block}.releases b{font:600 14px var(--display)}.releases small{font-size:11px;color:#91a3b8}.releases em{font:9px var(--mono);color:var(--gold);font-style:normal}.sources{background:#0b1421}.sources>a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#c5d0dd}.sources>a:hover{color:var(--gold)}.closing{text-align:center;background:radial-gradient(ellipse,#172d46,#080d17 70%)}.closing p{color:#9eafc2}.closing .button{margin-top:18px}footer{padding:28px 7vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:#8293a9;font-size:10px}footer .brand>b{width:30px;height:30px;font-size:17px}
@media(max-width:850px){.orb{right:-200px;opacity:.45}.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header{padding:0 5vw}#menu{display:block;background:none;color:white;border:1px solid var(--line);padding:8px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:20px 7vw;background:#0b1421;flex-direction:column}nav.open{display:flex}.hero{padding:100px 7vw 55px;min-height:620px}.hero h1{font-size:48px}.orb{right:-270px;top:190px;opacity:.25}.hero-foot{font-size:8px;margin-top:65px}section:not(.hero){padding:70px 7vw}.split,.heading,.topic,.calculator{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:1fr}.four{grid-template-columns:1fr 1fr}.status>div{grid-template-columns:1fr;gap:10px}.facts{padding-left:15px}footer{flex-wrap:wrap}footer p{width:100%;order:3}}
