.hero{padding:76px 0 54px;display:grid;grid-template-columns:1fr 1.03fr;gap:54px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);font:11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:'';width:22px;height:1px;background:var(--lime)}h1{font-size:clamp(46px,6vw,82px);line-height:.99;letter-spacing:-.075em;margin:23px 0 20px;font-weight:600}h1 em{font-family:var(--serif);font-weight:400;color:var(--lime);letter-spacing:-.065em}.hero-copy{font-size:15px;line-height:1.8;color:#a2a39a;max-width:420px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.textlink{font-size:12px;color:#c8c9c0;display:flex;align-items:center;gap:8px}.textlink span{font-size:16px;color:var(--lime)}
.composer{margin-top:32px;background:#1d1e19;border:1px solid #3b3c33;border-radius:15px;padding:17px;box-shadow:0 18px 60px #0005;max-width:540px}.composer-top{display:flex;justify-content:space-between;margin:0 2px 10px}.composer textarea{resize:vertical;min-height:64px;width:100%;border:0;outline:0;background:none;color:#e8e9df;font-size:13px;line-height:1.7}.composer textarea::placeholder{color:#77786f}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:13px;margin-top:6px}.tools{display:flex;gap:8px}.tool{background:#292a24;border:1px solid #3d3e35;color:#bfc0b7;border-radius:7px;font-size:11px;padding:7px 10px}.tool:hover,.tool.selected{border-color:#8ca446;color:var(--lime)}.generate{display:flex;gap:9px;align-items:center;background:var(--lime);color:#181910;border:0;border-radius:8px;padding:9px 13px;font-weight:800;font-size:11px}.generate i{font-style:normal;font-size:14px}
.hero-art{height:435px;position:relative;border-radius:16px;overflow:hidden;background:#242721}.art-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 27%,#f7b76d 0,#b8684a 15%,transparent 34%),radial-gradient(ellipse at 30% 76%,#39444d 0,#222e37 31%,transparent 54%),linear-gradient(145deg,#8e7366,#342e2c 49%,#131916)}.art-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b0bbf 1%,transparent 66%),linear-gradient(90deg,#11130a38,transparent)}.sun{position:absolute;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff0bc,#efb866 58%,#a64c3d);top:57px;right:91px;box-shadow:0 0 80px #e99d5a66}.silhouette{position:absolute;bottom:-15px;left:35%;width:115px;height:250px;background:linear-gradient(90deg,#13191a,#34302c 65%,#141817);clip-path:polygon(42% 0,64% 5%,72% 17%,68% 27%,81% 40%,100% 100%,0 100%,23% 43%,34% 28%,29% 15%);filter:drop-shadow(0 0 20px #000)}.hill{position:absolute;bottom:-1px;left:-5%;width:115%;height:150px;background:linear-gradient(160deg,#46524f,#101817 70%);clip-path:polygon(0 57%,15% 29%,26% 49%,43% 12%,58% 42%,73% 21%,100% 52%,100% 100%,0 100%)}.grain{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.art-label{position:absolute;z-index:2;left:25px;top:24px;border:1px solid #ffffff55;border-radius:99px;padding:7px 10px;color:#f4eddb;font:10px 'DM Mono',monospace}.art-caption{position:absolute;z-index:2;bottom:24px;left:25px}.art-caption small{font:10px 'DM Mono',monospace;color:#d9fb69;letter-spacing:.1em}.art-caption strong{display:block;font:32px/1.1 var(--serif);font-weight:400;margin-top:7px}.art-caption span{display:block;color:#d0d0c7;font-size:11px;margin-top:8px}.play{position:absolute;z-index:2;right:25px;bottom:29px;width:42px;height:42px;border:1px solid #ffffff80;background:#ffffff18;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center}.play:hover{background:var(--lime);color:#151610}
.stats{display:flex;gap:36px;margin-top:34px}.stat b{font-size:16px;display:block;letter-spacing:-.04em}.stat span{font-size:10px;color:var(--muted)}
.section{padding:48px 0 82px;border-top:1px solid #ffffff14}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2{font-size:27px;letter-spacing:-.06em;margin:6px 0 0;font-weight:600}.filters{display:flex;gap:7px}.filter{border:1px solid #393a32;border-radius:99px;background:transparent;padding:7px 12px;color:#a6a79e;font-size:11px}.filter.active,.filter:hover{color:var(--lime);border-color:#8a9d4b;background:#d9fb690d}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{min-width:0}.poster{height:240px;border-radius:10px;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s}.card:hover .poster{transform:translateY(-4px)}.poster:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090a08c9,transparent 60%)}.poster.one{background:radial-gradient(ellipse at 73% 35%,#e6ca8b,#806b49 16%,transparent 30%),linear-gradient(142deg,#b0a28a,#54605b 38%,#202a27 70%,#101513)}.poster.two{background:radial-gradient(ellipse at 48% 41%,#ffdac2,#ea5a5d 14%,transparent 34%),linear-gradient(140deg,#824c60,#222e43 64%,#141824)}.poster.three{background:radial-gradient(ellipse at 71% 29%,#f5ca90,#c1775b 15%,transparent 33%),linear-gradient(145deg,#483c50,#283d48 58%,#141c20)}.poster.four{background:radial-gradient(ellipse at 41% 38%,#f3e6c7,#8db3a4 17%,transparent 34%),linear-gradient(145deg,#a9bdb1,#56716f 48%,#182222)}.poster:before{content:'';position:absolute;bottom:-4%;left:35%;width:33%;height:72%;background:linear-gradient(90deg,#111719,#44403b 50%,#101617);clip-path:polygon(43% 0,61% 3%,72% 17%,65% 28%,84% 44%,100% 100%,0 100%,20% 43%,35% 27%,29% 15%);filter:drop-shadow(0 0 16px #0008)}.poster.two:before{left:23%;width:26%;height:55%;transform:rotate(-8deg)}.poster.four:before{left:54%;width:28%;height:64%}.card-meta{display:flex;align-items:center;justify-content:space-between;margin:11px 1px 0}.card-meta strong{font-size:12px;font-weight:600}.card-meta span{font:10px 'DM Mono',monospace;color:#a4a59c}.creator{font-size:10px;color:#85867d;margin:5px 1px 0}.tag{position:absolute;top:12px;left:12px;color:#f7f1e7;border:1px solid #ffffff55;border-radius:99px;padding:5px 8px;font:9px 'DM Mono',monospace;backdrop-filter:blur(4px)}.duration{position:absolute;right:11px;top:12px;color:#fff;font:9px 'DM Mono',monospace}.card:nth-child(n+5){display:none}
.workflow{background:#1b1c17;padding:65px 0 72px;border-top:1px solid #ffffff12}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.workflow h2{font-size:37px;line-height:1.12;letter-spacing:-.065em;font-weight:600;margin:10px 0 14px}.workflow p{color:#a3a49b;max-width:380px;line-height:1.8}.steps{display:grid;gap:0}.step{display:grid;grid-template-columns:43px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid #ffffff14}.step:last-child{border:0}.step-num{font:11px 'DM Mono',monospace;color:var(--lime);padding-top:3px}.step strong{display:block;font-size:13px}.step span{display:block;color:#96978e;font-size:11px;margin-top:4px}
@media(max-width:980px){.shell{padding:0 28px}.hero{gap:30px}.hero-art{height:380px}.gallery{grid-template-columns:repeat(2,1fr)}.poster{height:260px}.nav{margin-left:0;gap:18px}}
@media(max-width:700px){.shell{padding:0 20px}.topbar{height:64px}.topbar .brand>span:last-child{display:none}.nav{display:none}.rightnav{gap:13px}.signin{display:none}.mobile-skill-link{display:inline-flex;align-items:center;justify-content:center;background:#292a24;border:1px solid #3d3e35;color:#d9fb69;border-radius:7px;font-size:10px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:48px 0 40px;gap:29px}.hero-copy{font-size:14px}.hero-art{height:340px;grid-row:2}.composer{margin-top:25px}.stats{gap:28px}.section{padding:38px 0 56px}.section-head{display:block}.filters{overflow:auto;margin-top:17px;padding-bottom:3px}.filter{white-space:nowrap}.gallery{gap:12px}.poster{height:clamp(170px,55vw,250px)}.card-meta strong{font-size:11px}.workflow{padding:47px 0}.workflow-grid{grid-template-columns:1fr;gap:18px}.workflow h2{font-size:32px}.footer{gap:14px;flex-direction:column}.art-caption strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}