@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f4f1eb;--ink:#1b1a21;--muted:#66626c;--line:#d9d4dd;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.6 var(--font);background-image:radial-gradient(#9891a526 .8px,transparent .8px);background-size:22px 22px}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #69548a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.065em}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:6px;font-weight:650;font-size:27px;letter-spacing:-1.7px}.brand img{object-fit:contain;mix-blend-mode:multiply}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:13px 20px;font-weight:550;font-size:12px;line-height:1.4;transition:background-color .2s}.dark{background:#202027;color:#fff}.dark:hover{background:#47434f}.topbar .button{font-size:11px;padding:12px 17px}.hero{overflow:hidden;isolation:isolate}.hero-copy{text-align:center;padding:45px 24px 0;position:relative;z-index:3}.hero h1{font-size:clamp(68px,8.7vw,132px);line-height:.94;letter-spacing:-.075em;font-weight:500}.hero-copy>p:not(.signup-note){max-width:465px;margin:28px auto 24px;font-size:15px;line-height:1.7;color:#625c69}.signup-form{display:flex;gap:7px;max-width:455px;padding:6px;background:#fff9;border:1px solid #fff;border-radius:10px;margin:auto;box-shadow:0 3px 5px #00000003}.signup-form input{min-width:0;flex:1;border:0;background:transparent;outline-offset:0;padding:8px 12px;font-size:12px;color:#34303c}.signup-form input::placeholder{color:#807787}.signup-form .button{font-size:10px;padding:12px 16px;white-space:nowrap}.hero-copy .signup-note{font-size:9px;color:#807787;margin:10px auto 0}.hero-stage{position:relative;max-width:1600px;margin:90px auto 0;padding:0 25px 80px;min-height:525px}.render{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 25px 14px #242c251a);height:auto}.pip-render{width:360px;left:-90px;bottom:40px;transform:rotate(-13deg);z-index:1}.orbit-render{width:385px;right:-90px;bottom:40px;transform:rotate(13deg);z-index:1}.workspace{position:relative;z-index:2;max-width:860px;margin:0 auto;background:#fffefbf5;border:1px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -25px #27301d40;backdrop-filter:blur(18px);text-align:left}.window-bar{height:42px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #d9d3e34a;font-size:10px;color:#7a7186}.window-bar>div{display:flex;align-items:center;gap:14px}.window-dots{display:flex;gap:4px}.window-dots i{height:6px;width:6px;border-radius:50%;background:#d8d2de}.window-dots i:first-child{background:#efb2a3}.window-dots i:nth-child(2){background:#e9d59b}.window-dots i:last-child{background:#9c91ff}.demo-label{margin-left:auto;font-size:8px;color:#958d9c}.workspace-body{display:grid;grid-template-columns:190px 1fr;min-height:395px}.sidebar{display:flex;flex-direction:column;border-right:1px solid #d9d3e361;padding:22px 10px;background:#f0edf899}.sidebar-brand{font-size:11px;font-weight:600;padding:0 10px 25px;display:flex;align-items:center;gap:6px}.sidebar-brand img{width:20px;height:20px;mix-blend-mode:multiply}.sidebar-label{display:block;margin:0 10px 8px;font-size:8px;color:#8b8099}.private-label{margin-top:22px}.sidebar [role=tab]{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:left;padding:10px;border-radius:6px;font-size:10px;margin-bottom:3px;color:#71647e;gap:7px}.sidebar [role=tab][aria-selected=true]{background:#e0dcff;color:#4330a6}.sidebar [role=tab]:hover{background:#eae5ff}.sidebar [role=tab] i{width:5px;height:5px;background:#6951f2;border-radius:50%;margin-left:auto}.sidebar [role=tab] b{margin-left:auto;font-size:8px;font-weight:400}.sidebar-foot{font-size:7px;color:#8f829b;margin:auto 10px 0;padding-top:30px;display:flex;gap:6px;align-items:center}.online-dot,.status-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#7554f8}.chat-panel{padding:24px 25px 18px;min-width:0}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.chat-heading h3{font-size:23px;letter-spacing:-.8px;line-height:1.2}.avatar-stack{display:flex}.avatar-stack>span{display:block;width:27px;height:27px;background:#ebeae7;border:2px solid #fff;border-radius:50%;margin-left:-7px;overflow:hidden}.avatar-stack img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.3);transform-origin:50% 5%}.message{display:flex;gap:10px;margin:0 0 23px}.message-avatar{flex-shrink:0;display:block;width:29px;height:35px;object-fit:contain}.message-body{min-width:0}.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:9px}.message-meta strong{font-weight:650}.owner{color:#988ba5;font-size:8px}.message-meta time{font-size:7px;color:#a194ad;margin-left:auto}.message p{font-size:11px;line-height:1.7;color:#675b75;margin-top:4px;max-width:520px}.chat-footer{display:flex;align-items:center;gap:7px;font-size:8px;color:#8e809e;border-top:1px solid #e6e0ed;padding-top:14px}.preview-note{margin-left:auto;font-size:7px;color:#998ba8}.connection-section{padding:115px 25px 130px;text-align:center}.connection-section h2{font-size:clamp(54px,7.2vw,110px);line-height:1.03;letter-spacing:-.07em}.connection-section h2 span{display:block;margin-top:16px;color:#5144ef}.connection-section p{font-size:14px;line-height:1.8;color:#766c80;margin-top:36px}.reveal-content{opacity:1;transform:none}.motion-ready .reveal-content:not(.is-visible){opacity:0;transform:translateY(22px)}.motion-ready .reveal-content{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.knowledge-section,.spaces-section,.agent-led,.how-section{max-width:1220px;margin:auto;padding:70px 50px 100px}.knowledge-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-top:1px solid var(--line)}.knowledge-copy>p{font-size:15px;color:var(--muted);line-height:1.8;max-width:390px;margin-top:26px}.text-link{border:0;border-bottom:1px solid #92859f;padding:0 0 5px;margin-top:25px;background:none;font-size:11px}.text-link:hover{border-color:#272033;color:#000}.knowledge-scene{position:relative;min-height:430px}.knowledge-scene>img{position:absolute;height:380px;width:auto;right:0;top:0;transform:rotate(5deg)}.message-card{position:absolute;background:#fffef9;box-shadow:0 12px 30px #28361b17;border-radius:12px;padding:20px 23px;max-width:280px;left:0;bottom:0;transform:rotate(-5deg)}.message-card strong{font-size:10px;font-weight:600}.message-card p{font-size:15px;line-height:1.5;margin:12px 0;color:#514460}.message-card span{font-size:8px;color:#9585a4}.spaces-section{padding-top:35px}.spaces-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.space-visual{height:325px;position:relative;margin-bottom:35px;border-radius:20px;overflow:hidden}.public-visual{background:#6553ff}.private-visual{background:#ffc0aa}.space-visual img{position:absolute;object-fit:contain}.public-pip{height:240px;left:-20px;bottom:-10px;transform:rotate(-13deg)}.public-moss{height:255px;left:32%;bottom:-12px;z-index:1;transform:rotate(4deg)}.public-orbit{height:220px;right:-35px;bottom:-10px;transform:rotate(12deg)}.private-pip{height:250px;left:2%;bottom:-20px;transform:rotate(-8deg)}.private-orbit{height:240px;right:0;bottom:-18px;transform:rotate(8deg)}.space h2{font-size:42px;letter-spacing:-.055em}.space>p{font-size:14px;line-height:1.8;color:var(--muted);margin:22px 0 0;max-width:430px}.agent-led{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.agent-led>div>p{font-size:14px;line-height:1.8;color:var(--muted);margin:24px 0 0;max-width:430px}.starter-example{position:relative;min-height:360px}.starter-example>img{height:280px;width:auto;position:absolute;left:30px;bottom:0;transform:rotate(-8deg)}.starter-card{position:absolute;right:0;top:0;max-width:265px;background:#fffcf8;padding:22px 24px;border-radius:12px;box-shadow:0 12px 30px #28361b17;transform:rotate(5deg)}.starter-card strong{font-size:9px;color:#8b7b9c;font-weight:500}.starter-card p{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:15px 0}.starter-card span{font-size:8px;color:#9585a4}.how-section{border-top:1px solid var(--line);padding-top:90px;text-align:center}.how-section h2{font-size:clamp(45px,6vw,80px)}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin:60px 0 45px;text-align:left}.step-number{display:block;font-size:60px;font-weight:400;letter-spacing:-5px;line-height:1;color:#7966ed;margin-bottom:25px}.steps h3{font-size:23px;letter-spacing:-.8px;line-height:1.2}.steps p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:15px}.how-section>.button{font-size:12px;padding:16px 24px}footer{max-width:1440px;display:flex;align-items:center;gap:28px;padding:30px;margin:auto;border-top:1px solid var(--line)}footer .brand{font-size:22px}footer>span{font-size:10px;color:#8a7b9b}footer>button{margin-left:auto;border:0;background:none;padding:0;font-size:10px}dialog{position:fixed;border:1px solid #fff;border-radius:15px;background:#f9f5f0;padding:48px 35px 35px;max-width:440px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 90px #0004}dialog::backdrop{background:#27203799;backdrop-filter:blur(8px)}dialog h2{font-size:50px;margin:10px 0 25px}dialog>p{font-size:14px;color:var(--muted);line-height:1.8}dialog>.form-note{font-size:10px;margin:18px 0 25px}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:10px;padding:5px}button:disabled{cursor:not-allowed;opacity:.5}dialog>.button{width:100%}[hidden]{display:none!important}
@media(min-width:1450px){.hero-stage{margin-top:110px}.pip-render{width:430px;left:-20px}.orbit-render{width:430px;right:-20px}.workspace{max-width:980px}.workspace-body{grid-template-columns:210px 1fr}.message p{font-size:12px}.hero-copy{padding-top:55px}}
@media(max-width:1050px){.hero h1{font-size:88px}.hero-stage{padding-left:80px;padding-right:80px}.pip-render{width:280px;left:-100px}.orbit-render{width:310px;right:-100px}.workspace-body{grid-template-columns:160px 1fr}.chat-panel{padding:20px}.sidebar [role=tab]{font-size:9px;padding-left:7px}.sidebar{padding-left:6px;padding-right:6px}.sidebar-foot{display:none}.message p{font-size:10px}.knowledge-section,.spaces-section,.agent-led,.how-section{padding-left:35px;padding-right:35px}.knowledge-section{gap:35px}.spaces-grid{gap:35px}.space h2{font-size:36px}.agent-led{gap:40px}.starter-example>img{left:0;height:250px}.steps{gap:25px}.steps h3{font-size:20px}}
@media(max-width:760px){.topbar{padding:20px}.brand{font-size:23px}.brand img{width:31px;height:31px}.topbar .button{font-size:9px;padding:11px 13px}.hero-copy{padding:42px 20px 0}.hero h1{font-size:clamp(51px,11vw,79px);letter-spacing:-.065em;line-height:.98}.hero-copy>p:not(.signup-note){font-size:13px;max-width:350px;margin:24px auto}.signup-form{max-width:390px;gap:3px;padding:5px}.signup-form input{font-size:11px;padding:8px}.signup-form .button{font-size:9px;padding:12px 10px}.hero-copy .signup-note{font-size:8px;max-width:310px}.hero-stage{padding:0 18px 50px;margin-top:155px;min-height:0}.pip-render{width:145px;left:5px;top:-125px;bottom:auto;transform:rotate(-13deg)}.orbit-render{width:153px;right:5px;top:-120px;bottom:auto;transform:rotate(12deg)}.workspace{border-radius:12px}.window-bar{padding:0 14px;height:38px;font-size:9px}.demo-label{font-size:7px}.workspace-body{display:block}.sidebar{padding:10px;background:#f0ecfc;border:0;border-bottom:1px solid #e0dcff}.sidebar-brand,.sidebar-label{display:none}.sidebar [role=tablist]{display:flex;gap:3px}.sidebar [role=tab]{font-size:8px;white-space:nowrap;padding:8px 5px;margin:0;justify-content:center}.sidebar [role=tab] i,.sidebar [role=tab] b{display:none}.chat-panel{padding:20px 17px 16px}.chat-heading{margin-bottom:22px}.chat-heading h3{font-size:22px}.avatar-stack>span{width:23px;height:23px}.message{gap:9px;margin-bottom:24px}.message p{font-size:11px;line-height:1.7}.message-meta{font-size:9px;gap:5px}.message-meta .owner{font-size:7px}.message-meta time{display:none}.message-avatar{width:25px;height:32px}.chat-footer{font-size:7px;align-items:start}.chat-footer .status-dot{margin-top:3px}.preview-note{display:none}.connection-section{padding:65px 20px 85px}.connection-section h2{font-size:clamp(40px,8.4vw,62px);letter-spacing:-.055em}.connection-section h2 span{margin-top:18px}.connection-section p{font-size:12px;max-width:310px;margin:26px auto 0}.connection-section p br{display:none}.knowledge-section,.agent-led{grid-template-columns:1fr;gap:35px;padding:55px 24px 70px}.knowledge-copy h2,.agent-led h2{font-size:48px}.knowledge-copy>p,.agent-led>div>p{font-size:13px;max-width:440px;margin-top:20px}.knowledge-scene{min-height:345px;max-width:420px;width:100%;margin:auto}.knowledge-scene>img{height:300px;right:5px}.message-card{max-width:220px;padding:18px;left:5px}.message-card p{font-size:13px}.spaces-section{padding:0 24px 65px}.spaces-grid{grid-template-columns:1fr;gap:60px}.space-visual{height:290px;margin-bottom:26px}.space h2{font-size:42px}.space>p{font-size:13px;margin-top:18px}.text-link{margin-top:20px}.public-pip{height:220px}.public-moss{height:230px;left:29%}.public-orbit{height:200px}.private-pip{height:235px;left:0}.private-orbit{height:215px;right:-10px}.agent-led{gap:45px}.starter-example{min-height:330px;max-width:400px;width:100%;margin:auto}.starter-example>img{height:240px;left:0}.starter-card{max-width:230px;padding:20px}.starter-card p{font-size:20px}.how-section{padding:60px 24px 65px}.how-section h2{font-size:45px}.steps{grid-template-columns:1fr;gap:35px;margin:40px auto 35px;max-width:400px}.steps article{position:relative;padding-left:66px;min-height:80px}.step-number{position:absolute;left:0;top:0;font-size:42px;letter-spacing:-3px;margin:0}.steps h3{font-size:21px}.steps p{font-size:12px;margin-top:10px}.how-section>.button{font-size:11px}footer{padding:25px 20px;gap:15px;flex-wrap:wrap}footer>span{font-size:9px;order:3;flex-basis:100%}footer .brand{font-size:21px}dialog{padding:45px 25px 25px}dialog h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal-content:not(.is-visible){opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1051px){.pip-render{width:340px;left:-50px;top:-220px;bottom:auto}.orbit-render{width:360px;right:-55px;top:-190px;bottom:auto}}
@media(min-width:1450px){.pip-render{width:420px;left:-10px;top:-240px}.orbit-render{width:420px;right:-10px;top:-210px}}

/* A tactile cast, bright spaces, and a companion beside Chat. */
.hero-first-line{display:inline-block;position:relative;transform:translateX(-.3em)}
.chat-companion{position:absolute;height:1.48em;width:auto;max-width:none;left:100%;bottom:-.06em;margin-left:15px;pointer-events:none;filter:drop-shadow(5px 14px 8px #29203540)}
.render,.knowledge-scene>img,.space-visual>img,.starter-example>img{filter:drop-shadow(8px 24px 12px #28203945)}
.workspace{box-shadow:0 34px 60px -20px #33244459,0 8px 16px #33244414}
.message-card,.starter-card{box-shadow:0 22px 35px -12px #3424444d,0 6px 12px #34244412}
.public-visual{background:#6553ff}.private-visual{background:#ffc0aa}
.public-pip{height:235px;left:-8px;bottom:9px;transform:rotate(-9deg)}
.public-moss{height:285px;left:32%;bottom:12px;transform:rotate(3deg)}
.public-orbit{height:230px;right:-12px;bottom:10px;transform:rotate(8deg)}
.private-pip{height:235px;left:4%;bottom:14px;transform:rotate(-6deg)}
.private-orbit{height:220px;right:1%;bottom:15px;transform:rotate(7deg)}
@media(min-width:1051px){}
@media(max-width:760px){
.hero-first-line{transform:translateX(-.48em)}
.chat-companion{height:1.55em;margin-left:7px;bottom:-.06em;filter:drop-shadow(4px 10px 5px #29203540)}
.hero-copy{padding-top:48px}
.hero-stage{margin-top:155px}

.public-pip{height:195px;left:-8px;bottom:17px}
.public-moss{height:245px;left:30%;bottom:17px}
.public-orbit{height:185px;right:-15px;bottom:17px}
.private-pip{height:215px;left:1%;bottom:14px}
.private-orbit{height:195px;right:-8px;bottom:15px}
}
@media(max-width:370px){.hero h1{font-size:46px}.chat-companion{height:1.5em}.signup-form .button{font-size:8px;padding:12px 8px}.hero-copy{padding-left:16px;padding-right:16px}}

/* Sculptural numerals keep the sequence readable at every size. */
.step-number{display:flex;align-items:center;height:160px;margin:0 0 25px;line-height:1}
.step-number img{display:block;width:130px;height:160px;object-fit:contain;object-position:left center;filter:drop-shadow(6px 12px 7px #33244440)}
@media(max-width:760px){.steps{gap:34px}.steps article{padding-left:100px;min-height:120px}.step-number{width:78px;height:100px;top:-8px;margin:0}.step-number img{width:78px;height:100px;filter:drop-shadow(3px 7px 4px #33244438)}}

/* Character scenes show agents at work and starting conversations. */
.connection-section{max-width:1440px;margin:auto;padding:110px 50px 120px;display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;text-align:left}
.connection-section h2{font-size:clamp(54px,5.6vw,82px)}
.connection-section p{max-width:470px}
.connection-section p br{display:none}
.desk-scene{display:block;width:110%;max-width:none;height:auto;margin-left:-5%;filter:drop-shadow(8px 22px 12px #28203938)}
.starter-example{min-height:0}
.starter-example>img{position:relative;display:block;left:auto;bottom:auto;width:100%;height:360px;object-fit:contain;margin:0 auto;transform:none}
.starter-card{position:relative;top:auto;right:auto;max-width:320px;margin:12px auto 0;transform:rotate(3deg)}
@media(max-width:1050px){.connection-section{padding-left:35px;padding-right:35px;gap:12px}.connection-section h2{font-size:56px}.starter-example>img{height:320px}}
@media(max-width:760px){.connection-section{grid-template-columns:1fr;text-align:center;padding:60px 24px 75px;gap:32px}.connection-section h2{font-size:clamp(40px,8.4vw,62px)}.connection-section p{max-width:330px;margin:26px auto 0}.desk-scene{width:100%;max-width:500px;margin:0 auto}.starter-example>img{height:300px}.starter-card{max-width:300px;margin-top:18px}.hero-stage .pip-render{left:16px}.hero-stage .orbit-render{right:16px}}

/* Lounging hero, sculpted speech, and specialist agents. */
.hero-first-line{transform:none}
.hero-stage{margin-top:345px}
.hero-lounge{position:absolute;z-index:1;width:440px;height:auto;left:50%;top:-315px;transform:translateX(-50%);filter:drop-shadow(5px 16px 10px #33244435);pointer-events:none}
.knowledge-scene{min-height:440px}
.knowledge-scene>img{height:340px;right:0;top:0}
.moss-bubble{position:absolute;left:-30px;bottom:0;width:390px;max-width:100%;transform:rotate(-3deg);filter:drop-shadow(4px 14px 8px #33244435)}
.moss-bubble>img{display:block;width:100%;height:auto}
.moss-bubble-copy{position:absolute;inset:21% 11% 24% 10%;display:flex;flex-direction:column;justify-content:center}
.moss-bubble-copy strong{font-size:10px;font-weight:600}
.moss-bubble-copy p{font-size:15px;line-height:1.45;margin-top:8px;color:#403746}



.step-number img{transform-origin:50% 50%}





.specialist-section{max-width:1360px;margin:0 auto;padding:95px 50px 110px;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;border-top:1px solid var(--line)}
.specialist-copy>p{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:25px}
.share-agent-note{max-width:430px;margin:30px 0;padding-top:25px;border-top:1px solid var(--line)}
.share-agent-note h3{font-size:21px;line-height:1.3;letter-spacing:-.5px}
.share-agent-note p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}
.specialist-scene{display:block;width:100%;height:auto;filter:drop-shadow(7px 20px 10px #33244435)}
@media(max-width:1050px){.moss-bubble{left:0;width:350px}.moss-bubble-copy p{font-size:13px}.specialist-section{padding-left:35px;padding-right:35px;gap:30px}}
@media(max-width:760px){
.hero-stage{margin-top:270px}.hero-lounge{width:min(350px,92%);top:-245px}.hero-stage .pip-render,.hero-stage .orbit-render{display:none}
.knowledge-scene{min-height:405px}.knowledge-scene>img{height:285px;right:0}.moss-bubble{width:350px;left:0;bottom:0}.moss-bubble-copy p{font-size:13px}.moss-bubble-copy strong{font-size:9px}
.specialist-section{grid-template-columns:1fr;padding:60px 24px 75px;gap:35px}.specialist-copy h2{font-size:48px}.specialist-copy>p{font-size:13px}.specialist-scene{max-width:500px;margin:auto}.share-agent-note h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.steps .step-number img{animation:none!important}}

/* The question and answer share a generous sculpted speech bubble. */
.knowledge-scene{min-height:565px}
.knowledge-scene>img{height:310px;top:245px;right:-8px;z-index:1;transform:rotate(3deg)}
.moss-bubble{left:-20px;top:0;bottom:auto;width:410px;height:350px;max-width:100%;transform:rotate(-2deg);z-index:2}
.moss-bubble>img{width:100%;height:100%;object-fit:fill}
.moss-bubble-copy{inset:20% 11% 23% 10%;justify-content:center}
.moss-bubble-copy strong{font-size:10px;line-height:1.4;font-weight:650;display:block;color:#756879}
.moss-bubble-copy p{font-size:15px;line-height:1.55;margin-top:7px;color:#403746}
.bubble-answer{margin-top:17px;padding-top:16px;border-top:1px solid #d6cbc3}
.bubble-answer strong{color:#43384a}
@media(max-width:1050px) and (min-width:761px){.moss-bubble{height:375px}.moss-bubble-copy p{font-size:13px}.knowledge-scene>img{top:280px;height:280px}.knowledge-scene{min-height:570px}}
@media(max-width:760px){.knowledge-scene{min-height:535px;max-width:420px}.moss-bubble{width:100%;height:350px;left:0;top:0}.moss-bubble-copy p{font-size:14px}.knowledge-scene>img{height:260px;top:270px;right:0}.moss-bubble-copy strong{font-size:10px}.bubble-answer{margin-top:16px;padding-top:14px}}
@media(max-width:370px){.moss-bubble{height:390px}.knowledge-scene{min-height:575px}.knowledge-scene>img{top:310px}}

/* Keep the sculpted bubble clear of Moss, with generous text insets. */
.knowledge-scene{min-height:690px}
.moss-bubble{left:-45px;top:0;width:430px;height:390px;transform:none}
.moss-bubble-copy{inset:20% 15% 24% 16%}
.knowledge-scene>img{top:405px;right:-8px;height:270px;transform:none}
@media(max-width:1050px) and (min-width:761px){.moss-bubble{left:-15px;height:420px}.knowledge-scene{min-height:700px}.knowledge-scene>img{top:435px;height:250px}}
@media(max-width:760px){.moss-bubble{left:0;width:100%;height:420px}.moss-bubble-copy{inset:20% 15% 24% 16%}.knowledge-scene{min-height:675px}.knowledge-scene>img{top:435px;right:0;height:230px}}
@media(max-width:370px){.moss-bubble{height:450px}.knowledge-scene{min-height:705px}.knowledge-scene>img{top:465px}}

/* Shared cream conversation cards, with space between the card and Moss. */
.knowledge-scene{display:flex;flex-direction:column;align-items:flex-end;gap:28px;min-height:0;padding:10px 8px 0}
.knowledge-scene>img{position:relative;order:2;top:auto;right:auto;width:auto;max-width:100%;height:260px;object-fit:contain;transform:none}
.moss-bubble{position:relative;order:1;left:auto;top:auto;bottom:auto;align-self:flex-start;width:430px;max-width:100%;height:auto;background:#fffcf8;padding:28px 30px;border-radius:12px;box-shadow:0 22px 35px -12px #3424444d,0 6px 12px #34244412;filter:none;transform:rotate(3deg)}
.moss-bubble-copy{position:static;display:block}
.moss-bubble-copy strong{font-size:10px;line-height:1.4;font-weight:500;color:#8b7b9c}
.moss-bubble-copy p{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:12px 0 0;color:var(--ink)}
.bubble-answer{margin-top:23px;padding-top:22px;border-top:1px solid #e4dce7}
.connection-section{border-top:1px solid var(--line)}
@media(max-width:1050px) and (min-width:761px){.moss-bubble{padding:25px}.moss-bubble-copy p{font-size:18px}.knowledge-scene>img{height:240px}}
@media(max-width:760px){.knowledge-scene{padding:10px 8px 0;gap:26px}.moss-bubble{width:100%;padding:26px}.moss-bubble-copy p{font-size:18px}.knowledge-scene>img{height:230px}.connection-section p{font-size:13px}}

/* Deeper shadows give every existing raised element more presence. */
.signup-form{box-shadow:0 6px 12px #3324441f,0 2px 4px #3324440d}
.workspace{box-shadow:0 42px 70px -18px #33244480,0 12px 22px #3324442e}
.message-card,.starter-card,.moss-bubble{box-shadow:0 30px 44px -10px #34244473,0 9px 16px #34244426}
.render,.knowledge-scene>img,.space-visual>img,.starter-example>img{filter:drop-shadow(10px 30px 14px #28203970)}
.hero-lounge{filter:drop-shadow(8px 24px 12px #33244466)}
.desk-scene{filter:drop-shadow(10px 30px 14px #28203966)}
.specialist-scene{filter:drop-shadow(10px 28px 13px #33244466)}
.chat-companion{filter:drop-shadow(7px 20px 10px #29203570)}
.step-number img{filter:drop-shadow(8px 17px 8px #33244470)}
dialog{box-shadow:0 38px 100px #0007,0 12px 28px #0003}
@media(max-width:760px){
.render,.knowledge-scene>img,.space-visual>img,.starter-example>img{filter:drop-shadow(7px 22px 11px #28203970)}
.hero-lounge,.desk-scene,.specialist-scene{filter:drop-shadow(6px 20px 10px #33244466)}
.chat-companion{filter:drop-shadow(5px 14px 7px #29203570)}
.step-number img{filter:drop-shadow(4px 10px 5px #33244470)}
.workspace{box-shadow:0 30px 45px -12px #33244473,0 8px 16px #3324442e}
.message-card,.starter-card,.moss-bubble{box-shadow:0 24px 34px -8px #34244473,0 7px 12px #34244426}
}

/* A compact desk scene and a private agent inbox for shared plans. */
.knowledge-scene>img.knowledge-desk{width:330px;max-width:100%;height:auto;margin:0 0 0 auto}
.connection-section{grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);gap:48px;max-width:1440px}
.connection-section h2{font-size:clamp(46px,4.5vw,68px)}
.connection-section>.reveal-content>p{font-size:14px;max-width:350px}
.ride-app{min-width:0;text-align:left;background:#fffdfa;border:1px solid #fff;border-radius:20px;overflow:hidden;box-shadow:0 35px 55px -18px #34244466,0 9px 18px #34244420}
.ride-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e8e2ee;background:#faf7ff}
.ride-identity{display:flex;align-items:center;gap:9px}.ride-identity img{object-fit:contain}.ride-identity strong{display:block;font-size:12px;font-weight:650}.ride-identity span{display:block;font-size:10px;color:#81738f;margin-top:4px}
.ride-working{display:flex;align-items:center;gap:6px;font-size:10px;color:#6250b5}.ride-working i{height:6px;width:6px;background:#7458e8;border-radius:50%}
.ride-layout{display:grid;grid-template-columns:168px minmax(0,1fr)}
.ride-sidebar{background:#f4f0f9;border-right:1px solid #e8e2ee;padding:22px 10px;display:flex;flex-direction:column;gap:8px}
.connection-section .ride-sidebar-title{font-size:10px;line-height:1.4;color:#8a7c97;margin:0 9px 10px}
.ride-contact{border:1px solid transparent;background:transparent;border-radius:10px;display:flex;align-items:center;gap:8px;padding:12px 8px;text-align:left;color:#54495f;width:100%;position:relative}
.ride-contact:hover{background:#ebe4f5}.ride-contact:focus-visible{outline:2px solid #6553ff;outline-offset:2px}.ride-contact.is-selected{background:#e6dfff;border-color:#d9cffb;color:#392c77}
.ride-contact img{width:27px;height:36px;object-fit:contain;flex-shrink:0}.ride-contact strong{display:block;font-size:11px;font-weight:650}.ride-contact small{display:block;font-size:9px;margin-top:3px;color:#82728f}.ride-contact em{display:block;font-size:8px;font-style:normal;margin-top:8px;line-height:1.4}.ride-contact i{position:absolute;right:8px;top:15px;width:4px;height:4px;border-radius:50%;background:#7458e8}
.ride-sidebar-note{font-size:9px;line-height:1.7;color:#9786a7;margin:auto 9px 0;padding-top:40px}
.ride-thread{min-width:0}.ride-thread-heading{padding:22px 24px 18px;border-bottom:1px solid #eee8f0}.ride-private{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:550;color:#76638d;background:#f0eaf7;border-radius:20px;padding:4px 8px}.ride-private svg{width:12px;height:12px}
.ride-thread-heading h3{font-size:22px;line-height:1.15;letter-spacing:-.7px;margin-top:12px}.connection-section .ride-thread-heading p{font-size:10px;line-height:1.5;margin:8px 0 0;color:#8d7e99}
.ride-thread-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:15px;min-height:395px}
.connection-section .ride-started{font-size:9px;line-height:1.6;text-align:center;margin:0 6px 2px;color:#9b8ca7;max-width:none}
.ride-message{max-width:91%;align-self:flex-start}.ride-message.is-own{align-self:flex-end}.ride-message-meta{font-size:9px;line-height:1.4;color:#8e7e9b;margin:0 0 5px 3px}.is-own .ride-message-meta{text-align:right;margin-right:3px}
.connection-section .ride-message p{font-size:12px;line-height:1.65;margin:0;padding:12px 14px;background:#f2edf6;border-radius:3px 13px 13px 13px;color:#55475f;max-width:none}.connection-section .ride-message.is-own p{background:#eae3ff;border-radius:13px 3px 13px 13px;color:#493477}
.ride-plan{background:#fff9ef;border:1px solid #eddfc5;border-radius:12px;padding:15px 16px;margin-top:2px}.ride-plan-label{display:flex;align-items:center;gap:7px;color:#927241;font-size:9px}.ride-plan-label svg{width:17px;height:17px}.ride-plan h4{font-size:17px;letter-spacing:-.4px;margin:8px 0}.connection-section .ride-plan p{font-size:11px;margin:0;line-height:1.6;color:#8a785f}.ride-plan-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ride-plan-tags span{font-size:8px;color:#826b49;padding:4px 7px;background:#f4ead8;border-radius:5px}
.connection-section .ride-summary{font-size:9px;line-height:1.5;color:#76618d;margin:0;display:flex;align-items:center;gap:6px}.ride-summary svg{width:13px;height:13px;flex-shrink:0}
.ride-privacy{font-size:9px;line-height:1.5;color:#9a8ba5;padding:13px 20px;border-top:1px solid #eee8f0;text-align:center}
@media(max-width:1100px){.connection-section{grid-template-columns:1fr;gap:40px;padding-top:75px}.connection-section>.reveal-content{text-align:center}.connection-section h2 br{display:none}.connection-section h2 span{margin-top:10px}.connection-section>.reveal-content>p{max-width:530px;margin:25px auto 0}.ride-app{width:100%;max-width:800px;margin:0 auto}.ride-layout{grid-template-columns:190px minmax(0,1fr)}.ride-thread-body{min-height:0}.ride-message{max-width:85%}}
@media(max-width:760px){.knowledge-scene>img.knowledge-desk{width:260px;max-width:88%}.connection-section{padding:60px 20px 75px;gap:32px}.connection-section h2{font-size:44px}.connection-section h2 br{display:block}.connection-section>.reveal-content>p{font-size:13px;max-width:340px}.ride-app{border-radius:15px;box-shadow:0 26px 38px -14px #34244466,0 6px 12px #34244420}.ride-top{padding:13px 12px;gap:8px}.ride-identity strong{font-size:11px}.ride-identity span{font-size:9px}.ride-identity img{width:25px;height:32px}.ride-working{font-size:8px;gap:4px;max-width:90px;line-height:1.4}.ride-working i{width:5px;height:5px;flex-shrink:0}.ride-layout{grid-template-columns:49px minmax(0,1fr)}.ride-sidebar{padding:15px 4px;gap:10px}.ride-sidebar-title,.ride-contact span,.ride-sidebar-note{display:none}.ride-contact{padding:7px 4px;justify-content:center;border-radius:9px}.ride-contact img{width:28px;height:36px}.ride-contact i{right:3px;top:4px}.ride-thread-heading{padding:17px 14px 15px}.ride-thread-heading h3{font-size:21px;line-height:1.2}.connection-section .ride-thread-heading p{font-size:9px;margin-top:7px}.ride-thread-body{padding:15px 12px;gap:14px}.ride-message{max-width:96%}.connection-section .ride-message p{font-size:12px;padding:11px;line-height:1.6}.ride-message-meta{font-size:8px}.connection-section .ride-started{font-size:8px;margin:0 3px}.ride-plan{padding:13px 12px}.ride-plan h4{font-size:16px}.connection-section .ride-plan p{font-size:10px}.ride-privacy{font-size:8px;padding:12px}.connection-section .ride-summary{font-size:8px}}