:root{color-scheme:dark;--bg:#121212;--text:#f3f3f0;--muted:#acb3b1;--teal:#57c1b6;--gold:#dba039;--border:#2a302e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.85 Mulish,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--teal);outline-offset:6px}img,video{display:block;width:100%;height:auto}figure{margin:0;min-width:0}h1,h2,.brand{font-family:Questrial,Arial,sans-serif;font-weight:400;line-height:1.1}h1{font-size:clamp(64px,6vw,88px);margin:0 0 24px;letter-spacing:-2px}h2{font-size:clamp(36px,4vw,58px);color:var(--gold);margin:0 0 24px;letter-spacing:-1.3px}p{margin:0 0 19px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:24px;z-index:10;background:var(--teal);color:#121212;padding:12px}.skip-link:focus{top:12px}.site-header{background:#121212}.header-inner{min-height:154px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand{font-size:29px;letter-spacing:-.7px;white-space:nowrap}nav{display:flex;gap:29px;align-items:center}nav a{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}nav a:first-child{color:var(--teal)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:#29251f}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,15,14,.94) 0%,rgba(13,15,14,.79) 37%,rgba(13,15,14,.26) 78%,rgba(13,15,14,.12))}.hero-content{padding-block:72px 82px}.hero-copy{max-width:635px}.hero-copy p{max-width:595px}.subtitle{font-family:Questrial,Arial,sans-serif;font-size:27px;line-height:1.35}.accent-line{height:2px;width:100%;background:var(--teal);margin:0 0 26px}.hero .accent-line{width:110px;margin-block:27px}.hero-features{padding-left:19px;max-width:610px;margin:24px 0 31px;line-height:1.7}.hero-features li{padding-left:4px;margin:9px 0}.hero-features li::marker{color:var(--teal)}.hero-features strong{font-weight:700}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:12px 23px;background:var(--teal);color:#101715;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;line-height:1.6;transition:background .2s}.button:hover{background:#87d5cd;color:#111}.button span{font-size:20px}.motion-toggle{position:absolute;right:26px;bottom:24px;color:#fff;border:1px solid #ffffff60;border-radius:3px;background:#121212a8;padding:7px 12px;font-size:11px}.feature-sections{padding-top:104px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center;margin-bottom:110px}.feature-copy{min-width:0}.feature-copy p{color:#dedfdd}.feature.reverse .feature-copy{order:2}.feature.reverse figure{order:1}.feature video,.video-grid video{aspect-ratio:16/9;object-fit:contain;background:#000}.feature figure img{background:#191b1a}.image-link{display:block}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d1d5d2;line-height:1.5;padding:14px 0}figcaption span{color:var(--muted)}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{color:var(--text);font-size:43px;margin-bottom:17px}.section-heading p{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video-grid figure{background:#191b1a;border:1px solid #262a28}.video-grid figcaption{padding:12px 16px}.demos{margin-bottom:115px}.opengl{margin-bottom:100px}.download{background:#d93049;color:#fff;margin-top:10px;font-size:12px;gap:14px}.download:hover{background:#ef4b63;color:white}.download-note{font-size:11px;color:var(--muted)!important;margin-top:11px}.youtube-preview>a{display:block;position:relative}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#101715db;color:var(--teal);font-size:23px;padding-left:4px}.youtube-preview a:hover .play-icon{background:var(--teal);color:#111}footer{background:#181b19;border-top:1px solid var(--border);padding-top:57px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:60px;padding-bottom:40px}.footer-grid .brand{color:var(--teal);font-size:27px}.footer-grid p{font-size:13px;color:#c1c7c3;margin-top:18px}.footer-grid h2{font-size:21px;color:var(--teal);letter-spacing:0;margin:0 0 19px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-block:22px;font-size:11px;color:var(--muted)}
@media(min-width:1600px){.hero-content{padding-block:90px}.hero-copy{max-width:650px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.header-inner{gap:24px;min-height:120px}.brand{font-size:25px}nav{gap:18px}nav a{font-size:10px}.feature{gap:35px}h2{font-size:43px}.footer-grid{gap:32px}.footer-grid .brand{font-size:23px}figcaption{flex-wrap:wrap}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:94px;flex-wrap:wrap;padding-block:25px;gap:20px}.brand{font-size:24px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:12px;background:none;color:white;border:1px solid #3b4640;padding:6px 10px;font-size:12px;border-radius:3px}nav{width:100%;flex-wrap:wrap;gap:12px 22px}nav a{font-size:11px}.js nav:not(.open){display:none}.hero-content{padding-block:54px 83px}.hero::before{background:linear-gradient(90deg,#101211e8,#101211aa)}h1{font-size:65px}.subtitle{font-size:25px}.hero-features{font-size:14px}.feature-sections{padding-top:65px}.feature{grid-template-columns:1fr;gap:25px;margin-bottom:65px}.feature.reverse .feature-copy,.feature.reverse figure{order:initial}.feature h2{font-size:42px}.video-grid{grid-template-columns:repeat(2,1fr);gap:16px}.section-heading h2{font-size:36px}.demos{margin-bottom:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.opengl{margin-bottom:65px}}
@media(max-width:460px){body{font-size:14px}.container{width:calc(100% - 36px)}.brand{font-size:22px}.menu-toggle span{display:none}.header-inner{gap:12px}.video-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:20px}.download{padding:12px 15px}.motion-toggle{right:18px}.hero h1{font-size:62px}}
.hero-logo{width:min(100%,503px);height:auto}
.site-counters{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 28px;padding-block:20px;color:#c1c7c3;font-size:13px}
.site-counters strong{color:var(--teal);font-variant-numeric:tabular-nums;font-weight:600}
.site-counters small{font-size:11px;color:#a2aaa5}
.direct3d{margin-bottom:100px;padding-bottom:40px;border-bottom:1px solid var(--border)}
.direct3d h2{font-size:clamp(36px,4vw,52px)}
.direct3d p{color:#dedfdd;max-width:1100px}
.direct3d .accent-line{width:110px}
@media(max-width:760px){.direct3d{margin-bottom:65px;padding-bottom:25px}}
.library-name{font-family:Consolas,"Cascadia Code",monospace;font-size:.95em;color:#f0cb68;background:#25241e;border:1px solid #514831;border-radius:4px;padding:.1em .35em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.capabilities{margin-bottom:110px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:48px}
.capabilities h2{font-size:43px}
.capabilities-intro{max-width:820px;color:#dedfdd;margin-bottom:34px}
.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 66px;list-style:disc;margin:0;padding-left:20px}
.capability-list li{padding-left:5px}
.capability-list li::marker{color:var(--teal)}
.capability-list h3{font-family:Questrial,Arial,sans-serif;font-size:23px;line-height:1.3;font-weight:400;color:var(--text);margin:0 0 9px}
.capability-list p{font-size:14px;color:#c1c7c3;margin:0;line-height:1.8}
@media(max-width:760px){.capabilities{margin-bottom:70px;padding-block:32px}.capabilities h2{font-size:36px}.capability-list{grid-template-columns:1fr;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}