/* Neutral Metis surfaces, with the original setup artwork. */
.brand-icon{margin-right:12px;border-radius:9px}.site-header nav{gap:26px}.hero-description{max-width:620px;font-size:16px}.eyebrow{font-size:12px}.feature-meta{font-size:12px;line-height:1.8;letter-spacing:.6px}.feature-grid p{font-size:16px;max-width:none}.feature-grid{column-gap:42px}.feature-grid article{padding-bottom:42px}.feature-number{font-size:26px;margin-bottom:20px}.capabilities{padding-bottom:100px}.section-heading>p{max-width:410px}.text-link{font-size:14px}
.integrations{padding:63px 0 30px;border-bottom:1px solid var(--line);overflow:hidden;background:var(--deep)}.integration-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.integration-heading .eyebrow{margin-bottom:15px}.integration-heading h2{font-size:clamp(46px,4.5vw,65px);line-height:1.07;margin:0}.integration-heading>div:last-child{display:flex;align-items:end;gap:28px}.integration-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.reel-controls{display:flex;gap:8px;flex-wrap:wrap}.motion-toggle,.reel-view{border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:12px;background:transparent;white-space:nowrap;color:var(--paper)}.motion-toggle:hover,.reel-view:hover{background:var(--panel)}.motion-toggle span{margin-left:7px}.reel-label{font:12px var(--mono);color:var(--muted);letter-spacing:1.2px;padding-block:20px 12px}.reel-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);padding-block:6px 17px}.reel-viewport::-webkit-scrollbar{display:none}.reel-track{display:flex;width:max-content;will-change:transform}.reel-group{display:flex;gap:12px;list-style:none;padding:0 12px 0 0;margin:0}.service-logo{display:flex;align-items:center;justify-content:center;gap:14px;flex:none;padding:20px 24px;min-width:185px;height:78px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:17px;font-weight:450;letter-spacing:-.3px;white-space:nowrap;color:#dadada;transition:background .2s,border-color .2s}.service-logo img{object-fit:contain;filter:brightness(0) invert(.88);flex:none}.service-logo .multitone{filter:grayscale(1)}.service-logo:hover{background:var(--panel);border-color:#686868}.is-animated .reel-track{animation:reel 75s linear infinite}.is-animated .reel-reverse .reel-track{animation-direction:reverse;animation-duration:68s}.is-paused .reel-track,.reel-viewport:hover .reel-track,.reel-viewport:focus-within .reel-track{animation-play-state:paused}.integration-foot{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:12px}.integration-foot p{font-size:12px;line-height:1.8;color:var(--muted);max-width:740px;margin:0}.integration-foot a{white-space:nowrap;font-size:12px}.show-all .reel-viewport{mask-image:none;width:min(1280px,calc(100% - 112px));margin-inline:auto;overflow:visible}.show-all .reel-track{width:100%;animation:none;transform:none}.show-all .reel-group{width:100%;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.show-all .reel-group[aria-hidden=true]{display:none}.show-all .service-logo{min-width:0;padding:18px 12px;font-size:15px}.show-all .service-logo span{white-space:normal}.show-all .motion-toggle{display:none}@keyframes reel{to{transform:translateX(-50%)}}
.feature-details{margin-top:40px;padding-top:55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.65fr;gap:80px}.detail-intro .eyebrow{margin-bottom:20px}.detail-intro h3{font:42px/1.1 var(--serif);letter-spacing:-.7px;margin-bottom:20px}.detail-intro>p:last-child{font-size:16px;color:var(--muted);max-width:300px}.detail-list details,.faq-list details{border-bottom:1px solid var(--line)}.detail-list details:first-child,.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;line-height:1.5;padding:22px 0;color:#e4e4e4}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:400;color:var(--muted);flex:none}details[open] summary:after{content:'−'}summary:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.detail-list summary span{font:12px var(--mono);color:var(--muted);margin-left:auto}.detail-list details p,.faq-list details p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 25px;max-width:650px}details[open] summary{color:#fff}
.hands-section{position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 25%,#292929 0%,#161616 34%,var(--deep) 70%);padding:0 0 95px}.hands-art{position:relative;height:310px;max-width:1130px;margin:0 auto;isolation:isolate}.hand{position:absolute;top:10px;width:46%;height:auto;max-width:500px;filter:grayscale(1);z-index:1}.hand-left{left:0;transform:rotate(-7deg)}.hand-right{right:0;transform:rotate(7deg)}.hands-mu{position:absolute;left:50%;top:118px;transform:translateX(-50%);font:italic 75px/1 var(--serif);color:#ededed;text-shadow:0 0 36px #ffffff30}.hands-orbit{position:absolute;border:1px solid #ffffff13;width:520px;height:520px;top:-85px;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1}.hands-orbit:after{content:'';position:absolute;inset:60px;border:1px solid #ffffff0c;border-radius:50%}.hands-copy{text-align:center;position:relative;z-index:2}.hands-copy .eyebrow{margin-bottom:22px}.hands-copy h2{font-size:clamp(66px,7vw,96px);margin-bottom:23px;line-height:1}.hands-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:510px;margin:0 auto 28px;line-height:1.8}.hands-copy .text-link{border-bottom:1px solid #666;padding-bottom:7px}
.use-cases{padding-block:100px 70px}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.use-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column}.use-label{font:12px var(--mono);letter-spacing:1.3px;color:var(--muted);margin-bottom:32px}.use-grid h3{font:34px/1.1 var(--serif);letter-spacing:-.5px;margin-bottom:19px}.use-grid p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:25px}.prompt-example{font-size:14px;color:#d5d5d5;background:#ffffff04;border-left:1px solid #747474;padding:13px 15px;margin-top:auto;margin-bottom:26px;line-height:1.8}.use-grid .feature-meta{font-size:11px;letter-spacing:.3px}.get-started{padding-top:55px}.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:850px;margin:45px auto 40px;text-align:left}.setup-steps>div{border-top:1px solid var(--line);padding-top:23px;display:grid;grid-template-columns:26px 1fr;gap:5px 12px}.setup-steps span{font:12px var(--mono);color:var(--muted);padding-top:6px}.setup-steps strong{font-size:16px;font-weight:500}.setup-steps p{grid-column:2;font-size:14px;color:var(--muted);line-height:1.8;margin:0}.install-tabs button,.copy-command{font-size:14px}.install-box code{font-size:13px}.get-started>.install-note{font-size:13px!important}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:0 0 110px}.faq h2{font-size:64px;line-height:1.02;margin-bottom:32px}.faq .eyebrow{margin-bottom:23px}.faq-list summary{font-size:17px}.footer-top>div{flex-wrap:wrap;font-size:13px}.footer-bottom{font-size:12px;letter-spacing:.3px}
@media(min-width:1500px){.hand{top:0}}
@media(max-width:1100px){.integration-heading>div:last-child{display:block}.integration-heading>div:last-child>p{display:none}.show-all .reel-viewport{width:calc(100% - 72px)}.feature-details{gap:45px;grid-template-columns:1fr 1.5fr}.use-grid article{padding:24px}.use-grid h3{font-size:30px}.faq{gap:45px}.hero-description{max-width:490px}.hero-description br{display:none}.site-header nav{gap:20px}}
@media(max-width:800px){.site-header nav{gap:16px}.feature-grid{column-gap:30px}.feature-details{grid-template-columns:1fr;gap:25px}.detail-intro>p:last-child{max-width:500px}.detail-intro h3 br{display:none}.hands-art{height:245px}.hand{top:5px}.hands-mu{top:85px;font-size:65px}.hands-section{padding-bottom:75px}.hands-orbit{width:410px;height:410px}.hands-copy h2{font-size:76px}.use-grid{grid-template-columns:1fr;gap:18px}.use-grid article{display:grid;grid-template-columns:1fr 1.4fr;gap:0 30px;padding:28px}.use-label{grid-column:1;margin-bottom:17px}.use-grid h3{grid-column:1;grid-row:2 / 4;font-size:35px}.use-grid p{grid-column:2;grid-row:1 / 3}.prompt-example{grid-column:2;margin-bottom:15px}.use-grid .feature-meta{grid-column:2}.show-all .reel-group{grid-template-columns:repeat(3,minmax(0,1fr))}.show-all .reel-viewport{width:calc(100% - 44px)}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:80px}.faq h2{font-size:56px}.faq h2 br{display:none}.faq-intro{position:relative}.faq-intro>a{position:absolute;bottom:8px;right:0}.setup-steps{gap:20px}.setup-steps>div{grid-template-columns:1fr}.setup-steps p{grid-column:1}.setup-steps span{margin-bottom:7px}.integration-foot{display:block}.integration-foot a{margin-top:15px}}
@media(max-width:600px){.site-header nav{flex-wrap:wrap;gap:20px;font-size:14px}.brand-icon{width:29px;height:29px;margin-right:9px}.site-header .brand{font-size:27px}.hero-description{font-size:16px}.integrations{padding-top:42px}.integration-heading{display:block;margin-bottom:15px}.integration-heading h2{font-size:47px}.integration-heading .eyebrow{font-size:11px}.integration-heading>div:last-child{margin-top:22px}.reel-label{font-size:11px;letter-spacing:.7px;padding-top:23px}.reel-viewport{mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);padding-bottom:9px}.service-logo{min-width:168px;height:70px;font-size:16px;padding:18px}.service-logo img{width:26px;height:26px}.reel-group{gap:10px;padding-right:10px}.integration-foot{padding-top:22px}.integration-foot p{font-size:12px}.show-all .reel-viewport{width:calc(100% - 40px)}.show-all .reel-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.show-all .service-logo{font-size:13px;gap:10px;justify-content:flex-start;padding:15px 12px}.show-all .service-logo img{width:23px;height:23px}.feature-grid p{font-size:16px}.feature-grid h3{font-size:23px}.feature-meta{font-size:11px}.feature-details{margin-top:10px;padding-top:35px}.detail-intro h3{font-size:36px}.detail-list summary,.faq-list summary{font-size:16px;padding-block:20px}.detail-list summary span{display:none}.detail-list details p,.faq-list details p{font-size:15px}.hands-art{height:205px;width:calc(100% + 50px);margin-left:-25px}.hand{width:47%;top:21px}.hands-mu{top:68px;font-size:52px}.hands-orbit{width:320px;height:320px;top:-42px}.hands-copy .eyebrow{font-size:10px;max-width:270px;margin-inline:auto}.hands-copy h2{font-size:62px;letter-spacing:-1.5px}.hands-copy>p:not(.eyebrow){font-size:16px;max-width:330px}.hands-section{padding-bottom:65px}.use-cases{padding-block:65px 40px}.use-grid article{display:flex;padding:26px}.use-label{margin-bottom:25px}.use-grid h3{font-size:36px}.use-grid p{font-size:16px}.prompt-example{margin-bottom:24px}.use-grid .feature-meta{font-size:11px}.get-started{padding-top:35px}.get-started>p:not(.eyebrow){font-size:16px}.setup-steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.setup-steps>div{grid-template-columns:27px 1fr;gap:3px 10px;padding-top:17px}.setup-steps span{margin:0}.setup-steps p{grid-column:2;font-size:14px}.install-tabs button{font-size:12px;padding:14px 9px}.copy-command{font-size:12px}.install-box code{font-size:12px}.get-started>.install-note{font-size:12px!important}.faq{padding-bottom:65px}.faq h2{font-size:51px;margin-bottom:22px}.faq h2 br{display:block}.faq-intro>a{bottom:4px}.footer-bottom{font-size:10px}.footer-top>div{gap:20px}.is-animated .reel-track{animation-duration:85s}}
@media(min-width:601px) and (max-width:760px){.site-header{gap:15px}.site-header .nav-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:10px;padding:12px 0 12px 10px;border:0;background:none;font-size:13px}.site-header nav{display:none;position:absolute;top:81px;left:-22px;right:-22px;background:#252525;padding:23px;gap:24px;border-bottom:1px solid var(--line);font-size:14px}.site-header nav.is-open{display:flex}}
@media(prefers-reduced-motion:reduce){.is-animated .reel-track{animation:none!important}.reel-group[aria-hidden=true]{display:none}.motion-toggle{display:none}.reel-viewport{scrollbar-width:thin}.service-logo{transition:none}}