:root{--paper:#f4f3ee;--ink:#283c33;--muted:#727c72;--line:#daddd2;--green:#6f8772;--violet:#8a70af;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;color-scheme:light;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--violet);outline-offset:5px}[hidden]{display:none!important}button:disabled{opacity:.45;cursor:default}p{line-height:1.75}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}h3{font-weight:500;font-size:16px;letter-spacing:-.25px}button{transition:background .18s,transform .18s}a{transition:color .18s}a:hover{color:#7c659a}.page-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{height:94px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:flex;align-items:center;font:39px/1 Georgia,serif;letter-spacing:-1.8px;gap:11px}.wordmark-note{font:8px var(--mono);color:var(--muted);letter-spacing:1.25px;border-left:1px solid var(--line);padding:8px 0 8px 22px;margin-left:14px}.mark{width:25px;height:31px;position:relative;display:inline-block;flex-shrink:0}.mark i{position:absolute;display:block;left:0;width:23px;height:7px;background:currentColor;transform:skewY(-22deg)}.mark i:nth-child(1){top:3px}.mark i:nth-child(2){top:12px;opacity:.64}.mark i:nth-child(3){top:21px;opacity:.32}.header-nav{display:flex;align-items:center;gap:28px;font-size:11px}.header-nav>a>span{margin-left:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #cdd3c7;background:transparent;border-radius:6px;min-height:45px;padding:12px 17px;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;color:var(--ink)}.button:hover:not(:disabled){background:#e9ece3;color:var(--ink);transform:translateY(-1px)}.button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 3px 7px #283c330c}.button.primary:hover:not(:disabled){background:#3b5245;color:var(--paper)}.header-cta{min-height:39px;font-size:11px;padding:9px 14px}.hero{display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:16px;padding-top:62px;padding-bottom:53px;min-height:640px}.hero-copy{position:relative;z-index:1;padding:6px 0 20px}.eyebrow{font:9px/1.6 var(--mono);letter-spacing:1.55px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.hero h1{font-size:clamp(58px,6.25vw,91px);line-height:1.06;letter-spacing:-4.7px;margin-top:24px}.hero h1 em{font-weight:400;color:#718470}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.hero-actions .primary{min-width:190px;min-height:49px}.copy-icon{position:relative;width:13px;height:14px;display:inline-block;border:1px solid currentColor;border-radius:2px;flex-shrink:0;margin-left:2px;opacity:.8}.copy-icon:before{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:10px;border:1px solid currentColor;border-bottom-color:transparent;border-right-color:transparent;border-radius:2px}.button-arrow{margin-left:10px;font-size:17px;line-height:1}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:15px}.action-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:17px}.city-stage{position:relative;isolation:isolate;min-width:0;overflow:hidden}.hero-stage{height:501px;border-bottom:1px solid var(--line);margin-right:-18px}.stage-heading{position:absolute;left:24px;right:24px;top:18px;z-index:1;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:8px var(--mono);letter-spacing:.9px;color:var(--muted)}.stage-heading>span:first-child{display:flex;align-items:center;gap:6px}.city-viewport{position:absolute;inset:48px 0 40px;min-width:0;min-height:0}.city-viewport canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.stage-caption{position:absolute;left:24px;right:24px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;pointer-events:none}.city-stats{display:flex;gap:20px}.city-stats b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.interaction-hint{font:8px var(--mono);letter-spacing:.7px;display:flex;gap:9px;align-items:center}.interaction-hint>span{font-size:17px}.reset-button{position:absolute;bottom:65px;right:25px;z-index:2;width:32px;height:32px;display:grid;place-items:center;font:19px Georgia,serif;border:1px solid var(--line);border-radius:50%;background:#f4f3eedb;color:var(--muted);backdrop-filter:blur(8px)}.reset-button:hover{background:#e8ebdf;color:var(--ink)}.scene-message{position:absolute;inset:45px 20px 50px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;z-index:3;background:var(--paper);color:var(--muted);font-size:12px}.scene-message .mark{opacity:.55}.scene-message p{max-width:340px}.scene-message h2{font-size:29px;line-height:1.2;color:var(--ink);letter-spacing:-.7px}.scene-message .text-link{color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.principles p{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;color:var(--muted)}.principles p+p{border-left:1px solid var(--line)}.principles strong{font-weight:400;color:var(--ink)}.principle-icon{font-size:20px;color:#789078}.how-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-block:102px 92px}.section-intro h2{font-size:43px;line-height:1.16;letter-spacing:-1.6px;margin-top:19px}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:28px}.steps li{display:flex;gap:23px}.step-number{font:10px var(--mono);letter-spacing:.5px;color:var(--green);border-top:1px solid #bbc6b6;padding-top:8px;min-width:23px}.steps h3{margin-top:3px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px;max-width:380px}.make-section{padding:52px 56px 48px;background:#293e33;color:#f3f2e9;border-radius:9px;display:grid;grid-template-columns:1fr 1.04fr;gap:70px}.make-section .eyebrow{color:#acb9a7}.make-copy h2{font-size:44px;line-height:1.14;letter-spacing:-1.6px;margin-top:18px}.make-copy>p:not(.eyebrow){font-size:12px;color:#c0cabe;margin-top:20px;line-height:1.9}.guide-link{font-size:11px;color:#d8dfd2;margin-top:22px}.guide-link:hover{color:#fff}.prompt-card{border:1px solid #637760;border-radius:6px;padding:22px 24px 19px;display:flex;flex-direction:column;background:#31473b;align-self:center}.prompt-heading{font:8px var(--mono);letter-spacing:1.1px;color:#b0c0a8;display:flex;align-items:center;gap:8px}.prompt-dot{width:5px;height:5px;border-radius:50%;background:#afc4a2}.prompt-corner{margin-left:auto;font-size:15px}.prompt-card>p:first-of-type{font:12px/1.85 var(--mono);color:#e0e6d8;margin:20px 0 22px;overflow-wrap:anywhere;white-space:pre-wrap}.prompt-card .button{background:#e4e9d9;color:#2d4234;border-color:#e4e9d9;min-height:43px;width:100%}.prompt-card .button:hover{background:#f4f6ed}.prompt-card .button-arrow{margin-left:auto}.prompt-note{font-size:9px;text-align:center;color:#acbca5;margin-top:13px}.beyond-section{padding-block:101px 88px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.beyond-section .section-intro>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:12px;margin-top:19px}.beyond-section .text-link{margin-top:21px;font-size:11px}.feature-list{padding-top:5px;display:flex;flex-direction:column;gap:27px}.feature-list article{display:flex;gap:23px;padding-bottom:22px;border-bottom:1px solid var(--line)}.feature-list article:last-child{border-bottom:0;padding-bottom:0}.feature-glyph{font:25px Georgia,serif;color:var(--green);min-width:25px;text-align:center}.feature-list h3{font-size:15px}.feature-list p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:7px;max-width:390px}.privacy-section{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:24px;padding:30px 0 37px}.privacy-symbol{font-size:24px;color:var(--green);line-height:1.1}.privacy-section h3{font-size:12px;margin-bottom:7px}.privacy-section p{font-size:10px;line-height:1.8;color:var(--muted);max-width:860px}.site-footer{border-top:1px solid var(--line);padding-block:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font:25px/1 Georgia,serif;letter-spacing:-1px;display:flex;gap:19px;align-items:center}.footer-brand>span{font:10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:var(--muted)}.site-footer>div{display:flex;gap:24px;font-size:10px;color:var(--muted)}.shared-heading{padding-top:43px;padding-bottom:27px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.shared-heading h1{font-size:43px;letter-spacing:-1.7px;margin-top:13px;line-height:1.2}.shared-heading>div>p:last-child{font-size:12px;color:var(--muted);margin-top:12px}.share-actions{display:flex;gap:10px;padding-bottom:4px}.shared-stage{height:min(65svh,700px);min-height:370px;border:1px solid var(--line);border-radius:8px}.shared-stage .city-viewport{inset:0 0 43px}.shared-stage .stage-caption{bottom:17px}.shared-stage .reset-button{bottom:61px}.shared-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:29px;gap:24px}.shared-bottom h2{font-size:26px;letter-spacing:-.7px}.shared-bottom p{font-size:11px;color:var(--muted);margin-top:6px}.shared-privacy{font-size:9px;color:var(--muted);padding-top:25px;padding-bottom:28px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 21px;border-radius:7px;box-shadow:0 5px 25px #0002;background:var(--ink);color:var(--paper);font-size:12px;z-index:20;max-width:calc(100vw - 36px);text-align:center}.no-script{position:fixed;bottom:0;left:0;right:0;padding:17px;background:var(--ink);color:var(--paper);text-align:center;font-size:13px;z-index:10}.no-script a{text-decoration:underline}dialog{max-width:calc(100vw - 32px);width:560px;border:1px solid var(--line);border-radius:11px;padding:30px;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #17281a33}dialog::backdrop{background:#17281a66;backdrop-filter:blur(4px)}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{font-size:12px;color:var(--muted);margin:13px 0}dialog textarea{width:100%;min-height:190px;padding:14px;border:1px solid var(--line);background:#fbfaf5;resize:vertical;font:12px/1.75 var(--mono);color:var(--ink);border-radius:4px}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:25px;color:var(--muted)}
@media(min-width:1550px){.hero{min-height:710px;padding-top:75px;padding-bottom:75px}.hero-stage{height:550px}.hero h1{font-size:92px}.site-header{padding-inline:max(56px,calc((100vw - 1392px)/2))}}
@media(max-width:1150px){.page-width{width:calc(100% - 72px)}.site-header{padding-inline:36px;height:83px}.wordmark-note{display:none}.hero{min-height:570px;padding-top:40px;padding-bottom:35px;gap:0;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:68px;letter-spacing:-3.7px}.hero-stage{height:440px;margin-right:-15px}.hero-description{font-size:12px}.hero-actions{gap:20px}.hero-actions .primary{min-width:175px}.hero-actions .text-link{font-size:11px}.stage-heading{left:16px;right:16px;font-size:7px}.stage-caption{left:16px;right:16px}.city-stats{gap:12px}.interaction-hint{font-size:7px;letter-spacing:.1px}.how-section,.beyond-section{gap:65px;padding-block:76px}.make-section{padding:42px 35px;gap:38px}.make-copy h2{font-size:39px}.prompt-card{padding:20px}.shared-heading h1{font-size:36px}.shared-heading{padding-top:35px}.share-actions .button{font-size:11px;gap:8px}}
@media(max-width:760px){.page-width{width:calc(100% - 40px)}.site-header{padding-inline:20px;height:74px;gap:15px}.wordmark{font-size:33px;gap:8px}.mark{transform:scale(.85);transform-origin:left center;width:22px}.header-nav{gap:18px}.how-link{display:none}.header-cta{font-size:10px;min-height:36px;padding:8px 11px}.github-link{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-top:42px;padding-bottom:27px;min-height:0}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:68px;letter-spacing:-3.8px;line-height:1.06;margin-top:18px}.hero-description{font-size:13px;margin-top:21px;line-height:1.85}.hero-actions{margin-top:25px;gap:25px}.hero-actions .primary{min-width:185px;min-height:46px}.action-note{font-size:9px;margin-top:14px}.hero-stage{height:390px;margin:17px 0 0}.stage-heading{top:18px;left:4px;right:4px;font-size:7px}.city-viewport{inset:40px -8px 42px}.stage-caption{left:4px;right:4px;font-size:9px}.interaction-hint{font-size:7px;letter-spacing:.4px}.reset-button{right:7px;bottom:63px}.principles{grid-template-columns:1fr;gap:13px;padding-block:21px}.principles p{justify-content:flex-start;font-size:11px;gap:12px}.principles p+p{border-left:0}.principle-icon{width:22px;text-align:center;font-size:18px}.how-section,.beyond-section{grid-template-columns:1fr;gap:32px;padding-block:53px}.section-intro h2{font-size:36px;line-height:1.14;margin-top:14px;letter-spacing:-1.1px}.steps{gap:25px}.steps li{gap:19px}.steps p{max-width:none;font-size:12px}.steps h3{font-size:15px}.make-section{display:flex;flex-direction:column;gap:29px;padding:28px 23px;border-radius:6px}.make-copy h2{font-size:37px;margin-top:13px}.make-copy>p:not(.eyebrow){font-size:11px;margin-top:17px}.guide-link{margin-top:16px}.prompt-card{padding:19px;width:100%}.prompt-card>p:first-of-type{font-size:11px;margin-block:18px}.beyond-section .section-intro>p:not(.eyebrow){max-width:none}.feature-list{gap:23px}.feature-list article{gap:19px;padding-bottom:22px}.feature-list p{max-width:none}.privacy-section{gap:16px;padding-block:25px 30px}.privacy-section h3{font-size:12px;line-height:1.6}.privacy-section p{font-size:10px}.privacy-symbol{font-size:21px;padding-top:3px}.site-footer{padding-block:24px;flex-direction:column;align-items:flex-start;gap:22px}.footer-brand{font-size:25px;gap:13px}.footer-brand>span{font-size:9px}.site-footer>div{font-size:10px;gap:24px}.shared-heading{padding-top:28px;padding-bottom:22px;flex-direction:column;align-items:flex-start;gap:20px}.shared-heading h1{font-size:34px;letter-spacing:-1.4px;margin-top:12px}.shared-heading .eyebrow{font-size:8px}.shared-heading>div>p:last-child{font-size:11px;margin-top:9px}.share-actions{padding:0;gap:9px;width:100%}.share-actions .button{min-height:40px;padding:10px 15px;font-size:11px}.shared-stage{height:55svh;min-height:340px;border-radius:5px}.shared-stage .city-viewport{inset:0 0 43px}.shared-stage .stage-caption{left:12px;right:12px;font-size:9px}.shared-stage .reset-button{right:12px}.shared-bottom{padding-top:25px;align-items:flex-start;flex-direction:column;gap:18px}.shared-bottom h2{font-size:27px}.shared-bottom .button{min-height:42px}.shared-privacy{font-size:9px;padding-block:23px 24px}.scene-message{inset:40px 16px 52px;font-size:11px}.scene-message h2{font-size:26px}}
@media(max-width:520px){.header-nav .github-link{display:none}.wordmark{font-size:30px;letter-spacing:-1.5px}.header-nav{gap:12px}.header-cta{padding-inline:10px}}
@media(max-width:380px){.header-cta{padding-inline:9px;font-size:9px}.wordmark{font-size:28px}.hero h1{font-size:59px;letter-spacing:-3.2px}.hero-description{font-size:12px}.desktop-break{display:none}.hero-actions{gap:20px}.hero-actions .primary{min-width:175px}.hero-stage{height:345px}.city-stats{gap:10px}.interaction-hint{font-size:6px}.prompt-card{padding:17px}.shared-heading h1{font-size:30px}.shared-stage .stage-caption{font-size:8px}.shared-stage{min-height:310px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}