:root { --games-blue:#536bea; --games-violet:#7a59e8; --games-ink:#171a18; --games-line:#dfe2dc; }
.games-site { background:#f5f6f3; color:var(--games-ink); }
.games-site .site-header { background:rgba(245,246,243,.88); }
.games-nav-active { color:#5544bf!important; }
.games-hero { position:relative; overflow:hidden; padding:155px 0 105px; }
.games-aurora { position:absolute; top:-280px; right:-180px; width:900px; height:900px; border-radius:50%; background:radial-gradient(circle,rgba(100,78,226,.12),rgba(84,105,234,.04) 38%,transparent 70%); pointer-events:none; }
.games-hero-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr); align-items:center; gap:70px; }
.games-back { display:inline-block; margin-bottom:32px; color:#888c85; font-size:13px; font-weight:620; text-decoration:none; }
.games-kicker { display:flex; align-items:center; gap:9px; color:#6152c6; font-size:12px; font-weight:760; letter-spacing:.1em; text-transform:uppercase; }
.games-kicker i { width:8px; height:8px; border-radius:50%; background:#6a57dc; box-shadow:0 0 0 5px rgba(106,87,220,.1); }
.games-hero h1 { max-width:700px; margin:23px 0 22px; font-size:clamp(52px,6.3vw,88px); font-weight:625; letter-spacing:-.072em; line-height:.91; }
.games-hero h1 em,.games-section-heading h2 em,.games-final h2 em { color:#6752d2; font-family:Georgia,serif; font-weight:400; }
.games-hero-copy>p { max-width:610px; margin:0; color:#666b64; font-size:17px; line-height:1.65; }
.games-hero-actions { display:flex; align-items:center; gap:20px; margin-top:34px; }
.games-primary { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:18px; border-radius:14px; background:#202320; color:#fff; padding:0 20px; font-size:14px; font-weight:680; text-decoration:none; box-shadow:0 10px 25px rgba(23,26,23,.14); }
.games-primary span { color:#a99af0; }
.games-primary:hover { transform:translateY(-2px); }
.games-secondary { color:#5f645d; font-size:14px; font-weight:630; text-decoration:none; }
.games-evidence { display:flex; flex-wrap:wrap; gap:16px; margin-top:27px; color:#82877e; font-size:12px; }
.games-evidence span { display:flex; align-items:center; gap:6px; }.games-evidence i { color:#409667; font-style:normal; }

.studio-scene { position:relative; min-width:0; }
.studio-window { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:#171a19; color:#ecefeb; box-shadow:0 35px 80px rgba(24,25,24,.24),0 0 0 1px rgba(57,61,58,.45); transform:perspective(1500px) rotateY(-2deg) rotateX(1deg); }
.studio-window>header { display:grid; grid-template-columns:1fr auto 1fr; min-height:53px; align-items:center; border-bottom:1px solid #2e3230; background:#202321; padding:0 18px; font-size:11px; }
.studio-app,.studio-live { display:flex; align-items:center; gap:8px; }.studio-app b { width:19px; height:19px; border-radius:6px; background:linear-gradient(135deg,#7460ee,#4a72e9); }.studio-live { border:1px solid #34483b; border-radius:99px; background:#202c24; color:#8ed1a6; padding:6px 9px; }.studio-live i { width:6px; height:6px; border-radius:50%; background:#50bb78; box-shadow:0 0 8px #50bb78; }.studio-place { justify-self:end; color:#777d78; }
.studio-body { display:grid; grid-template-columns:175px 1fr; min-height:440px; }
.studio-tree { display:flex; flex-direction:column; gap:2px; border-right:1px solid #2c302e; background:#1c1f1e; padding:18px 9px; }.studio-tree small { margin:0 8px 12px; color:#646b66; font-size:9px; font-weight:750; letter-spacing:.12em; }.studio-tree span { display:flex; min-height:29px; align-items:center; gap:7px; border-radius:6px; color:#919792; padding:0 8px; font-size:10px; }.studio-tree span.active { background:#292d2b; color:#e2e6e2; }.studio-tree span i { width:14px; color:#6f7771; font-style:normal; }.studio-tree .tree-root { color:#cdd1ce; }.studio-tree .tree-child { padding-left:26px; color:#b8beb9; }
.studio-task { padding:24px; }.studio-prompt { display:flex; align-items:flex-start; justify-content:flex-end; gap:9px; }.studio-prompt>span { order:2; display:grid; width:28px; height:28px; place-items:center; border-radius:8px; background:#5969da; font-size:9px; font-weight:750; }.studio-prompt p { max-width:77%; margin:0; border-radius:14px 4px 14px 14px; background:#5563c5; padding:10px 12px; color:#fff; font-size:10px; line-height:1.55; }
.studio-agent { display:grid; grid-template-columns:30px 1fr; gap:10px; margin-top:22px; }.studio-z { position:relative; display:grid; width:28px; height:28px; place-items:center; border-radius:8px; background:#f1f3ef; }.studio-z:before,.studio-z:after,.studio-z i { position:absolute; width:13px; height:2px; border-radius:10px; background:#282c29; content:""; }.studio-z:before { transform:translateY(-4px) rotate(-31deg); }.studio-z i { transform:translateY(1px) rotate(31deg); }.studio-z:after { width:9px; transform:translate(2px,5px) rotate(-31deg); }.studio-agent small,.studio-agent b { display:block; }.studio-agent small { color:#737a74; font-size:9px; }.studio-agent b { margin-top:6px; font-size:12px; }.studio-agent p { margin:7px 0 0; color:#9ca29d; font-size:10px; line-height:1.55; }
.proof-run-card { margin:20px 0 0 40px; border:1px solid #343a36; border-radius:13px; background:#1e2220; padding:14px; }.proof-run-head { display:flex; align-items:center; justify-content:space-between; color:#818982; font-size:9px; }.proof-run-head span { display:flex; align-items:center; gap:7px; font-weight:720; letter-spacing:.08em; }.proof-run-head span i { width:6px; height:6px; border-radius:50%; background:#7764e6; box-shadow:0 0 9px #7764e6; }.proof-run-head em { color:#aaa4d4; font-style:normal; }.proof-run-track { height:3px; margin:12px 0; overflow:hidden; border-radius:9px; background:#333735; }.proof-run-track i { display:block; width:67%; height:100%; background:linear-gradient(90deg,#5d75ec,#8a60e5); }.proof-run-card ol { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.proof-run-card li { display:grid; grid-template-columns:15px 1fr auto; align-items:center; color:#707771; font-size:9px; }.proof-run-card li span { display:grid; width:13px; height:13px; place-items:center; border:1px solid #414642; border-radius:50%; color:#8f9690; font-size:7px; }.proof-run-card li em { color:#656c66; font-style:normal; }.proof-run-card li.done { color:#aeb5af; }.proof-run-card li.done span { border-color:#46785a; background:#294234; color:#6bd08f; }.proof-run-card li.active { color:#e1e5e1; }.proof-run-card li.active span { border:0; background:#755fdf; box-shadow:0 0 0 3px rgba(117,95,223,.12); }
.studio-window>footer { display:flex; min-height:42px; align-items:center; justify-content:space-between; border-top:1px solid #2d312f; background:#1b1e1d; padding:0 18px; color:#737a74; font-size:9px; }.studio-window>footer span { display:flex; align-items:center; gap:7px; }.studio-window>footer i { width:6px; height:6px; border-radius:50%; background:#4aad70; }.studio-window>footer b { color:#8c928d; font-weight:570; }
.studio-proof-badge { position:absolute; right:-25px; bottom:-27px; display:flex; align-items:center; gap:11px; border:1px solid #d9ded8; border-radius:14px; background:rgba(255,255,255,.95); padding:12px 15px; box-shadow:0 14px 35px rgba(28,31,27,.13); }.studio-proof-badge>span { display:grid; width:33px; height:33px; place-items:center; border-radius:10px; background:#e8f6ec; color:#318157; font-weight:800; }.studio-proof-badge small,.studio-proof-badge b { display:block; }.studio-proof-badge small { color:#959991; font-size:9px; }.studio-proof-badge b { margin-top:3px; font-size:11px; }

.proofloop { background:#171a18; color:#f4f5f2; padding:110px 0 120px; }
.games-section-heading>span { display:block; color:#7965df; font-size:12px; font-weight:760; letter-spacing:.11em; text-transform:uppercase; }.proofloop .games-section-heading>span { color:#9d8fed; }.games-section-heading h2 { margin:16px 0 0; font-size:clamp(40px,5vw,66px); font-weight:610; letter-spacing:-.06em; line-height:.98; }.games-section-heading p { max-width:560px; margin:18px 0 0; color:#7b8079; font-size:15px; line-height:1.6; }.proofloop .games-section-heading p { color:#929992; }
.proofloop-grid { display:grid; grid-template-columns:minmax(360px,.82fr) minmax(450px,1.18fr); gap:60px; margin-top:65px; }.proofloop-steps { margin:0; padding:0; list-style:none; }.proofloop-steps li { display:grid; grid-template-columns:42px 1fr; gap:13px; border-top:1px solid #2f3431; padding:18px 8px; color:#727973; cursor:pointer; }.proofloop-steps li:last-child { border-bottom:1px solid #2f3431; }.proofloop-steps>li>span { color:#555c57; font-size:11px; }.proofloop-steps b,.proofloop-steps small { display:block; }.proofloop-steps b { font-size:14px; font-weight:620; }.proofloop-steps small { margin-top:5px; font-size:11px; line-height:1.45; }.proofloop-steps li.active { color:#f3f5f2; }.proofloop-steps li.active>span { color:#9886ed; }.proofloop-steps li.active b { font-size:16px; }
.proofloop-preview { display:flex; min-height:500px; flex-direction:column; border:1px solid #353a37; border-radius:22px; background:linear-gradient(145deg,#202422,#1b1f1d); padding:24px; box-shadow:0 26px 60px rgba(0,0,0,.22); }.proofloop-preview-top { display:flex; justify-content:space-between; color:#777e78; font-size:11px; }.proofloop-preview-top span { color:#9281e6; font-family:Georgia,serif; font-size:24px; }.proofloop-preview-top em { font-style:normal; letter-spacing:.08em; text-transform:uppercase; }.proof-core { margin:auto 0; text-align:center; }.proof-core>span { position:relative; display:grid; width:92px; height:92px; place-items:center; margin:0 auto 28px; border:1px solid rgba(127,104,233,.3); border-radius:50%; box-shadow:0 0 50px rgba(106,83,218,.12); }.proof-core>span:before,.proof-core>span:after { position:absolute; border:1px solid rgba(127,104,233,.18); border-radius:50%; content:""; }.proof-core>span:before { inset:11px -9px; transform:rotate(34deg); }.proof-core>span:after { inset:-9px 11px; transform:rotate(-34deg); }.proof-core>span i { width:27px; height:27px; border-radius:9px; background:radial-gradient(circle at 35% 30%,#b7aaf5,#6650d3 60%,#3e2e92); box-shadow:0 0 22px rgba(125,97,234,.55); }.proof-core b { display:block; font-size:26px; letter-spacing:-.035em; }.proof-core p { max-width:480px; margin:13px auto 0; color:#939a94; font-size:13px; line-height:1.65; }.proof-signals { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.proof-signals span { display:flex; align-items:center; gap:7px; border:1px solid #343a36; border-radius:9px; background:#232725; color:#9da39e; padding:10px; font-size:10px; }.proof-signals i { width:5px; height:5px; border-radius:50%; background:#7662de; }.proofloop-preview footer { display:flex; justify-content:space-between; margin-top:15px; border-top:1px solid #303531; padding-top:16px; color:#656c66; font-size:9px; }.proofloop-preview footer b { color:#7a817b; }

.games-capabilities { padding:120px 0; }.games-section-heading.split { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; }.games-section-heading.split p { margin-bottom:5px; }.capability-mosaic { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:60px; }.capability-mosaic article { min-height:310px; overflow:hidden; border:1px solid var(--games-line); border-radius:20px; background:rgba(255,255,255,.72); padding:24px; }.capability-mosaic .capability-wide { grid-column:span 2; }.capability-mosaic .capability-dark { background:#202320; color:#fff; }.cap-index { float:right; color:#acb0a9; font-family:Georgia,serif; font-size:18px; }.capability-mosaic article>small { color:#6f59d4; font-size:10px; font-weight:760; letter-spacing:.1em; }.capability-dark>small { color:#a997f2!important; }.capability-mosaic h3 { margin:20px 0 10px; font-size:25px; font-weight:620; letter-spacing:-.04em; line-height:1.08; }.capability-mosaic p { max-width:520px; margin:0; color:#7d827a; font-size:13px; line-height:1.55; }.capability-dark p { color:#909790; }.journey-line { display:flex; align-items:center; margin-top:48px; }.journey-line span { display:flex; align-items:center; gap:7px; color:#9a9f97; font-size:10px; }.journey-line span i { display:grid; width:22px; height:22px; place-items:center; border:1px solid #dadcd7; border-radius:50%; font-style:normal; }.journey-line span.done { color:#4b775d; }.journey-line span.done i { border-color:#cee3d5; background:#eaf6ee; }.journey-line span.active { color:#5747bf; }.journey-line span.active i { border:0; background:#6c58dc; box-shadow:0 0 0 5px rgba(108,88,220,.1); }.journey-line b { height:1px; flex:1; background:#dfe1dc; }
.guard-score { display:flex; align-items:center; gap:18px; margin-top:42px; }.guard-score>strong { font-size:58px; font-weight:550; letter-spacing:-.08em; }.guard-score span { color:#bcc2bc; font-size:11px; }.guard-score span>i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#54b87a; }.guard-score small { display:block; margin:7px 0 0 13px; color:#737b74; }.device-row,.memory-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:45px; }.device-row span,.memory-tags span { border:1px solid #e0e2dd; border-radius:8px; background:#f7f8f5; color:#777c74; padding:8px 9px; font-size:9px; }.version-stack { display:grid; gap:6px; margin-top:38px; }.version-stack span { display:flex; justify-content:space-between; border:1px solid #e2e4df; border-radius:9px; background:#f9faf7; padding:10px; color:#8b9088; font-size:10px; }.version-stack span:first-child { margin-left:12px; border-color:#d7d0f2; background:#f7f4ff; color:#5f4bc5; }.version-stack b { font-weight:600; }.memory-tags span { border-color:#dcd6f1; background:#f7f4ff; color:#6655c2; }

.games-models { border-top:1px solid var(--games-line); background:#eef0ec; padding:110px 0; }.games-models-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; gap:90px; }.games-models .games-primary { margin-top:28px; }.games-model-list { display:grid; gap:10px; }.games-model-list article { display:grid; grid-template-columns:62px 1fr auto; align-items:center; gap:18px; min-height:128px; border:1px solid #dfe2dc; border-radius:18px; background:rgba(255,255,255,.68); padding:18px 20px; }.games-model-list article.featured { border-color:#cbc3ec; background:#fff; box-shadow:0 15px 32px rgba(60,47,126,.07); }.games-model-list article>span { position:relative; display:grid; width:56px; height:56px; place-items:center; }.model-comet-dot:before { width:16px; height:16px; border-radius:50%; background:#5176ed; box-shadow:-12px 0 20px rgba(81,118,237,.5); content:""; }.model-comet-dot:after { position:absolute; left:2px; width:34px; height:2px; background:linear-gradient(90deg,transparent,#6684ed); content:""; }.model-orbit-dot:before,.model-orbit-dot:after { position:absolute; border:1px solid #7761df; border-radius:50%; content:""; }.model-orbit-dot:before { inset:10px 2px; transform:rotate(32deg); }.model-orbit-dot:after { inset:2px 10px; transform:rotate(-32deg); }.model-orbit-dot i { width:13px; height:13px; border-radius:50%; background:#725cdb; box-shadow:0 0 15px rgba(114,92,219,.45); }.model-quasar-dot { border:1px solid rgba(123,95,223,.28); border-radius:50%; }.model-quasar-dot:before { width:20px; height:20px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#c0b4f7,#765adc 65%); box-shadow:0 0 20px rgba(118,90,220,.5); content:""; }.model-quasar-dot i { position:absolute; width:5px; height:5px; border-radius:50%; background:#846be3; }.model-quasar-dot i:first-child { top:4px; right:8px; }.model-quasar-dot i:last-child { bottom:7px; left:5px; }.games-model-list small { color:#7662d7; font-size:9px; font-weight:750; letter-spacing:.1em; }.games-model-list h3 { margin:6px 0 4px; font-size:18px; font-weight:630; }.games-model-list p { margin:0; color:#898e86; font-size:11px; }.games-model-list em { border-radius:99px; background:#f0f1ed; color:#7e837b; padding:7px 9px; font-size:9px; font-style:normal; }.games-model-list .featured em { background:#eeebfb; color:#6550c7; }

.games-final { overflow:hidden; background:#1b1e1c; color:#f5f6f3; padding:110px 0; }.games-final-inner { position:relative; text-align:center; }.games-final-inner:before { position:absolute; top:50%; left:50%; width:750px; height:500px; border:1px solid rgba(132,106,231,.15); border-radius:50%; box-shadow:0 0 90px rgba(115,88,220,.1); content:""; transform:translate(-50%,-50%) rotate(-13deg); pointer-events:none; }.games-final-inner>span { color:#9c8bea; font-size:11px; font-weight:750; letter-spacing:.11em; }.games-final h2 { position:relative; margin:20px 0; font-size:clamp(45px,6vw,75px); font-weight:610; letter-spacing:-.065em; line-height:.94; }.games-final p { position:relative; margin:0; color:#929993; font-size:15px; }.games-final-inner>div { position:relative; display:flex; align-items:center; justify-content:center; gap:22px; margin-top:32px; }.games-primary.light { background:#f5f6f3; color:#212421; }.games-final-inner>div>a:last-child { color:#b0b6b0; font-size:13px; text-decoration:none; }
.games-footer { border-top:1px solid #e0e3dd; padding:28px 0; }.games-footer>.container { display:flex; align-items:center; justify-content:space-between; gap:20px; }.games-footer p { color:#8a8f86; font-size:12px; }.games-footer>div>div { display:flex; gap:20px; }.games-footer>div>div a { color:#737870; font-size:12px; text-decoration:none; }

@media (max-width:1100px) { .games-hero-grid { grid-template-columns:1fr; }.studio-scene { width:min(760px,100%); margin:0 auto; }.games-hero-copy { text-align:center; }.games-back,.games-kicker { justify-content:center; }.games-hero-copy>p { margin-inline:auto; }.games-hero-actions,.games-evidence { justify-content:center; }.proofloop-grid,.games-models-grid { grid-template-columns:1fr; gap:45px; }.capability-mosaic { grid-template-columns:repeat(2,1fr); }.capability-mosaic .capability-wide { grid-column:span 2; } }
@media (max-width:720px) { .games-hero { padding:120px 0 72px; }.games-hero h1 { font-size:48px; }.games-hero-actions { align-items:stretch; flex-direction:column; }.studio-window { transform:none; }.studio-window>header { grid-template-columns:1fr auto; }.studio-place,.studio-tree { display:none; }.studio-body { grid-template-columns:1fr; min-height:410px; }.studio-task { padding:17px; }.studio-proof-badge { right:8px; bottom:-35px; }.proofloop,.games-capabilities,.games-models,.games-final { padding-block:78px; }.games-section-heading.split { align-items:flex-start; flex-direction:column; gap:5px; }.proofloop-grid { grid-template-columns:1fr; }.proofloop-preview { min-height:430px; }.proofloop-steps small { font-size:12px; }.capability-mosaic { grid-template-columns:1fr; }.capability-mosaic .capability-wide { grid-column:auto; }.journey-line { align-items:flex-start; flex-direction:column; gap:7px; }.journey-line b { width:1px; height:12px; margin-left:11px; flex:none; }.games-model-list article { grid-template-columns:52px 1fr; }.games-model-list article>em { grid-column:2; justify-self:start; }.games-footer>.container { align-items:flex-start; flex-direction:column; }.games-footer>div>div { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { .studio-window,.games-primary { transform:none!important; } }

/* 2026-09-08 · Astrylo Game System funnel */
.studio-proof-badge.proof-active>span{background:#efecfb;color:#6551c9;font-family:Georgia,serif;font-size:14px;font-weight:600}
.games-path{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(560px,2.4fr) auto;align-items:center;gap:28px;margin-top:86px;border:1px solid #dde0da;border-radius:20px;background:rgba(255,255,255,.68);padding:20px 22px;box-shadow:0 16px 42px rgba(30,33,29,.05)}.games-path-intro small,.games-path-intro b{display:block}.games-path-intro small{color:#7662d7;font-size:9px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.games-path-intro b{margin-top:6px;font-size:13px;font-weight:650}.games-path ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.games-path li{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.games-path li:not(:last-child):after{position:absolute;top:50%;right:8px;width:18px;height:1px;background:#d8dbd5;content:""}.games-path li>span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #d9dcd6;border-radius:50%;color:#8d928a;font-size:8px}.games-path li.current>span{border-color:#7864dc;background:#7864dc;color:#fff;box-shadow:0 0 0 4px rgba(120,100,220,.09)}.games-path li b,.games-path li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.games-path li b{font-size:10px;font-weight:650}.games-path li small{margin-top:3px;color:#979b94;font-size:8px}.games-path>a{display:inline-flex;align-items:center;gap:12px;color:#5545b8;font-size:11px;font-weight:680;text-decoration:none;white-space:nowrap}.games-path>a span{font-size:14px}
.proofloop-steps li{display:block;grid-template-columns:none;gap:0;padding:0;cursor:default}.proofloop-steps button{display:grid;width:100%;grid-template-columns:42px 1fr;gap:13px;border:0;background:transparent;padding:18px 8px;color:#727973;cursor:pointer;text-align:left}.proofloop-steps button:hover{background:rgba(255,255,255,.025);color:#aeb4af}.proofloop-steps button>span{color:#555c57;font-size:11px}.proofloop-steps button.active{color:#f3f5f2}.proofloop-steps button.active>span{color:#9886ed}.proofloop-steps button.active b{font-size:16px}.proofloop-steps button:focus-visible,.games-primary:focus-visible,.games-secondary:focus-visible,.games-path>a:focus-visible{outline:2px solid #9d8fed;outline-offset:3px;border-radius:8px}
@media(max-width:1100px){.games-path{grid-template-columns:1fr}.games-path-intro{text-align:center}.games-path>a{justify-self:center}}@media(max-width:720px){.games-path{margin-top:76px;padding:18px}.games-path ol{grid-template-columns:1fr 1fr;gap:16px 10px}.games-path li:not(:last-child):after{display:none}.games-path li b,.games-path li small{white-space:normal}}@media(max-width:430px){.games-hero h1{font-size:41px}.games-hero-copy>p{font-size:15px}.games-evidence{align-items:flex-start;flex-direction:column;gap:9px}.studio-task{padding:14px}.studio-prompt p{max-width:84%}.proof-run-card{margin-left:0}.proof-run-card li{grid-template-columns:15px 1fr}.proof-run-card li em{display:none}.studio-window>footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding-block:8px}.studio-proof-badge{position:relative;right:auto;bottom:auto;width:fit-content;margin:-8px 12px 0 auto}.games-path ol{grid-template-columns:1fr}.proofloop-preview{min-height:390px;padding:18px}.proof-signals{grid-template-columns:1fr}.games-model-list article{grid-template-columns:45px minmax(0,1fr);gap:12px;padding:15px}.games-model-list article>span{width:44px;height:44px}}

/* 2026-09-09 · Roblox direction hierarchy and funnel */
.skip-link { position:fixed; z-index:100; top:10px; left:10px; border-radius:9px; background:#202320; color:#fff; padding:10px 14px; font-size:14px; text-decoration:none; transform:translateY(-160%); transition:transform .16s ease; }
.skip-link:focus { transform:translateY(0); }
.games-brand-lockup { display:flex; align-items:center; gap:15px; }
.games-product-name { display:flex; align-items:center; gap:7px; border-left:1px solid #d9dcd6; color:#777c75; padding-left:15px; font-size:12px; font-weight:650; text-decoration:none; white-space:nowrap; }
.games-product-name i { width:7px; height:7px; border-radius:2px; background:linear-gradient(135deg,#7863df,#4f75e8); transform:rotate(15deg); }
#roblox,#journey,#proofloop,#capabilities { scroll-margin-top:88px; }
.games-hero { padding-top:138px; }
.games-hero-grid { grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr); gap:58px; }
.games-hero h1 { max-width:720px; font-size:clamp(48px,5.45vw,78px); line-height:.95; }
.games-hero h1 em { display:inline-block; }
.games-back { margin-bottom:26px; }
.games-kicker { font-size:12px; }
.games-evidence { gap:10px; }
.games-evidence span { border:1px solid #e0e2dd; border-radius:99px; background:rgba(255,255,255,.6); padding:7px 10px; color:#6f746d; font-size:12px; }
.games-evidence i { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:#efecfb; color:#6552c5; font-size:9px; font-weight:760; }
.games-contract { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:630px; margin:18px 0 0; overflow:hidden; border:1px solid #dfe2dc; border-radius:14px; background:rgba(255,255,255,.58); }
.games-contract div { min-width:0; border-right:1px solid #e1e3de; padding:12px; }
.games-contract div:last-child { border-right:0; }
.games-contract dt { color:#6754c8; font-size:12px; font-weight:720; }
.games-contract dd { margin:5px 0 0; color:#858a82; font-size:12px; line-height:1.4; }
.studio-window { transform:perspective(1500px) rotateY(-1.2deg) rotateX(.5deg); }
.studio-live.studio-demo { border-color:#413c59; background:#262333; color:#b8aaf1; }
.studio-live.studio-demo i { background:#8975e8; box-shadow:none; }
.studio-window>header,.studio-window>footer { font-size:12px; }
.studio-tree small,.studio-tree span,.studio-prompt p,.studio-agent small,.studio-agent p,.proof-run-card li,.proof-run-head { font-size:12px; }
.studio-agent b { font-size:13px; }
.studio-tree span { min-height:31px; }
.proof-run-card li { min-height:22px; }
.studio-proof-badge small { font-size:12px; }
.studio-proof-badge b { font-size:13px; }

.games-path { grid-template-columns:minmax(220px,.85fr) minmax(590px,2.2fr) auto; align-items:stretch; gap:0; margin-top:78px; padding:0; }
.games-path-intro { display:flex; min-height:126px; flex-direction:column; justify-content:center; padding:20px 22px; }
.games-path-intro small { color:#7662d7; font-size:12px; }
.games-path-intro b { margin-top:7px; font-size:15px; }
.games-path-intro p { margin:8px 0 0; color:#858a82; font-size:12px; line-height:1.45; }
.games-path ol { align-items:stretch; }
.games-path li { display:block; min-width:0; }
.games-path li:not(:last-child):after { right:0; width:14px; }
.games-path li button { display:grid; width:100%; min-height:126px; grid-template-columns:27px minmax(0,1fr); align-items:center; gap:8px; border:0; background:transparent; color:inherit; padding:16px 10px; text-align:left; }
.games-path li button:hover { background:rgba(105,84,202,.035); }
.games-path li button>span { display:grid; width:25px; height:25px; place-items:center; border:1px solid #d9dcd6; border-radius:50%; color:#8d928a; font-size:10px; }
.games-path li.current button>span { border-color:#7864dc; background:#7864dc; color:#fff; box-shadow:0 0 0 4px rgba(120,100,220,.09); }
.games-path li b,.games-path li small { white-space:normal; }
.games-path li b { font-size:13px; line-height:1.25; }
.games-path li small { margin-top:5px; color:#92978f; font-size:12px; line-height:1.3; }
.games-path>a { align-self:center; margin:0 20px 0 8px; font-size:12px; }

.capability-mosaic { grid-template-columns:repeat(3,minmax(0,1fr)); }
.capability-mosaic article { position:relative; display:flex; min-height:344px; flex-direction:column; padding:26px; }
.capability-mosaic article>small { font-size:12px; }
.capability-mosaic h3 { font-size:26px; }
.capability-mosaic p { font-size:14px; line-height:1.6; }
.capability-open { align-self:flex-start; margin-top:auto; color:#5e4bc1; padding-top:22px; font-size:13px; font-weight:670; text-decoration:none; }
.capability-dark .capability-open { color:#b3a6ef; }
.journey-line { margin:34px 0 18px; }
.journey-line span,.guard-score span { font-size:12px; }
.guard-score { margin:32px 0 16px; }
.guard-score>strong { font-size:50px; }
.device-row,.memory-tags { margin:32px 0 16px; }
.device-row span,.memory-tags span,.version-stack span { font-size:12px; }
.version-stack { margin:30px 0 16px; }
.capability-proof { border-color:#d6d0ef!important; background:linear-gradient(145deg,#fbfaff,#f4f1fc)!important; }
.proof-receipt { display:grid; gap:7px; margin:27px 0 15px; border:1px solid #ded9f0; border-radius:12px; background:rgba(255,255,255,.72); padding:12px; }
.proof-receipt span { display:flex; align-items:center; gap:8px; color:#686d66; font-size:12px; }
.proof-receipt span i { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:#e9f5ed; color:#37835a; font-size:11px; font-style:normal; }
.proof-receipt span:nth-child(2) i { background:#efecf9; color:#6a58c8; }
.proof-receipt b { border-top:1px solid #e5e1f2; color:#7464bf; padding-top:9px; font-size:12px; letter-spacing:.05em; }
.proofloop-steps button { min-height:78px; }
.proofloop-steps b { font-size:15px; }
.proofloop-steps small { font-size:12px; }
.proof-core p { font-size:14px; }
.proof-signals span { min-height:42px; font-size:12px; }
.proofloop-preview-top,.proofloop-preview footer { font-size:12px; }
.games-model-list small,.games-model-list em { font-size:12px; }
.games-model-list p { font-size:13px; line-height:1.45; }
.model-rule { display:grid; grid-template-columns:auto 1fr; gap:4px 10px; max-width:360px; margin-top:23px; border-left:2px solid #7965df; padding-left:13px; }
.model-rule b { color:#4e534d; font-size:12px; }
.model-rule span { color:#858a82; font-size:12px; }
.model-rule i { display:none; }
.games-primary,.games-secondary,.games-path button,.capability-open,.games-model-list article,.games-footer a { transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; }
.games-secondary:hover,.capability-open:hover { color:#4e3eaa; }
.capability-open:hover { transform:translateX(3px); }
.games-site a:focus-visible,.games-site button:focus-visible { outline:2px solid #7965df; outline-offset:3px; border-radius:8px; }

@media(max-width:1180px) {
  .games-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); gap:38px; }
  .games-path { grid-template-columns:1fr; }
  .games-path-intro { min-height:auto; border-bottom:1px solid #e1e3de; text-align:left; }
  .games-path ol { width:100%; }
  .games-path>a { margin:0 22px 20px; justify-self:start; }
}
@media(max-width:1100px) {
  .games-hero-grid { grid-template-columns:1fr; }
  .games-contract { margin-inline:auto; }
  .capability-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .capability-mosaic .capability-wide { grid-column:span 2; }
}
@media(max-width:840px) {
  .games-product-name { display:none; }
  .games-path ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .games-path li button { min-height:94px; }
  .games-path li:not(:last-child):after { display:none; }
  .games-path li:nth-child(odd) { border-right:1px solid #e1e3de; }
  .games-path li:nth-child(-n+2) { border-bottom:1px solid #e1e3de; }
}
@media(max-width:720px) {
  .games-hero { padding-top:108px; }
  .games-hero-copy { text-align:left; }
  .games-back,.games-kicker { justify-content:flex-start; }
  .games-hero-copy>p { margin-inline:0; font-size:16px; }
  .games-hero-actions,.games-evidence { justify-content:flex-start; }
  .games-contract { grid-template-columns:1fr; }
  .games-contract div { border-right:0; border-bottom:1px solid #e1e3de; }
  .games-contract div:last-child { border-bottom:0; }
  .studio-window>header { min-height:58px; }
  .capability-mosaic { grid-template-columns:1fr; }
  .capability-mosaic .capability-wide { grid-column:auto; }
  .capability-mosaic article { min-height:320px; }
  .games-section-heading h2 { font-size:clamp(38px,11vw,54px); }
}
@media(max-width:480px) {
  .games-hero h1 { font-size:clamp(39px,12.5vw,50px); }
  .games-hero-actions { gap:12px; }
  .games-evidence span { width:100%; }
  .games-path ol { grid-template-columns:1fr; }
  .games-path li { border-right:0!important; border-bottom:1px solid #e1e3de; }
  .games-path li:last-child { border-bottom:0; }
  .games-path li button { min-height:76px; padding:12px 18px; }
  .games-path>a { margin:18px; }
  .studio-window>header { grid-template-columns:1fr; gap:7px; padding-block:11px; }
  .studio-window>header .studio-live { justify-self:start; }
  .studio-task { padding:15px; }
  .studio-agent { grid-template-columns:28px 1fr; }
  .studio-prompt p { max-width:90%; }
  .proof-run-card { margin-left:0; }
  .proof-run-card li { grid-template-columns:17px minmax(0,1fr); }
  .proof-run-card li em { display:none; }
  .games-model-list article { min-height:116px; }
  .games-final-inner>div { align-items:stretch; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .games-site * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}