.worlds-page { color:var(--pf-ink); background:var(--pf-paper); }
.worlds-hero { display:grid; grid-template-columns:1fr 1.1fr; gap:62px; align-items:center; padding-block:62px 54px; }
.worlds-hero h1 { font-size:clamp(40px,4.6vw,66px); font-weight:600; line-height:1.06; letter-spacing:-.06em; margin:0; }
.worlds-hero h1 em { color:var(--pf-blue); font-style:normal; }
.worlds-lead { font-size:17px; line-height:1.8; color:var(--pf-muted); margin:25px 0; }
.worlds-hero .pf-actions { justify-content:flex-start; }
.worlds-hero .pf-small { margin-top:22px; }
.worlds-hero figure { margin:0; border-radius:7px; overflow:hidden; background:#102438; box-shadow:0 16px 42px #10203915; }
.worlds-hero figure img { display:block; width:100%; aspect-ratio:5/3; object-fit:cover; }
.worlds-hero figcaption { padding:16px 20px; color:#c6d6df; font-size:11px; line-height:1.7; }
.worlds-hero figcaption strong { display:block; color:white; font-weight:550; font-size:13px; }
.worlds-jump { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; padding-block:22px; border-block:1px solid var(--pf-line); font-size:12px; }
.worlds-jump span { margin-right:auto; color:var(--pf-muted); }
.worlds-jump a { color:var(--pf-blue); text-underline-offset:4px; }
.worlds-jump a:hover { text-decoration:underline; }
.worlds-demos { padding-block:65px; }
.worlds-heading { max-width:770px; margin-bottom:34px; }
.worlds-heading h2,.worlds-guide h2,.worlds-keep h2 { font-size:clamp(30px,3.2vw,44px); line-height:1.13; letter-spacing:-.045em; font-weight:550; margin:0 0 22px; }
.worlds-heading > p:last-child { color:var(--pf-muted); font-size:15px; line-height:1.8; }
.world-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.world-demo { border:1px solid var(--pf-line); border-radius:7px; overflow:hidden; background:#fffdf9; }
.world-demo-header { padding:26px 28px 22px; }
.world-demo .pf-kicker { font-size:10px; margin-bottom:12px; }
.world-demo h3 { font-size:30px; letter-spacing:-.04em; font-weight:550; margin:0; }
.world-demo h3 small { font:400 13px/1.5 var(--font-geist-mono),monospace; color:var(--pf-muted); }
.world-video { background:#06121b; color:#e6edf7; }
.world-video video { display:block; width:100%; aspect-ratio:16/10; object-fit:contain; background:#000; }
.world-video-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 16px; }
.world-video-toolbar button { background:#21344f; border:1px solid #52637a; color:#fff; padding:8px 12px; min-height:38px; border-radius:4px; font:500 11px/1.4 var(--font-geist-sans),sans-serif; cursor:pointer; }
.world-video-toolbar button:hover { background:#36527b; }
.world-video-toolbar .world-video-time { margin-left:auto; color:#afc2d4; font:400 10px/1.4 var(--font-geist-mono),monospace; }
.world-video-toolbar input { width:100%; height:20px; accent-color:#8bd7c4; }
.world-video:fullscreen { width:100vw; height:100dvh; display:flex; flex-direction:column; }
.world-video:fullscreen video { flex:1; min-height:0; }
.world-video:fullscreen .world-video-toolbar { padding:16px 24px; }
.world-video-status { color:#e1bb87; font-size:12px; padding:0 16px 12px; }
.world-demo-body { padding:24px 28px 28px; }
.world-demo-body > p { font-size:14px; line-height:1.8; color:var(--pf-muted); margin:0 0 20px; }
.world-demo-facts { margin:0 0 22px; }
.world-demo-facts > div { display:grid; grid-template-columns:85px 1fr; gap:16px; border-top:1px solid #e0e4e8; padding:13px 0; font-size:12px; line-height:1.7; }
.world-demo-facts dt { font-weight:600; }
.world-demo-facts dd { margin:0; color:var(--pf-muted); }
.world-demo details { font-size:12px; line-height:1.8; }
.world-demo summary { color:var(--pf-blue); cursor:pointer; padding:8px 0; }
.world-demo pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; margin:10px 0; color:#3c526f; background:#eef2f8; font:400 11px/1.8 var(--font-geist-mono),monospace; border-radius:4px; }
.world-demo-links { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:20px; font-size:12px; color:var(--pf-blue); }
.world-demo-links a { text-decoration:underline; text-underline-offset:4px; }
.worlds-recording-note { color:var(--pf-muted); font-size:12px; line-height:1.8; margin:24px 0 0; }
.worlds-guide { padding-block:65px; background:#102438; color:#f7f5ef; }
.worlds-guide .pf-kicker { color:#8bd7c4; }
.world-guide-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:start; }
.world-guide-steps { list-style:none; counter-reset:worldstep; padding:0; margin:30px 0 0; }
.world-guide-steps li { position:relative; padding:0 0 24px 42px; counter-increment:worldstep; }
.world-guide-steps li::before { content:'0' counter(worldstep); position:absolute; left:0; top:2px; color:#8bd7c4; font:500 11px/1.5 var(--font-geist-mono),monospace; }
.world-guide-steps h3 { font-size:19px; font-weight:550; letter-spacing:-.02em; margin:0 0 10px; }
.world-guide-steps p { font-size:13px; line-height:1.85; color:#bdcbd6; margin:0; }
.world-guide-steps strong { color:#eef4f7; font-weight:550; }
.world-guide-shot { margin:0; }
.world-guide-shot a { display:block; }
.world-guide-shot img { width:100%; height:auto; border-radius:5px; border:1px solid #ffffff30; }
.world-guide-shot figcaption { color:#a9bfce; font-size:11px; line-height:1.8; margin-top:14px; }
.world-guide-note { padding:24px; margin-top:26px; border:1px solid #ffffff30; border-radius:5px; }
.world-guide-note strong { color:#a8e6d6; font-weight:550; font-size:15px; }
.world-guide-note p { color:#bdcbd6; font-size:13px; line-height:1.8; margin:12px 0 0; }
.world-controls { border-top:1px solid #ffffff30; margin-top:30px; padding-top:30px; }
.world-controls h3 { font-size:24px; letter-spacing:-.03em; font-weight:550; margin:0 0 26px; }
.world-controls-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.world-controls-grid dt { margin-bottom:15px; display:flex; flex-wrap:wrap; gap:5px; }
.world-controls-grid kbd { display:inline-flex; align-items:center; justify-content:center; min-width:28px; min-height:30px; padding:3px 7px; border:1px solid #658090; border-bottom:3px solid #658090; border-radius:4px; color:#e5efef; font:400 11px/1.5 var(--font-geist-mono),monospace; }
.world-controls-grid dd { margin:0; font-size:12px; line-height:1.8; color:#bdcbd6; }
.world-controls-grid dd b { display:block; font-size:14px; font-weight:550; color:#eef4f7; margin-bottom:5px; }
.worlds-shots { padding-block:65px; }
.world-shots-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.world-shots-grid figure { margin:0; }
.world-shots-grid img { width:100%; height:auto; border:1px solid var(--pf-line); border-radius:5px; }
.world-shots-grid figcaption { font-size:12px; color:var(--pf-muted); line-height:1.8; margin-top:14px; }
.world-shots-grid strong { display:block; color:var(--pf-ink); font-weight:550; font-size:15px; margin-bottom:4px; }
.worlds-keep { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; padding-block:46px 65px; border-top:1px solid var(--pf-line); }
.world-save-list { display:grid; grid-template-columns:1fr 1fr; gap:25px 32px; margin:0; }
.world-save-list dt { font-size:17px; letter-spacing:-.02em; font-weight:550; margin-bottom:10px; }
.world-save-list dd { margin:0; font-size:13px; line-height:1.8; color:var(--pf-muted); }
.worlds-limits { padding-block:40px; background:#eaf0ff; }
.worlds-limits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.worlds-limits h3 { font-size:18px; font-weight:550; margin-bottom:13px; letter-spacing:-.02em; }
.worlds-limits p { font-size:12px; line-height:1.85; color:var(--pf-muted); }
.worlds-limits a { color:var(--pf-blue); text-decoration:underline; text-underline-offset:3px; }
.worlds-next { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-block:45px; }
.worlds-next p { max-width:700px; color:var(--pf-muted); font-size:14px; line-height:1.8; }
.worlds-next strong { color:var(--pf-ink); font-weight:550; }
@media(max-width:900px) {
  .worlds-hero { gap:30px; }
  .world-guide-grid { gap:30px; grid-template-columns:1fr 1fr; }
  .worlds-keep { grid-template-columns:1fr; gap:20px; }
  .world-video-toolbar { gap:7px; padding:12px; }
}
@media(max-width:700px) {
  .worlds-hero,.world-demo-grid,.world-guide-grid,.world-shots-grid,.worlds-limits-grid { grid-template-columns:1fr; }
  .worlds-hero { padding-block:40px; }
  .worlds-hero figure { max-width:640px; }
  .worlds-hero h1 { font-size:clamp(40px,9vw,62px); }
  .worlds-jump span { width:100%; }
  .worlds-demos,.worlds-guide,.worlds-shots { padding-block:44px; }
  .world-controls-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .worlds-next { align-items:flex-start; flex-direction:column; }
  .worlds-keep { padding-block:35px 44px; }
  .worlds-limits-grid { gap:22px; }
}
@media(max-width:420px) {
  .world-save-list { grid-template-columns:1fr; }
  .world-demo-header,.world-demo-body { padding-inline:22px; }
  .worlds-lead { font-size:15px; }
}