@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101419;--surface:#191f24;--line:#333b40;--cream:#f2ead9;--orange:#fa8a57;--muted:#a7aeaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:15px}.top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6%;gap:3rem}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.09em;text-decoration:none}.brand b{color:var(--orange)}.brand small{display:block;color:#8b9491;font-size:8px;letter-spacing:.18em;margin-top:3px}.brand-icon{width:38px;height:38px;background:var(--orange);color:#101419;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:700}.top nav{display:flex;gap:30px;margin:auto}.top nav a,footer a{color:#c2c6bf;text-decoration:none}.top nav a:hover,footer a:hover{color:var(--orange)}.chip,.badge{border:1px solid #48504c;border-radius:100px;padding:10px 14px;font-size:10px;letter-spacing:.12em;color:#c5cfc0}.chip{color:#b7d8ad}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:510px;border-bottom:1px solid var(--line)}.hero-copy{padding:76px 5% 80px 12%}.eyebrow{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.16em;font-size:10px;color:var(--orange)}.eyebrow span{color:#6f7977;margin-left:12px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}h1{font-size:clamp(55px,6.5vw,96px);line-height:.99;margin:24px 0}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#b9c0b8;max-width:440px;margin-bottom:34px}.primary{display:inline-flex;background:var(--orange);color:#171a1b;text-decoration:none;padding:17px 20px;font-weight:700;border-radius:4px;gap:32px}.quiet{color:#d6d7cc;margin-left:24px;text-decoration:none}.hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at 53% 44%,#55605b,#27302e 48%,#1c2423);display:grid;place-items:center}.hero-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff08 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff08 40px)}.orb{position:absolute;width:350px;height:350px;border:1px solid #aab5a050;border-radius:50%}.disk{position:relative;width:225px;height:245px;background:#252a2a;border:8px solid #343a38;box-shadow:20px 27px 35px #0008;transform:rotate(-12deg);border-radius:8px}.disk-top{height:65px;background:#aab0a5;margin:0 35px;border-radius:0 0 5px 5px}.disk-top:after{content:'';display:block;margin-left:65%;height:55px;width:28px;background:#343a38}.disk-label{margin:20px 16px;background:#e6dec9;color:#242b29;height:140px;padding:15px}.disk-label span{font-size:11px;font-weight:700;letter-spacing:.2em;color:#d35e3e}.disk-label b{display:block;font:700 25px/1 'Space Grotesk';margin-top:12px}.disk-label small{font-size:9px}.art-note{position:absolute;right:8%;bottom:10%;font-size:9px;line-height:1.5;letter-spacing:.14em;color:#c1c7b6}.section-heading{padding:75px 6% 28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.guide h2{font-size:48px;margin:12px 0}.section-heading p:not(.eyebrow),.guide>div>p:not(.eyebrow){color:var(--muted);line-height:1.7}.workspace{margin:0 6%;border:1px solid #3c4547;border-radius:8px;background:#20272b;overflow:hidden}.workspace-title{background:#2b3335;padding:17px 22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:700}.workspace-title i{color:#a2d69b}.workspace-help{padding:10px 22px;color:#bbc3bd;line-height:1.6}.emulator-scroll{overflow:auto;padding:0 20px 28px}body table{color:#eae9da;font:14px 'DM Sans',sans-serif}body table table{border-color:#48514f!important;border-radius:4px}body td{padding:5px}body select,body button{font:inherit;color:#eae9da;background:#343e3e;border:1px solid #59635f;border-radius:4px;padding:8px 11px;cursor:pointer}body button:hover{background:#53605a}body .red{color:#fa9e7e}body .gray{color:#c6cdc4}#myVideo{min-width:360px;min-height:284px;background:#090d0d;border:10px solid #131919;border-radius:4px}#myVideo canvas{max-width:100%;height:auto;image-rendering:pixelated}.guide{padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.guide h2{line-height:1.05}.steps article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.steps article>span{font:700 12px 'Space Grotesk';color:var(--orange)}.steps h3{font-size:21px;margin:0 0 8px}.steps p{color:var(--muted);line-height:1.7;margin:0}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;align-items:center;gap:35px;justify-content:space-between}footer p{color:#88938d;font-size:12px;max-width:400px;line-height:1.6}@media(max-width:750px){.top{padding:0 5%;height:70px}.top nav{display:none}.chip{margin-left:auto;font-size:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6%}.hero-art{min-height:340px}.section-heading{align-items:start;flex-direction:column}.guide{grid-template-columns:1fr;gap:30px;padding:70px 6%}footer{align-items:start;flex-direction:column;gap:10px}.workspace-title span:last-child{display:none}}