@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Noto+Sans+SC:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Noto+Sans+SC:wght@400;500;600&display=swap";@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{0%,to{opacity:.5;top:14%}50%{opacity:1;top:84%}}@media (width>=720px){.screen{width:100%;max-width:560px;margin:0 auto}.hero,.steps{max-width:560px;margin:0 auto}.lens{aspect-ratio:16/10}.reveal,.photo-stage{height:480px}.dock{max-width:560px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#e8e6dd;--bg:#101418;--panel:#171c22;--panel-2:#1e252c;--line:#e8e6dd1f;--accent:#f2b84b;--accent-ink:#151209;--glass:#a9c6cb;--moss:#7f9880;--muted:#98a09f;--serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--sans:"Noto Sans SC", "Microsoft YaHei", sans-serif;--mono:ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;--safe:env(safe-area-inset-bottom,0px);font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}.app{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#101418e0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.brand-mark{border:2px solid var(--accent);border-radius:50%;width:18px;height:18px;display:inline-block}.ghost{min-height:44px;color:var(--ink);padding:0 14px;font-size:14px}.ghost.big{min-height:52px}.text-button{min-height:44px;color:var(--muted);text-underline-offset:4px;padding:0 4px;font-size:14px;text-decoration:underline}.progress{align-items:center;gap:12px;padding:12px 18px 0;display:flex}.progress .mono{letter-spacing:.1em;color:var(--muted);font-size:11px}.progress-track{background:var(--panel-2);border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-track i{background:var(--accent);height:100%;transition:width .3s;display:block}.screen{padding-bottom:calc(96px + var(--safe));flex:1}.screen-inner{padding:26px 18px 20px}.screen-inner.flush{padding-left:0;padding-right:0}.screen-inner.centered{text-align:center;flex-direction:column;align-items:center;display:flex}.screen-inner.centered .lede{margin-inline:auto}.mono{font-family:var(--mono)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:11px}.eyebrow.warn{color:#f2b84b}h1{font:600 clamp(34px, 9vw, 46px)/1.16 var(--serif);letter-spacing:-.02em;margin:0 0 14px}h1 em{color:var(--accent);font-style:normal}h2{font:600 24px/1.3 var(--serif);margin:0 0 6px}.lede{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.75}.fine-print{color:var(--muted);margin:20px 0 0;font-size:12px;line-height:1.7}p{margin:0}.hero{padding:40px 20px 12px}.hero h1{font-size:clamp(40px,11vw,56px)}.hero .lede{max-width:30em}.lens{aspect-ratio:4/5;background:#0a0d10;border-radius:14px;margin:26px 0 8px;position:relative;overflow:hidden}.lens-scene{position:absolute;inset:0}.lens .house-image{border-radius:0;height:100%;min-height:100%}.lens-x,.lens-y{z-index:2;background:#f2b84be6;position:absolute}.lens-x{height:1px;top:50%;left:0;right:0}.lens-y{width:1px;top:0;bottom:0;left:50%}.lens:before,.lens:after{content:"";z-index:3;border:2px solid var(--accent);width:20px;height:20px;position:absolute}.lens:before{border-bottom:0;border-right:0;top:10px;left:10px}.lens:after{border-top:0;border-left:0;bottom:10px;right:10px}.lens-tick{z-index:4;color:#fff;letter-spacing:.12em;text-shadow:0 1px 3px #000;font-size:11px;position:absolute;bottom:12px;left:12px}.lens-tick:after{content:"";vertical-align:1px;background:#ff5f57;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.steps{border-top:1px solid var(--line);padding:30px 20px 14px}.steps ol{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.steps li:last-child{border-bottom:0}.steps b{font-family:var(--mono);color:var(--glass);min-width:30px;font-size:12px}.steps strong{font-size:16px;font-weight:600;display:block}.steps small{color:var(--muted);margin-top:3px;font-size:13px;display:block}.primary{background:var(--accent);width:100%;min-height:56px;color:var(--accent-ink);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:transform .15s,background .15s;display:flex}.primary:active{background:#f6c76a;transform:scale(.985)}.dock{z-index:30;padding:12px 18px calc(12px + var(--safe));background:linear-gradient(#0000,#101418d1 40%,#101418f7);position:fixed;bottom:0;left:0;right:0}.stack{gap:10px;margin-top:4px;display:grid}.divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.upload-zone{text-align:center;border:1.5px dashed var(--moss);background:var(--panel);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;margin:8px 0 0;padding:24px;transition:border-color .2s,background .2s;display:flex}.upload-zone:active{background:var(--panel-2)}.upload-zone input{opacity:0;width:0;height:0;position:absolute}.upload-zone .plus{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:30px;font-weight:400;display:grid}.upload-zone strong{font-size:15px;font-weight:500}.upload-zone small{letter-spacing:.06em;color:var(--muted);font-size:11px}.scan{border:1px solid var(--line);border-radius:50%;width:92px;height:92px;margin-bottom:26px;position:relative}.scan span{border:2px solid var(--glass);border-top-color:var(--accent);border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:16px}.notice{border-left:3px solid var(--accent);background:var(--panel);border-radius:0 10px 10px 0;margin:18px 0 24px;padding:16px}.notice b{letter-spacing:.06em;font-size:13px}.notice p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.7}.stage-intro{padding:0 18px 16px}.stage-intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px;line-height:1.7}.photo-stage{touch-action:none;background:#0a0d10;height:62svh;min-height:340px;position:relative;overflow:hidden}.hint{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 18px 0;font-size:13px;display:flex}.hint span:first-child{color:var(--glass);letter-spacing:.06em}.corner-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.corner-frame polygon{fill:#f2b84b14;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.corner-dot{border:2.5px solid var(--accent);cursor:grab;touch-action:none;z-index:3;background:#101418eb;border-radius:4px;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #10141866,0 2px 6px #0006}.corner-dot:focus-visible{outline-offset:2px;outline:3px solid #fff}.corner-dot.active{cursor:grabbing;background:var(--accent);transform:translate(-50%,-50%)scale(1.15)}.corner-dot:nth-child(odd):after{content:"";width:1px;height:1px;position:absolute;top:50%;left:50%}.house-image{background:#22303a;height:100%;min-height:100%;position:relative;overflow:hidden}.house-roof{clip-path:polygon(0 100%,25% 0,100% 0,100% 100%);background:#2b3a42;height:34%;position:absolute;top:0;left:-10%;right:-10%}.house-wall{background:#3a4a52 linear-gradient(100deg,#ffffff14,#0000 40%);position:absolute;inset:30% 0 0}.house-window{background:#0e161b;border:10px solid #d8c9a8;width:38%;height:46%;position:absolute;top:16%;left:31%;box-shadow:10px 13px 22px #00000059}.house-window:before,.house-window:after{content:"";background:#5a6a72;position:absolute}.house-window:before{width:5px;top:0;bottom:0;left:49%}.house-window:after{height:5px;top:47%;left:0;right:0}.house-window span{opacity:.85;background:linear-gradient(140deg,#7fa7ad,#2c4149);position:absolute;inset:7%}.plant{filter:blur(1px);background:#2f4a33;border-radius:50% 50% 0 0;width:34%;height:34%;position:absolute;bottom:-12%;left:-6%}.house-image p{color:#fff;font:10px var(--mono);letter-spacing:.08em;text-shadow:0 1px 3px #000;margin:0;position:absolute;bottom:10px;right:12px}.house-image.after .house-window{background:#141c21;border-color:#2c373d;box-shadow:7px 10px 20px #00000080}.house-image.after .house-window:before,.house-image.after .house-window:after{background:#3b4a50}.house-image.after .house-window span{background:linear-gradient(140deg,#9cc1c6,#3f5a63)}.uploaded-image{object-fit:cover;width:100%;height:100%;min-height:340px;display:block}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.preview{height:190px}.preview .house-image{border-radius:0}.card-body{padding:18px}.chip{background:var(--panel-2);color:var(--accent);letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:11px;display:inline-block}.card-body .sub{color:var(--accent);margin:2px 0 0;font-size:12px}.card-body .desc{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.7}.card-body dl{border-top:1px solid var(--line);margin:16px 0 0}.card-body dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:13px;display:flex}.card-body dt{color:var(--muted)}.card-body dd{margin:0}.swatch{vertical-align:-1px;background:#3a4a50;border-radius:2px;width:11px;height:11px;margin-right:7px;display:inline-block}.mini-frame{background:linear-gradient(#a9c6cb,#c9d2bd 58%,#6f8872 58%);border:12px solid #2c373d;border-radius:6px;width:148px;height:176px;margin-bottom:28px;position:relative;overflow:hidden}.mullion-v{background:#2c373d;width:10px;position:absolute;top:-12px;bottom:-12px;left:52%}.glow{background:var(--accent);opacity:.9;height:4px;animation:1.6s ease-in-out infinite sweep;position:absolute;top:18%;left:0;right:0}.gen-list{text-align:left;width:min(100%,320px);margin:20px 0 0;padding:0;list-style:none}.gen-list li{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:13px 0;font-size:14px;display:flex}.gen-list b{font-family:var(--mono);color:var(--muted);min-width:22px}.gen-list li.done{color:var(--ink)}.gen-list li.done b{color:var(--accent)}.reveal{--reveal:58%;background:#0a0d10;height:62svh;min-height:360px;position:relative;overflow:hidden}.reveal-after,.reveal-before{position:absolute;inset:0}.reveal-before{width:var(--reveal);border-right:3px solid var(--accent);overflow:hidden}.reveal-before .house-image{width:max(100%,720px)}.reveal input{opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.reveal-handle{left:var(--reveal);background:var(--accent);width:52px;height:52px;color:var(--accent-ink);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.reveal-handle i{border-left:1.5px solid;height:15px}.before-label,.after-label{color:var(--ink);font:11px var(--mono);letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d10c7;border-radius:8px;padding:6px 10px;position:absolute;top:14px}.before-label{left:14px}.after-label{color:var(--accent);right:14px}.caption{padding:16px 18px 0}.caption p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.7}.lead-form{gap:14px;margin-top:6px;display:grid}.lead-form label{gap:7px;font-size:13px;font-weight:600;display:grid}.lead-form input:not([type=checkbox]){border:1px solid var(--line);background:var(--panel);height:52px;color:var(--ink);border-radius:12px;padding:0 14px;font-size:15px}.lead-form input::placeholder{color:#5d676a}.lead-form .check{color:var(--muted);align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.6;display:flex}.lead-form .check input{width:20px;height:20px;accent-color:var(--accent);margin-top:3px}.form-error{color:#ff8a70;margin:0;font-size:13px}.success-mark{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:24px;font-size:30px;display:grid}@media (width>=720px){.screen{width:100%;max-width:560px;margin:0 auto}.hero,.steps{max-width:560px;margin:0 auto}.lens{aspect-ratio:16/10}.reveal,.photo-stage{height:480px}.dock{max-width:560px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}