:root{--ink:#18222b;--muted:#66727b;--line:#dbe2e6;--paper:#f6f8f7;--blue:#2675b8;--orange:#df8527}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}header,main{width:min(1120px,calc(100% - 32px));margin:auto}header{padding:42px 0 25px;border-bottom:1px solid var(--line)}header p,.section-title span{margin:0;color:#99601f;font-size:12px;font-weight:800;letter-spacing:1.5px}h1{margin:7px 0;font-size:clamp(38px,7vw,76px);letter-spacing:0}h1 span{font-size:.38em;color:var(--muted);vertical-align:top}header b{color:var(--muted);font-size:13px}main{padding:24px 0 50px}.now,.orbit{padding:24px 0;border-bottom:1px solid var(--line)}h2{margin:5px 0 18px;font-size:28px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fact{min-height:116px;padding:17px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.fact i{font-style:normal;font-size:25px}.fact small,.fact strong{display:block}.fact small{margin:8px 0 4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.fact strong{font-size:23px}.orbit{background:#fff;margin-top:18px;padding:24px;border:1px solid var(--line)}#orbit{display:block;width:100%;height:auto;background:#07101b}.legend{display:flex;gap:24px;margin:14px 0;font-weight:700}.legend span:before{content:"";display:inline-block;width:11px;height:11px;margin-right:7px;border-radius:50%}.sun-dot:before{background:#ffc63c}.earth-dot:before{background:#2f87d1}.kubik-dot:before{background:#ef6a36}.note,footer{color:var(--muted);font-size:12px}footer{padding:20px 0}a{color:#1b638e}@media(max-width:800px){.facts{grid-template-columns:repeat(2,1fr)}header{padding-top:28px}}@media(max-width:480px){.facts{grid-template-columns:1fr}.fact{min-height:auto}.orbit{padding:14px}h2{font-size:23px}}
.model{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:center;gap:34px;margin-top:18px;padding:24px 34px;background:#07101b;color:#fff}.model-copy p{color:#bdc9d1;line-height:1.6}.model-copy strong{display:inline-block;padding:7px 9px;background:#342f28;color:#f0c98f;font-size:11px;text-transform:uppercase}.model figure{margin:0;text-align:center}.model img{display:block;width:100%;max-height:430px;object-fit:contain}.model figcaption{color:#93a4af;font-size:11px}@media(max-width:800px){.model{grid-template-columns:1fr}.model figure{order:-1}.model img{max-height:350px}}@media(max-width:480px){.model{padding:18px}}
.mercury-dot:before{background:#a9a9a2}.venus-dot:before{background:#dca653}.mars-dot:before{background:#c94f35}.legend{flex-wrap:wrap}
.time-controls{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;margin:18px 0 10px}.time-controls button{width:48px;height:48px;border:0;background:#2675b8;color:#fff;font-size:19px;cursor:pointer}.time-controls strong{display:block;margin-bottom:6px}.time-controls input{width:100%;accent-color:#df8527}.time-controls span{display:flex;justify-content:space-between;color:var(--muted)}
