.octi-companion{flex-shrink:0;display:block;overflow:visible;color:#92c9c5}.octi-companion .pose{transform-origin:100px 125px}.octi-companion .eyes{transform-origin:100px 100px}.octi-companion .arm{transform-box:view-box}.octi-companion .shine{opacity:.22}.octi-companion .mouth{fill:none;stroke:#17363e;stroke-width:3.3;stroke-linecap:round}.octi-companion .resting-shadow{fill:#020f17;opacity:.2}.octi-companion.animated .eyes{animation:octi-blink 5.8s infinite}.octi-companion.animated[data-state=idle] .pose{animation:octi-idle-explore 8s ease-in-out infinite}.octi-companion.animated[data-state=idle] .pupils{animation:octi-idle-gaze 8s ease-in-out infinite}.octi-companion.animated[data-state=idle] .arm-outer-left{animation:octi-idle-feel-left 8s ease-in-out infinite}.octi-companion.animated[data-state=idle] .arm-outer-right{animation:octi-idle-feel-right 8s ease-in-out infinite}.octi-companion.animated[data-state=listening] .pose{animation:octi-listen 3.4s ease-in-out infinite}.octi-companion.animated[data-state=listening] .pupils{transform:translate(1px,-3px)}.octi-companion.animated[data-state=listening] .arm-outer-left{transform:rotate(20deg)}.octi-companion.animated[data-state=listening] .arm-outer-right{transform:rotate(-20deg)}.octi-companion.animated[data-state=working] .arm{animation:octi-reach 1.05s ease-in-out infinite alternate;animation-delay:calc(var(--arm-index)*-.14s)}.octi-companion.animated[data-state=working] .pose{animation:octi-work 2.1s ease-in-out infinite}.octi-companion.animated[data-state=working] .pupils{animation:octi-octi-work-gaze 2.1s ease-in-out infinite}.octi-companion.animated[data-state=waiting] .pose{animation:octi-await-input .9s ease-out forwards}.octi-companion.animated[data-state=waiting] .arm-outer-left{transform:rotate(40deg)}.octi-companion.animated[data-state=waiting] .arm-outer-right{transform:rotate(-40deg)}.octi-companion.animated[data-state=waiting] .pupils{transform:translate(-2px,-3px)}.octi-companion.animated[data-state=done] .pose{animation:octi-celebrate 1.4s ease-in-out 1}.octi-companion.animated[data-state=done] .arm-outer-left{animation:octi-cheer-left 1.4s ease-in-out 1}.octi-companion.animated[data-state=done] .arm-outer-right{animation:octi-cheer-right 1.4s ease-in-out 1}.octi-companion.animated[data-state=done] .octi-spark{animation:octi-spark 1.4s ease-out 1}.octi-companion.animated[data-state=interrupted] .pose{animation:octi-settle 1s ease-out forwards}.octi-companion.animated[data-state=interrupted] .eyes{animation:none;transform:scaleY(.78)}.octi-companion.animated[data-state=interrupted] .pupils{transform:translateY(3px)}.octi-companion.animated[data-state=interrupted] .arm-outer-left{transform:rotate(-22deg)}.octi-companion.animated[data-state=interrupted] .arm-outer-right{transform:rotate(22deg)}@keyframes octi-idle-explore{0%,8%,94%,to{transform:translate(0) rotate(0)}20%,32%{transform:translate(-7px,-5px) rotate(-12deg)}43%{transform:translateY(-9px) rotate(0)}55%,68%{transform:translate(8px,-4px) rotate(13deg)}80%,85%{transform:translateY(-10px) rotate(-3deg)}}@keyframes octi-idle-gaze{0%,8%,94%,to{transform:translate(0)}15%,32%{transform:translate(-4px,-1px)}40%,45%{transform:translateY(-4px)}51%,68%{transform:translate(4px)}77%,85%{transform:translate(1px,-4px)}}@keyframes octi-idle-feel-left{0%,12%,40%,to{transform:rotate(0)}22%,30%{transform:rotate(28deg)}}@keyframes octi-idle-feel-right{0%,45%,76%,to{transform:rotate(0)}56%,64%{transform:rotate(-30deg)}}@keyframes octi-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes octi-listen{0%,to{transform:translateY(-5px) rotate(-10deg) scale(1.04)}30%,65%{transform:translateY(-10px) rotate(-10deg) scale(1.07)}42%,77%{transform:translateY(2px) rotate(-5deg) scale(1.04)}}@keyframes octi-reach{0%{transform:rotate(-18deg)}to{transform:rotate(22deg)}}@keyframes octi-work{0%,to{transform:translate(-5px) rotate(-7deg)}50%{transform:translate(5px,-9px) rotate(7deg)}}@keyframes octi-octi-work-gaze{0%,to{transform:translate(-3px,3px)}50%{transform:translate(3px,3px)}}@keyframes octi-await-input{0%{transform:rotate(0)}65%{transform:translateY(-4px) rotate(-18deg)}to{transform:translateY(-3px) rotate(-14deg)}}@keyframes octi-celebrate{0%,to{transform:translateY(0)}15%{transform:translateY(5px) scale(1.06,.92)}38%{transform:translateY(-28px) rotate(-12deg) scale(.96,1.06)}62%{transform:translateY(1px) rotate(8deg) scale(1.07,.94)}80%{transform:translateY(-12px) rotate(-4deg)}}@keyframes octi-cheer-left{0%,to{transform:rotate(0)}38%,62%{transform:rotate(75deg)}}@keyframes octi-cheer-right{0%,to{transform:rotate(0)}38%,62%{transform:rotate(-75deg)}}@keyframes octi-settle{0%{transform:translateY(0)}22%{transform:translate(-5px,-8px) rotate(-9deg)}48%{transform:translate(4px,4px) rotate(7deg)}to{transform:translateY(9px) rotate(5deg) scale(1.04,.94)}}.octi-companion.animated[data-state=done] .eyes{animation:none}.octi-companion[data-state=waiting] .pose{transform:translateY(-3px) rotate(-14deg)}.octi-companion[data-state=interrupted] .pose{transform:translateY(9px) rotate(5deg)}@media(prefers-reduced-motion:reduce){.octi-companion *,.octi-companion{animation:none!important;transition:none!important}}:root{color-scheme:dark;--deep:#071923;--panel:#0b222d;--glass:#92c9c5;--ink:#edf5f3;--muted:#afc3c5;--line:#29424a;--coral:#efa99b;--cream:#f0eee5;--max:1200px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem;background:var(--deep)}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 80% 8%,#16383d66,transparent 35%),var(--deep);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:5px}a:hover{color:var(--glass)}button{color:inherit}[hidden]{display:none!important}::-moz-selection{background:#447573;color:#fff}::selection{background:#447573;color:#fff}.shell{width:min(calc(100% - 4rem),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;background:var(--cream);color:var(--deep);padding:1rem}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;gap:2rem;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.35rem;letter-spacing:-.04em;font-weight:800}.brand img{-o-object-fit:contain;object-fit:contain}.alpha{font-size:.63rem;font-weight:500;letter-spacing:.04em;border:1px solid var(--line);padding:.1rem .45rem;border-radius:5px;color:var(--muted);margin-left:.35rem}.desktop-nav{display:flex;gap:2rem;margin-left:auto;font-size:.85rem}.header-cta{padding:.6rem 1rem;border:1px solid var(--line);border-radius:100px;font-size:.8rem}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:.5rem .8rem;border-radius:8px}.mobile-nav{padding:1rem 0}.mobile-nav a{display:block;padding:.75rem 0}.hero{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:4.5rem;padding-block:5.5rem 5rem}.eyebrow{font-size:.67rem;line-height:1.5;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--glass);margin:0 0 1.6rem}.little-star{display:inline-block;font-size:1.3rem;color:var(--coral);margin-right:.4rem;vertical-align:-2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,5.5vw,5.1rem);line-height:1.07;letter-spacing:-.065em;font-weight:600;margin-bottom:1.7rem}h1>span{color:var(--glass)}.lead{font-size:1.3rem;line-height:1.65;letter-spacing:-.025em;margin-bottom:1.3rem}.hero-detail{font-size:1rem;color:var(--muted);max-width:460px}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-height:52px;border-radius:100px;padding:.85rem 1.5rem;font-size:.88rem;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--glass);color:var(--deep)}.primary:hover{background:#b4ded7;color:var(--deep)}.text-link{display:inline-block;font-size:.83rem;font-weight:600;text-decoration:underline;text-decoration-color:#688b8c;text-underline-offset:6px}.hero .text-link{font-size:.75rem}.setup-note{font-size:.7rem;color:var(--muted);margin:1.25rem 0 0}.companion-card{position:relative;border-radius:24px;background:var(--cream);color:#17363e;padding:1.6rem 1.8rem 1.4rem;box-shadow:0 24px 70px #0003;transform:rotate(1.2deg);scroll-margin-top:3rem}.card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-top .eyebrow{color:#42625f;margin:0;font-size:.59rem}.motion-toggle{background:none;border:0;border-bottom:1px solid #79938c;padding:4px 0;font-size:.66rem;color:#33534f}.motion-toggle:focus-visible,.companion-card input:focus-visible,.companion-card button:focus-visible{outline-color:#256c67}.companion-stage{position:relative;display:flex;justify-content:center;align-items:center;height:260px;margin:0 0 .5rem;background:radial-gradient(ellipse at 50% 55%,#d4e4d8aa,transparent 65%)}.companion-stage .octi-companion{position:relative;z-index:1}.orbit-note{position:absolute;font-size:.62rem;font-style:italic;color:#58716a;max-width:74px;line-height:1.5}.note-one{left:0;top:80px;transform:rotate(-9deg)}.note-two{right:0;bottom:70px;transform:rotate(9deg)}.stage-spark{position:absolute;color:#668a78}.spark-one{top:35px;right:45px;font-size:1.5rem}.spark-two{bottom:43px;left:45px;font-size:1.7rem}.name-row{display:flex;align-items:baseline;justify-content:center;gap:.65rem}.name-row label{font-size:.85rem;white-space:nowrap}.name-row input{width:180px;max-width:65%;border:0;border-bottom:1px dashed #7c9c92;background:none;color:#17363e;border-radius:0;font-size:1.7rem;font-weight:700;letter-spacing:-.05em;padding:0 .2rem .25rem;min-width:0}.form-options,.color-options{border:0;padding:0;margin:1.2rem 0 0;display:flex;gap:.5rem;justify-content:center;min-width:0}.form-options legend,.color-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.form-options label,.color-options label{position:relative;cursor:pointer}.form-options input,.color-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}.form-options span{display:block;border:1px solid #849b914d;border-radius:100px;padding:.35rem .85rem;font-size:.7rem}.form-options input:checked+span{background:#173c38;color:#f0eee5;border-color:#173c38}.form-options input:focus-visible+span,.color-options input:focus-visible+.swatch{outline:3px solid #256c67;outline-offset:4px}.color-options{gap:.7rem;margin-top:1rem}.color-options label{padding:4px}.swatch{display:block;background:var(--swatch);width:25px;height:25px;border-radius:50%;border:1px solid #17363e30}.color-options input:checked+.swatch{outline:1.5px solid #17363e;outline-offset:3px}.motion-options{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;margin-top:1.3rem}.motion-options button{border:0;background:none;font-size:.59rem;color:#4c665d;padding:.4rem .5rem;border-radius:5px}.motion-options button[aria-pressed=true]{background:#dce3d8;color:#173c38}.preview-note{max-width:330px;font-size:.63rem;line-height:1.7;color:#536c61;text-align:center;margin:1rem auto 0}.motion-paused .octi-companion *{animation-play-state:paused!important}.belief-strip{display:flex;justify-content:space-between;gap:1rem;padding-block:1.5rem;border-block:1px solid var(--line);color:var(--muted);font-size:.73rem;letter-spacing:.02em}.belief-strip span:before{content:"✳";color:var(--glass);margin-right:.8rem;font-size:.7rem}.section{padding-block:6.5rem}.section-heading{display:grid;grid-template-columns:1.1fr .85fr;gap:6rem;align-items:end;margin-bottom:3rem}.section-heading .eyebrow{margin-bottom:1.1rem}h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.14;letter-spacing:-.055em;font-weight:500;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:1rem;margin:0;max-width:410px}.room-example{border:1px solid #36515a;border-radius:17px;overflow:hidden;background:var(--panel);box-shadow:0 30px 60px #0002}.room-header{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.7rem;border-bottom:1px solid var(--line);font-size:.8rem}.room-header>div{display:flex;gap:.6rem;align-items:center}.room-hash{font-size:1.2rem;color:var(--glass)}.example-label{font-size:.61rem;color:var(--muted)}.room-body{display:grid;grid-template-columns:1fr 300px}.conversation{padding:2rem;min-width:0}.human-message{display:flex;gap:.85rem;margin-bottom:1.6rem;align-items:flex-start}.person-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;font-size:.7rem;font-weight:700}.alex{background:#d6bf9f;color:#43342d}.sam{background:#afbacf;color:#2d3c54}.human-message strong,.companion-message strong{display:block;font-size:.78rem;font-weight:700;line-height:1.5}.human-message strong>span,.companion-message strong>span:not([data-companion-name]){font-size:.63rem;font-weight:400;color:var(--muted);margin-left:.4rem}.human-message p,.companion-message p{font-size:.81rem;line-height:1.8;margin:.4rem 0 0;color:#ccdbdc}.mention{color:var(--glass)}.demo-tabs{display:flex;gap:.6rem;border-bottom:1px solid var(--line);margin-top:2rem}.demo-tabs button{border:0;border-bottom:2px solid transparent;padding:.7rem .6rem;background:none;font-size:.66rem;color:var(--muted)}.demo-tabs button[aria-selected=true]{color:var(--glass);border-bottom-color:var(--glass)}.demo-panel{padding-block:1.6rem 1.25rem;min-height:276px}.companion-message{display:flex;align-items:flex-start;gap:.6rem}.companion-message>.octi-companion{margin-top:-9px;margin-left:-8px}.research-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.research-options span{border:1px solid var(--line);border-radius:6px;padding:.45rem .65rem;font-size:.67rem}.research-options .selected-option{color:var(--glass);border-color:#4d7473;background:#16332e}.demo-context{font-size:.65rem;color:var(--muted);margin:1.3rem 0 0;padding-left:52px;max-width:540px}.example-composer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #38545c;background:#071923;padding:.8rem 1rem;border-radius:9px;color:var(--muted);font-size:.7rem}.example-composer>span:last-child{color:var(--deep);background:var(--glass);border-radius:6px;padding:.05rem .5rem;font-size:1rem}.work-preview{border-left:1px solid var(--line);padding:2rem 1.5rem;background:#0a1e28}.work-preview .eyebrow{font-size:.56rem;letter-spacing:.09em;margin-bottom:1.1rem}.work-preview h3{font-size:1.15rem;line-height:1.5;letter-spacing:-.03em;font-weight:500;margin-bottom:.85rem}.work-preview>p:not(.eyebrow){font-size:.73rem;color:var(--muted)}.work-item{display:flex;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:8px;padding:.85rem .7rem;margin-top:.65rem;transition:border-color .2s,transform .2s}.work-item:hover{border-color:var(--glass);transform:translate(3px)}.work-icon{display:grid;place-items:center;flex:none;width:29px;height:32px;color:var(--glass);background:#193b37;border-radius:5px}.coral-icon{color:var(--coral);background:#3a302f}.yellow-icon{color:#e9c776;background:#37372c}.work-item strong{display:block;font-size:.73rem;font-weight:600}.work-item div>span{display:block;font-size:.55rem;color:var(--muted);margin-top:.2rem;overflow-wrap:anywhere}.work-preview .room-rule{font-size:.66rem!important;line-height:1.8;border-top:1px solid var(--line);padding-top:1.1rem;margin-top:1.7rem}.mini-board{margin:1rem 0 0 52px;background:var(--cream);color:#17363e;padding:1rem;border-radius:8px}.board-heading{display:flex;justify-content:space-between;gap:1rem;font-weight:700;font-size:.75rem}.board-tag{font-weight:400;font-size:.55rem;color:#4c665d}.learning{display:flex;gap:.65rem;align-items:center;margin-top:.8rem;padding:.6rem;background:#fff9;border:1px solid #8aa39955;border-radius:5px}.learning-icon{color:#4e7c6b;font-size:1.2rem}.learning strong{font-size:.65rem;display:block}.learning p{font-size:.6rem;margin:0;color:#4c665d}.add-learning{margin-top:.75rem;background:none;border:1px dashed #728a7f;padding:.55rem;width:100%;font-size:.64rem;border-radius:5px;color:#17363e}.add-learning:hover{background:#dae4d7}.next-steps{font-size:.8rem;color:#ccdbdc;line-height:2.1;padding-left:1.1rem;margin-bottom:0}.together-foot{display:flex;justify-content:space-between;gap:2rem;margin-top:1.5rem;align-items:baseline}.together-foot p{color:var(--muted);font-size:.75rem;margin:0}.personal{background:#102830;border-block:1px solid var(--line)}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.section-lead{margin:1.6rem 0 1rem;font-size:1.05rem;color:#d0e0df;max-width:440px}.muted{color:var(--muted);font-size:.85rem;max-width:440px;margin-bottom:1.8rem}.personal-illustration{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;background:radial-gradient(ellipse at center,#2a534444,transparent 65%)}.companion-friend{text-align:center;position:relative;min-width:0}.companion-friend svg{width:100%;height:auto}.companion-friend span{display:inline-block;font-size:.7rem;color:var(--muted);border:1px solid #506c6a;padding:.2rem .9rem;border-radius:100px;max-width:130px;overflow-wrap:anywhere}.friend-one{width:150px;transform:rotate(-12deg) translateY(20px)}.friend-two{width:210px;z-index:1;transform:translateY(-25px)}.friend-three{width:150px;transform:rotate(10deg) translateY(15px)}.friend-one .pose{animation-delay:-3s!important}.friend-three .pose{animation-delay:-5s!important}.handwritten{position:absolute;bottom:0;left:0;right:0;font-style:italic;text-align:center;color:#9fb9ae;font-size:.8rem}.control-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem}.control-cards article{border-top:1px solid var(--line);padding-top:1.5rem}.value-symbol{font-size:1.8rem;color:var(--glass)}.control-cards h3{font-size:1.1rem;letter-spacing:-.03em;font-weight:600;margin:1.2rem 0 .8rem}.control-cards p{font-size:.86rem;color:var(--muted);margin-bottom:1.3rem}.control-cards a{font-size:.73rem;color:var(--glass);text-decoration:underline;text-underline-offset:5px}.closing{border-top:1px solid var(--line);position:relative;text-align:center}.closing h2{font-size:clamp(3rem,6vw,5.5rem)}.closing>.eyebrow{margin-bottom:1.5rem}.closing>p:not(.eyebrow):not(.setup-note){color:var(--muted);font-size:1rem;margin:1.5rem 0 0}.closing .actions{justify-content:center}.closing-star{display:block;font-size:3rem;color:var(--coral);margin-bottom:1rem}footer{border-top:1px solid var(--line);padding-block:2rem;display:flex;gap:2rem;align-items:center}footer>.brand{font-size:1.15rem}footer>p{font-size:.7rem;color:var(--muted);margin:0}footer nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin-left:auto;font-size:.7rem}@media(min-width:1400px){.hero{padding-block:7rem}}@media(max-width:1100px){.hero{gap:2.5rem;grid-template-columns:1fr 1fr}h1{font-size:clamp(2.8rem,5.6vw,4rem)}.hero .actions{gap:1rem}.hero .text-link{font-size:.72rem}.companion-card{padding-inline:1.25rem}.section-heading,.personal-grid{gap:3rem}.room-body{grid-template-columns:1fr 260px}.conversation{padding:1.5rem}.work-preview{padding:1.5rem 1rem}}@media(max-width:800px){.shell{width:calc(100% - 3rem)}.site-header{min-height:80px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr;gap:3rem;padding-block:3.5rem 3rem}.hero-copy{max-width:620px}.hero h1{font-size:clamp(3rem,8.5vw,4.6rem)}.hero-detail{max-width:520px}.hero .actions{gap:1.5rem}.companion-card{width:min(100%,470px);justify-self:center;transform:none;padding:1.5rem 2rem}.belief-strip{flex-wrap:wrap;justify-content:flex-start;gap:.75rem 0}.belief-strip span{width:50%}.section{padding-block:4.5rem}.section-heading{grid-template-columns:1fr;gap:1.4rem}.section-heading>p{max-width:540px}.room-body{grid-template-columns:1fr}.work-preview{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:1.5rem}.work-preview>p,.work-preview h3{grid-column:1/-1}.work-preview h3 br{display:none}.work-preview .eyebrow,.work-preview h3{margin-bottom:0}.work-preview>p{margin:0}.work-item{margin:0;padding:.6rem;gap:.5rem;align-items:flex-start}.work-icon{width:22px;height:25px}.work-item strong{font-size:.65rem}.work-preview .room-rule{margin-top:.5rem}.personal-grid{grid-template-columns:1fr;gap:3rem}.personal-illustration{min-height:290px;max-width:500px;width:100%;margin-inline:auto;order:1}.personal h2 br:last-child{display:none}.control-cards{gap:1.5rem}.control-cards h3{font-size:1rem}.together-foot{flex-direction:column;gap:.75rem}footer{flex-wrap:wrap;gap:1rem 2rem}footer nav{width:100%;margin:0}}@media(max-width:480px){.shell{width:calc(100% - 2rem)}.hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}.lead{font-size:1.05rem}.hero-detail{font-size:.88rem}.desktop-break{display:none}.companion-card{padding:1.2rem}.companion-stage{height:245px}.companion-stage svg{width:245px;height:245px}.orbit-note{font-size:.55rem;max-width:54px}.note-one{top:50px}.note-two{bottom:50px}.spark-one{right:25px;top:25px}.spark-two{left:18px;bottom:30px}.belief-strip{font-size:.63rem}.belief-strip span:before{margin-right:.5rem}.room-header{padding:1rem;align-items:flex-start;flex-direction:column;gap:.35rem}.conversation{padding:1rem}.human-message p,.companion-message p{font-size:.75rem}.demo-tabs{gap:0;justify-content:space-between}.demo-tabs button{padding:.7rem .3rem;font-size:.6rem}.companion-message>.octi-companion{width:44px;height:44px}.demo-context{padding-left:0}.mini-board{margin-left:0}.work-preview{display:block;padding:1rem}.work-preview>p:not(.room-rule){margin:.8rem 0}.work-item{margin-top:.65rem;padding:.75rem;align-items:center}.work-item strong{font-size:.75rem}.work-item div>span{font-size:.65rem}.work-icon{width:30px;height:32px}.work-preview .room-rule{margin-top:1.3rem}.control-cards{grid-template-columns:1fr;gap:2rem}.control-cards h3{margin-top:.6rem}.control-cards article{padding-top:1rem}.personal-illustration{min-height:250px}.friend-two{width:180px}.friend-one,.friend-three{width:130px}.companion-friend span{font-size:.6rem;padding:.15rem .65rem}.example-composer{font-size:.6rem}.board-heading{gap:.5rem}.board-tag{font-size:.5rem}.next-steps{font-size:.75rem}footer nav{gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.work-item:hover{transform:none}}.personal-grid>*,.hero>*{min-width:0}.personal-illustration{padding-inline:16px}.human-message>div,.companion-message>div{min-width:0}.companion-message strong,.example-composer>span:first-child{overflow-wrap:anywhere}.companion-stage .pointer-gaze .pupils{animation:none!important;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .14s ease-out}.demo-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.demo-controls button{background:none;border:1px solid var(--line);border-radius:100px;padding:.3rem .7rem;font-size:.62rem;color:var(--muted);min-height:30px}.demo-controls button:hover{border-color:var(--glass);color:var(--ink)}.demo-controls button[aria-pressed=true]{color:var(--glass);border-color:#5d8381}.demo-activity{display:flex;align-items:center;gap:.6rem;min-height:25px;color:var(--muted);font-size:.65rem;margin-top:.5rem}.demo-tabs{margin-top:.5rem}.activity-dots{display:none;gap:3px}.activity-dots i{width:3px;height:3px;background:var(--glass);border-radius:50%;animation:demo-dot 1.2s ease-in-out infinite}.activity-dots i:nth-child(2){animation-delay:.15s}.activity-dots i:nth-child(3){animation-delay:.3s}.demo-busy .activity-dots{display:flex}.demo-story [data-story-message]{transition:opacity .35s,transform .35s}.demo-story .story-pending{opacity:0;transform:translateY(7px);pointer-events:none;visibility:hidden}.demo-story .story-answer-pending .companion-message,.demo-story .story-answer-pending .demo-context{visibility:hidden}.demo-story .story-arriving .companion-message{animation:demo-arrive .45s ease-out both}.demo-story .work-item.story-output-pending{opacity:.3}.demo-composed{min-height:1.5em}.demo-composed.is-composing:after{content:"";display:inline-block;width:1px;height:1em;background:var(--glass);margin-left:2px;vertical-align:-2px;animation:demo-caret 1s steps(2) infinite}.motion-paused .activity-dots i,.motion-paused .demo-composed,.motion-paused .demo-composed:after{animation-play-state:paused!important}@keyframes demo-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes demo-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-caret{50%{opacity:0}}.depth-gauge{position:fixed;right:16px;top:50%;transform:translateY(-50%);width:44px;height:280px;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#8daaa9;font-size:.55rem}.depth-caption{position:absolute;top:-30px;letter-spacing:.1em;text-transform:uppercase}.depth-track{position:absolute;top:0;bottom:0;width:1px;background:#35544f;pointer-events:none}.depth-fill{position:absolute;top:0;left:0;width:1px;height:var(--depth,0%);background:var(--glass)}.depth-dot{position:absolute;left:-2px;top:var(--depth,0%);width:5px;height:5px;background:var(--glass);border-radius:50%;transform:translateY(-50%)}.depth-gauge>a{position:relative;display:grid;place-items:center;width:30px;min-height:28px;color:var(--muted)}.depth-gauge>a>span{width:9px;height:1px;background:#64827b}.depth-gauge>a[aria-current]>span{background:var(--glass);width:15px}.depth-gauge>a:hover:after,.depth-gauge>a:focus-visible:after{content:attr(aria-label);position:absolute;right:38px;white-space:nowrap;background:var(--panel);border:1px solid var(--line);padding:.35rem .6rem;border-radius:5px;font-size:.65rem}.depth-reading{position:absolute;bottom:-29px;font-variant-numeric:tabular-nums}.demo-story-paused .activity-dots i,.demo-story-paused .demo-composed:after{animation-play-state:paused!important}@media(max-width:1350px){.depth-gauge{display:none}}@media(max-width:600px){.room-header{align-items:flex-start;flex-direction:column;gap:.75rem}.demo-controls{gap:.5rem}.demo-controls .example-label{width:100%}.demo-status{font-size:.61rem}}@media(prefers-reduced-motion:reduce){.companion-stage .pointer-gaze .pupils{transform:none!important}.demo-story [data-story-message],.demo-story .story-arriving .companion-message{transition:none;animation:none}}.motion-paused .story-arriving .companion-message{animation-play-state:paused!important}.demo-controls button:disabled{opacity:.6;cursor:default}