:root{--ink:#17231f;--cream:#f5efe3;--paper:#fffaf1;--coral:#f06b4e;--orange:#f7a541;--teal:#2c7770;--yellow:#f3ce58;--line:#cfc5b4;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(23,35,31,.16);position:sticky;top:0;background:rgba(245,239,227,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.15em}.brand-mark{width:29px;height:29px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(4deg)}.brand-mark i{display:block;background:var(--coral)}.brand-mark i:nth-child(2){background:var(--yellow)}.brand-mark i:nth-child(3){background:var(--teal)}.brand-mark i:nth-child(4){background:var(--orange)}nav{display:flex;align-items:center;gap:2.2rem}nav a{color:var(--ink);font-size:.85rem;font-weight:700;text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:.65rem 1rem}.hero{min-height:720px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:6vw;padding:7vw 7vw 8vw;overflow:hidden}.eyebrow{font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;font-weight:500}.hero h1,.section-heading h2,.classics h2{font-size:clamp(2.7rem,5.3vw,5.8rem);line-height:.98;letter-spacing:-.065em;margin:.55rem 0 1.5rem}.hero h1 em{font-style:normal;color:var(--coral)}.lede{max-width:670px;font-size:clamp(1rem,1.45vw,1.26rem);color:#46524d}.hero-actions{display:flex;align-items:center;gap:1.6rem;margin:2rem 0}.button{display:inline-block;border:0;text-decoration:none;font:700 .84rem var(--sans);padding:1rem 1.25rem;cursor:pointer}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:var(--cream);color:var(--ink);border:1px solid var(--ink)}.text-link{color:var(--ink);font-weight:700;text-decoration:none}.trust-list{display:flex;flex-wrap:wrap;gap:1.3rem;padding:0;margin:2.2rem 0 0;list-style:none;font:500 .7rem var(--mono)}.trust-list li:before{content:"✓";color:var(--teal);margin-right:.4rem}.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.sun{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--yellow);opacity:.72}.pixel-frame{position:relative;background:var(--paper);padding:16px 16px 48px;transform:rotate(2.5deg);box-shadow:0 25px 70px rgba(23,35,31,.18);z-index:2}.pixel-frame canvas{width:min(32vw,384px);height:min(32vw,384px);display:block;image-rendering:pixelated}.frame-label{position:absolute;bottom:14px;left:18px;font:500 .68rem var(--mono)}.floating-card{position:absolute;z-index:3;background:var(--paper);border:1px solid var(--ink);padding:.7rem 1rem;box-shadow:5px 5px 0 var(--ink);font-family:var(--mono);transform:rotate(-4deg)}.floating-card b{color:var(--coral);margin-right:.7rem}.card-one{left:0;top:25%}.card-two{right:1%;bottom:16%;transform:rotate(5deg)}.how{padding:7rem 7vw;background:var(--paper);border-block:1px solid var(--line)}.section-heading{max-width:840px}.section-heading h2{font-size:clamp(2.2rem,4.5vw,4.5rem)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4.5rem}.steps article{position:relative;border-top:1px solid var(--line);padding-top:2rem}.step-number{position:absolute;right:0;top:2rem;font:500 .72rem var(--mono);color:#897f70}.step-icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--ink);font-size:2rem;margin-bottom:2rem;background:var(--yellow);box-shadow:6px 6px 0 var(--ink)}.steps article:nth-child(2) .step-icon{background:var(--coral)}.steps article:nth-child(3) .step-icon{background:var(--teal);color:white}.steps h3{font-size:1.25rem;margin-bottom:.5rem}.steps p{color:#58625e;max-width:350px}.studio-section{background:var(--ink);color:var(--cream);padding:7rem 7vw}.section-heading.light h2{color:white}.section-heading.light>p:last-child{max-width:610px;color:#b8c0bc}.studio{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;margin-top:3rem}.controls,.preview-panel{background:#22312c;border:1px solid #52605b}.controls{padding:1.5rem}.dropzone{min-height:330px;border:1px dashed #819089;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;cursor:pointer;transition:.2s}.dropzone.dragging,.dropzone:hover{background:#2b3c36;border-color:var(--yellow)}.drop-icon{font:400 3rem var(--mono);color:var(--yellow)}.dropzone strong{font-size:1.15rem}.dropzone small{color:#9da9a4;margin:.4rem 0 1.4rem}.resolution-control{margin-top:2rem}.resolution-control label{display:flex;justify-content:space-between;font-weight:700}.resolution-control output{font:500 .75rem var(--mono);color:var(--yellow)}input[type=range]{width:100%;accent-color:var(--coral);margin:1rem 0 .2rem}.range-labels{display:flex;justify-content:space-between;color:#9da9a4;font:400 .68rem var(--mono)}.preview-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;border-bottom:1px solid #52605b;font:500 .68rem var(--mono)}.preview-toolbar button{border:0;background:none;color:var(--yellow);font:500 .68rem var(--mono);cursor:pointer}.preview-toolbar button:disabled{opacity:.35;cursor:not-allowed}.canvas-wrap{aspect-ratio:1;position:relative;display:grid;place-items:center;background:#17231f;padding:1.5rem}.canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:none}.canvas-wrap.has-image canvas{display:block}.canvas-wrap.has-image #empty-preview{display:none}#empty-preview{text-align:center;color:#798680}#empty-preview span{font-size:2.2rem;color:var(--yellow)}.recipe{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #52605b}.recipe div{padding:1rem 1.2rem;border-right:1px solid #52605b}.recipe div:last-child{border:0}.recipe small{display:block;color:#9da9a4;font:400 .62rem var(--mono)}.recipe strong{font:700 1.1rem var(--mono);color:white}.swatches{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.2rem 1.2rem}.swatch{display:flex;align-items:center;gap:.35rem;background:#17231f;padding:.3rem .55rem;font:400 .62rem var(--mono)}.swatch i{width:12px;height:12px;display:block}.classics{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:8rem 7vw}.classics-art{min-height:450px;background:var(--teal);position:relative;overflow:hidden}.classics-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px}.mini-art{position:absolute;image-rendering:pixelated}.robot{width:168px;height:196px;left:calc(50% - 84px);top:85px;background:linear-gradient(90deg,transparent 14%,var(--yellow) 14% 86%,transparent 86%);box-shadow:0 28px 0 var(--orange),0 56px 0 var(--coral),-28px 84px 0 var(--yellow),28px 84px 0 var(--yellow),0 112px 0 var(--orange)}.rocket{width:28px;height:56px;background:var(--paper);left:15%;top:15%;box-shadow:0 28px 0 var(--coral)}.heart{width:28px;height:28px;background:var(--coral);right:15%;bottom:20%;box-shadow:28px 0 0 var(--coral),0 28px 0 var(--coral),28px 28px 0 var(--coral),14px 42px 0 var(--coral)}.classics h2{font-size:clamp(2.5rem,4.6vw,4.8rem)}.classics p{max-width:550px;color:#55605b;font-size:1.05rem}.coming-soon{display:inline-block;margin-top:1.5rem;padding:.65rem .8rem;background:var(--yellow);font:500 .7rem var(--mono)}footer{padding:4rem 7vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:1rem}footer p{font-size:1.2rem;margin:0}footer small{text-align:right;color:#70695f}@media(max-width:850px){.site-header{height:68px}.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-art{min-height:430px}.pixel-frame canvas{width:300px;height:300px}.steps,.studio,.classics{grid-template-columns:1fr}.steps{gap:3rem}.studio{gap:1rem}.classics-art{min-height:390px}.classics>div:last-child{grid-row:1}footer{grid-template-columns:1fr}footer small{text-align:left}}@media(max-width:520px){.site-header{padding:0 1rem}.nav-cta{padding:.5rem .65rem}.hero,.how,.studio-section,.classics{padding-left:1.25rem;padding-right:1.25rem}.hero h1{font-size:2.75rem}.hero-actions{align-items:flex-start;flex-direction:column}.trust-list{display:grid}.hero-art{min-height:350px}.sun{width:300px;height:300px}.pixel-frame canvas{width:240px;height:240px}.floating-card{font-size:.7rem}.steps{margin-top:3rem}.studio-section{padding-top:5rem;padding-bottom:5rem}.canvas-wrap{padding:.7rem}.recipe div{padding:.8rem}.classics-art{min-height:310px}.robot{transform:scale(.75)}footer{padding:3rem 1.25rem}}