@import url('/compute-comparison.css');
:root{color-scheme:dark}body{background:#08131c;color:#edf5f8}.hero{padding:70px 0 42px}.hero h1{font-size:clamp(42px,6vw,78px);letter-spacing:-.05em;line-height:1.05}.hero em{color:#9ae8d1}.hero>p:last-child{max-width:680px;font-size:20px;line-height:1.6}.kicker{font-size:11px;letter-spacing:.17em;color:#9ae8d1}.switcher{display:grid;grid-template-columns:1fr 1fr;gap:16px}.switcher button{display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;padding:24px;background:#122734;border:1px solid #395364;border-radius:12px;color:#a9becb;cursor:pointer}.switcher strong{font-size:24px;color:#edf5f8}.switcher span{grid-column:2;font-size:13px}.switcher button[aria-pressed=true]{border-color:#9ae8d1;box-shadow:inset 0 3px #9ae8d1}.tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 44px}.tools p{font-size:12px;color:#a9becb}button,select{font:inherit}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5c77e;outline-offset:4px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-head h2{font-size:clamp(27px,4vw,42px);margin:14px 0}.action{border:1px solid #598077;padding:15px;border-radius:6px;white-space:normal}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:30px 0;border-block:1px solid #324754;padding:24px 0}.facts strong,.facts span{display:block}.facts strong{font-size:clamp(20px,2.5vw,30px);color:#b9e9df}.facts span{font-size:12px;color:#b5c8d4;margin-top:8px}.filter{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0}.filter label{display:flex;gap:15px;align-items:center}.filter p{font-size:12px;color:#b5c8d4}select{max-width:100%;background:#142b38;color:#eff6fa;border:1px solid #506575;border-radius:5px;padding:12px}.profile{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr);gap:25px;border-bottom:1px solid #2c414f;padding:22px 0}.profile h3{font-size:17px;margin:0 0 8px}.profile small{font-size:11px;color:#a9becb}.components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.component span{display:block;font-size:11px;min-height:30px;color:#b6c7d3}.component strong{display:block;font-size:20px;margin:8px 0}.component .track{height:5px;background:#253d4a;border-radius:8px;overflow:hidden}.component .track>div{height:100%}.links{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0}.citation,.gap{background:#112734;border:1px solid #3b5361;padding:22px;border-radius:10px;margin-top:25px}.citation summary{cursor:pointer;font-size:18px}.citation blockquote{margin:20px 0;padding:18px;border-left:3px solid #92dac6;background:#0c1d28;overflow-wrap:anywhere;user-select:all;line-height:1.7}.principles{margin:80px 0 40px;border-top:1px solid #324754;padding-top:35px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles p,.gap p{line-height:1.7;color:#b8cbd5}footer{max-width:1280px;margin:auto;padding:30px}.responsive-row{margin:18px 0}.note{line-height:1.7}.profile,.facts>*{min-width:0;overflow-wrap:anywhere}@media(max-width:800px){.profile{grid-template-columns:1fr}.section-head{display:block}.action{display:inline-block}.facts{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr}.components{grid-template-columns:1fr 1fr}.filter{display:block}.filter label{align-items:start;flex-direction:column}.switcher strong{font-size:18px}.switcher button{padding:16px;grid-template-columns:1fr}.switcher span{grid-column:1}.tools{align-items:start}.hero{padding-top:40px}}@media(max-width:390px){.switcher{grid-template-columns:1fr}.facts strong{font-size:20px}}