.windows-content{max-width:none;padding:0;overflow:hidden}.windows-hero{display:grid;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);min-height:590px;border-bottom:1px solid var(--border-color)}.windows-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,68px)}.windows-hero h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.96}.windows-hero .hero-lead{font-size:1.08rem}.beta-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin-bottom:22px;padding:7px 11px;border:1px solid rgba(255,77,103,.35);border-radius:999px;color:#ffd8de;background:rgba(255,77,103,.09);font:600 .72rem "Roboto Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.beta-badge i{width:7px;height:7px;border-radius:50%;background:#ff4d67;box-shadow:0 0 12px #ff4d67}.fine-print{margin-top:17px;color:var(--muted-text)!important;font-size:.8rem}.windows-hero-media{position:relative;min-height:470px;margin:0;overflow:hidden;background:#07090e}.windows-hero-media img{width:100%;height:100%;object-fit:cover}.windows-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-container),transparent 20%),linear-gradient(0deg,rgba(7,9,14,.6),transparent 35%)}.windows-hero-media figcaption{position:absolute;right:22px;bottom:18px;z-index:1;color:rgba(255,255,255,.7);font-size:.76rem}
.windows-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-color)}.windows-stats div{padding:23px clamp(18px,3vw,36px)}.windows-stats div+div{border-left:1px solid var(--border-color)}.windows-stats strong,.windows-stats span{display:block}.windows-stats strong{font-size:1.35rem}.windows-stats span{color:var(--muted-text);font-size:.82rem}.windows-section{padding:clamp(42px,6vw,78px);border-bottom:1px solid var(--border-color)}.windows-section h2{font-size:clamp(2.1rem,4.7vw,3.8rem)}.pipeline{display:grid;grid-template-columns:1fr auto 1.15fr auto 1.2fr auto 1fr;align-items:stretch;gap:9px}.pipeline>div,.split span{display:flex;flex-direction:column;padding:18px;border:1px solid var(--border-color);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}.pipeline>b{display:grid;place-items:center;color:#70d8ff}.pipeline small{color:#ff4d67;font-family:"Roboto Mono",monospace}.pipeline strong{margin:12px 0 4px}.pipeline span{color:var(--muted-text);font-size:.8rem}.pipeline .split{display:grid;gap:7px;padding:0;border:0;background:none}.pipeline .split span:last-child{border-color:rgba(112,216,255,.28)}
.backend-section{background:radial-gradient(circle at 86% 10%,rgba(112,216,255,.08),transparent 28rem)}.backend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.backend-grid article{padding:clamp(24px,3.5vw,40px);border:1px solid var(--border-color);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.022))}.backend-grid article.vulkan{border-color:rgba(112,216,255,.27)}.backend-label{color:#ff91a3;font:600 .76rem "Roboto Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.vulkan .backend-label{color:#70d8ff}.backend-grid h3{margin-top:20px;font-size:1.65rem}.shared-note{display:grid;grid-template-columns:.3fr 1fr;gap:28px;margin-top:18px;padding:26px;border:1px solid var(--border-color);border-radius:13px;background:rgba(112,216,255,.04)}.shared-note strong{color:#70d8ff}.shared-note p{margin:0}
.steps{display:grid;gap:10px;max-width:950px;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:18px;border:1px solid var(--border-color);border-radius:12px;background:rgba(255,255,255,.025)}.steps>li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,77,103,.13);color:#ff9cab;font-family:"Roboto Mono",monospace}.steps p{margin:3px 0 0;color:var(--muted-text)}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article p{margin:0}.install-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(30px,6vw,80px);background:radial-gradient(circle at 0 100%,rgba(255,77,103,.1),transparent 30rem)}.install-section aside{padding:26px;border:1px solid rgba(112,216,255,.24);border-radius:14px;background:rgba(112,216,255,.045)}.install-section aside h3{color:#70d8ff}.install-section aside p{color:var(--muted-text);font-size:.83rem}
.demo-section{background:radial-gradient(circle at 100% 0,rgba(255,77,103,.08),transparent 30rem)}.video-frame{position:relative;width:100%;overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.28);aspect-ratio:16/9}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.screenshot-section{background:rgba(4,7,12,.25)}.screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screenshot-gallery figure{margin:0;overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:rgba(255,255,255,.025)}.screenshot-gallery figure:first-child{grid-column:1/-1}.screenshot-gallery a{display:block;overflow:hidden;background:#07090e}.screenshot-gallery img{width:100%;aspect-ratio:1600/941;object-fit:cover;border-radius:0;transition:transform .25s ease}.screenshot-gallery a:hover img{transform:scale(1.012)}.screenshot-gallery figcaption{display:flex;justify-content:space-between;gap:16px;padding:15px 17px}.screenshot-gallery figcaption strong{color:#eef3f7}.screenshot-gallery figcaption span{color:var(--muted-text);font-size:.82rem;text-align:right}
@media(max-width:1000px){.windows-hero{grid-template-columns:1fr}.windows-hero-media{order:-1;min-height:380px}.windows-hero-media:after{background:linear-gradient(0deg,var(--bg-container),transparent 30%)}.pipeline{grid-template-columns:1fr}.pipeline>b{transform:rotate(90deg)}.backend-grid,.install-section{grid-template-columns:1fr}}@media(max-width:700px){.windows-hero-copy,.windows-section{padding:30px 20px}.windows-hero-media{min-height:260px}.windows-stats,.feature-grid,.screenshot-gallery{grid-template-columns:1fr}.screenshot-gallery figure:first-child{grid-column:auto}.screenshot-gallery figcaption{align-items:flex-start;flex-direction:column}.screenshot-gallery figcaption span{text-align:left}.windows-stats div+div{border-top:1px solid var(--border-color);border-left:0}.shared-note{grid-template-columns:1fr}}
