@font-face{font-family:ByteSpace;src:url(/branding/v1/SpaceGrotesk.ttf);font-weight:300 700;font-display:swap}@font-face{font-family:ByteInter;src:url(/branding/v1/Inter.ttf);font-weight:100 900;font-display:swap}.byte-project{color:#f7fafc;background:#101827;min-height:100vh;font:16px/1.75 ByteInter,Arial,sans-serif}.byte-project *{box-sizing:border-box}.byte-project :is(h1,h2,h3){letter-spacing:-.04em;font-family:ByteSpace,Arial,sans-serif;line-height:1.1}.byte-project :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #22d3ee}.byte-project-nav{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:28px 36px;display:flex}.byte-project-wordmark{color:#f7fafc;letter-spacing:-.04em;font:600 29px ByteSpace,sans-serif;text-decoration:none}.byte-project-nav nav{gap:28px;font-size:14px;display:flex}.byte-project a{color:inherit;text-underline-offset:5px}.byte-project>main{max-width:1240px;margin:auto;padding:0 36px}.byte-kicker{color:#22d3ee;letter-spacing:.12em;font-size:11px;font-weight:650}.byte-project-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding:72px 0;display:grid}.byte-project-hero h1{margin:20px 0 24px;font-size:clamp(36px,4.2vw,60px)}.byte-project-hero p:not(.byte-kicker){color:#a8b6ca;max-width:560px;font-size:16px}.byte-project-hero>img{filter:drop-shadow(0 20px 22px #0004);width:100%;height:auto}.byte-primary{background:#22d3ee;border-radius:10px;min-height:44px;margin:25px 0 20px;padding:12px 19px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;color:#101827!important}.byte-project-hero small{color:#a8b6ca;font-size:11px;display:block}.byte-watch{border-top:1px solid #334155;padding:38px 0;scroll-margin-top:25px}.byte-watch-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;display:flex}.byte-watch-heading h2{margin:10px 0;font-size:32px}.byte-watch-heading>span{color:#a8b6ca;max-width:250px;font-size:11px}.byte-player{background:#172337;border:1px solid #334155;border-radius:15px;min-width:0;overflow:hidden}.byte-player iframe{aspect-ratio:16/9;border:0;width:100%;min-height:300px;display:block}.byte-player-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:390px;padding:38px;display:flex}.byte-play-symbol{color:#22d3ee;font-size:28px}.byte-player-placeholder h3{margin:0;font-size:27px}.byte-player-placeholder p{color:#a8b6ca;max-width:540px;margin:0;font-size:14px}.byte-player-placeholder :is(button,a){color:#101827;cursor:pointer;background:#22d3ee;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:12px 19px;font:650 14px ByteInter,sans-serif;text-decoration:none;display:inline-flex}.byte-player-placeholder small{color:#a8b6ca;max-width:470px;font-size:11px}.byte-player-footer{flex-wrap:wrap;align-items:start;gap:20px;margin-top:20px;display:flex}.byte-player-footer p{color:#a8b6ca;max-width:640px;margin:0;font-size:12px}.byte-player-footer a,.byte-player-footer button{align-items:center;min-height:44px;font-size:12px;display:flex}.byte-player-footer button{color:#f7fafc;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:0 13px}.byte-about{max-width:740px;padding:38px 0 60px}.byte-about h2{font-size:30px}.byte-about p{color:#a8b6ca;font-size:15px}.byte-project>footer{color:#a8b6ca;border-top:1px solid #334155;justify-content:space-between;gap:25px;max-width:1240px;margin:auto;padding:25px 36px 35px;font-size:11px;display:flex}.byte-skip{z-index:30;background:#22d3ee;padding:12px;position:absolute;top:-120px;left:20px;color:#101827!important}.byte-skip:focus{top:20px}@media (max-width:720px){.byte-project-nav{padding:23px}.byte-project-nav nav{gap:18px;font-size:12px}.byte-project>main{padding:0 23px}.byte-project-hero{grid-template-columns:1fr;gap:20px;padding:40px 0}.byte-project-hero h1{font-size:39px}.byte-project-hero p:not(.byte-kicker){font-size:14px}.byte-project-hero>img{max-width:360px;margin:auto}.byte-watch-heading{display:block}.byte-watch-heading h2{font-size:30px}.byte-watch-heading>span{margin-top:15px;display:block}.byte-player-placeholder{min-height:390px;padding:28px 18px}.byte-player-placeholder h3{font-size:24px}.byte-player-placeholder p{font-size:12px}.byte-player-footer{gap:8px}.byte-about h2{font-size:28px}.byte-project>footer{flex-direction:column;gap:12px;padding:25px 23px}}