/* Game-first launch direction. Layout and UI geometry only; artwork is supplied. */
:root{--bg:#070b12;--paper:#f4f8ff;--muted:#a5b3c9;--line:#263343;--yellow:#e8ff3b;--cyan:#65e9ff}body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}header{max-width:none;position:sticky;top:0;z-index:8;background:#070b12ed;backdrop-filter:blur(18px);padding:19px max(4%,calc((100vw - 1450px)/2));border-bottom:1px solid #ffffff1c}.brand{font-style:italic;letter-spacing:-1px;font-size:25px}.brand small{font-style:normal;letter-spacing:3px;font-size:10px;color:#afbed1}.button{border-radius:0;text-transform:uppercase;letter-spacing:.7px;font-size:13px;padding:18px 26px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 0 0 transparent}.button:hover{transform:translateY(-3px);background:#f1ff89;box-shadow:5px 5px 0 #3a5416}.button.outline{border-color:#ffffff80}.button.outline:hover{background:#ffffff0d;box-shadow:none}main{max-width:none}.hero{padding:0;display:flex;flex-direction:column;gap:0;position:relative;background:#0b1322;overflow:hidden}.hero-art{order:0;max-width:none;width:100%;transform:none;position:relative;isolation:isolate;background:#096cb4;margin:0}.hero-art img{width:100%;height:min(67vw,780px);max-height:none;object-fit:cover;object-position:center;border:0;box-shadow:none;border-radius:0}.hero-art:after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(0deg,#0b1322,transparent);pointer-events:none}.hero-art figcaption{position:absolute;bottom:14px;right:4%;font-size:11px;text-shadow:0 2px 5px #000;z-index:1;margin:0}.hero-copy{order:1;max-width:1450px;width:100%;padding:35px 4% 42px;display:grid;grid-template-columns:1fr auto;gap:0 40px;align-items:center}.hero-copy>.eyebrow{grid-column:1;font-size:12px;margin:0 0 10px}.hero-copy h1{font-size:clamp(28px,3.1vw,47px);line-height:1;letter-spacing:-1.5px;grid-column:1;margin:0}.hero-copy h1 span{display:none}.hero-copy h1:after{content:' ROBLOX TEMPLATE';font-size:.44em;letter-spacing:0;display:block;color:#9fbed2;margin-top:12px}.hero-copy .intro{grid-column:1;margin:16px 0 0;max-width:700px;font-size:17px;color:#b1c1d3}.hero-copy .actions{grid-column:2;grid-row:2 / 4;display:grid;grid-template-columns:1fr}.hero-copy .micro{grid-column:2;grid-row:4;font-size:11px;margin:10px 0 0;text-align:center}.stats{max-width:1320px;margin:0 auto;border:0;padding:36px 25px;background:#070b12}.stats strong{font-size:40px;color:#f2f7ff;font-weight:900;letter-spacing:-1.5px}.stats span{font-size:10px;letter-spacing:2px}section.content{padding:100px max(5%,calc((100vw - 1320px)/2));position:relative}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan);margin-bottom:18px}.section-head{gap:50px;margin-bottom:38px}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:900;font-size:clamp(45px,5.2vw,78px);letter-spacing:-.5px;line-height:1;margin:0 0 25px}h3{font-size:23px;letter-spacing:-.5px}.section-head>div{max-width:700px}.section-head p{font-size:16px;max-width:400px}.media-grid{grid-template-columns:1fr;gap:35px}.video{border-radius:0;box-shadow:12px 12px 0 #13353e}.video img{opacity:.9;transition:transform 1s}.video:hover img{transform:scale(1.025)}.play span{border-radius:0;box-shadow:7px 7px 0 #0b131e;font-size:15px;letter-spacing:.6px;text-transform:uppercase;padding:24px 35px}.demo-info{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 40px;border:0;padding:15px 0}.demo-info h3{font-size:29px;margin-top:12px}.demo-info p{margin:10px 0}.demo-info>h3{grid-row:1 / 4}.step-list{gap:0;margin-top:34px;border-top:1px solid var(--line)}.step-list article{border:0;padding:30px 35px 0 0}.step-list article+article{padding-left:35px;border-left:1px solid var(--line)}.step-list h3{margin-top:13px}.number{font-size:11px;letter-spacing:1px}.step-list p{font-size:16px}.light{background:#e8ff3b;color:#102021}.light .eyebrow{color:#30421c}.light .section-head p{color:#3c4b25}.contents{gap:0 55px}.contents article{border-top:1px solid #596628;padding:26px 0}.contents article h3{font-size:24px}.contents p{color:#3f4c24;font-size:17px}.gallery{grid-template-columns:1.25fr 1fr;gap:24px}.gallery figure:first-child{grid-column:1 / 3}.gallery img{border-radius:0;border:0;transition:filter .2s}.gallery a:hover img{filter:brightness(1.1)}.gallery figure:first-child img{aspect-ratio:2.05;object-position:center}.gallery figcaption{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:15px}.gallery figcaption:before{content:'';height:2px;width:26px;background:var(--cyan)}.setup{background:#101e32}.setup-grid{grid-template-columns:1.05fr 1fr;gap:65px}.setup h2{font-size:clamp(39px,4vw,65px)}.setup li{padding:7px 0;color:#c7d3e2}.note{border:0;border-left:2px solid var(--cyan);background:#080f1d66;padding:30px 36px;border-radius:0;font-size:15px}.faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:start}.faq details{padding:23px 0}.faq summary{font-size:17px;line-height:1.5}.faq details p{font-size:15px}.buy{border:1px solid #c3df38;background:#161d0c;border-radius:0;padding:40px 44px}.buy h3{font-size:32px}.buy .button{flex-shrink:0}.custom{background:#1513ac;color:white}.custom .eyebrow,.custom figcaption,.custom-grid p{color:#d1d9ff}.custom-grid{grid-template-columns:1fr 1fr;gap:50px}.custom-grid figure{margin:0;transform:rotate(3deg);box-shadow:17px 18px 0 #060657}.custom-grid img{border-radius:0}.custom-grid figcaption{padding:14px;background:#08086e;margin:0;font-size:12px}.custom h2{font-size:clamp(43px,4.8vw,70px)}.chips li{border-color:#8b8ef5;border-radius:0;font-size:12px;background:#00000012}.portfolio{border-top:1px solid #8c8cff;border-bottom:1px solid #8c8cff;gap:0;padding:28px 0}.portfolio a{border:0;border-radius:0;padding:10px 30px}.portfolio a:first-child{padding-left:0}.portfolio a+a{border-left:1px solid #7c79ff}.portfolio a:hover{background:#ffffff0c}.portfolio small{font-size:10px;letter-spacing:1px;color:#e8ff3b}.portfolio p{color:#cfd8ff}.portfolio h3{font-size:21px}footer{padding:45px max(5%,calc((100vw - 1320px)/2));max-width:none}.sticky-buy{position:fixed;bottom:20px;left:50%;transform:translate(-50%,150%);display:flex;align-items:center;gap:35px;padding:12px 14px 12px 25px;background:#080f1ff2;border:1px solid #64728b;border-radius:3px;backdrop-filter:blur(18px);z-index:7;box-shadow:0 12px 60px #0009;transition:transform .35s;white-space:nowrap}.sticky-buy.shown{transform:translate(-50%,0)}.sticky-buy strong{font-size:14px}.sticky-buy small{display:block;color:var(--muted);font-size:11px}.sticky-buy .button{padding:13px 20px;font-size:12px;min-height:43px}.reveal-ready{transition:transform .7s,opacity .7s}.reveal-waiting{transform:translateY(28px)}@media(min-width:1650px){.hero-art img{object-fit:cover;height:760px}}@media(max-width:1050px){.hero-art img{height:auto;aspect-ratio:16/9}.hero-copy{padding:30px 5%;gap:0 20px}.hero-copy h1{font-size:33px}.hero-copy .intro{font-size:16px}.hero-copy .actions{max-width:280px}.setup-grid{gap:35px}.custom-grid{grid-template-columns:1fr;max-width:800px}.custom-grid figure{max-width:670px;transform:rotate(1deg)}.section-head{align-items:end}.custom h2{font-size:65px}}@media(max-width:650px){header{padding:17px 5%;gap:12px}.brand{font-size:21px}.brand small{font-size:8px;letter-spacing:1.6px}nav{gap:9px 13px}nav a{font-size:11px}.hero-copy{display:block;padding:25px 6% 29px}.hero-copy h1{font-size:36px}.hero-copy h1:after{font-size:17px}.hero-copy .intro{font-size:16px;margin-bottom:22px}.hero-copy .actions{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-copy .actions .button{font-size:10px;letter-spacing:.2px;padding:14px 10px}.hero-copy .micro{text-align:left}.hero-art figcaption{display:none}.hero-art img{height:auto;aspect-ratio:16/9}.stats{padding:26px 6%;gap:20px}.stats strong{font-size:32px}.stats span{font-size:9px}.stats>div{border:0}.stats>div:nth-child(odd){border-right:1px solid var(--line)}section.content{padding:65px 6%}h2{font-size:45px}.section-head{display:block;margin-bottom:27px}.section-head p{font-size:15px}.demo-info{display:block;padding-top:0}.demo-info h3{font-size:25px}.video{box-shadow:6px 6px 0 #13353e}.play span{font-size:10px;padding:16px 22px}.step-list article,.step-list article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0 12px}.step-list{border-top:0;margin-top:15px}.gallery{display:block}.gallery figure{margin-bottom:30px}.gallery figure:first-child img{aspect-ratio:16/9}.gallery figcaption{font-size:10px}.contents{display:block}.contents h3{font-size:21px}.contents p{font-size:16px}.setup-grid{display:block}.note{margin-top:30px;padding:24px;font-size:14px}.faq{display:block}.faq summary{font-size:16px}.buy{padding:27px;margin-top:34px}.buy h3{font-size:27px}.buy .button{width:100%}.custom h2{font-size:45px}.custom-grid{gap:30px}.custom-grid figure{box-shadow:9px 9px 0 #060657;transform:none}.portfolio{display:block;padding:10px 0}.portfolio a,.portfolio a:first-child,.portfolio a+a{border:0;padding:22px 0}.portfolio a+a{border-top:1px solid #7c79ff}footer{padding:35px 6% 90px}.sticky-buy{bottom:10px;gap:15px;padding:10px 10px 10px 15px;max-width:96%;width:370px;justify-content:space-between}.sticky-buy strong{font-size:11px}.sticky-buy small{font-size:10px}.sticky-buy .button{font-size:10px;padding:13px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal-waiting{opacity:1;transform:none}}
.hero-art{max-width:1600px;width:100%;margin:0 auto}.hero-art img{height:auto!important;aspect-ratio:16/9;object-fit:contain}.hero-art:after{height:45px}.hero-copy{padding-top:25px}