@font-face{font-family:Sono;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/sono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sono;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/sono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-mono:"Sono", monospace;font-variation-settings:"MONO" 1;font-feature-settings:"mono" 1;--color-bg:#12120f;--color-text:#eeeedf;--color-surface:color-mix(in srgb, var(--color-bg) 50%, black);--color-surface-hover:color-mix(in srgb, var(--color-text) 7%, var(--color-surface));--color-hover:color-mix(in srgb, var(--color-text) 10%, transparent);--color-bg-subtle:color-mix(in srgb, var(--color-text) 4%, transparent);--color-text-subtle:color-mix(in srgb, var(--color-text) 70%, transparent);--color-text-muted:color-mix(in srgb, var(--color-text) 56%, transparent);--btn-color-default:var(--color-text-subtle);--btn-border-default:var(--color-border-subtle);--btn-bg-default:var(--color-bg-subtle);--btn-color-hover:color-mix(in srgb, var(--color-text) 92%, transparent);--btn-border-hover:var(--color-border-hover);--btn-bg-hover:var(--color-hover);--btn-color-active:var(--color-bg);--btn-border-active:var(--color-text);--btn-bg-active:var(--color-text);--color-border:color-mix(in srgb, var(--color-text) 28%, transparent);--color-border-subtle:color-mix(in srgb, var(--color-text) 20%, transparent);--color-border-hover:color-mix(in srgb, var(--color-text) 45%, transparent);--fg-primary:var(--color-text);--fg-secondary:var(--color-text-subtle);--fg-dim:var(--color-text-muted);--fg-muted:color-mix(in srgb, var(--color-text) 40%, transparent);--border-subtle:var(--color-border-subtle);--bg-surface:var(--color-surface);--bg-surface-hover:var(--color-surface-hover)}::selection{background-color:var(--color-text);color:var(--color-bg)}*{box-sizing:border-box;font-family:var(--font-mono);font-variation-settings:"MONO" 1;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-variation-settings:"MONO" 1}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:500}body{flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.1;width:200%;height:200%;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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='.8'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:-50%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.bv-option-btn{border:1px solid var(--btn-border-default);background:var(--btn-bg-default);color:var(--btn-color-default);font-family:var(--font-mono);font-variation-settings:"MONO" 1;letter-spacing:.04em;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:14px;font-weight:400;line-height:13px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover,.bv-option-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-color-hover)}.btn:active,.bv-option-btn:active{background:var(--btn-bg-active);color:var(--btn-color-active);border-color:var(--btn-border-active);font-weight:500}.btn>svg,.bv-option-btn>svg{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-cta,.splash-cta{letter-spacing:.08em;color:#000;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #fff;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:14px;font-weight:500;line-height:13px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.btn-cta>svg,.splash-cta>svg{flex-shrink:0;transition:transform .15s}.btn-cta:hover,.splash-cta:hover{color:#fff;background-color:#000;border-color:#fff}.btn-cta:hover>svg,.splash-cta:hover>svg{transform:translate(2px)}.btn-cta:active,.splash-cta:active{color:#fff;background-color:#12120f;border-color:#fff}.btn-sm{padding:.5rem .85rem}.app-header{box-sizing:border-box;z-index:1000;background-color:#000;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;height:4rem;padding:0 clamp(3rem,10vw,8rem);display:flex;position:sticky;top:0}.app-header-title{height:100%;color:var(--color-text);cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.header-logo-img{width:auto;height:2.2rem;image-rendering:pixelated;flex-shrink:0;display:block}.app-header-title span{letter-spacing:.1em;color:var(--color-text);align-items:center;font-size:1.15rem;font-weight:500;display:inline-flex}.app-header-links{align-items:center;gap:.85rem;height:100%;display:flex}.header-link-btn{height:100%;color:var(--color-text);letter-spacing:.04em;cursor:pointer;background:0 0;border:2px solid #0000;border-left:none;border-right:none;align-items:center;gap:.45rem;padding:0 .5rem;font-size:14px;line-height:13px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.header-link-btn:hover{border-bottom-color:var(--color-text)}.header-link-btn svg{flex-shrink:0;width:16px;height:16px}.splash-section{background-color:var(--color-bg);box-sizing:border-box;isolation:isolate;justify-content:center;align-items:center;width:100%;height:80vh;min-height:80vh;padding:0 clamp(1.5rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.splash-bg-img{object-fit:cover;object-position:50% 76%;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none;position:absolute;inset:0}.splash-content{text-align:left;flex-direction:column;align-items:flex-start;gap:.85rem;width:100%;max-width:44rem;display:flex;position:relative}.splash-title-wrap{justify-content:flex-start;align-items:center;width:100%;margin:.25rem 0;display:flex}.splash-title-invert{aspect-ratio:22/4;width:min(100%,clamp(20rem,50vw,38rem));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;backdrop-filter:invert();background-color:#0000;margin:0;display:block;mask-image:url(/dither.png);mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}.splash-subtitle{letter-spacing:.04em;text-transform:uppercase;margin:.5rem 0 .25rem;font-size:clamp(.95rem,2vw,1.15rem);font-weight:400;line-height:1.45}.splash-subtitle span{color:var(--color-text);box-decoration-break:clone;background-color:#000;padding:.25rem .5rem;display:inline}.splash-actions{justify-content:flex-start;width:100%;margin-top:1rem;display:flex}.star-banner{background-color:var(--bg-surface);box-sizing:border-box;border:none;justify-content:center;width:100%;padding:2rem clamp(3rem,10vw,8rem);display:flex}.star-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;max-width:64rem;display:flex}.star-banner-inner header{flex-direction:column;gap:.25rem;display:flex}.star-banner-inner h2{letter-spacing:.05em;color:var(--color-text);text-transform:uppercase;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:500;line-height:1.3}.star-banner-inner p{color:var(--fg-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.star-btn-icon-slot{justify-content:center;align-items:center;line-height:1;display:inline-flex}.star-cta-btn .star-icon{transform-origin:50%;flex-shrink:0;transition:transform .15s,fill .15s}.star-cta-btn:hover .star-icon{fill:#fff;transform:scale(1.1)}@keyframes heartPop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.heart-icon{transform-origin:50%;flex-shrink:0;animation:.35s cubic-bezier(.175,.885,.32,1.275) heartPop;display:block}.star-cta-btn.is-thanked{color:#ff4d4d;background-color:#fff;border-color:#ff4d4d}.star-cta-btn.is-thanked:hover{color:#fff;background-color:#ff4d4d;border-color:#ff4d4d}.star-cta-btn.is-thanked:hover .heart-icon{fill:#fff;stroke:#fff}.usecases-section{background-color:var(--color-bg);box-sizing:border-box;border:none;justify-content:center;width:100%;padding:4.5rem clamp(1.5rem,5vw,4rem);display:flex}.usecases-container{flex-direction:column;gap:3.5rem;width:100%;max-width:64rem;display:flex}.usecases-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.usecases-header h2{letter-spacing:.04em;color:var(--color-text);text-transform:uppercase;font-size:clamp(1.15rem,2.5vw,1.85rem);font-weight:400;line-height:1.35}.usecases-header p{letter-spacing:.12em;color:var(--fg-secondary);text-transform:uppercase;font-size:.88rem;font-weight:500}.usecases-split-grid{grid-template-columns:repeat(2,1fr);align-items:start;column-gap:clamp(1.75rem,3.5vw,2.75rem);width:100%;display:grid}.usecases-col{flex-direction:column;gap:clamp(2rem,3.5vw,2.75rem);display:flex}.usecase-cell{box-sizing:border-box;position:relative}.usecase-media-cell{aspect-ratio:1;border:1px solid var(--border-subtle);cursor:pointer;background-color:#0b0b09;width:100%;margin:0;transition:border-color .2s;overflow:hidden}.usecase-media-cell.is-hovered{border-color:var(--color-border-hover)}.usecase-canvas,.usecase-gif{object-fit:cover;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:opacity .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0}.usecase-canvas{z-index:2;opacity:1;filter:grayscale()contrast(1.05)brightness(.95)}.usecase-gif{z-index:1;opacity:0;filter:grayscale()}.usecase-media-cell.is-hovered .usecase-canvas{opacity:0}.usecase-media-cell.is-hovered .usecase-gif{opacity:1;filter:grayscale(0%);z-index:3}.usecase-text-cell{box-sizing:border-box;cursor:pointer;opacity:.35;background-color:#0000;border:none;flex-direction:column;gap:.45rem;padding:1.15rem clamp(1rem,2.5vw,1.5rem);transition:opacity .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);display:flex}.usecase-text-cell.is-hovered{opacity:1;background-color:#00000080}.usecase-text-cell small{color:var(--fg-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:500;line-height:1.2}.usecase-text-cell h3{letter-spacing:.04em;color:var(--color-text);text-transform:uppercase;font-size:clamp(1.35rem,2.3vw,1.85rem);font-weight:400;line-height:1.2;transition:color .2s}.usecase-text-cell p{color:var(--color-text);letter-spacing:.02em;text-transform:uppercase;font-size:1rem;line-height:1.45;transition:color .2s}.usecase-text-cell.is-hovered h3{color:#fff}.usecase-text-cell.is-hovered p,.usecase-text-cell.is-hovered small{color:var(--color-text)}@media (hover:hover) and (pointer:fine){.usecase-media-cell:hover{border-color:var(--color-border-hover)}.usecase-media-cell:hover .usecase-canvas{opacity:0}.usecase-media-cell:hover .usecase-gif{opacity:1;filter:grayscale(0%);z-index:3}.usecase-text-cell:hover{opacity:1;background-color:#00000080}.usecase-text-cell:hover h3{color:#fff}.usecase-text-cell:hover p,.usecase-text-cell:hover small{color:var(--color-text)}}.ddot-section{background-color:var(--bg-surface);box-sizing:border-box;border:none;justify-content:center;width:100%;padding:3.5rem clamp(1.5rem,5vw,4rem);display:flex}.ddot-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.5rem;width:100%;max-width:64rem;display:flex}.ddot-left{flex-direction:column;flex:30rem;gap:.45rem;max-width:44rem;display:flex}.ddot-left small{color:var(--fg-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:500;line-height:1.2}.ddot-left h2{letter-spacing:.04em;color:var(--color-text);text-transform:uppercase;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:400;line-height:1.2}.ddot-left p{color:var(--fg-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.92rem;line-height:1.5}.ddot-actions{flex-direction:column;flex-shrink:0;gap:.65rem;width:100%;max-width:280px;display:flex}.ddot-btn-main{box-sizing:border-box;width:100%}.ddot-sub-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.ddot-sub-btn{box-sizing:border-box;text-align:center;width:100%;padding:.5rem .65rem}.features-section{background-color:var(--color-bg);box-sizing:border-box;border:none;justify-content:center;width:100%;padding:5rem clamp(1.5rem,5vw,4rem);display:flex}.features-container{flex-direction:column;gap:2.75rem;width:100%;max-width:64rem;display:flex}.features-header{flex-direction:column;gap:.5rem;display:flex}.features-header small{color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:500}.features-header h2{letter-spacing:.02em;color:var(--color-text);text-transform:uppercase;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.25}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;gap:.85rem;padding:2rem 1.75rem;transition:border-color .2s;display:flex}.feature-card:hover{border-color:var(--color-border-hover)}.feature-card-header{align-items:center;display:flex}.feature-card-index{color:var(--fg-muted);letter-spacing:.08em;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;display:inline-flex}.feature-card-icon{color:var(--color-text);justify-content:center;align-items:center;display:flex}.feature-card h3{letter-spacing:.04em;color:var(--color-text);text-transform:uppercase;font-size:1.15rem;font-weight:500;line-height:1.3}.feature-card p{color:var(--fg-secondary);letter-spacing:.03em;text-transform:uppercase;flex-grow:1;font-size:.88rem;line-height:1.55}.landing-footer{background-color:var(--bg-surface);box-sizing:border-box;border:none;justify-content:center;width:100%;padding:3rem clamp(1.5rem,5vw,4rem);display:flex}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2.5rem;width:100%;max-width:64rem;display:flex}.landing-footer-left{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.footer-logo-wrap{opacity:.9;align-items:center;line-height:0;transition:opacity .2s;display:inline-flex}.footer-logo-wrap:hover{opacity:1}.footer-logo-img{aspect-ratio:22/4;width:auto;height:clamp(32px,4.5vw,42px);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.footer-credit{color:var(--fg-dim);letter-spacing:.08em;align-items:center;gap:.4rem;margin:0;font-size:.82rem;font-weight:400;display:inline-flex}.footer-author-link{color:var(--fg-primary);text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .15s}.footer-author-link:hover{color:var(--color-text)}.landing-footer-nav-col{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.footer-nav-item{color:var(--fg-dim);letter-spacing:.08em;align-items:center;gap:.35rem;font-size:.82rem;font-weight:400;display:inline-flex}.footer-link{color:var(--fg-muted);text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .15s}.footer-link:hover{color:var(--color-text)}.landing-footer-disclaimer-col{text-align:left;flex-direction:column;align-items:flex-start;gap:.65rem;max-width:22rem;display:flex}.footer-disclaimer{color:var(--fg-dim);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.72rem;line-height:1.6}@media (width<=820px){.splash-actions{display:none}.usecases-section{padding:3rem clamp(1.25rem,4vw,2.5rem)}.usecases-split-grid{flex-direction:column;gap:1.25rem;display:flex}.usecases-col{display:contents}.usecase-cell[data-usecase=pixel-art].usecase-media-cell{order:1}.usecase-cell[data-usecase=pixel-art].usecase-text-cell{order:2;margin-bottom:1.5rem}.usecase-cell[data-usecase="3d-rendering"].usecase-media-cell{order:3}.usecase-cell[data-usecase="3d-rendering"].usecase-text-cell{order:4;margin-bottom:1.5rem}.usecase-cell[data-usecase=graphic-design].usecase-media-cell{order:5}.usecase-cell[data-usecase=graphic-design].usecase-text-cell{order:6;margin-bottom:1.5rem}.usecase-cell[data-usecase=photography].usecase-media-cell{order:7}.usecase-cell[data-usecase=photography].usecase-text-cell{order:8;margin-bottom:0}.features-grid{grid-template-columns:1fr}.star-banner{padding:2.25rem clamp(1.25rem,4vw,2.5rem)}.star-banner-inner{flex-direction:column;align-items:stretch;gap:1.5rem}.star-cta-btn{align-self:center;margin:0 auto}.ddot-section{padding:2.5rem clamp(1.25rem,4vw,2.5rem)}.ddot-container{flex-direction:column;align-items:stretch;gap:1.5rem}.ddot-left{flex:none;width:100%;max-width:100%}.ddot-actions{align-self:center;margin:0 auto}}@media (width<=540px){.star-banner,.ddot-section{padding:2rem 1.25rem}.usecases-section{padding:2.5rem 1rem}.usecases-split-grid{gap:1rem}.splash-section{height:75vh;min-height:75vh;padding:0 1.25rem}.app-header{height:3.5rem;padding:0 1.25rem}.header-logo-img{height:1.75rem}.app-header-title span{font-size:1rem}.header-link-label{display:none}.app-header-links{gap:.5rem}.landing-footer{padding:2.5rem 1.25rem}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:2rem}.landing-footer-disclaimer-col{max-width:100%}}