@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Variable.ttf) format("truetype-variations");font-weight:300 700;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf) format("truetype-variations");font-weight:300 900;font-display:swap}@font-face{font-family:Chubbo;src:url(/fonts/Chubbo-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Obviously Wide;src:url(/fonts/ObviouslyWide-Black.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Obviously Wide;src:url(/fonts/ObviouslyWide-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Obviously;src:url(/fonts/Obviously-Black.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Radon;src:url(/fonts/MonaspaceRadon-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Radon;src:url(/fonts/MonaspaceRadon-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{--forest: #173d2e;--forest-deep: #0f2c20;--banana: #f4c13c;--banana-soft: #f7d06a;--primary-yellow: #ffd400;--ink: #0a0a0a;--paper: #fbf7ec;--cream: #fff8e7;--font-rounded: "Fredoka", system-ui, sans-serif;--font-body: "Satoshi", system-ui, sans-serif;--font-chubbo: "Chubbo", system-ui, sans-serif;--font-wide: "Obviously Wide", system-ui, sans-serif;--font-hand: "Shantell Sans", "Radon", cursive;--font-serif: "Fraunces", Georgia, serif;--font-mono: "Radon", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-body);line-height:1.5}img,svg{display:block;max-width:100%}a{color:inherit}.wordmark{display:inline-block;background-color:currentColor;-webkit-mask:url(/brand/wordmark.svg) no-repeat center / contain;mask:url(/brand/wordmark.svg) no-repeat center / contain;aspect-ratio:145 / 36}:root{--ease-spring-expressive: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1)}.page{--hero-paper:#fbf7ec;--hero-ink:#173d2e;--hero-cream:#fff8e7;--hero-gold:#ffc21f;--hero-leaf:#2f6b4f;--hero-line:rgba(23,61,46,.16);--hero-line-strong:rgba(23,61,46,.25);--hero-soft:rgba(23,61,46,.08);--hero-popup-shadow:0 10px 30px rgba(23,61,46,.18);--radius-pill:999px;--radius-popover:10px;--radius-control:6px;background:var(--hero-paper);color:var(--hero-ink);font-family:var(--font-body);background-image:radial-gradient(circle at 1px 1px,rgba(23,61,46,.05) 1px,transparent 0);background-size:26px 26px;min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1240px;width:100%;margin-inline:auto;padding:1.15rem clamp(1.25rem,4vw,3rem)}.brand{display:inline-flex;align-items:center;color:var(--hero-ink)}.brand .logo{height:44px;width:auto}.nav-links{display:flex;align-items:center;gap:1.3rem;font-family:var(--font-rounded);font-weight:600;font-size:.92rem}.nav-links a{text-decoration:none;color:var(--hero-ink)}.nav-links a:hover{opacity:.68}.gh-stars{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid var(--hero-line-strong);border-radius:var(--radius-pill);padding:.34rem .6rem .34rem .8rem;color:var(--hero-ink);transition:background .2s,opacity .2s}.gh-stars:hover{background:#173d2e0f;opacity:1}.gh-ico{width:16px;height:16px}.gh-count{display:inline-flex;align-items:center;gap:.3rem;padding-inline-start:.55rem;border-inline-start:1.5px solid rgba(23,61,46,.18);font-variant-numeric:tabular-nums}.gh-star{color:var(--hero-gold)}main{flex:1;display:flex;align-items:center}.site-footer{text-align:center;padding:1.4rem 1.25rem 2rem;font-family:var(--font-rounded);font-weight:500;font-size:.9rem;color:#173d2e9e}.site-footer a{color:var(--hero-ink);font-weight:600;text-decoration:none}.site-footer a:hover{opacity:.7}.site-footer .heart{color:var(--hero-gold)}.hero{max-width:1240px;margin-inline:auto;padding:clamp(1rem,3vw,2rem) clamp(1.25rem,4vw,3rem) clamp(2rem,5vw,4rem);width:100%;min-width:0}.hero-inner{display:grid;gap:clamp(1.5rem,5vw,7rem);align-items:center;grid-template-columns:1fr 1.5fr}h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.05;letter-spacing:-.02em;margin-block:0 .6rem}.sub{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.5;opacity:.82}.cta{display:flex;gap:.8rem;margin-block-start:1.6rem;flex-wrap:wrap}.cta [hidden]{display:none}.btn{font-family:var(--font-rounded);font-weight:600;text-decoration:none;border-radius:var(--radius-pill);padding:.7rem 1.3rem;font-size:.95rem}.btn.gold{background:var(--hero-gold);color:var(--hero-ink);box-shadow:0 4px #173d2ed9;transform:translateY(0);will-change:transform;transition:transform .5s var(--ease-spring-expressive),box-shadow .5s var(--ease-spring-expressive)}.btn.gold:hover{transform:translateY(-3px);box-shadow:0 7px #173d2ed9}.btn.gold:active{transform:translateY(2px);box-shadow:0 2px #173d2ed9;transition-duration:.09s}.btn.ghost{border:1.5px solid var(--hero-line-strong)}.download-soon{display:inline-flex;align-items:center;gap:.38rem;min-height:2.6rem;font-family:var(--font-rounded);font-weight:600;font-size:.95rem;color:#173d2ebf}.tip{position:relative;display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border:1.5px solid var(--hero-line-strong);border-radius:var(--radius-pill);font-size:.76rem;line-height:1;cursor:help;color:var(--hero-ink)}.tip:after{content:attr(aria-label);position:absolute;z-index:10;inset-block-end:calc(100% + .7rem);inset-inline-start:50%;width:min(260px,78vw);padding:.7rem .8rem;border-radius:var(--radius-control);background:var(--hero-ink);color:var(--hero-cream);box-shadow:var(--hero-popup-shadow);font-family:var(--font-body);font-weight:500;font-size:.82rem;line-height:1.35;text-align:start;transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.tip:before{content:"";position:absolute;inset-block-end:calc(100% + .38rem);inset-inline-start:50%;border:.35rem solid transparent;border-block-start-color:var(--hero-ink);transform:translate(-50%) rotate(180deg);opacity:0;transition:opacity .16s ease}.tip:hover:after,.tip:focus-visible:after,.tip:hover:before,.tip:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.tip:hover:before,.tip:focus-visible:before{transform:translate(-50%) rotate(180deg)}@media(prefers-reduced-motion:reduce){.btn.gold{transition:none}.btn.gold:hover,.btn.gold:active{transform:none}}.visual{position:relative;min-width:0}.ws{--app-font:-apple-system, system-ui, "Segoe UI", sans-serif;--app-fg:var(--hero-ink);--app-muted:rgba(23,61,46,.6);--app-line:rgba(23,61,46,.1);background:transparent;overflow:visible;position:relative;display:flex;flex-direction:column;gap:.75rem}.ws-editor-group{position:relative}.ws-progress{display:flex;gap:.6rem;padding:.8rem .9rem .6rem;background:transparent}.seg{flex:1;background:none;border:none;cursor:pointer;text-align:start;padding:0;display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-body)}.seg b{font-weight:600;font-size:.78rem;color:#173d2e6b;transition:color .2s;letter-spacing:-.01em}.seg.current b{color:var(--hero-ink)}.seg.done b{color:#173d2eb3}.seg-bar{height:4px;border-radius:3px;background:#173d2e24;overflow:hidden}.seg-fill{display:block;height:100%;width:0;background:var(--hero-ink);border-radius:3px}.ws-caption{font-family:var(--font-body);display:flex;align-items:flex-start;padding:0 .9rem .8rem;background:transparent;min-height:3em}.cap-text{font-size:.82rem;line-height:1.45;color:#173d2ea3;max-width:70ch}.ws-caption.capin .cap-text{animation:capfade .4s ease}@keyframes capfade{0%{opacity:0;transform:translateY(3px)}}.ws-head{background:transparent}.ws-body{display:grid;width:100%;max-width:100%;min-width:0;height:474px;grid-template-columns:184px minmax(0,1fr);grid-template-areas:"files editor";border:1px solid var(--hero-line);border-radius:14px;box-shadow:0 4px 16px #173d2e12;overflow:hidden}.ws-files{grid-area:files}.ws-editor{grid-area:editor}.ws-claude{position:absolute;inset-block-end:16px;inset-inline:0;margin-inline:auto;width:460px;max-width:88%;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #0000002e,0 22px 48px #00000042;opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease;z-index:6;background:#1c1e19;color:#e9e4d6;display:flex;align-items:center;gap:.55rem;padding:.5rem .85rem;font-family:IBM Plex Mono,ui-monospace,monospace}.ws-claude.shown{opacity:1;transform:translateY(0)}.ws-claude .cli-head{border:none;padding:0;flex:none}.ws-claude .cli-body{padding:0;flex:1}.ws-claude .cli-row{margin-block-end:0;white-space:normal}.ws-claude .cli-out{display:none}.ws-files{background:#f6f1e4;border-inline-end:1px solid rgba(23,61,46,.1);padding:.7rem .6rem;overflow:hidden;font-family:var(--app-font)}.ws-switch{display:flex;align-items:center;gap:.25rem;padding:.2rem .4rem .8rem;font-weight:600;font-size:.86rem;color:var(--hero-ink)}.sw-chev{width:14px;height:14px;color:#173d2e73}.switch-icons{margin-inline-start:auto;display:flex;gap:.5rem;color:#173d2e80}.switch-icons [data-icon]{width:15px;height:15px}.ws-filelist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.file{font-size:.82rem;padding:.36rem .5rem;border-radius:7px;color:#173d2ead;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}.file.active{background:#fff;color:var(--hero-ink);font-weight:600;box-shadow:0 1px 3px var(--hero-soft)}.file.made{display:none}.file.made.on{display:block;animation:slidein .45s ease}@keyframes slidein{0%{opacity:0;transform:translate(-8px)}}.ws-editor{overflow:hidden;min-width:0;display:flex;flex-direction:column;background:#fff;font-family:var(--app-font);color:var(--app-fg)}.doc-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-block-end:1px solid var(--app-line);position:relative;flex:none}.doc-tab{font-size:.78rem;font-weight:600;color:#173d2eb3}.doc-actions{margin-inline-start:auto;position:relative}.ellipsis{border:none;background:none;cursor:pointer;color:#173d2e80;display:flex;padding:.25rem;border-radius:var(--radius-control)}.ellipsis [data-icon]{width:18px;height:18px}.ws[data-step="2"] .ellipsis{color:var(--hero-ink);background:var(--hero-soft)}.ctx-menu{position:absolute;inset-inline-end:0;inset-block-start:140%;width:154px;background:#fff;border:1px solid var(--app-line);border-radius:var(--radius-popover);box-shadow:0 1px 3px #173d2e1a,0 14px 32px #173d2e1f;padding:.3rem;z-index:8;opacity:0;transform:translateY(-4px) scale(.97);pointer-events:none;transition:opacity .15s,transform .15s;font-family:var(--app-font)}.ctx-menu.on{opacity:1;transform:none}.ctx-item{display:flex;align-items:center;gap:.45rem;font-size:.76rem;padding:.4rem .55rem;border-radius:var(--radius-control);color:var(--hero-ink)}.ctx-item [data-icon]{width:14px;height:14px;opacity:.7}.ctx-item.copypath{background:var(--hero-ink);color:var(--hero-cream);font-weight:600}.toast{position:absolute;inset-inline-end:0;inset-block-start:140%;white-space:nowrap;background:var(--hero-ink);color:var(--hero-cream);font-size:.72rem;font-weight:600;padding:.4rem .7rem;border-radius:8px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;z-index:9;font-family:var(--font-rounded)}.toast.on{opacity:1;transform:none}.doc{flex:1;min-width:0;overflow:auto;padding:1.5rem 1.8rem}.ws[data-step="3"] .doc:has(.doc-dash.on){padding:0;overflow:hidden;background:#eef3ef}.doc-view{display:none}.doc-view.on{display:block}.doc-dash.on{display:grid;min-height:100%}.doc-h1{font-family:var(--app-font);font-weight:700;font-size:1.7rem;letter-spacing:-.01em;margin-block-end:.6rem;color:var(--hero-ink)}.draft{font-size:1rem;line-height:1.6;min-height:1.5em;position:relative}.draft strong{font-weight:700}.draft em{font-style:italic}.slashtext{color:var(--hero-ink)}.slm{position:absolute;inset-block-start:1.9em;inset-inline-start:0;width:226px;z-index:20;background:#fff;border:1px solid var(--hero-line);border-radius:var(--radius-popover);box-shadow:var(--hero-popup-shadow);overflow:hidden;animation:lp-in .16s ease}.slm-list{display:block;padding:4px}.slm-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-control);font-size:11px}.slm-item.active{background:var(--hero-soft)}.slm-ic{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#173d2e80;border:1px solid rgba(23,61,46,.14);border-radius:4px}.slm-t{color:var(--hero-ink)}.note-bullets{margin:0;padding-inline-start:1.15rem;font-size:1rem;line-height:1.6}.note-bullets li{margin-block-end:.3rem}.note-bullets li.idea{animation:idea-in .6s ease;border-radius:4px}@keyframes idea-in{0%{opacity:0;transform:translateY(-4px);box-shadow:0 0 0 4px #ffc21f4d;background:#ffc21f4d}to{opacity:1;box-shadow:0 0 0 0 transparent;background:transparent}}.draft.typing{white-space:pre-wrap}.doc-h1.as-para{font-weight:400;font-size:1rem;letter-spacing:0;margin-block-end:0}@keyframes lp-in{0%{opacity:0;transform:translateY(-4px)}}.lp-caret{width:1px;height:13px;background:var(--hero-ink);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.viz{display:none;min-height:100%}.viz.on{display:grid}.ntable{width:100%;min-height:100%;border-collapse:collapse;table-layout:fixed;font-size:.9rem;background:#fff}.ntable th,.ntable td{padding:.7rem 1.1rem;text-align:start;vertical-align:middle}.ntable th{font-weight:700;color:#173d2e8c;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;background:#eef2ed}.ntable td{border-block-start:1px solid var(--app-line)}.ntable tbody tr:nth-child(2n) td{background:#f7faf7}.brow{opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.brow.on{opacity:1;transform:none}.viz-table .brow-new{display:none}.viz-table .brow-new.on{display:table-row}.brow.flashrow td{animation:rowflash 1.4s ease}@keyframes rowflash{0%{background:#4a9e6e47}to{background:transparent}}.pill{display:inline-block;font-family:var(--font-rounded);font-weight:600;font-size:.72rem;padding:.16rem .55rem;border-radius:var(--radius-pill)}.pill.t-out{background:#d7ecdd;color:var(--hero-leaf)}.pill.t-travel{background:#f6ddd0;color:#b1542f}.pill.t-books{background:#e4dffb;color:#5a47b0}.pill.t-cook{background:#fbeecb;color:#9a6f12}.shelf{display:grid;grid-template-rows:1fr 1fr;min-height:100%;padding:1.3rem 1.5rem 4.4rem;background:linear-gradient(#f7f2e4,#e8d6b6)}.shelf-row{display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.shelf-books{display:flex;align-items:flex-end;justify-content:center;gap:3px}.book{border-radius:3px 3px 1px 1px;display:flex;align-items:flex-start;justify-content:center;position:relative;flex:0 0 auto;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s;background-image:linear-gradient(100deg,#ffffff3d,#fff0 24%,#0000 70%,#00000042);box-shadow:0 1px 1px #141e1929,0 4px 8px #141e191a}.book.on{opacity:1;transform:none}.book:before{content:"";position:absolute;inset-block-start:0;inset-inline:2px;height:3px;background:#ffffff80;border-radius:2px}.book-title{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font:700 10px var(--app-font);white-space:nowrap;padding:11px 0;opacity:.97}.shelf-plank{height:11px;background:#c29254;border-radius:2px 2px 0 0;position:relative;box-shadow:0 7px 11px -5px #281c0c6b}.shelf-plank:after{content:"";position:absolute;inset-inline:0;inset-block-start:11px;height:6px;background:#9a7038;border-radius:0 0 3px 3px}.mapsvg{width:100%;height:100%;display:block;background:#eef3ef}.land{fill:#e3ece4;stroke:#2e6b4f;stroke-width:1;stroke-opacity:.1}.route{fill:none;stroke:#c46a48;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.5 8}.route-draw-mask{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.pin{opacity:0;transition:opacity .3s ease}.pin.on{opacity:1}.pin-stem{stroke:var(--hero-ink);stroke-width:2}.pin-dot{fill:url(#pinGrad);stroke:var(--hero-ink);stroke-width:.6;stroke-opacity:.5;filter:url(#pinShadow)}.pin-gloss{fill:#fff;opacity:.7}.pin-label{font-family:var(--app-font);font-size:10px;font-weight:600;fill:var(--hero-ink)}.cli-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-block-end:1px solid rgba(255,255,255,.07)}.cc-logo{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:7px;background:#d9775729}.cli-body{padding:.8rem;font-size:.75rem;line-height:1.55;flex:1;overflow:hidden}.prompt{color:var(--hero-gold);font-weight:700}.ok{color:#7fd19a}.cli-row{margin-block-end:.35rem;word-break:break-word}.path{color:#9fd0e8}.ask,.ask3{color:#e9e4d6}.path.pasted{border-radius:3px;animation:paste-hl .75s ease}@keyframes paste-hl{0%{background:#9fd0e880;box-shadow:0 0 0 2px #9fd0e880}to{background:transparent;box-shadow:0 0 0 2px transparent}}.cli-out{margin-block-end:.22rem}.cli-out b,.cli-row b{color:var(--hero-cream)}.r-out,.r-made{opacity:0;transition:opacity .25s}.r-out.on,.r-made.on{opacity:.92}.cli-group{display:none}.ws[data-step="2"] .cli-group.s2,.ws[data-step="3"] .cli-group.s3{display:block}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.ws-body{grid-template-columns:140px 1fr;height:420px}}@media(max-width:640px){.nav{padding-block:.9rem}.nav-links{gap:.9rem;font-size:.85rem}.brand .logo{height:34px}.ws-body{grid-template-columns:1fr;grid-template-areas:"editor";height:392px}.ws-files{display:none}.doc{padding:1.1rem 1.2rem}.doc-h1{font-size:1.4rem}.seg:not(.current){display:none}.ws-claude{inset-inline:10px;width:auto;max-width:none;align-items:flex-start}}