body.landing{padding:0}.landing-nav{z-index:100;background:0 0;justify-content:flex-end;align-items:center;padding:12px 24px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-links{align-items:center;gap:16px;display:flex}.landing-nav-links a{border:1px solid var(--color-border-glass);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:32px;color:var(--color-text-muted);font-size:var(--fs-minor);letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;transition:all .3s;display:inline-flex}.landing-nav-links a:hover{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-border-hover)}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;max-width:700px;padding:0 20px;position:relative}.hero-title{letter-spacing:3px;color:var(--color-text-primary);min-height:1.2em;margin-bottom:16px;font-family:Inconsolata LGC,Consolas,monospace;font-size:max(2rem,min(5vw,3.5rem));font-weight:400}.hero-title .cursor{background:var(--color-text-muted);vertical-align:text-bottom;width:.6em;height:1.1em;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;transition:opacity .6s .1s,transform .6s .1s;display:flex;transform:translateY(8px)}.hero-cta.visible{opacity:1;transform:translateY(0)}.scroll-hint{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1s 2.5s forwards scrollHintIn;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint-text{font-size:var(--fs-minor);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase}.scroll-hint-chevron{border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:20px;height:20px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}@keyframes scrollHintIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:.6;transform:translate(-50%)translateY(0)}}@keyframes scrollBounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(6px)}}.landing-section{z-index:1;max-width:1100px;margin:0 auto;padding:100px 24px;position:relative}#demo,#products{scroll-margin-top:-96px}.section-label{font-size:var(--fs-minor);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.section-title{color:var(--color-text-primary);letter-spacing:1px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;margin-bottom:12px;font-size:max(1.4rem,min(3vw,2rem));font-weight:400;display:inline-block}.section-desc{font-size:var(--fs-body);color:var(--color-text-muted);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;max-width:600px;margin-bottom:12px;line-height:1.7}.demo-header-reveal{min-height:var(--demo-header-height,auto);margin-bottom:12px}.demo-stage-reveal{margin-top:var(--demo-stage-shift,0px);transition:margin-top .4s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.demo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.demo-tab{border:1px solid var(--color-border-glass);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-muted);font-family:inherit;font-size:var(--fs-minor);cursor:pointer;letter-spacing:.5px;border-radius:6px;padding:8px 20px;transition:all .3s}.demo-tab:hover{background:var(--color-bg-canvas);color:var(--color-text-secondary);border-color:var(--color-border-hover)}.demo-tab.active{background:var(--color-bg-canvas);color:var(--color-text-bright);border-color:var(--color-border-hover)}.mode-toggle{border:1px solid var(--color-border-glass);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-muted);font-family:inherit;font-size:var(--fs-minor);cursor:pointer;letter-spacing:.5px;border-radius:6px;margin-left:auto;padding:8px 20px;transition:all .3s}.mode-toggle:hover{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-border-hover)}.demo-stage{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.demo-ascii-wrap{flex-direction:column;display:flex}.demo-original{border:1px solid var(--color-border-subtle);background:var(--color-bg-input);aspect-ratio:5/6;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:opacity .4s,max-width .4s,padding .4s;display:flex;position:relative;overflow:hidden}.demo-original-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-original-inner img{object-fit:contain;border:1px solid var(--color-border-subtle);border-radius:2px;max-width:100%;max-height:100%;transition:opacity .25s;display:block}.demo-ascii{border:1px solid var(--color-border-subtle);background:var(--color-bg-canvas);aspect-ratio:5/6;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:height .4s;display:flex;position:relative;overflow:hidden}.demo-ascii canvas{border:1px solid var(--color-border-subtle);border-radius:2px;max-width:100%;max-height:100%;transition:opacity .25s;display:block}.demo-ascii-bg-picker{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-glass);border-radius:8px;align-self:flex-end;margin-top:8px;padding:4px 8px}.demo-ascii-bg-picker .bg-color-label{-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.demo-controls-panel{flex-direction:column;gap:10px;max-width:400px;margin-top:-32px;display:flex}.demo-controls-panel .control-group{flex-direction:column;gap:6px;display:flex}.demo-controls-panel .control-group input[type=range]{z-index:1;position:relative}.demo-controls-panel .control-label-row label,.demo-controls-panel .control-label-row .editable-val{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;padding:2px 6px;display:inline-block}.demo-controls-panel .checkbox-group{margin-top:4px}.demo-controls-panel .checkbox-group label{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;padding:2px 10px;display:inline-flex}@media (width>=601px){.demo-controls-panel{grid-template-columns:1fr 1fr;gap:10px 20px;max-width:500px;margin-left:auto;margin-right:auto;display:grid}.demo-controls-panel .checkbox-group{grid-column:1/-1;justify-content:center;margin-top:2px}}.demo-cta{text-align:center;margin-top:40px}@media (width>=901px){#demo.ascii-only .section-desc{opacity:0;margin-bottom:0}#demo.ascii-only .demo-stage{grid-template-columns:0fr 1fr;gap:0}#demo.ascii-only .demo-original{opacity:0;border:none;margin:0;padding:0;overflow:hidden}#demo.ascii-only .demo-ascii{aspect-ratio:auto;height:var(--demo-ascii-height,auto)}}.products-scroll{scroll-snap-type:x mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.products-scroll::-webkit-scrollbar{display:none}.products-scroll.is-jumping .product-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.product-card{scroll-snap-align:start;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-glass);border-radius:12px;flex:0 0 calc(50% - 10px);overflow:hidden}.product-mockup{aspect-ratio:3/4;background:var(--color-bg-input);cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-mockup img{object-fit:cover;width:100%;height:100%;transition:opacity .25s;display:block}.product-mockup:after{content:"Click to Zoom";font-size:var(--fs-minor);color:var(--color-text-primary);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.product-mockup:hover img{opacity:.5}.product-mockup:hover:after{opacity:1}.product-badge{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-glass);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.65rem;position:absolute;top:12px;right:12px}.product-info{padding:16px}.product-name{font-size:var(--fs-body);color:var(--color-text-primary);margin-bottom:4px}.product-price{font-size:var(--fs-minor);color:var(--color-text-muted)}.products-nav{justify-content:center;align-items:center;gap:12px;display:flex}.carousel-arrow{border:1px solid var(--color-border-glass);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.carousel-arrow:hover{background:var(--color-bg-canvas);border-color:var(--color-border-hover);color:var(--color-text-primary)}.products-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dot{cursor:pointer;background:var(--color-text-muted);opacity:.25;will-change:opacity;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:opacity .3s,background .3s}.dot.active{opacity:1;background:var(--color-text-primary)}@media (hover:none){.carousel-arrow,.product-mockup:after{display:none}.product-mockup:hover img{opacity:1}}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-glass);border-radius:12px;padding:28px 24px;transition:transform .3s}.feature-card:hover{transform:translateY(-2px)}.feature-icon{border:1px solid var(--color-border-glass);background:var(--color-bg-hover-subtle);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.feature-icon svg{width:20px;height:20px;stroke:var(--color-text-muted);fill:none;stroke-width:1.5px}.feature-title{font-size:var(--fs-body);color:var(--color-text-primary);margin-bottom:8px;font-weight:400}.feature-desc{font-size:var(--fs-minor);color:var(--color-text-muted);line-height:1.6}.landing-footer{z-index:1;text-align:center;border-top:1px solid var(--color-border-subtle);color:var(--color-text-footer);font-size:var(--fs-minor);padding:20px 24px;position:relative}.landing-footer-links{justify-content:center;gap:16px;margin-bottom:6px;display:flex}.landing-footer-links a{color:var(--color-text-muted);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;padding:2px 8px;text-decoration:none;transition:color .3s;display:inline-block}.landing-footer-links a:hover{color:var(--color-text-primary)}.landing-footer p{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:6px;padding:2px 8px;display:inline-block}@media (width<=900px){.demo-stage{grid-template-columns:1fr}.demo-controls-panel{margin-top:0}.features-grid{grid-template-columns:1fr 1fr}.mode-toggle{display:none}}@media (width<=600px){.landing-nav{padding:10px 16px}.landing-section{padding:60px 16px}.hero-title{letter-spacing:1px}.features-grid{grid-template-columns:1fr}.product-card{flex:0 0 100%}.demo-tabs{gap:6px}.demo-ascii-bg-picker{width:100%;margin-bottom:8px}.demo-controls-panel .checkbox-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-controls-panel .checkbox-group label{box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;padding:10px;display:flex}.demo-cta .btn{justify-content:center;align-items:center;width:100%;min-height:44px;padding:12px 24px;display:flex}.demo-tab,.mode-toggle{padding:6px 14px;font-size:.75rem}#demo,#products{scroll-margin-top:-10px}.scroll-hint{bottom:20px}.carousel-arrow{display:none}}.product-preview-overlay{z-index:1000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.product-preview-overlay.open{opacity:1;pointer-events:auto;touch-action:none}.product-preview-overlay.loading .preview-container img{visibility:hidden}.preview-spinner{pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.product-preview-overlay.loading .preview-spinner{display:flex}.preview-spinner:after{content:"";border:3px solid var(--color-border-glass);border-top-color:var(--color-text-primary);border-radius:50%;width:40px;height:40px;animation:.6s linear infinite preview-spin}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-close{z-index:1010;border:1px solid var(--color-border-glass);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.preview-close:hover{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-border-hover)}.preview-container{-webkit-user-select:none;user-select:none;background:0 0;width:calc(100vw - 16px);height:calc(100vh - 16px);position:relative;overflow:hidden}.preview-container img{cursor:grab;will-change:transform;display:block;position:absolute;top:0;left:0}.preview-container.panning img{cursor:grabbing}