@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@500;700;800;900&display=swap";
:root{--ink:#1b1622;--ink-raised:#25202c;--paper:#f4f0e8;--purple:#6f2cff;--acid:#e7ff5c;--pink:#ff4ab7;--cyan:#56e6ff;--yellow:#ffd946;--line:2px solid #0c0910;color:#fff;background:var(--ink);font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:#fff;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{color:inherit}.noise{pointer-events:none;z-index:20;opacity:.045;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{background:var(--ink);z-index:10;color:#d8d3da;grid-template-columns:145px 1fr auto;align-items:center;height:104px;padding:0 4vw;display:grid;position:relative}.comfy-logo{width:36px;height:36px;display:block;position:relative;transform:rotate(-8deg)}.comfy-logo span{background:var(--acid);border-radius:4px;width:25px;height:12px;display:block;position:absolute}.comfy-logo span:first-child{top:3px;left:0}.comfy-logo span:nth-child(2){top:12px;left:8px}.comfy-logo span:nth-child(3){top:21px;left:0}.site-header nav{letter-spacing:.045em;align-items:center;gap:31px;font:700 11px DM Mono;display:flex}.site-header nav a{transition:all .15s}.site-header nav a:hover{color:var(--acid)}.site-header nav b{color:#756d7a;font-size:13px}.nav-actions{white-space:nowrap;align-items:center;gap:9px;font:700 10px DM Mono;display:flex}.github-stars{color:var(--acid);align-items:center;gap:6px;padding:11px 3px;display:flex}.github-stars span{background:var(--acid);color:var(--ink);padding:3px 9px;transform:skew(-8deg)}.desktop-link,.try-link,.signin-link{border-radius:17px;padding:13px 23px}.desktop-link{border:1px solid var(--acid);color:var(--acid)}.try-link{background:var(--acid);color:var(--ink)}.signin-link{color:#c7c0ca;background:#26212c}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand-mark{width:29px;height:29px;color:var(--acid);box-shadow:4px 4px 0 var(--purple);background:#0d0a10;place-items:center;font-family:DM Mono;display:grid;transform:skew(-8deg)}.hero{text-align:center;color:#fff;background-color:var(--ink);background-image:linear-gradient(#e7ff5c0e 1px,#0000 1px),linear-gradient(90deg,#e7ff5c0e 1px,#0000 1px),radial-gradient(circle at 50% 28%,#6f2cff38,#0000 38%);background-size:88px 88px,88px 88px,100% 100%;flex-direction:column;align-items:center;min-height:calc(100vh - 104px);padding:48px 4vw 54px;display:flex}.eyebrow,.section-kicker{letter-spacing:.12em;font:500 11px DM Mono}.eyebrow{margin:0 0 18px}.eyebrow span{margin:0 7px}.live-dot{background:var(--acid);border-radius:50%;width:9px;height:9px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 0 4px #dcff3f2e}.hero h1,.lab h2,.collection h2,.final-cta h2{letter-spacing:-.085em;margin:28px 0;font-size:clamp(58px,7.2vw,112px);font-weight:900;line-height:.84}.hero h1{letter-spacing:-.075em;color:#fff;margin:0;font-size:clamp(70px,10.5vw,172px);line-height:.75}.hero h1 .comfy-node{vertical-align:.25em;filter:drop-shadow(5px 5px #0c0910);text-shadow:none;grid-template-columns:repeat(3,18px);gap:5px;margin-right:10px;display:inline-grid}.comfy-node i{background:var(--acid);border:3px solid #0c0910;width:18px;height:18px;display:block}.comfy-node i:nth-child(2){transform:translateY(-14px)}.hero h1 span:not(.comfy-node),.lab h2 span,.collection h2 span,.final-cta h2 span{color:var(--purple);text-shadow:4px 4px 0 var(--acid)}.hero-dek{margin:24px auto 6px;font-size:clamp(18px,2vw,28px);font-weight:700;line-height:1.4}.pixel-button{background:var(--acid);min-width:290px;color:var(--ink);border:var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding:18px 22px;font:700 13px DM Mono;transition:all .15s;display:inline-flex;box-shadow:7px 7px #0c0910}.pixel-button:hover{transform:translate(3px,3px);box-shadow:4px 4px #0c0910}.pixel-button span{color:var(--purple);font-size:20px}.hero-output-row{grid-template-columns:repeat(4,1fr);gap:18px;width:100%;max-width:1320px;margin-top:42px;display:grid}.hero-output-row figure{aspect-ratio:1;background:#fff;border:3px solid #0c0910;margin:0;transition:all .18s;position:relative;overflow:hidden;box-shadow:8px 8px #0c0910}.hero-output-row figure:nth-child(2n){transform:translateY(18px)rotate(1deg)}.hero-output-row figure:nth-child(odd){transform:rotate(-1deg)}.hero-output-row figure:hover{z-index:2;transform:translateY(-8px)rotate(0)}.hero-output-row span{z-index:2;background:var(--ink);color:var(--acid);padding:7px 9px;font:500 8px DM Mono;position:absolute;top:8px;left:8px}.hero-output-row img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.hero-footnote{letter-spacing:.12em;color:#ffffffb8;margin:40px 0 0;font:500 9px DM Mono}.marquee{border-top:var(--line);border-bottom:var(--line);background:var(--acid);white-space:nowrap;padding:14px 0;font:700 12px DM Mono;overflow:hidden}.marquee div{width:max-content;animation:18s linear infinite marquee}.lab{color:#fff;background:#1b1720;border-top:1px solid #39313f;padding:34px 4vw 100px}.machine{grid-template-columns:1fr 42px 1.15fr 42px 1fr;align-items:stretch;gap:12px;display:grid}.machine-step{background:#24202a;border:2px solid #4d4654;min-width:0;padding:20px}.step-label{letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:22px;font:500 11px DM Mono;display:flex}.step-label b{background:var(--acid);width:32px;height:27px;color:var(--ink);box-shadow:3px 3px 0 var(--purple);place-items:center;display:grid}.machine-arrow{color:var(--acid);place-items:center;font:700 26px DM Mono;display:grid}.drop-zone{text-align:center;cursor:pointer;background:repeating-linear-gradient(45deg,#29242f,#29242f 10px,#27222c 10px 20px);border:2px dashed #776e80;flex-direction:column;justify-content:center;align-items:center;height:335px;display:flex;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.dragging{border-color:var(--acid);background:#302841}.drop-zone input{opacity:0;pointer-events:none;position:absolute}.upload-icon{color:var(--acid);font:500 44px DM Mono}.drop-zone strong{margin:8px;font:800 19px/1.15 Inter}.drop-zone small{color:#aaa2ae;font:400 9px/1.5 DM Mono}.drop-zone img{object-fit:cover;z-index:2;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.drop-zone.has-image:after{content:"PHOTO LOCKED IN ✓";z-index:3;background:var(--acid);color:var(--ink);padding:8px;font:700 9px DM Mono;position:absolute;bottom:10px;left:10px}.prompt-step label{color:#a79fac;margin-bottom:8px;font:500 9px DM Mono;display:block}.prompt-step textarea{resize:none;color:#fff;background:#17131b;border:2px solid #625a69;outline:0;width:100%;height:210px;padding:17px;font:400 13px/1.55 DM Mono}.prompt-step textarea:focus{border-color:var(--acid);box-shadow:0 0 0 3px #dcff3f1f}.prompt-meta{color:#8f8793;justify-content:space-between;margin:12px 0;font:400 8px DM Mono;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{color:#ddd4e2;cursor:pointer;background:0 0;border:1px solid #625a69;padding:8px 10px;font:500 8px DM Mono}.chips button:hover{background:var(--pink);border-color:var(--pink);color:var(--ink)}.output-stage{background:var(--purple);border:2px solid #625a69;height:277px;position:relative;overflow:hidden}.output-stage img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.status-pill{background:var(--ink);padding:7px 9px;font:500 8px DM Mono;position:absolute;top:10px;left:10px}.status-pill span{background:#28ee76;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.scanline{z-index:2;pointer-events:none;background:linear-gradient(#0000 50%,#0000001c 50%) 0 0/100% 4px;position:absolute;inset:0}.generating img{animation:.18s steps(2,end) infinite glitch}.generate-button{background:var(--acid);cursor:pointer;width:100%;box-shadow:4px 4px 0 var(--purple);border:0;margin-top:12px;padding:16px;font:800 11px DM Mono}.generate-button:hover{background:var(--pink)}.generate-button:disabled{cursor:wait;opacity:.8}.collection{color:#fff;background:#211b28;border-top:1px solid #39313f;grid-template-columns:.7fr 1.3fr;gap:6vw;padding:110px 5vw;display:grid}.collection-copy{align-self:start;position:sticky;top:100px}.collection h2{font-size:clamp(54px,6vw,90px)}.collection-copy>p:not(.section-kicker){color:#aaa3ae;max-width:480px;line-height:1.6}.stats{border-top:1px solid #4c4352;gap:24px;margin-top:42px;padding-top:20px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{color:var(--acid);font:700 28px DM Mono}.stats span{font:500 8px DM Mono}.emoji-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.emoji-tile{border:var(--line);cursor:pointer;height:410px;padding:0;transition:all .15s;position:relative;overflow:hidden;box-shadow:7px 7px #0c0910}.emoji-tile:hover,.emoji-tile.active{transform:translate(-3px,-3px);box-shadow:10px 10px #0c0910}.emoji-tile.active:after{content:"SELECTED";background:var(--ink);color:var(--acid);padding:6px;font:700 8px DM Mono;position:absolute;bottom:9px;right:9px}.emoji-tile span{z-index:2;background:var(--ink);color:#fff;padding:7px;font:500 9px DM Mono;position:absolute;top:9px;left:9px}.emoji-tile img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.lime{background:var(--acid)}.pink{background:var(--pink)}.cyan{background:var(--cyan)}.yellow{background:var(--yellow)}.final-cta{background:var(--purple);color:#fff;border-top:var(--line);flex-direction:column;justify-content:center;align-items:flex-start;min-height:620px;padding:90px 7vw;display:flex;position:relative;overflow:hidden}.final-cta>p{color:var(--acid);font:500 11px DM Mono}.final-cta h2{z-index:2;margin:20px 0;font-size:clamp(58px,7.5vw,112px);position:relative}.final-cta h2 span{color:var(--acid);text-shadow:4px 4px 0 var(--ink)}.share-button{z-index:3;border:1px solid var(--acid);background:var(--ink);min-width:310px;color:var(--acid);letter-spacing:.03em;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;padding:15px 23px;font:700 11px DM Mono;transition:all .18s;display:flex;position:relative}.share-button:hover{background:var(--acid);color:var(--ink);transform:translateY(-2px)}.share-button span{font-size:18px}.final-cta>img{object-fit:contain;max-width:51vw;height:115%;image-rendering:pixelated;filter:drop-shadow(15px 12px #151119bf);position:absolute;bottom:-16%;right:1vw;transform:rotate(4deg)}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:25px;min-height:100px;padding:30px 4vw;font:400 9px DM Mono;display:flex}footer p{color:#a69da9;margin:0}.toast{z-index:30;background:var(--acid);color:var(--ink);border:var(--line);box-shadow:5px 5px 0 var(--purple);padding:15px 22px;font:700 11px DM Mono;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,120px)}.toast.show{transform:translate(-50%)}@keyframes marquee{to{transform:translate(-50%)}}@keyframes float{50%{transform:translateY(-10px)rotate(8deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes glitch{0%{filter:hue-rotate();transform:translate(4px,-2px)}50%{filter:hue-rotate(90deg);transform:translate(-4px,2px)}}@media (max-width:1100px){.site-header{grid-template-columns:70px 1fr auto}.site-header nav{gap:17px}.github-stars,.desktop-link{display:none}}@media (max-width:900px){.site-header nav{display:none}.site-header{grid-template-columns:1fr auto}.hero-output-row{grid-template-columns:repeat(2,1fr);max-width:700px}.machine{grid-template-columns:1fr}.machine-arrow{height:32px;transform:rotate(90deg)}.final-cta>img{opacity:.42;max-width:90vw;right:-20vw}footer{flex-wrap:wrap}}@media (max-width:560px){.site-header{height:74px;padding:0 20px}.nav-actions{gap:6px}.signin-link{display:none}.try-link{padding:11px 17px}.brand{font-size:16px}.hero{background-size:54px 54px;min-height:auto;padding:42px 14px 24px}.hero h1{font-size:58px}.hero h1 .comfy-node{grid-template-columns:repeat(3,10px);gap:3px;margin-right:4px}.comfy-node i{border-width:2px;width:10px;height:10px}.comfy-node i:nth-child(2){transform:translateY(-8px)}.hero-dek{font-size:18px}.hero-output-row{gap:9px;margin-top:32px}.hero-output-row figure{border-width:2px;box-shadow:4px 4px #0c0910}.hero-output-row figure:nth-child(2n){transform:translateY(8px)rotate(1deg)}.hero-output-row span{padding:5px;font-size:6px}.lab{padding:24px 20px 74px}.machine-step{padding:15px}.final-cta{min-height:540px;padding:65px 20px}.final-cta h2{font-size:54px}.share-button{min-width:min(310px,100%)}.final-cta>img{height:72%;bottom:-10%;right:-28vw}footer{text-align:center;display:block}footer>*{justify-content:center;margin:15px auto!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}