/* The office character is a helpful companion, never a simulated agent run. */
#helpFab[hidden]{display:none!important}.pet-tools{flex-wrap:wrap}
@media(max-width:600px){.cmp-box{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px!important}.cmp-box #inp{grid-column:1/-1;grid-row:1;width:100%;min-width:0!important;min-height:48px}.cmp-box .attach-btn{grid-column:1;grid-row:2}.cmp-box .level-control{grid-column:2;grid-row:2;max-width:none;width:max-content;max-width:100%}.cmp-box .level-control #modelMode{max-width:100%;font-size:11px}.cmp-box #stopBtn{grid-column:3;grid-row:2}.cmp-box #sendBtn{grid-column:4;grid-row:2}.voice-controls #voiceStatus{flex-basis:100%;min-width:0}}
.pet-greeting{position:absolute;right:0;bottom:82px;width:max-content;max-width:min(240px,calc(100vw - 40px));padding:12px 16px;border:1px solid #15191624;border-radius:18px 18px 4px 18px;background:#fff;color:#151916;font-size:12px;box-shadow:0 10px 30px #15191612;animation:companion-arrive .35s ease both;pointer-events:none}.pet-greeting[hidden]{display:none}body:has(#app.on) .pet-greeting{top:58px;bottom:auto;max-width:220px}
.office-pet[data-voice-state="listening"] img{animation:pet-listen 2s ease-in-out infinite}.office-pet[data-voice-state="thinking"] img{animation:pet-think 1.8s ease-in-out infinite}.office-pet[data-voice-state="speaking"] img{animation:none;transform:translateY(calc(var(--voice-level,0) * -6px)) rotate(calc(var(--voice-level,0) * 5deg));transition:transform 80ms linear}
.voice-visual{display:inline-flex;gap:3px;align-items:center;height:28px;padding:5px 10px;border-radius:30px;background:#151916;color:#c0ff72;flex-shrink:0}.voice-visual i{display:block;width:3px;height:5px;border-radius:4px;background:currentColor;transition:height 80ms linear}.voice-visual[data-state="listening"] i,.voice-visual[data-state="speaking"] i{height:calc(5px + var(--voice-level,0) * 17px)}.voice-visual i:nth-child(even){max-height:16px}.voice-visual[data-state="thinking"] i{animation:voice-consider 1.1s ease-in-out infinite}.voice-visual i:nth-child(2){animation-delay:.12s}.voice-visual i:nth-child(3){animation-delay:.24s}.voice-visual i:nth-child(4){animation-delay:.36s}.voice-visual i:nth-child(5){animation-delay:.48s}
.level-control{display:flex;flex-direction:column;gap:3px;flex-shrink:0;padding:7px 9px;border:1px solid #15191620;border-radius:14px;background:#f5f6f0;color:#151916}.level-control>span{font-size:9px;font-weight:600;letter-spacing:.05em}.level-control #modelMode{max-width:180px;border:0!important;background:transparent!important;color:#151916!important;padding:0!important;font-size:11px}.page-sketch{display:block;width:92px;height:40px;margin:12px 0 0;color:#151916}.page-sketch svg{width:100%;height:100%}.page-sketch path,.page-sketch circle{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:page-pencil 1.6s .15s ease forwards}
@keyframes page-pencil{to{stroke-dashoffset:0}}@keyframes companion-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pet-listen{50%{transform:rotate(-5deg) translateY(-2px)}}@keyframes pet-think{50%{transform:translateY(-3px) rotate(4deg)}}@keyframes voice-consider{50%{height:18px;opacity:.6}}
@media(max-width:600px){.level-control{padding:5px 6px;max-width:105px}.level-control #modelMode{max-width:94px;font-size:10px}.voice-controls{gap:6px!important}.voice-visual{padding:4px 7px}.pet-greeting{font-size:11px}}
@media(prefers-reduced-motion:reduce){.page-sketch path,.page-sketch circle{animation:none;stroke-dashoffset:0}.pet-greeting,.voice-visual i,.office-pet[data-voice-state] img{animation:none!important;transform:none!important;transition:none!important}.voice-visual i{height:5px!important}}
.office-pet{position:fixed;right:22px;bottom:22px;z-index:42;font-family:'Space Grotesk',sans-serif;color:#151916;max-width:calc(100vw - 32px)}
.pet-toggle{display:flex;align-items:center;gap:10px;border:1px solid #15191626;border-radius:24px;background:#fff;color:#151916;padding:10px 14px 10px 8px;box-shadow:0 12px 40px -18px #15191655;cursor:pointer;font:500 12px 'Space Grotesk',sans-serif}
.pet-toggle img{width:48px;height:48px;image-rendering:pixelated;background:#c0ff72;border-radius:16px;transform-origin:bottom center;animation:pet-hello 7s ease-in-out infinite}
.pet-toggle:hover img{animation:pet-wave .5s ease}.pet-toggle:focus-visible,.pet-panel :is(button,a):focus-visible{outline:2px solid #354d23;outline-offset:4px}
.pet-panel{position:absolute;bottom:84px;right:0;width:min(310px,calc(100vw - 32px));padding:24px;background:#fff;border:1px solid #15191626;border-radius:26px;box-shadow:0 20px 65px -30px #15191666;max-height:min(520px,calc(100svh - 160px));overflow:auto}
.pet-panel[hidden]{display:none}.pet-panel h2{color:#151916;font-size:22px;font-weight:500;letter-spacing:-.04em;margin:0 0 8px}.pet-panel p{color:#586257!important;font-size:12px;line-height:1.7;margin:0 0 14px}
.pet-tasks{display:grid;gap:7px}.pet-tasks button,.pet-panel>a{border:1px solid #15191620;background:#f6f7f2;color:#151916;padding:11px 12px;border-radius:12px;font:500 12px 'Space Grotesk',sans-serif;text-align:left;text-decoration:none;cursor:pointer}.pet-tasks button:hover{background:#c0ff72}.pet-panel>a{display:block;margin-top:12px;background:#151916;color:#c0ff72}
.pet-tools{display:flex;gap:10px;align-items:center;margin-top:18px}.pet-tools button{border:0;background:transparent;color:#354d23;padding:7px 0;font:12px 'Space Grotesk',sans-serif;cursor:pointer}.pet-tools button:last-child{margin-left:auto}.pet-toggle.pet-resting{padding:6px;border-radius:18px}.pet-resting img{width:32px;height:32px;animation:none}.pet-resting span{display:none}
/* Keep the companion clear of Send, attachment and voice controls. */
body:has(#app.on) .office-pet{top:112px;bottom:auto;right:16px}body:has(#app.on) .pet-toggle{padding:6px;border-radius:18px}body:has(#app.on) .pet-toggle span{display:none}body:has(#app.on) .pet-toggle img{width:36px;height:36px}body:has(#app.on) .pet-panel{top:62px;bottom:auto;max-height:calc(100svh - 190px)}
.hero-drawing{position:relative;grid-column:1;grid-row:5;margin:26px 0 0;width:min(440px,100%);height:145px;color:#151916;pointer-events:none}.hero-drawing svg{width:100%;height:100%;overflow:visible}.hero-drawing path,.hero-drawing rect,.hero-drawing circle,.hero-drawing polyline{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:draw-office 2.5s cubic-bezier(.4,0,.2,1) forwards}.hero-drawing .drawing-lime{fill:#c0ff72;stroke:none;animation:draw-fill 1s .5s both}.hero-drawing .draw-late{animation-delay:.45s}.hero-drawing text{font:11px 'Space Grotesk',sans-serif;fill:#354034;animation:draw-fill .6s 1.6s both}.hero-drawing.replay :is(path,rect,circle,polyline){animation-name:draw-office-again}
.founder-section{max-width:1136px;margin:64px auto;padding:40px;border:1px solid #15191620;border-radius:30px;background:#fff;display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}.founder-section img{width:180px;height:220px;object-fit:cover;object-position:50% 25%;border-radius:22px}.founder-section h2{font:400 clamp(28px,4vw,44px) 'Instrument Serif',Georgia,serif;color:#151916;margin:6px 0 12px}.founder-section p{color:#586257!important;line-height:1.8;max-width:630px}.founder-section a{color:#354d23;text-decoration:underline;text-underline-offset:4px;margin-right:20px}
@keyframes pet-hello{0%,78%,100%{transform:none}84%{transform:translateY(-3px) rotate(-4deg)}90%{transform:translateY(-3px) rotate(4deg)}}@keyframes pet-wave{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes draw-office{to{stroke-dashoffset:0}}@keyframes draw-office-again{to{stroke-dashoffset:0}}@keyframes draw-fill{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.hero-drawing{height:130px;flex:none;align-self:center;margin-top:22px}.founder-section{margin:40px 24px;padding:28px;gap:24px;grid-template-columns:120px 1fr}.founder-section img{width:120px;height:160px}.office-pet{right:12px;bottom:14px}.pet-toggle span{display:none}.pet-toggle{padding:6px;border-radius:20px}.pet-toggle img{width:42px;height:42px}.pet-panel{bottom:66px}.founder-section p{font-size:13px}}
@media(max-width:520px){.founder-section{grid-template-columns:1fr;text-align:left;margin:32px 18px}.founder-section img{width:132px;height:164px}.hero-drawing{height:115px}.pet-panel{max-height:calc(100svh - 140px)}}
@media(prefers-reduced-motion:reduce){.pet-toggle img,.pet-toggle:hover img,.hero-drawing :is(path,rect,circle,polyline,text,.drawing-lime){animation:none;stroke-dashoffset:0}.hero-drawing.replay :is(path,rect,circle,polyline){animation:none}}

.voice-controls .voice-visual{flex:0 0 auto!important;min-width:0!important}.voice-controls:has(#talkBtn[aria-pressed="true"]){padding:12px;border:1px solid #15191620;border-radius:20px;background:#f5f6f0;transition:background .25s ease}.voice-controls button:active{transform:scale(.97)}

.pet-panel:not([hidden]){animation:companion-arrive .25s ease both}@media(prefers-reduced-motion:reduce){.pet-panel:not([hidden]),.voice-controls{animation:none;transition:none}.voice-controls button:active{transform:none}}

/* High-contrast accents and editable fields are consistent on every main page. */
@layer readable-controls { .readable-accent{transition-property:transform,box-shadow!important;background:#151916!important;background-color:#151916!important;background-image:none!important;color:#c0ff72!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:5px;padding:2px 4px;text-shadow:none!important} }
@layer readable-controls {
body :is(textarea,select,input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],input[type=time]){background:#151916!important;color:#c0ff72!important;-webkit-text-fill-color:#c0ff72!important;caret-color:#c0ff72!important;border-color:#354034!important;color-scheme:dark}
}
body :is(input,textarea)::placeholder{color:#bdc7b7!important;-webkit-text-fill-color:#bdc7b7!important;opacity:1}
body input:-webkit-autofill{box-shadow:0 0 0 1000px #151916 inset!important;-webkit-text-fill-color:#c0ff72!important}
body .level-control{background:#151916;color:#c0ff72}.level-control #modelMode{background:#151916!important;color:#c0ff72!important}.level-control>span{color:#c0ff72}
.hero-promise{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.12em;color:#354034;margin:0 0 30px}.hero-promise>span{width:7px;height:7px;border-radius:50%;background:#151916;box-shadow:0 0 0 5px #c0ff72}
.hero-drawing{height:220px;background:#151916;color:#c0ff72;border-radius:26px;padding:16px 18px;overflow:hidden;box-shadow:0 20px 35px -28px #15191699}.hero-drawing svg{height:130px}.hero-drawing .drawing-lime{fill:#354d23}.hero-drawing text{fill:#c0ff72;font-size:11px}.drawing-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#c0ff72}.drawing-spark{font-size:24px;animation:idea-spark 6s ease-in-out infinite}.drawing-team{display:flex;align-items:center;gap:8px;margin-top:6px;color:#c0ff72;font-size:9px}.drawing-team img{width:30px;height:30px;image-rendering:pixelated;animation:desk-bob 4s ease-in-out infinite}.drawing-team img:nth-child(2){animation-delay:.7s}.drawing-team img:nth-child(3){animation-delay:1.4s}.drawing-team>span{margin-left:auto;max-width:150px;text-align:right;line-height:1.5}
.workflow-map{max-width:1136px;margin:48px auto 72px;padding:40px;border:1px solid #15191620;border-radius:32px;background:#fff}.workflow-map header{max-width:650px}.workflow-map h2{font-weight:400;font-size:clamp(34px,4vw,52px);letter-spacing:-.05em;line-height:1.1;margin:18px 0}.workflow-map h2 em{font-family:'Instrument Serif',Georgia,serif}.workflow-map header p{font-size:13px;line-height:1.8;color:#52604f}.workflow-track{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:10px;margin:30px 0 20px}.workflow-track button{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;background:#f6f7f2;border:1px solid #15191620;border-radius:22px;padding:20px;color:#151916;cursor:pointer;transition:transform .2s,background .2s}.workflow-track button>span{font:11px 'JetBrains Mono',monospace}.workflow-track img{grid-column:2;grid-row:1/4;image-rendering:pixelated;align-self:center;transform-origin:bottom center}.workflow-track strong{font-size:21px;font-weight:500;letter-spacing:-.03em}.workflow-track small{font-size:10px;line-height:1.6}.workflow-track button[aria-selected=true]{background:#151916;color:#c0ff72;transform:translateY(-3px)}.workflow-track button[aria-selected=true] img{animation:desk-bob 3s ease-in-out infinite}.flow-connector{text-align:center;font-size:26px;color:#354034;animation:flow-arrow 3s ease-in-out infinite}.workflow-track button:focus-visible{outline:2px solid #354d23;outline-offset:4px}.workflow-detail{padding:28px 32px;border-radius:22px;background:#151916;color:#c0ff72;min-height:200px}.workflow-detail>span{font-size:9px;letter-spacing:.13em}.workflow-detail h3{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:16px 0}.workflow-detail p{font-size:13px;line-height:1.85;color:#d0d8cb;max-width:720px;margin:0 0 18px}.workflow-detail a{color:#c0ff72;text-decoration:underline;text-underline-offset:5px}.workflow-detail.flow-enter{animation:companion-arrive .25s ease both}
body:has(#app.on) .pet-toggle{padding:8px;border-radius:26px;background:#151916;border:1px solid #c0ff7250;box-shadow:0 12px 36px -15px #15191680}body:has(#app.on) .pet-toggle img{width:64px;height:64px;border-radius:18px}body:has(#app.on) .pet-toggle.pet-resting img{width:32px;height:32px}body:has(#app.on) .pet-panel{top:92px;max-height:calc(100svh - 210px)}body:has(#app.on) .pet-greeting{top:90px}
@keyframes desk-bob{50%{transform:translateY(-4px) rotate(3deg)}}@keyframes idea-spark{50%{transform:rotate(90deg) scale(1.12)}}@keyframes flow-arrow{50%{transform:translateX(4px)}}
@media(max-width:850px){.hero-promise{order:0;justify-content:center;font-size:8px;letter-spacing:.08em;margin:0 0 24px}.hero h1{order:1}.hero-description{order:2;margin-bottom:14px}.hero-drawing{order:3;width:100%;max-width:440px;height:220px;margin:8px 0 24px;align-self:center}.hero .task-composer{order:4}.hero .task-ideas{order:5}.hero .start-note{order:6}.hero-capabilities{order:7;justify-content:center}.hero .hero-facts{order:8}.hero h1 em{white-space:normal}.workflow-map{margin:30px 18px;padding:24px;border-radius:26px}.workflow-track{grid-template-columns:1fr;gap:12px}.flow-connector{transform:rotate(90deg);animation:none;font-size:22px;height:22px}.workflow-track button{grid-template-columns:28px 1fr 48px;gap:6px 12px;padding:16px}.workflow-track button>span{grid-column:1;grid-row:1/3;align-self:center}.workflow-track strong,.workflow-track small{grid-column:2}.workflow-track img{grid-column:3;grid-row:1/3}.workflow-detail{padding:24px;min-height:250px}.workflow-detail h3{font-size:22px}}
@media(max-width:520px){.hero{padding-top:30px}.hero-drawing{padding:14px;height:218px}.drawing-team>span{font-size:8px}.hero-promise{font-size:7px}.hero h1{font-size:clamp(43px,11.7vw,60px)}body:has(#app.on) .pet-toggle img{width:52px;height:52px}body:has(#app.on) .pet-toggle{padding:6px;border-radius:22px}body:has(#app.on) .pet-panel{top:78px}body:has(#app.on) .pet-greeting{top:76px}}
@media(prefers-reduced-motion:reduce){.drawing-spark,.drawing-team img,.workflow-track button[aria-selected=true] img,.flow-connector,.workflow-detail.flow-enter{animation:none}.workflow-track button{transition:none}.workflow-track button[aria-selected=true]{transform:none}}

.hero-drawing{height:240px}.drawing-caption{height:24px;line-height:1}.drawing-team img{flex-shrink:0}@media(max-width:520px){.hero-drawing{height:240px}.hero-promise{font-size:9px;letter-spacing:.04em}}

.flow-connector{pointer-events:none}@media(max-width:850px){.flow-connector{width:24px;justify-self:center}}

.hero-drawing{pointer-events:auto}.drawing-caption button{background:transparent;color:#c0ff72;border:1px solid #c0ff7233;border-radius:99px;padding:5px 7px;cursor:pointer;font:8px inherit;letter-spacing:0}.drawing-caption button:focus-visible{outline:2px solid #c0ff72;outline-offset:3px}@media(max-width:380px){.drawing-caption>span:first-child{font-size:8px}.drawing-spark{display:none}}