:root{font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;color:#17103a;background:#fbf6e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: #fff7dc;--warm: #ffe9a8;--ink: #17103a;--muted: #4a4370;--paper-muted: #e4defa;--accent: #ffc928;--accent-light: #ffe27a;--accent-deep: #e2231a;--line: rgba(23, 16, 58, .22);--cap: #e2231a;--sand: #e3b23f;--sand-dark: #dba938;--sand-light: #eabf52;--stone-top: #c6c9d6;--stone-bottom: #8d91a3;--gold: #ffd84a;--blue: #2f6fe0;--green: #2fa84a;--shadow: rgba(23, 16, 58, .55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:#fbf6e9}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--paper);background:var(--ink)}.hud-defs{position:absolute;width:0;height:0}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:.34em .46em}.hud-words{display:contents}.hud-word{display:block;flex:none;width:auto;height:1em;overflow:visible;stroke:var(--ink);stroke-width:11;stroke-linejoin:round;paint-order:stroke}.hud-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hud-break{flex-basis:100%;height:0}#root{min-height:100vh}.site-shell{min-height:100vh;overflow:hidden;background:#fbf6e9;color:#1d1740}.site-header,.site-footer,.tools-hero,.tools-directory,.notes-page{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:2;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark-name,.wordmark-mark,.nav-link{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}.wordmark{display:inline-flex;align-items:center;gap:13px}.wordmark-name{color:#1d1740;font-size:1.1rem;font-weight:800;transition:color .12s ease}.wordmark-name:hover{color:#59537a}.wordmark-mark{display:grid;place-items:center;width:34px;height:44px;transition:transform .16s ease}.wordmark-mark img{display:block;width:100%;height:auto;transform-origin:50% 90%;animation:wordmark-bob 3.2s ease-in-out infinite}@keyframes wordmark-bob{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-3px)}}.wordmark-mark:hover{transform:rotate(-12deg) scale(1.1)}.wordmark-mark:hover img{animation-play-state:paused}main:focus{outline:none}.site-header nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-link{padding:8px 14px;border-radius:999px;color:#59537a;font-size:.95rem;font-weight:650;transition:color .12s ease,background-color .12s ease}.nav-link:hover{color:#1d1740;background:#fff1c4}.nav-link.active{color:#1d1740;background:#ffcf3f}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:800;letter-spacing:0}.tool-card h2,.notes-page h1{font-size:clamp(1.75rem,3.5vw,3.1rem)}.tools-hero,.notes-page{max-width:940px;margin-left:max(24px,calc((100% - 1180px)/2));padding:clamp(85px,14vw,175px) 0 clamp(55px,8vw,100px)}.tools-hero h1,.notes-page h1{max-width:890px;margin-bottom:27px;font-size:clamp(1.9rem,4vw,3.3rem)}.tools-hero>p,.notes-page>p{max-width:630px;color:var(--ink);font-size:1.15rem;font-weight:600;line-height:1.6}.tools-directory{padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(72px,10vw,128px)}.tool-section+.tool-section{margin-top:clamp(56px,8vw,104px)}.tool-section-heading{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);column-gap:40px;align-items:end}.tool-section-heading h2{margin-bottom:0;color:#1d1740;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.015em}.tool-section-heading>p:last-child{max-width:440px;margin:0;color:#59537a;line-height:1.6}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(24px,4vw,40px)}.tool-card{display:flex;flex-direction:column;padding:24px 26px;color:#1d1740;border:1px solid rgba(29,23,64,.12);border-radius:24px;background:#fffdf7;box-shadow:0 18px 36px -28px #1d174059;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover{transform:translateY(-3px);border-color:#ffcf3f;box-shadow:0 24px 44px -26px #1d174073}.tool-logo{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;margin-right:14px;border:1px solid rgba(29,23,64,.12);border-radius:12px;background:#fff}.tool-logo img{width:28px;height:28px;object-fit:contain}.tool-card h3{margin-bottom:14px;color:#1d1740;font-size:1.15rem;font-weight:800}.tool-card-title{display:flex;align-items:center}.tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tool-tags span{padding:3px 10px;border-radius:999px;color:#1d1740;background:#fff1c4;font-size:.72rem;font-weight:700;letter-spacing:.02em}.tool-card>p{margin:0;color:#59537a;font-size:.95rem;line-height:1.55}.notes-page{min-height:67vh}.notes-placeholder{display:flex;justify-content:space-between;align-items:end;max-width:750px;margin-top:56px;padding:20px 24px;border:4px solid var(--ink);border-radius:18px;background:var(--paper);box-shadow:inset 0 5px #fffc,0 10px 0 var(--shadow);color:var(--ink);font-weight:700}.notes-placeholder span:last-child{color:var(--accent-deep);font-size:1.5rem}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:40px 0 48px;color:#59537a;font-size:.85rem}@media (max-width: 760px){.site-header{min-height:auto;flex-wrap:wrap;gap:8px 20px;padding:14px 0}.site-header nav{order:3;width:100%;margin-left:0}.tools-hero h1,.notes-page h1{font-size:clamp(1.45rem,6.6vw,2.2rem)}.tool-card-grid{grid-template-columns:1fr}.tool-section-heading{grid-template-columns:1fr;gap:18px}.site-footer{flex-direction:column;gap:7px}}@media (max-width: 440px){.site-header,.site-footer,.tools-hero,.tools-directory,.notes-page{width:min(100% - 32px,1120px)}}.work{--wrap: min(1120px, calc(100% - 48px) );--bg: #fbf6e9;--ink: #1d1740;--muted: #59537a;--accent: #ffcf3f;--accent-ink: #1d1740;--accent-soft: #fff1c4;--check: #2fa84a;--line: rgba(29, 23, 64, .12);--panel: #fffdf7;--radius: 24px;color:var(--ink);font-size:17px;line-height:1.55}:where(.work) :where(h1,h2,h3,p,ul,ol){margin:0}:where(.work) :where(ul,ol){padding:0;list-style:none}:where(.work) a{color:inherit}:where(.work) button{font:inherit;color:inherit}.work-hero,.work-section,.work-closing-inner{width:var(--wrap);margin-inline:auto}.work-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:clamp(32px,6vw,80px);align-items:center;padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,104px)}.work-title{font-size:clamp(2.3rem,5vw,3.8rem);font-weight:800;line-height:1.06;letter-spacing:-.02em}.work-lead{max-width:560px;margin-top:22px;color:var(--muted);font-size:1.2rem}.work-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:34px}.work-cta-note{color:var(--muted);font-size:.9rem}.work-button{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border:2px solid var(--ink);border-radius:999px;background:var(--accent);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.work-button:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--ink)}.work-check{flex:none;width:16px;height:16px;margin-top:.2em;fill:none;stroke:var(--check);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.work-hours{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 20px 40px -24px #1d174040}.work-hours-title{margin-bottom:18px;font-size:1.3rem;font-weight:800;line-height:2.1}.work-hours-lettered{display:inline-flex;font-size:1.6rem;vertical-align:middle}.work-hours ul,.work-help-copy ul,.work-level-learn{display:grid;gap:10px}.work-hours li,.work-help-copy li,.work-level-learn li{display:flex;gap:10px;align-items:flex-start}.work-hours li{font-size:.95rem}.work-section{padding:clamp(56px,8vw,104px) 0}.work-section-head{margin-bottom:clamp(28px,5vw,52px)}.work-section-head h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.015em}.work-quotes-section{padding-top:0}.work-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-quote{display:flex;flex-direction:column;padding:26px 28px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 36px -28px #1d174059}.work-quote blockquote{flex:1;margin:0 0 22px;font-family:"Instrument Serif",Georgia,serif;font-size:1.45rem;font-weight:400;line-height:1.3;letter-spacing:-.005em}.work-quote-who{display:flex;align-items:center;gap:12px}.work-quote-person{display:grid;line-height:1.25}.work-quote-person b{font-size:.95rem;font-weight:750}.work-quote-person span{color:var(--muted);font-size:.82rem}.work-quote-face{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.95rem;font-weight:800}.work-quote:nth-child(2) .work-quote-face{background:#2f6fe0;color:#fff}.work-quote:nth-child(3) .work-quote-face{background:#2fa84a;color:#fff}.work-quote-face{overflow:hidden}.work-quote-face img{width:100%;height:100%;object-fit:cover}.work-apps{display:grid;gap:clamp(56px,8vw,104px)}.work-app-card{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;text-decoration:none}.work-app-card:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}.work-app-card:nth-child(2) .work-shot{order:1}.work-shot{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 24px 48px -28px #1d174073;transition:transform .2s ease}.work-app-card:hover .work-shot{transform:translateY(-3px)}.work-shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}.work-shot-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.work-shot-bar span{margin-left:10px}.work-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:top}.work-shot img.work-shot-game{object-position:center 60%}.work-app-text{display:grid;gap:10px}.work-app-text b{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.6rem,2.3vw,1.9rem);font-weight:400;line-height:1.1}.work-app-text>span{color:var(--muted)}.work-app-text .work-app-visit{color:var(--ink);font-weight:600;font-size:.95rem}.work-app-card:hover .work-app-visit{color:#b07800}.work-help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-help-item{display:grid;gap:28px;align-content:start;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:28px;background:var(--panel)}.work-help-item.is-wide{grid-column:1 / -1}.work-help-copy h3{margin-bottom:10px;font-size:1.45rem;font-weight:800}.work-help-copy p{margin-bottom:18px;color:var(--muted)}.work-explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,44px);align-items:center;padding:clamp(20px,3vw,32px);border-radius:var(--radius);background:var(--accent-soft)}.work-ladder{display:flex;flex-direction:column;gap:8px}.work-ladder li{margin-left:calc(var(--i) * 4.5%)}.work-rung{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1px solid transparent;border-radius:calc(var(--radius) * .6);background:var(--panel);font-size:.92rem;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.work-rung:hover{border-color:var(--accent);transform:translate(3px)}.work-rung[aria-pressed=true]{border-color:var(--ink);background:var(--accent);box-shadow:0 3px 0 var(--ink)}.work-level-n{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);font-size:.8rem;font-weight:700}.work-rung[aria-pressed=true] .work-level-n{background:var(--bg)}.work-level{display:grid;gap:8px;animation:work-level-in .32s ease both}.work-level-me{font-size:1.2rem;font-weight:750;line-height:1.35}.work-level-learn{margin-top:10px}.work-level-learn li{font-size:.95rem}@keyframes work-level-in{0%{opacity:0;transform:translateY(6px)}}.work-help-visual{padding:22px;border-radius:var(--radius);background:var(--accent-soft)}.work-mock{overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--panel)}.work-mock-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}.work-mock-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.work-mock-body{display:grid;grid-template-columns:60px 1fr;min-height:170px}.work-mock-side{display:grid;align-content:start;gap:10px;padding:14px 12px;border-right:1px solid var(--line)}.work-mock-side span,.work-mock-line{height:7px;border-radius:4px;background:var(--line)}.work-mock-main{display:grid;align-content:start;gap:10px;padding:16px}.work-mock-line{width:45%;height:8px}.work-mock-line.is-wide{width:70%;height:12px}.work-mock-bars{display:flex;align-items:end;gap:8px;height:56px;margin:6px 0}.work-mock-bars i{flex:1;border-radius:4px 4px 0 0;background:var(--accent-soft)}.work-mock-bars i:nth-child(1){height:40%}.work-mock-bars i:nth-child(2){height:65%}.work-mock-bars i:nth-child(3){height:50%}.work-mock-bars i:nth-child(4){height:85%;background:var(--accent)}.work-mock-bars i:nth-child(5){height:70%}.work-mock-input{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.78rem}.work-flow{display:grid;gap:8px}.work-flow-row{display:grid;grid-template-columns:9px 80px 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:calc(var(--radius) * .5);background:var(--panel);font-size:.88rem}.work-flow-row span:last-child{color:var(--muted)}.work-flow-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.work-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-step{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.work-step.is-featured{border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.work-step-n{color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.work-step h3{font-size:1.3rem;font-weight:800}.work-step p:not(.work-price){flex:1;color:var(--muted);font-size:.95rem}.work-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.work-price b{font-size:1.5rem;font-weight:800}.work-price s,.work-price span{color:var(--muted);font-size:.9rem}.work-closing{padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}.work-closing-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:28px;background:var(--accent-soft)}.work-closing h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.015em}.work-closing-copy{display:grid;gap:22px;justify-items:start}.work-closing p{color:var(--muted)}.work-field{--mx: -1000px;--my: -1000px;position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s ease}.work-field.is-on{opacity:1}.work-field-glow{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,207,63,.22),transparent 70%)}.work-field-digits{position:absolute;inset:0;opacity:.13;-webkit-mask-image:radial-gradient(170px circle at var(--mx) var(--my),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);mask-image:radial-gradient(170px circle at var(--mx) var(--my),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%)}.site-shell>:not(.work-field){position:relative;z-index:1}.site-shell>.site-header{z-index:2}@media (max-width: 900px){.work-hero,.work-closing-inner,.work-steps,.work-quotes{grid-template-columns:1fr}.work-app-card,.work-app-card:nth-child(2){grid-template-columns:1fr}.work-app-card:nth-child(2) .work-shot{order:0}.work-explorer{grid-template-columns:1fr}}@media (max-width: 760px){.work{--wrap: calc(100% - 32px) }.work-help-list{grid-template-columns:1fr}.work-explorer{padding:18px}.work-ladder li{margin-left:calc(var(--i) * 3%)}}