:root{color-scheme:dark;--bg:#080706;--bg2:#0d0b09;--panel:#12100e;--panel2:#191510;--line:rgba(255,224,177,.12);--line2:rgba(255,170,68,.32);--text:#fffaf2;--muted:#9f958a;--ember:#ff6a1a;--ember2:#ff9b35;--gold:#f2c66d;--cream:#ffe8bd;--good:#83e6ad;--shadow:0 28px 90px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% -10%,rgba(255,116,24,.12),transparent 33%),linear-gradient(180deg,#090705,#070605 45%,#050403);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,229,188,.14) .55px,transparent .55px);background-size:20px 20px;opacity:.28;mask-image:linear-gradient(#000,transparent 84%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{position:relative;z-index:1}.topbar{height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(8,7,6,.9);backdrop-filter:blur(24px);position:sticky;top:0;z-index:60}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:34px;height:34px;position:relative}.brand-mark:before{content:"";position:absolute;inset:4px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 20px rgba(242,198,109,.18)}.brand-mark:after{content:"";position:absolute;left:14px;top:8px;width:7px;height:17px;border-radius:80% 20% 70% 30%;background:linear-gradient(var(--cream),var(--ember));filter:drop-shadow(0 0 8px var(--ember));transform:rotate(12deg)}.brand strong{display:block;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.brand small{display:block;color:var(--gold);font-size:7px;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}.nav{display:flex;justify-content:center;gap:4px;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a,.nav button{height:68px;border:0;border-bottom:2px solid transparent;background:transparent;color:#968d82;padding:0 14px;display:flex;align-items:center;white-space:nowrap;font-size:11px}.nav a:hover,.nav a.active,.nav button:hover{color:#fff;border-bottom-color:var(--ember2)}.actions{display:flex;align-items:center;gap:9px}.status{height:34px;border:1px solid rgba(131,230,173,.2);border-radius:999px;background:rgba(22,39,29,.34);color:var(--good);padding:0 11px;display:flex;align-items:center;gap:7px;font-size:9px}.status i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 14px var(--good)}.create-btn{height:38px;border:1px solid rgba(255,219,153,.25);border-radius:10px;background:linear-gradient(90deg,#d8440f,var(--ember),var(--gold));color:#190802;padding:0 16px;font-size:10px;font-weight:900;box-shadow:0 12px 30px rgba(255,106,26,.16)}.avatar{width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:#17110d;display:grid;place-items:center;color:var(--gold);font-size:10px;font-weight:900}.main{width:min(1480px,100%);margin:auto;padding:20px 20px 100px}.hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 15px}.hero-top h1{font-size:clamp(32px,5vw,66px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:840px}.hero-top h1 span{background:linear-gradient(90deg,var(--cream),var(--ember2));-webkit-background-clip:text;color:transparent}.hero-top p{max-width:430px;color:var(--muted);font-size:11px;line-height:1.65;margin:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:12px;min-height:520px}.feature{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#17110d;box-shadow:var(--shadow);isolation:isolate}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,2,2,.82));pointer-events:none}.feature-copy{position:absolute;z-index:4;left:26px;right:26px;bottom:25px}.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,211,139,.2);border-radius:999px;background:rgba(12,8,6,.5);backdrop-filter:blur(12px);padding:6px 9px;color:var(--gold);font-size:7px;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember)}.feature h2{font-size:clamp(30px,4.5vw,64px);line-height:.95;letter-spacing:-.055em;margin:14px 0 10px;max-width:700px}.feature p{max-width:580px;color:#c0b4a6;font-size:11px;line-height:1.6;margin:0 0 17px}.feature-actions{display:flex;gap:8px}.primary,.ghost{height:40px;border-radius:10px;padding:0 14px;font-size:9px;font-weight:850}.primary{border:1px solid rgba(255,226,169,.26);background:linear-gradient(90deg,#dc470f,var(--ember),var(--gold));color:#190802}.ghost{border:1px solid rgba(255,255,255,.13);background:rgba(12,9,7,.6);color:#fff}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.mini-feature{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#17110d;min-height:250px}.mini-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(3,2,2,.86))}.mini-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:17px}.mini-copy b{display:block;font-size:18px;letter-spacing:-.03em}.mini-copy span{display:block;color:#aaa095;font-size:9px;margin-top:5px}.scene{position:absolute;inset:0;overflow:hidden;background:#140d09}.scene:before,.scene:after{content:"";position:absolute}.scene-city{background:radial-gradient(circle at 72% 26%,rgba(255,193,94,.45),transparent 11%),linear-gradient(145deg,#20100a,#09090d 56%,#151d2d)}.scene-city:before{left:5%;right:5%;bottom:-4%;height:72%;background:linear-gradient(90deg,transparent 2%,#11131a 2% 9%,transparent 9% 12%,#171923 12% 24%,transparent 24% 28%,#0d1018 28% 37%,transparent 37% 42%,#151720 42% 53%,transparent 53% 57%,#0c0f17 57% 68%,transparent 68% 72%,#191b24 72% 85%,transparent 85%);clip-path:polygon(0 100%,0 38%,8% 38%,8% 20%,17% 20%,17% 46%,27% 46%,27% 8%,38% 8%,38% 34%,48% 34%,48% 15%,58% 15%,58% 42%,68% 42%,68% 26%,78% 26%,78% 4%,88% 4%,88% 37%,100% 37%,100% 100%)}.scene-city:after{left:0;right:0;bottom:0;height:48%;background:linear-gradient(110deg,transparent 0 18%,rgba(255,117,27,.9) 18% 19%,transparent 19% 42%,rgba(255,182,65,.78) 42% 43%,transparent 43% 64%,rgba(107,147,255,.52) 64% 65%,transparent 65%),linear-gradient(180deg,transparent,#060608);filter:blur(.3px)}.scene-desert{background:radial-gradient(circle at 62% 18%,#ffd18b 0 3%,rgba(255,134,36,.5) 4%,transparent 18%),linear-gradient(180deg,#2a1510,#a24b19 55%,#2d1409)}.scene-desert:before{left:-8%;right:-8%;bottom:-20%;height:62%;border-radius:50% 50% 0 0;background:linear-gradient(150deg,#d67731,#5c260f);transform:rotate(-4deg)}.scene-desert:after{left:57%;bottom:20%;width:74px;height:150px;background:linear-gradient(#1b100c,#050403);clip-path:polygon(42% 0,57% 0,59% 26%,70% 34%,69% 41%,59% 38%,60% 100%,40% 100%,42% 38%,30% 42%,28% 35%,41% 27%)}.scene-orbit{background:radial-gradient(circle at 50% 45%,#ffb04f 0 4%,#a52c0b 13%,#170b08 29%,#060608 60%),linear-gradient(145deg,#111229,#040406)}.scene-orbit:before{width:56%;height:21%;left:22%;top:38%;border:9px solid var(--ember2);border-radius:50%;transform:rotate(-16deg);filter:drop-shadow(0 0 22px var(--ember))}.scene-orbit:after{inset:0;background-image:radial-gradient(#fff 0 1px,transparent 1.5px);background-size:35px 35px;opacity:.35}.scene-portrait{background:radial-gradient(circle at 50% 32%,rgba(255,198,119,.72),transparent 8%),linear-gradient(145deg,#1f0d0a,#0b0809 55%,#15112c)}.scene-portrait:before{left:50%;top:15%;width:140px;height:245px;transform:translateX(-50%);border-radius:48% 48% 34% 34%;background:linear-gradient(180deg,#3c1b14,#a55528 20%,#25120e 46%,#080607 47%);box-shadow:0 0 70px rgba(255,120,36,.2)}.scene-portrait:after{left:50%;top:28%;width:58px;height:80px;transform:translateX(-50%);border-radius:42% 42% 48% 48%;background:linear-gradient(145deg,#e3a164,#7d3a22 72%);box-shadow:0 -26px 0 15px #150b09}.launchpad{margin:18px 0 28px;border:1px solid var(--line);border-radius:18px;background:rgba(17,13,10,.75);padding:11px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.launch-tile{min-width:0;border:1px solid transparent;border-radius:13px;background:#110e0c;padding:12px;color:#ddd3c8;text-align:left;display:flex;align-items:center;gap:10px}.launch-tile:hover{border-color:var(--line2);background:#18110d}.launch-icon{width:37px;height:37px;flex:0 0 auto;border:1px solid rgba(255,180,72,.16);border-radius:11px;background:linear-gradient(145deg,#25150c,#0b0907);display:grid;place-items:center;color:var(--ember2);font-size:15px}.launch-tile b{display:block;font-size:10px}.launch-tile small{display:block;color:#796f66;font-size:7px;margin-top:4px}.section{margin-top:31px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.section-head h3{font-size:22px;letter-spacing:-.035em;margin:0}.section-head p{color:var(--muted);font-size:9px;margin:5px 0 0}.section-head a{color:var(--gold);font-size:9px}.engine-rail,.preset-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,1fr);gap:10px;overflow:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:none}.engine-rail::-webkit-scrollbar,.preset-rail::-webkit-scrollbar{display:none}.engine-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#17120e,#0c0a08);overflow:hidden;min-height:250px}.engine-art{height:148px;position:relative;background:radial-gradient(circle at 50% 45%,var(--glow,rgba(255,106,26,.32)),transparent 26%),linear-gradient(145deg,#21140d,#090706)}.engine-art:before{content:"";position:absolute;left:50%;top:50%;width:78px;height:98px;transform:translate(-50%,-50%);border-radius:48% 48% 34% 34%;background:linear-gradient(180deg,var(--accent,#ff7b23),#49180a 56%,#0b0604);filter:drop-shadow(0 0 24px var(--glow,rgba(255,106,26,.35)))}.engine-art:after{content:"";position:absolute;left:50%;top:50%;width:115px;height:34px;border:5px solid var(--accent,#ff7b23);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);filter:drop-shadow(0 0 13px var(--accent,#ff7b23))}.engine-card:nth-child(2){--accent:#f2c66d;--glow:rgba(242,198,109,.32)}.engine-card:nth-child(3){--accent:#a57cff;--glow:rgba(165,124,255,.3)}.engine-card:nth-child(4){--accent:#54d9d0;--glow:rgba(84,217,208,.3)}.engine-card:nth-child(5){--accent:#ff5c91;--glow:rgba(255,92,145,.3)}.engine-info{padding:13px}.engine-info b{font-size:12px}.engine-info p{color:#83796f;font-size:8px;line-height:1.5;margin:7px 0 12px}.engine-meta{display:flex;justify-content:space-between;align-items:center;color:#83786e;font-size:7px}.engine-meta strong{color:var(--gold)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:145px;gap:10px}.project{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#15100d}.project:nth-child(1){grid-column:span 5;grid-row:span 2}.project:nth-child(2){grid-column:span 3;grid-row:span 2}.project:nth-child(3){grid-column:span 4}.project:nth-child(4){grid-column:span 4}.project:nth-child(5){grid-column:span 4}.project:nth-child(6){grid-column:span 4}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,3,3,.86))}.project-copy{position:absolute;z-index:3;left:14px;right:14px;bottom:13px}.project-copy b{display:block;font-size:11px}.project-copy span{display:block;color:#9a8f83;font-size:7px;margin-top:4px}.project .scene{transition:.5s}.project:hover .scene{transform:scale(1.04)}.preset-card{scroll-snap-align:start;position:relative;min-height:190px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#14100d}.preset-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,3,2,.9))}.preset-copy{position:absolute;z-index:3;left:13px;right:13px;bottom:12px}.preset-copy b{font-size:10px}.preset-copy span{display:block;color:#978b7e;font-size:7px;margin-top:4px}.forge-band{margin-top:32px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(255,118,26,.22),transparent 27%),linear-gradient(145deg,#21140c,#0b0806 66%);padding:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.forge-band h3{font-size:clamp(26px,4vw,48px);letter-spacing:-.05em;line-height:.98;margin:0}.forge-band p{color:#a6998b;max-width:640px;font-size:10px;line-height:1.6;margin:10px 0 0}.forge-actions{display:flex;gap:8px}.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#6f665e;font-size:8px}.mobile-dock{display:none}
@media(max-width:1080px){.launchpad{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr;min-height:auto}.feature{min-height:500px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mini-feature{min-height:245px}.project:nth-child(1){grid-column:span 7}.project:nth-child(2){grid-column:span 5}.project:nth-child(n+3){grid-column:span 6}}
@media(max-width:720px){body{padding-bottom:76px}.topbar{height:60px;padding:0 13px;display:flex;justify-content:space-between}.brand small,.status,.nav{display:none}.brand strong{font-size:12px;text-transform:none;letter-spacing:.02em}.brand-mark{width:30px;height:30px}.actions{gap:7px}.create-btn{height:35px;padding:0 12px}.main{padding:13px 12px 90px}.hero-top{display:block;margin:4px 0 11px}.hero-top h1{font-size:37px;max-width:330px}.hero-top p{font-size:9px;margin-top:10px;max-width:330px}.feature{min-height:430px;border-radius:19px}.feature-copy{left:18px;right:18px;bottom:18px}.feature h2{font-size:38px;max-width:330px}.feature p{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-feature{min-height:180px;border-radius:17px}.mini-copy{left:12px;right:12px;bottom:11px}.mini-copy b{font-size:13px}.launchpad{grid-template-columns:repeat(2,1fr);padding:8px;gap:6px;margin:12px 0 22px}.launch-tile{padding:9px;gap:8px}.launch-icon{width:32px;height:32px}.launch-tile b{font-size:9px}.launch-tile small{display:none}.section{margin-top:24px}.section-head h3{font-size:19px}.engine-rail,.preset-rail{grid-auto-columns:74vw}.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:180px}.project,.project:nth-child(n){grid-column:span 1;grid-row:span 1}.project:nth-child(1){grid-column:span 2;grid-row:span 2}.forge-band{display:block;padding:19px}.forge-actions{margin-top:16px}.footer{display:block;padding-bottom:12px}.mobile-dock{position:fixed;z-index:80;left:10px;right:10px;bottom:8px;height:60px;border:1px solid var(--line);border-radius:20px;background:rgba(15,11,8,.94);backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 55px rgba(0,0,0,.55)}.mobile-dock a{display:grid;place-items:center;align-content:center;gap:2px;color:#8d8277;font-size:7px}.mobile-dock a span{font-size:15px;color:var(--gold)}.mobile-dock a.active{color:#fff}.mobile-dock a.active span{color:var(--ember2);filter:drop-shadow(0 0 8px var(--ember))}}
@media(max-width:390px){.hero-top h1{font-size:33px}.feature{min-height:400px}.feature h2{font-size:33px}.mini-feature{min-height:160px}.launchpad{grid-template-columns:1fr 1fr}.project-grid{grid-auto-rows:155px}}