:root{font-family:Segoe UI,Arial,sans-serif;color:#e9edf4;background:#0c121d;color-scheme:dark;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{max-width:1180px;margin:auto;padding:20px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{color:#67ded0}.tag{font-size:11px;letter-spacing:1px;color:#91e7d8;border:1px solid #345953;border-radius:20px;padding:6px 11px}nav{display:flex;gap:28px;border-top:1px solid #253141;border-bottom:1px solid #253141;padding-top:12px;padding-bottom:12px}a{color:#8ee6db;text-decoration:none}a:hover{text-decoration:underline}.intro{max-width:780px;margin:26px 0 32px}.eyebrow{color:#76d8cd;font-size:12px;letter-spacing:2px;text-transform:uppercase}h1{font-size:44px;line-height:1.1;margin:15px 0;letter-spacing:-1.4px}h2{font-size:21px;margin:0 0 16px}h3{font-size:15px;margin:22px 0 10px}p{color:#b7c4d4}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#131e2d;border:1px solid #2a394d;border-radius:14px;padding:25px;margin-bottom:24px}label{display:block;font-size:13px;margin:12px 0 6px;color:#ccd5e0}textarea,select,input{width:100%;background:#0d1622;border:1px solid #496078;color:#fff;border-radius:7px;padding:10px;font:inherit}textarea{resize:vertical;font-family:Consolas,monospace}.hint{font-size:12px;color:#a8b8cb}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}button{background:#77dfce;color:#062824;border:1px solid transparent;border-radius:7px;padding:10px 15px;font:600 13px Segoe UI,Arial;cursor:pointer}button.secondary{background:#203046;color:#e4edf7;border-color:#3b526c}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.generator{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.generator label{grid-column:1/-1;margin:0}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.result-heading h2{margin:0}.cube{display:grid;grid-template-columns:repeat(4,65px);grid-template-rows:repeat(3,65px);gap:5px;justify-content:center;min-height:205px;margin:20px 0}.face{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#07101a;border-radius:3px}.sticker{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#0c1720;border-radius:2px}.face-U{grid-column:2;grid-row:1}.face-L{grid-column:1;grid-row:2}.face-F{grid-column:2;grid-row:2}.face-R{grid-column:3;grid-row:2}.face-B{grid-column:4;grid-row:2}.face-D{grid-column:2;grid-row:3}.color-U{background:#f1f4f8}.color-R{background:#f07075}.color-F{background:#69c994}.color-D{background:#efd474}.color-L{background:#edaa68}.color-B{background:#7caceb}dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:13px}dt{color:#a8b8cb}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.route{background:#0d1622;padding:12px;border-radius:6px;word-break:break-word;font-family:Consolas,monospace;min-height:46px}details{margin-top:22px;font-size:13px}summary{cursor:pointer;color:#8ee6db}pre{overflow:auto;max-height:240px;white-space:pre-wrap;font-size:11px}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.explain h3{margin-top:0}footer{font-size:12px;color:#95a7bb;padding-bottom:36px}#download-link{display:block;margin-top:10px}#download-link[hidden]{display:none}@media(max-width:800px){.workspace,.explain{grid-template-columns:1fr}h1{font-size:34px}header{align-items:flex-start;flex-direction:column}nav{gap:18px;flex-wrap:wrap}main,header,nav,footer{padding-left:16px;padding-right:16px}.panel{padding:18px}}.cube{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:100%;max-width:275px;aspect-ratio:275/205;min-height:0;margin:20px auto}
.headtags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.service{font-size:11px;letter-spacing:.8px;border-radius:20px;padding:6px 11px;border:1px solid #496078}.service.ready{border-color:#4b806e}.service.warming{border-color:#7b7045}.service.offline{border-color:#86505a}.sticker[type=button]{padding:0;border:0;min-width:0;width:auto;height:auto;cursor:pointer;font:800 10px Segoe UI,Arial}.sticker[type=button]:hover{filter:brightness(1.15);outline:2px solid #fff;outline-offset:-2px}.sticker[type=button]:disabled{opacity:1;cursor:default}

.replay{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.replay button{flex:1;min-width:90px}

/* Release 012 product pass */
.result-panel{position:relative}.move-card{display:flex;align-items:center;justify-content:center;gap:14px;background:#0d1622;border:1px solid #30465f;border-radius:10px;padding:10px 14px;margin:10px auto 8px;max-width:275px}.move-card strong{font:800 25px Consolas,monospace;color:#fff;min-width:48px;text-align:center}.move-label{font-size:9px;letter-spacing:1.2px;color:#8fa4ba}.move-card span:last-child{font-size:12px;color:#a8b8cb;font-variant-numeric:tabular-nums}.scrubber{accent-color:#77dfce;padding:0;border:0;margin:2px 0 15px}.route{display:flex;flex-wrap:wrap;gap:6px;max-height:128px;overflow:auto;align-content:flex-start}.route-move{font:700 12px Consolas,monospace;background:#203046;color:#e4edf7;border:1px solid #3b526c;padding:7px 9px}.route-move.active{background:#77dfce;color:#062824;border-color:#77dfce;transform:translateY(-1px)}.boundary{margin-top:6px}@media(max-width:800px){h1{font-size:31px}.workspace{gap:12px}.panel{margin-bottom:12px}.buttons button{flex:1;min-width:110px}.result-panel{order:2}.replay{position:sticky;bottom:8px;z-index:5;background:#131e2df2;padding:8px;border:1px solid #2a394d;border-radius:10px}.replay button{min-height:44px}.route{max-height:104px}.move-card{position:sticky;top:8px;z-index:4;box-shadow:0 6px 18px #0008}}

/* Release 013 visual cube */
.hidden-view{display:none!important}.view-switch{display:flex;justify-content:center;gap:6px;margin:12px auto 0}.view-button{padding:6px 14px;background:#203046;color:#dbe7f3;border:1px solid #3b526c}.view-button.active,.speed.active{background:#77dfce;color:#062824;border-color:#77dfce}.cube-stage{height:280px;display:flex;align-items:center;justify-content:center;perspective:900px;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.cube-stage:active{cursor:grabbing}.iso-cube{position:relative;width:150px;height:150px;transform-style:preserve-3d;transform:rotateX(-28deg) rotateY(38deg);transition:transform .12s ease;will-change:transform}.iso-cube.turn-pulse{animation:cubeTurnPulse .22s ease}.iso-face{position:absolute;width:150px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:5px;background:#07101a;border:2px solid #07101a;box-shadow:0 0 28px #0008;backface-visibility:hidden}.iso-U{transform:rotateX(90deg) translateZ(75px)}.iso-R{transform:rotateY(90deg) translateZ(75px)}.iso-F{transform:translateZ(75px)}.iso-D{transform:rotateX(-90deg) translateZ(75px)}.iso-L{transform:rotateY(-90deg) translateZ(75px)}.iso-B{transform:rotateY(180deg) translateZ(75px)}.iso-sticker{border-radius:5px;border:1px solid #07101a;box-shadow:inset 0 0 8px #fff3}.speed-row{display:flex;align-items:center;justify-content:center;gap:6px;margin:-7px 0 14px;color:#8fa4ba;font-size:11px}.speed{padding:5px 9px;background:#203046;color:#dbe7f3;border:1px solid #3b526c}.result-cube{animation:netIn .18s ease}@keyframes cubeTurnPulse{0%{filter:brightness(1)}50%{filter:brightness(1.12)}100%{filter:brightness(1)}}@keyframes netIn{from{opacity:.65;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.cube-stage{height:225px}.iso-cube,.iso-face{width:132px;height:132px}.iso-U{transform:rotateX(90deg) translateZ(66px)}.iso-R{transform:rotateY(90deg) translateZ(66px)}.iso-F{transform:translateZ(66px)}.iso-D{transform:rotateX(-90deg) translateZ(66px)}.iso-L{transform:rotateY(-90deg) translateZ(66px)}.iso-B{transform:rotateY(180deg) translateZ(66px)}}


/* RC2 Supremacy presentation layer: user result first, engineering evidence second */
.solve-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.solve-summary>div{background:#0d1622;border:1px solid #30465f;border-radius:10px;padding:12px 8px;text-align:center}.solve-summary span{display:block;font-size:9px;letter-spacing:1.2px;color:#8fa4ba}.solve-summary strong{display:block;font:800 24px Consolas,monospace;color:#fff;margin:3px 0}.solve-summary small{display:block;font-size:10px;color:#7f94aa}.route-actions{margin-top:12px}.developer-details{border-top:1px solid #2a394d;padding-top:14px}.developer-details summary{color:#8fa4ba}.technical-metrics{margin:12px 0 14px}.developer-evidence{margin-top:12px}.developer-evidence textarea{font-size:11px;max-height:220px}.result-panel>dl#metrics{display:none}@media(max-width:520px){.solve-summary{grid-template-columns:1fr}.solve-summary>div{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;column-gap:10px}.solve-summary strong{grid-column:2;grid-row:1/3}.solve-summary small{grid-column:1}}

/* Commercial v1 */
.commercial-nav{max-width:1180px;margin:0 auto;padding:10px 28px;border-top:1px solid #253141;border-bottom:1px solid #253141;display:flex;gap:22px;align-items:center}.commercial-nav a{font-size:13px}.commercial-nav .nav-cta{margin-left:auto;background:#77dfce;color:#062824;padding:7px 12px;border-radius:7px;font-weight:700}.proof-strip{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:#101b29;border:1px solid #345953;border-radius:12px;padding:15px 18px;margin:0 0 28px}.proof-number{font:800 30px Consolas,monospace;color:#91e7d8}.proof-strip p{margin:0}.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.offer{position:relative;overflow:hidden}.offer h2{font-size:26px}.price{font:800 34px Consolas,monospace;color:#fff;margin:8px 0}.price small{font:400 13px Segoe UI;color:#8fa4ba}.offer ul{padding-left:20px;color:#b7c4d4}.offer li{margin:7px 0}.offer .buttons a{display:inline-block;background:#77dfce;color:#062824;border-radius:7px;padding:10px 15px;font:700 13px Segoe UI;text-decoration:none}.offer .buttons a.secondary-link{background:#203046;color:#e4edf7;border:1px solid #3b526c}.coming{font-size:10px;letter-spacing:1px;border:1px solid #6e6240;color:#efd474;border-radius:20px;padding:5px 9px}.api-code{background:#0d1622;border:1px solid #30465f;border-radius:8px;padding:12px;font:12px Consolas,monospace;overflow:auto;color:#dbe7f3}.commercial-note{font-size:11px;color:#8195aa}.intro-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.intro-actions a{background:#77dfce;color:#062824;border-radius:7px;padding:10px 15px;font:700 13px Segoe UI;text-decoration:none}.intro-actions a.secondary-link{background:#203046;color:#e4edf7;border:1px solid #3b526c}@media(max-width:800px){.commercial-nav{padding-left:16px;padding-right:16px;flex-wrap:wrap}.commercial-nav .nav-cta{margin-left:0}.proof-strip,.commercial-grid{grid-template-columns:1fr}.proof-number{font-size:25px}}

/* SUPREMACY Commercial v2 — PayPal Early Access */
.coming.live{border-color:currentColor}
.paypal-box{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:1rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:18px}
.paypal-box img{width:100%;max-width:200px;height:auto;margin:auto;border-radius:14px;background:#fff}
.paypal-button{display:inline-block;margin-top:.5rem;padding:.8rem 1rem;border-radius:12px;text-decoration:none;font-weight:800;background:#fff;color:#0c121d}
@media(max-width:620px){.paypal-box{grid-template-columns:1fr}.paypal-box img{max-width:180px;margin:auto}}


/* Commercial v2.2 launch layer */
.share-button{font:700 13px Segoe UI,Arial;cursor:pointer}
.intro-actions button.secondary-link{background:#203046;color:#e4edf7;border:1px solid #3b526c;border-radius:7px;padding:10px 15px}
.share-status{min-height:1.2em;margin-top:8px}
.launch-metrics{margin-top:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}
.launch-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.launch-metric-grid span{background:#0d1622;border:1px solid #30465f;border-radius:8px;padding:9px;font-size:11px;color:#8fa4ba}
.launch-metric-grid strong{display:block;color:#fff;font:800 20px Consolas,monospace;margin-top:3px}
@media(max-width:520px){.launch-metric-grid{grid-template-columns:1fr 1fr}}