@font-face{font-family:Helvetica Now;src:url('/landing-assets/build/helvetica-DK75EWUH.woff2') format('woff2');font-weight:100 1000;font-display:swap}@font-face{font-family:Editorial;src:url('/landing-assets/build/editorial-B7RPcZIx.woff2') format('woff2');font-display:swap}@font-face{font-family:Mono;src:url('/landing-assets/build/mono-B8NHbv5N.woff2') format('woff2');font-display:swap}
:root{--paper:#18121f;--ink:#eae3f0;--lime:#d1a4f8;--forest:#2a1938;--surface:#1b161f;--muted:#9884aa;--rule:#eae3f02e;--gutter:48px;font-family:Helvetica Now,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:35px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.6}em{font-family:Editorial,Georgia,serif;font-weight:400}img,canvas,svg{display:block;max-width:100%}canvas{image-rendering:pixelated}button{background:none;border:0}[hidden]{display:none!important}.mono,.eyebrow,.section-label{font-family:Mono,monospace;font-weight:400}.mono{font-size:9px;letter-spacing:.04em}.eyebrow{font-size:10px;letter-spacing:.06em}.section-pad{padding:95px var(--gutter)}.section-label{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:10px;letter-spacing:.035em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:50px 0 45px}h2{font-size:clamp(42px,5.3vw,80px);letter-spacing:-.055em;line-height:1.04}.section-heading p{font-size:14px;color:var(--muted);padding-bottom:7px}.skip-link{position:fixed;top:15px;left:15px;z-index:100;background:var(--lime);color:var(--paper);padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:15px 25px;border-radius:2px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:#1a1320}.button.primary:hover{background:#e1beff}.button>span{font-size:18px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;border-bottom:1px solid var(--rule);padding:13px 0}.text-link:hover{color:var(--lime)}.plain-button{background:none;border:0;padding:0;font-size:10px;color:var(--muted);cursor:pointer}.plain-button:hover{color:var(--ink)}.status-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--lime)}.header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:36px var(--gutter);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:9px;align-items:center}.brand img{width:46px;height:49px;object-fit:contain;image-rendering:pixelated}.brand>span{font-size:26px;letter-spacing:-.06em;line-height:1}.brand small{display:block;font:7px Mono,monospace;letter-spacing:.085em;margin-top:9px}.header-right{display:flex;align-items:center;gap:30px}.header-note{font:8px Mono,monospace;display:flex;align-items:center;gap:8px;color:#c1b5cb}.menu-toggle{width:44px;height:44px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.cut-corners{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.menu-toggle span{width:16px;height:1px;background:var(--lime);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-menu{position:absolute;top:102px;right:var(--gutter);width:410px;max-width:calc(100% - 48px);padding:35px;background:var(--lime);color:#1a1320;z-index:19;box-shadow:0 20px 80px #0008}.site-menu a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #1a132030;font-size:28px;letter-spacing:-.045em}.site-menu a span{font-size:22px}.site-menu p{font-size:8px;margin-top:25px}.hero{position:relative;overflow:clip;display:flex;flex-direction:column;align-items:center;background:var(--paper)}.hero-trees{position:absolute;inset:0;overflow:clip;pointer-events:none}.tree{position:absolute;top:-5%;width:36%;max-width:560px;opacity:.55}.tree-left{left:-6%}.tree-right{right:-6%}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1050px;padding:clamp(190px,16vw,240px) var(--gutter) 65px}h1{font-size:clamp(56px,7vw,104px);font-weight:400;letter-spacing:-.065em;line-height:.97;text-align:center;margin:0;position:relative;z-index:1}h1 em{letter-spacing:-.065em}.hero-device{position:relative;width:350px;max-width:74vw;margin-top:-8px;z-index:2}.phone{border:7px solid #18121f;border-radius:48px;background:#18121f;box-shadow:0 22px 85px #0008,0 0 0 1px #4445 inset;overflow:hidden;padding:17px 19px 20px}.phone-status{height:34px;display:flex;justify-content:space-between;align-items:start;position:relative;padding:1px 10px 0;font-size:10px}.phone-status>span:last-child{font-size:7px;padding-top:2px}.phone-island{position:absolute;left:50%;top:-5px;transform:translateX(-50%);height:25px;width:88px;background:#030403;border-radius:25px}.phone-content{padding-top:13px}.phone-brand{display:flex;align-items:center;justify-content:space-between;font-size:20px;letter-spacing:-.045em;margin-bottom:14px}.pixel-spark{font-size:25px;color:var(--lime)}.phone-caption{display:flex;align-items:center;gap:6px;color:var(--lime);background:#221330;border-radius:9px;padding:11px 10px;font-size:6px;letter-spacing:.025em;margin-bottom:14px}.phone-caption .status-dot{width:4px;height:4px}.phone-art{height:308px;width:100%;background:#261b30;position:relative;border-radius:9px;overflow:hidden}.phone-art canvas{height:100%;width:100%;object-fit:cover}.art-tag{position:absolute;bottom:10px;left:10px;background:#18121fbf;padding:7px 8px;color:var(--lime);font-size:6px}.phone-info{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.phone-info .mono{font-size:6px;color:var(--muted)}.phone-info strong{font-weight:400;display:block;font-size:19px;letter-spacing:-.035em;line-height:1.1;margin-top:7px}.phone-info img{border-radius:50%;object-fit:cover;border:1px solid #d1a4f860}.phone-cta{width:100%;border-radius:25px;background:var(--lime);padding:12px 15px;color:#1c1224;font-size:10px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.phone-footer{font-size:5px;color:var(--muted);text-align:center;margin-top:11px}.hero-mascot{position:absolute;width:165px;height:165px;object-fit:contain;right:-126px;bottom:55px;image-rendering:pixelated;filter:drop-shadow(0 10px 15px #0006);animation:float-pix 5s ease-in-out infinite}.mascot-note{position:absolute;right:-149px;bottom:9px;color:var(--muted);font-size:8px;line-height:1.7;transform:rotate(-7deg)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.hero-description{text-align:center;font-size:13px;color:var(--muted);margin-top:23px}.hero-base{width:calc(100% - var(--gutter)*2);margin:0 var(--gutter);border-top:1px solid var(--rule);padding:21px 0;display:flex;justify-content:space-between;gap:20px;font:8px Mono,monospace;color:var(--muted)}.hero-base>span:nth-child(2){display:flex;align-items:center;gap:8px}.studio{padding-top:70px}.upload-zone{display:flex;align-items:center;gap:22px;min-height:118px;padding:26px 30px;border:1px dashed #d1a4f85a;background:#1b161f70;cursor:pointer;transition:background .2s,border-color .2s;margin-bottom:24px;border-radius:3px}.upload-zone:hover,.upload-zone.dragging{background:#291d34;border-color:var(--lime)}.upload-icon{font:38px Editorial,serif;width:45px;text-align:center;color:var(--lime)}.upload-zone strong{display:block;font-size:20px;font-weight:400;letter-spacing:-.035em}.upload-zone div>span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.upload-zone u{color:var(--lime);text-underline-offset:3px}.upload-formats{margin-left:auto;text-align:right;color:var(--muted);font-size:8px;line-height:1.8}.editor{display:grid;grid-template-columns:1fr 340px;border:1px solid var(--rule);border-radius:3px;background:#131016;overflow:hidden}.preview-column{min-width:0;padding:24px 30px 20px;border-right:1px solid var(--rule);display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;gap:18px;font-size:8px;padding-bottom:20px;color:#a897b6}.preview-top>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.preview-top>span:last-child{color:var(--lime);white-space:nowrap}.preview-stage{min-height:470px;display:flex;justify-content:center;align-items:center;background-color:#18121f;background-image:linear-gradient(45deg,#e1d8e904 25%,transparent 25%),linear-gradient(-45deg,#e1d8e904 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1d8e904 75%),linear-gradient(-45deg,transparent 75%,#e1d8e904 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;position:relative;flex:1;padding:25px;overflow:hidden}.canvas-frame{--split:45%;position:relative;width:100%;max-width:425px;aspect-ratio:4/5;background-color:transparent;box-shadow:0 12px 35px #0005}.canvas-frame canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:fill}.canvas-frame #original-canvas{image-rendering:auto}.canvas-frame #pixel-canvas{clip-path:inset(0 0 0 var(--split))}.compare-line{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:#f3edfc99;left:var(--split);pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--lime);color:#18121f;font-size:19px;width:35px;height:35px;border-radius:50%;box-shadow:0 2px 20px #0005}.compare-label{position:absolute;top:12px;padding:6px 8px;background:#18121fac;color:#eae3f0;font:7px Mono,monospace;z-index:2;pointer-events:none}.compare-label.before{left:12px}.compare-label.after{right:12px;color:var(--lime)}#compare-slider{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}#compare-slider:focus-visible{opacity:.01;outline:0}.canvas-frame:has(#compare-slider:focus-visible){outline:2px solid var(--lime);outline-offset:4px}.canvas-frame.pixel-only #pixel-canvas{clip-path:none}.canvas-frame.pixel-only #original-canvas,.canvas-frame.pixel-only .compare-line,.canvas-frame.pixel-only .compare-label.before,.canvas-frame.pixel-only #compare-slider{display:none}.preview-loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#18121fc9;backdrop-filter:blur(4px);font:11px Mono,monospace}.pixel-loader{height:20px;width:20px;background:var(--lime);animation:pixel-load .75s steps(4) infinite}.preview-bottom{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--rule)}.preview-bottom>.mono{font-size:7px;color:var(--muted)}.view-switch{display:flex;border:1px solid var(--rule);padding:3px;border-radius:3px}.view-switch button{font-size:9px;padding:7px 10px;color:var(--muted)}.view-switch button.active{background:#32263c;color:var(--lime)}.image-meta{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:var(--muted);margin-top:16px}.controls{padding:25px 25px 24px;background:#1b161f70}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.control-heading .mono{font-size:8px;color:var(--lime)}.control-heading .plain-button{font-size:9px}.control-block{margin:0 0 26px;padding:0;border:0;min-width:0}.control-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.controls label,.palette-field legend{font-size:12px}.control-label output{font:8px Mono,monospace;color:var(--lime)}input[type=range]{appearance:none;-webkit-appearance:none;height:3px;width:100%;background:#493b55;border-radius:0;margin:10px 0;accent-color:var(--lime)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:16px;background:var(--lime);border:0;border-radius:1px;cursor:ew-resize}input[type=range]::-moz-range-thumb{width:13px;height:16px;background:var(--lime);border:0;border-radius:1px}.range-labels{display:flex;justify-content:space-between;font-size:6px;color:var(--muted);margin-top:8px}.palette-field legend{margin-bottom:14px}.palette-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.palette-option{border:1px solid var(--rule);border-radius:2px;padding:9px 7px;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0;transition:border-color .2s,background .2s}.palette-option.active{border-color:var(--lime);background:#d1a4f808}.palette-option>span:nth-child(2){font-size:10px}.palette-option small{font:5px Mono,monospace;color:var(--muted);white-space:nowrap}.swatch{width:100%;height:15px;display:block;background:linear-gradient(90deg,#523831 0 25%,#a7715d 25% 50%,#d3a38b 50% 75%,#e8c6b5 75%)}.swatch.gameboy{background:linear-gradient(90deg,#0f380f 0 25%,#306230 25% 50%,#8bac0f 50% 75%,#c5df77 75%)}.swatch.arcade{background:linear-gradient(90deg,#30346d 0 25%,#d04648 25% 50%,#d27d2c 50% 75%,#dad45e 75%)}.swatch.pastel{background:linear-gradient(90deg,#867391 0 25%,#e18791 25% 50%,#b5d6d6 50% 75%,#f4edd3 75%)}.swatch.mono{background:linear-gradient(90deg,#101010 0 25%,#53594b 25% 50%,#9ba887 50% 75%,#edf0e3 75%)}select{display:block;width:100%;font-size:11px;color:var(--ink);background:#201a25;border:1px solid var(--rule);border-radius:2px;padding:11px 9px;margin-top:10px;min-height:39px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;margin:0 0 26px}.toggle-row small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.toggle-row input{position:absolute;opacity:0;width:36px;height:22px}.switch{width:34px;height:20px;border:1px solid #77608b;border-radius:20px;position:relative;background:#27202d;flex-shrink:0}.switch:before{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;background:#8b759f;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.switch{background:var(--lime);border-color:var(--lime)}.toggle-row input:checked+.switch:before{transform:translateX(14px);background:#241730}.toggle-row input:focus-visible+.switch{outline:2px solid var(--lime);outline-offset:4px}.export-controls{border-top:1px solid var(--rule);padding-top:22px}.export-controls label{font-size:10px;color:var(--muted)}.export-controls .button{width:100%;margin-top:16px;min-height:48px;font-size:12px;padding:13px 17px}.download-note{text-align:center;color:var(--muted);font-size:7px;margin-top:12px}.studio-footnote{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-top:20px;color:var(--muted);font-size:10px}.studio-footnote>span{display:flex;align-items:center;gap:8px}.studio-footnote .status-dot{width:4px;height:4px}.error-message{padding:15px 18px;background:#a14a3420;border:1px solid #d5977350;color:#ffcdb0;font-size:12px;margin:0 0 20px}.looks{padding-top:40px}.look-rows{margin-top:42px;border-top:1px solid var(--rule)}.look-rows>button{display:grid;grid-template-columns:36px 1fr 235px 40px;gap:18px;width:100%;align-items:center;border-bottom:1px solid var(--rule);padding:24px 0;text-align:left}.row-number{font:10px Mono,monospace;color:var(--muted)}.look-rows>button>span:nth-child(2){font-size:clamp(32px,4.6vw,66px);letter-spacing:-.055em;line-height:1.1}.look-rows em{font-style:normal;color:var(--lime);padding:0 4px}.look-caption{font-size:8px;color:var(--muted)}.look-rows .arrow{font-size:32px;color:var(--lime);text-align:right;transition:transform .2s}.look-rows>button:hover .arrow{transform:translate(4px,-4px)}.look-rows>button:hover>span:nth-child(2){color:var(--lime)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.gallery-card{display:block;padding:0;position:relative;overflow:hidden;border:1px solid var(--rule);text-align:left;background:var(--surface)}.gallery-card canvas{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}.gallery-card:hover canvas{transform:scale(1.035)}.gallery-card>div{display:flex;justify-content:space-between;gap:12px;padding:17px 14px;font:7px Mono,monospace;color:var(--lime);background:#1b161f;position:relative}.gallery-note{font-size:7px;color:var(--muted);margin-top:17px}.manifesto{padding-top:100px;padding-bottom:120px}.manifesto>.eyebrow{display:block;font-size:9px;color:var(--muted);margin-bottom:35px}.manifesto>div{font-size:clamp(70px,12vw,184px);line-height:.84;letter-spacing:-.055em;display:flex;align-items:center;gap:45px}.manifesto>div:nth-child(3),.manifesto>div:nth-child(5){padding-left:12%;line-height:.94}.manifesto img{width:clamp(75px,10vw,150px);height:clamp(75px,10vw,150px);object-fit:contain;image-rendering:pixelated}.manifesto>div:nth-child(4){margin-top:12px}.how{padding-top:20px;padding-bottom:60px}.how-card{background:var(--lime);color:#1a1023;padding:45px;border-radius:2px}.how-card h2{font-size:clamp(46px,6vw,88px);margin:50px 0 60px}.how-card ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #1a102340}.how-card li{padding:25px 30px 15px 0;border-right:1px solid #1a102335}.how-card li:last-child{border:0;padding-right:0}.how-card li>.mono{font-size:8px}.how-card h3{font-size:30px;letter-spacing:-.04em;margin:26px 0 15px}.how-card li p{font-size:13px;max-width:275px;color:#4a3a58}.how-note{font-size:8px;display:block;margin-top:45px}.meet-pix{padding-top:55px}.meet-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:45px}.mascot-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b161f80;aspect-ratio:1;overflow:hidden;border:1px solid var(--rule)}.mascot-stage>img{width:80%;height:80%;object-fit:contain;position:relative;image-rendering:pixelated;animation:float-pix 5s ease-in-out infinite}.mascot-sign{color:#a18cb3;font-size:8px;position:absolute;bottom:22px}.pixel-orbit{position:absolute;width:66%;height:66%;border:1px dashed #d1a4f83a;transform:rotate(12deg)}.meet-grid>div:last-child>.eyebrow{font-size:8px;color:var(--muted)}.meet-grid h2{margin-top:24px}.meet-grid p{font-size:15px;max-width:440px;margin:30px 0;color:var(--muted)}.meet-grid .text-link{color:var(--lime)}.faq{padding-top:35px}.faq>.section-label{margin-bottom:35px}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq summary{padding:25px 0;display:flex;justify-content:space-between;gap:25px;font-size:23px;letter-spacing:-.03em}.faq summary>span{color:var(--lime);font-size:26px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{max-width:800px;color:var(--muted);font-size:14px;margin:0 0 25px}.closing{padding-top:50px;padding-bottom:130px}.build-word{position:relative;height:24vw;width:100%;font-size:24vw;letter-spacing:-.065em;line-height:.9;text-align:center;overflow:hidden}.build-word>span{position:absolute;background:var(--paper);left:0;right:0;top:0;padding-bottom:6px}.build-word>span:nth-child(1){transform:translateY(-9.5vw);color:#312839}.build-word>span:nth-child(2){transform:translateY(-4.5vw);color:#7f6794}.build-word>span:nth-child(3){transform:translateY(1.2vw);color:var(--ink)}.closing-action{position:relative;display:flex;align-items:center;justify-content:center;height:190px;margin-top:45px}.closing-stem{position:absolute;width:54px;height:240px;border-radius:30px;background:var(--lime)}.closing-action .button{position:relative;border:1px solid var(--paper);min-width:265px;justify-content:space-between;border-radius:30px}.closing>p{text-align:center;color:var(--muted);font-size:14px;margin-top:40px}.closing>p>em{color:var(--ink);font-size:27px}.footer{padding-top:0;padding-bottom:32px}.footer-wordmark{font-size:clamp(90px,20.5vw,310px);font-weight:400;letter-spacing:-.085em;line-height:.9;position:relative;margin-left:-.01em;padding-bottom:35px}.footer-wordmark>span{font-size:2.5vw;position:absolute;right:0;top:2.5vw;letter-spacing:0}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;border-top:1px solid var(--rule);padding-top:28px}.footer-bottom .mono{font-size:8px;color:var(--muted)}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;margin-top:20px}.footer-bottom p{font-size:13px;color:var(--muted)}.footer-right{display:flex;flex-direction:column;gap:25px;font-size:11px;text-align:right}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--lime);color:#170d20;box-shadow:0 10px 45px #0006;padding:15px 23px;max-width:calc(100% - 40px);font-size:12px;border-radius:2px}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--lime);color:#18121f;padding:20px;z-index:99}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@keyframes float-pix{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pixel-load{to{transform:rotate(360deg)}}
@media(min-width:1600px){:root{--gutter:64px}.preview-stage{min-height:600px}.canvas-frame{max-width:500px}.editor{grid-template-columns:1fr 380px}.hero-inner{padding-top:240px}.hero-device{width:375px}.phone-art{height:335px}}
@media(max-width:1050px){:root{--gutter:32px}.editor{grid-template-columns:1fr 300px}.preview-column{padding:20px}.preview-stage{padding:15px}.controls{padding:23px 20px}.look-rows>button{grid-template-columns:30px 1fr 170px 30px}.look-caption{font-size:7px}.meet-grid{gap:45px}.phone-art{height:295px}.hero-device{width:335px}.hero-mascot{width:135px;height:135px;right:-105px}.mascot-note{right:-110px;bottom:17px;font-size:7px}.gallery-card>div{font-size:6px;padding:14px 10px}}
@media(max-width:760px){:root{--gutter:24px;scroll-padding-top:20px}.section-pad{padding:65px var(--gutter)}.header{padding:25px var(--gutter)}.brand img{width:35px;height:39px}.brand>span{font-size:23px}.brand small{font-size:5px;margin-top:7px}.header-note{display:none}.menu-toggle{width:40px;height:40px}.site-menu{top:87px;right:24px;padding:26px}.site-menu a{font-size:26px}.site-menu p{font-size:7px}.hero-inner{padding:164px var(--gutter) 40px}h1{font-size:clamp(49px,9.2vw,70px);line-height:1.01}.tree{width:60%;top:-1%;opacity:.42}.tree-left{left:-20%}.tree-right{right:-20%}.hero-device{width:290px;max-width:71vw;margin-top:2px}.phone{border-width:6px;border-radius:36px;padding:13px 14px 17px}.phone-status{height:29px;font-size:8px;padding:1px 5px}.phone-status>span:last-child{font-size:5px}.phone-island{width:70px;height:20px;top:-4px}.phone-content{padding-top:9px}.phone-brand{font-size:17px;margin-bottom:10px}.pixel-spark{font-size:20px}.phone-caption{font-size:5px;padding:9px 7px;margin-bottom:10px}.phone-art{height:247px;border-radius:7px}.phone-info{margin:13px 0;gap:10px}.phone-info .mono{font-size:5px}.phone-info strong{font-size:16px;margin-top:5px}.phone-info img{width:35px;height:35px}.phone-cta{font-size:8px;padding:10px 12px}.phone-footer{font-size:4px}.hero-mascot{width:100px;height:100px;right:-49px;bottom:36px}.mascot-note{display:none}.hero-actions{flex-direction:column;gap:7px;margin-top:30px;width:100%}.hero-actions .button{min-width:240px}.hero-actions .text-link{font-size:10px}.hero-description{font-size:11px;margin-top:20px}.hero-base{font-size:6px;padding:17px 0;gap:12px}.hero-base>span:nth-child(2){display:none}.section-label{font-size:7px;gap:12px}.section-heading{flex-direction:column;align-items:start;gap:24px;margin:34px 0 30px}h2{font-size:46px}.section-heading p{font-size:12px;padding:0}.studio{padding-top:45px}.upload-zone{gap:13px;padding:22px 18px;min-height:105px;margin-bottom:18px}.upload-icon{width:25px;font-size:31px}.upload-zone strong{font-size:17px;line-height:1.2}.upload-zone div>span{font-size:10px;line-height:1.6}.upload-formats{display:none}.editor{grid-template-columns:1fr}.preview-column{border-right:0;border-bottom:1px solid var(--rule);padding:18px}.preview-top{font-size:6px;padding-bottom:15px}.preview-stage{min-height:300px;padding:14px}.canvas-frame{max-width:380px}.compare-label{font-size:5px;padding:5px}.compare-line span{width:28px;height:28px;font-size:16px}.preview-bottom{gap:10px;padding:14px 0}.preview-bottom>.mono{font-size:5px}.view-switch button{font-size:8px;padding:6px 7px}.image-meta{font-size:6px;margin-top:13px}.image-meta .plain-button{font-size:8px}.controls{padding:25px 22px}.control-heading{margin-bottom:25px}.control-heading .mono{font-size:8px}.control-block{margin-bottom:25px}.controls label,.palette-field legend{font-size:12px}.palette-options{grid-template-columns:repeat(5,1fr);gap:6px}.palette-option{padding:8px 5px;gap:5px}.palette-option>span:nth-child(2){font-size:8px}.palette-option small{font-size:4px}.swatch{height:14px}.control-label{margin-bottom:10px}.toggle-row small{font-size:9px}.export-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:13px;align-items:end}.export-controls .button{font-size:11px;padding:13px;margin:0;min-height:40px;gap:10px}.export-controls select{min-height:40px}.download-note{grid-column:1/-1;margin:2px 0 0}.studio-footnote{flex-direction:column;gap:14px;font-size:9px;margin-top:17px}.studio-footnote>span{align-items:start;line-height:1.6}.studio-footnote .status-dot{margin-top:6px}.studio-footnote .plain-button{font-size:9px}.looks{padding-top:20px}.look-rows{margin-top:30px}.look-rows>button{grid-template-columns:20px 1fr 25px;gap:10px;padding:23px 0}.look-rows>button>span:nth-child(2){font-size:clamp(27px,6.5vw,42px)}.row-number{font-size:8px}.look-caption{display:none}.look-rows .arrow{font-size:26px}.gallery{gap:10px;margin-top:30px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card>div{font-size:5px;padding:10px 7px;line-height:1.6}.gallery-card>div>span:last-child{display:none}.gallery-note{font-size:6px;line-height:1.8}.manifesto{padding-top:50px;padding-bottom:65px}.manifesto>.eyebrow{font-size:7px;margin-bottom:30px}.manifesto>div{font-size:14.5vw;gap:20px}.manifesto img{width:18vw;height:18vw}.manifesto>div:nth-child(3),.manifesto>div:nth-child(5){padding-left:7%}.how{padding-top:15px;padding-bottom:35px}.how-card{padding:27px}.how-card h2{font-size:45px;margin:35px 0}.how-card ol{grid-template-columns:1fr;gap:0}.how-card li{border-right:0;border-bottom:1px solid #1a102330;padding:24px 0}.how-card li>.mono{font-size:7px}.how-card h3{font-size:29px;margin:17px 0 10px}.how-card li p{font-size:12px;max-width:none}.how-note{font-size:6px;line-height:1.8;margin-top:20px}.meet-pix{padding-top:35px}.meet-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.mascot-stage{aspect-ratio:1.15}.mascot-stage>img{width:80%;height:80%}.mascot-sign{font-size:7px}.meet-grid>div:last-child>.eyebrow{font-size:6px}.meet-grid h2{margin-top:20px}.meet-grid p{font-size:13px;margin:23px 0}.meet-grid .text-link{font-size:11px}.faq{padding-top:20px}.faq>.section-label{margin-bottom:25px}.faq summary{font-size:18px;padding:23px 0;line-height:1.3}.faq summary>span{font-size:23px}.faq details>p{font-size:12px}.closing{padding-top:30px;padding-bottom:80px}.build-word{height:26vw;font-size:26vw}.closing-action{height:150px;margin-top:35px}.closing-stem{height:185px;width:48px}.closing-action .button{min-width:230px;min-height:48px;font-size:11px}.closing>p{font-size:12px;margin-top:30px}.closing>p>em{font-size:24px}.footer{padding-top:15px;padding-bottom:25px}.footer-wordmark{font-size:20vw;padding-bottom:25px}.footer-wordmark>span{font-size:4vw;top:1vw}.footer-bottom{grid-template-columns:1fr auto;gap:25px;padding-top:25px}.footer-bottom p{display:none}.footer-bottom .mono{font-size:6px}.footer-bottom nav{gap:14px;font-size:10px;margin-top:16px}.footer-right{gap:20px;font-size:9px}.toast{font-size:11px;padding:13px 18px}.error-message{font-size:11px}}
@media(max-width:370px){.hero-device{max-width:73vw}.palette-options{grid-template-columns:repeat(3,1fr)}.palette-option>span:nth-child(2){font-size:9px}.palette-option small{font-size:5px}.preview-bottom{flex-direction:column;align-items:start}.export-controls{grid-template-columns:1fr}.export-controls .button{margin-top:5px}.footer-bottom{grid-template-columns:1fr}.footer-right{text-align:left;flex-direction:row;justify-content:space-between}}
.skip-link{top:15px;transform:none;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{top:15px;transform:none;width:auto;height:auto;padding:14px;clip-path:none}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}