@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#f8f5ec;--paper:#fffcf5;--ink:#111111;--muted:#777684;--coral:#f36f50;--green:#AEFF25;--line:#dedcd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #437947;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{height:106px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.4px;display:inline-flex;align-items:center}.site-header nav{display:flex;gap:31px;font-size:13px;font-weight:600}.site-header nav a:hover,.footer-links a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:16px}.button{border:0;border-radius:8px;min-height:55px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #25265310}.button span{font-size:20px}.button.small{min-height:44px;padding:0 19px;gap:19px;font-size:12px}.dark{background:var(--ink);color:white}.coral-button{background:var(--coral);color:#fff}.menu-button{display:none;border:0;background:none;width:34px;height:34px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px}.skip{position:absolute;left:15px;top:-70px;padding:15px;background:white;z-index:50}.skip:focus{top:15px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:660px;padding-top:35px;padding-bottom:80px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;text-transform:uppercase;display:block;margin:0 0 25px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(57px,5.6vw,83px);line-height:1.08;letter-spacing:-5px;font-weight:800;margin:0 0 28px}.coral{color:var(--coral)}.hero-description{max-width:460px;font-size:17px;line-height:1.8;color:#646273;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:12px;font-weight:700;display:flex;align-items:center;gap:15px}.text-link span{font-size:18px}.tiny-note{font-size:10px;color:#898590;margin:18px 0 0}.hero-visual{height:490px;position:relative;min-width:0}.hero-image-frame{position:absolute;inset:12px -22px 12px -10px;overflow:hidden;z-index:1;border-radius:48%}.hero-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 63%;mix-blend-mode:multiply}.orbit{position:absolute;border:1px dashed #bcc4ac;border-radius:50%;inset:30px 6px;transform:rotate(-18deg)}.orbit-two{inset:95px -18px 80px;transform:rotate(25deg);border-color:#e0c9b0}.floating-label{position:absolute;z-index:3;padding:13px 18px;background:var(--paper);border:1px solid #e4dfd3;border-radius:10px;box-shadow:0 7px 18px #33302805;font-size:12px;font-weight:600}.label-one{top:33px;left:0;transform:rotate(-7deg)}.label-two{right:-8px;bottom:88px;transform:rotate(6deg)}.mini-dot{width:11px;height:11px;border-radius:4px;display:inline-block;margin-right:9px}.blue{background:#779fcb}.coral-bg{background:var(--coral)}.small-spark{position:absolute;color:#eab449;font-size:38px;z-index:2}.spark-one{top:0;right:60px}.spark-two{bottom:30px;left:24px;font-size:26px;color:var(--coral)}.company-strip{padding:32px 0 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-heading{text-align:center;margin-bottom:28px}.strip-heading p{font-size:12px;font-weight:600;margin:0 0 7px}.strip-heading span{font-size:9px;color:#898591}.company-logos{display:flex;justify-content:space-between;align-items:center;gap:21px;flex-wrap:wrap;color:#4f4d60}.company-logos>span{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.8px}.company-logos .yc{font-size:12px;letter-spacing:-.4px}.yc b{padding:2px 6px;background:#73707b;color:var(--cream);font-weight:500}.company-logos img{width:23px;height:23px;filter:grayscale(1);opacity:.7}.company-logo-item{display:flex;align-items:center;gap:7px;font-weight:700;font-size:16px}.section{padding-top:112px;padding-bottom:112px}h2{font-family:Manrope,sans-serif;font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-2.5px;margin:0 0 25px}.muted{color:#8e8a99}.section-heading>p:last-child{font-size:15px;line-height:1.8;color:#777280}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:55px}.problem-grid article{position:relative}.problem-icon{height:63px;display:block;font-size:50px;line-height:1;color:var(--coral);position:relative;width:70px;margin-bottom:26px}.problem-icon span{position:absolute;left:32px;top:8px;color:var(--ink);font-size:41px}.pieces{color:#7e9d58}.pieces span{color:#dc9b3c}.context{font-size:65px;letter-spacing:3px}.context span{font-size:32px;left:45px;top:21px;color:#8d91c5}.number{font-size:9px;letter-spacing:1.4px;color:#8f8690;font-weight:600}.problem-grid h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px;margin:15px 0 13px}.problem-grid p{font-size:14px;color:#777280;line-height:1.8;max-width:320px}.solution{background:#efeee4}.solution-heading{max-width:750px;margin:0 auto;text-align:center}.solution-heading>p:last-child{font-size:15px;color:#777280;line-height:1.8;max-width:560px;margin:0 auto}.room-demo{display:grid;grid-template-columns:235px 1fr;max-width:1000px;margin:55px auto 0;background:#fffcf7;border:1px solid #dcdccd;border-radius:13px;box-shadow:0 15px 40px #29294009;overflow:hidden;transform:rotate(-.45deg)}.room-sidebar{background:#f8f5ed;padding:24px 17px;border-right:1px solid #e8e4d9}.room-logo{display:flex;align-items:center;font-size:12px;font-weight:700;margin-bottom:34px}.room-sidebar-label{font-size:8px;color:#97929a;letter-spacing:1.5px;display:block;margin:0 9px 11px}.room-selected{background:#e8ebdb;border-radius:6px;display:block;font-size:10px;padding:12px 8px;position:relative;font-weight:600}.room-selected i{display:block;width:5px;height:5px;background:#86aa59;border-radius:50%;position:absolute;right:11px;top:16px}.room-team-label{margin-top:30px}.room-member{display:flex;align-items:center;gap:9px;padding:9px;font-size:10px}.room-member small{font-size:8px;color:#908a95;display:block;margin-top:3px}.avatar{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:15px}.human{background:#eee7d8;color:#80735e;font-size:11px}.claude{background:#f5dac7;color:#ac6444}.code{background:#e2e8e1;color:#576c58}.muse{background:#e4e1f3;color:#7a74aa}.online-dot{width:4px;height:4px;background:#93b365;border-radius:50%;margin-left:auto}.invite-button{margin:23px 9px 0;width:calc(100% - 18px);border:1px dashed #ccc7b9;background:none;border-radius:6px;padding:10px;font-size:10px}.room-conversation{padding:0 28px 25px}.room-top{height:77px;border-bottom:1px solid #e8e4d9;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.room-top strong{display:block;font-size:12px}.room-top div>span{display:block;font-size:9px;color:#928b96;margin-top:5px}.demo-pill{font-size:8px;border:1px solid #e4dfd2;border-radius:5px;padding:5px 8px;color:#89828e}.chat-message{display:flex;gap:13px;margin:20px 0}.chat-message>div{max-width:540px}.chat-message strong{font-size:10px}.chat-message time{font-weight:400;font-size:8px;color:#9e97a0;margin-left:6px}.chat-message p{font-size:11px;line-height:1.75;color:#756f7d;margin:5px 0}.chat-message mark{background:#ebe9f2;color:#6a6692;padding:1px 3px;border-radius:2px}.agent-tag{font-size:6px;letter-spacing:.6px;font-weight:500;background:#eeece6;color:#96909b;padding:3px 4px;margin-left:5px}.file-chip{margin-top:11px;border:1px solid #e7e3d8;border-radius:5px;padding:10px 12px;font-size:9px;display:inline-block}.file-chip span{display:block;font-size:8px;color:#aaa1aa;margin:4px 0 0 18px}.approval{padding:16px 13px;background:#eef1e6;border-radius:6px;display:flex;gap:10px;align-items:center;margin:23px 0}.approval>span{color:#78a852;font-size:24px}.approval strong{font-size:9px}.approval p{font-size:8px;color:#89838d;margin:5px 0 0}.approval button{margin-left:auto;border:1px solid #cdd5bd;background:#f8faef;padding:8px;border-radius:5px;font-size:8px;white-space:nowrap}.room-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e0d3;border-radius:6px;background:transparent;padding:9px 10px 9px 14px;width:100%;font-size:10px;color:#aba2aa;text-align:left}.room-input span{background:#e4e7d8;border-radius:5px;padding:5px 9px;color:#868f71}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;max-width:1000px;margin:42px auto 0}.steps article{padding-left:39px;position:relative}.steps article>span{position:absolute;left:0;top:3px;color:#a0a38c;font-size:11px}.steps h3{font-size:15px;letter-spacing:-.3px;margin:0 0 9px}.steps p{font-size:12px;line-height:1.8;color:#88818b;margin:0}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.benefits-art{border-radius:50% 50% 14px 14px;overflow:hidden;background:#efeadd;position:relative;min-height:490px}.benefits-art img{height:490px;width:100%;object-fit:cover;object-position:center 60%;mix-blend-mode:multiply}.art-caption{position:absolute;bottom:22px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.8px;font-weight:600}.benefits h2{margin-bottom:36px}.benefit{display:flex;gap:18px;margin-bottom:25px}.benefit>span{font-size:24px;color:#84a75b}.benefit:nth-last-child(2)>span{color:var(--coral)}.benefit h3{font-size:15px;margin:0 0 8px}.benefit p{font-size:13px;line-height:1.8;color:#817b88;margin:0;max-width:390px}.ecosystem{overflow:hidden;border-block:1px solid var(--line);padding-bottom:55px}.centered{text-align:center}.centered p:last-of-type{max-width:555px;margin:0 auto 20px;color:#817b88;font-size:14px;line-height:1.8}.disclosure{font-size:9px;color:#8a858e;border:1px solid #dedacd;border-radius:6px;display:inline-block;padding:8px 13px;line-height:1.6}.marquee-wrap{position:relative;margin-top:44px;overflow:hidden}.marquee-wrap:before,.marquee-wrap:after{content:'';position:absolute;top:0;bottom:0;width:12%;z-index:2;pointer-events:none}.marquee-wrap:before{left:0;background:linear-gradient(90deg,var(--cream),transparent)}.marquee-wrap:after{right:0;background:linear-gradient(-90deg,var(--cream),transparent)}.marquee{display:flex;width:max-content;gap:15px;animation:drift 95s linear infinite;padding:4px 0 10px}.marquee.paused,.marquee-wrap:hover .marquee,.marquee-wrap:focus-within .marquee{animation-play-state:paused}.integration-chip{width:116px;height:99px;border:1px solid #e3dfd3;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fdfaf2;font-size:10px;color:#797480;flex:none}.integration-chip img{height:27px;width:27px;object-fit:contain}.integration-chip .fallback-icon{display:grid;place-items:center;background:#e6e7d6;color:#58634e;width:29px;height:29px;border-radius:8px;font-size:18px;font-weight:700}.marquee-footer{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:23px;color:#8d8690;font-size:10px}.motion-toggle{border:0;background:none;font-size:10px;color:#777180;display:flex;align-items:center;gap:10px}.motion-toggle span{font-size:13px}@keyframes drift{to{transform:translateX(-50%)}}.use-case-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.use-case-heading p:last-child{font-size:13px;color:#89828e;line-height:1.8;margin-bottom:28px}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 26px}.use-case-card{border:0;text-align:left;background:none;padding:0;width:100%}.cover{height:235px;background:#ede8db;overflow:hidden;border-radius:10px;margin-bottom:20px;position:relative}.cover img{height:100%;width:100%;object-fit:cover;transition:transform .5s;mix-blend-mode:multiply}.use-case-card:hover .cover img{transform:scale(1.045)}.cover .case-number{position:absolute;top:14px;left:16px;font-size:9px;color:#716b71;background:#fbf7edc9;padding:5px 7px;border-radius:4px}.case-category{font-size:8px;letter-spacing:1.6px;color:#8e8790;text-transform:uppercase;font-weight:600}.use-case-card h3{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.7px;margin:9px 0 7px;display:flex;justify-content:space-between;gap:12px}.use-case-card h3 span{font-family:'DM Sans',sans-serif;font-weight:400}.use-case-card p{font-size:12px;color:#8b8490;line-height:1.7;margin:0;max-width:300px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.faq-heading p:not(.eyebrow){color:#87818b;font-size:14px;line-height:1.8}.faq-doodle{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:100px;color:var(--coral);transform:rotate(-15deg);margin:30px 0 0 40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:23px 0}summary::-webkit-details-marker{display:none}summary span{font-size:18px;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details>p{font-size:13px;line-height:1.85;color:#85808a;margin:0 30px 24px 0}.cta{background:#292856;color:#fff8ee;border-radius:15px;padding:66px 65px;position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center}.cta h2{font-size:44px;letter-spacing:-2px}.cta .eyebrow{font-size:9px;color:#c8c3d1;margin-bottom:19px}.cream-button{background:#f5f1e5;color:var(--ink)}.outline-light{border:1px solid #686484;background:none;color:#f7f3e9;gap:10px}.cta-content{position:relative;z-index:3}.cta-content>p:last-child{font-size:9px;color:#b5b0c4;margin-top:17px}.cta-art{position:absolute;right:45px;top:20px;width:355px;height:355px}.speech{position:absolute;right:2px;top:28px;background:var(--coral);border-radius:30px 30px 30px 0;padding:24px 28px;color:#fff7e9;transform:rotate(9deg);font-family:Manrope;font-weight:800;font-size:27px;line-height:1.1;letter-spacing:-1px}.speech span{position:absolute;font-size:25px;right:-22px;top:-19px;color:#dfb954}.cta-star{color:#ebbe5f;font-size:58px;position:absolute;left:-33px;top:60px;transform:rotate(17deg)}footer{padding-top:63px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:45px}footer .wordmark{font-size:23px}footer>div>p{font-size:11px;color:#98919a;margin-top:16px}.footer-links{display:flex;align-items:center;justify-content:end;gap:27px;font-size:11px}.footer-links button{border:0;padding:0;background:none;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:9px;color:#aaa1a9}.footer-bottom a{color:#7e7584}dialog{width:min(650px,calc(100% - 32px));padding:42px;border:1px solid #dbd6c8;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #14133640;max-height:90dvh;overflow:auto}dialog::backdrop{background:#20213c80;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;width:33px;height:33px;border:0;background:#ebe7dc;border-radius:50%;font-size:23px}.dialog-eyebrow{font-size:9px;letter-spacing:1.5px;color:#88808a;text-transform:uppercase;margin:0 0 16px}dialog h2{font-size:32px;letter-spacing:-1.5px;margin-bottom:20px}dialog p,dialog li{font-size:14px;line-height:1.8;color:#7c7582}dialog ul{padding-left:20px}dialog .modal-cover{width:100%;height:210px;object-fit:cover;border-radius:8px;margin-bottom:23px}.demo-stage{border:1px solid #dedbcc;background:#f5f2e9;border-radius:9px;padding:20px;margin:22px 0}.demo-step{display:flex;gap:11px;margin-bottom:17px}.demo-step strong{font-size:12px}.demo-step p{font-size:12px;line-height:1.6;margin:5px 0 0}.demo-status{font-size:10px;color:#6b8751;background:#e6ecd9;border-radius:5px;padding:8px 10px;display:inline-block}.demo-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.demo-controls .button{font-size:12px;min-height:45px}.demo-controls>span{font-size:10px;color:#938a95}.modal-note{font-size:10px!important;color:#938a95!important;margin-top:20px}.no-scroll{overflow:hidden}
@media(min-width:1600px){.hero h1{font-size:85px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding:0 32px}.site-header nav{gap:20px}.hero h1{font-size:64px;letter-spacing:-4px}.hero{min-height:600px}.hero-visual{height:430px}.hero-description{font-size:15px}.problem-grid{gap:35px}.benefits{gap:50px}.company-logos{justify-content:center;gap:25px}.company-logos>span{font-size:16px}.room-demo{grid-template-columns:205px 1fr}.cta-art{right:10px;transform:scale(.85);transform-origin:right center}.cta-content h2{font-size:38px}.cover{height:200px}.section{padding-block:88px}.faq{gap:40px}.hero-actions{gap:20px}.hero-copy .text-link{font-size:10px}.benefits-art,.benefits-art img{min-height:420px;height:420px}}@media(max-width:800px){.site-header{height:84px}.wordmark{font-size:23px}.site-header nav{display:none;position:absolute;z-index:30;left:20px;right:20px;top:77px;border:1px solid var(--line);background:var(--paper);padding:24px;border-radius:10px;box-shadow:0 12px 20px #2020200a;flex-direction:column;gap:23px}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr 1fr;padding-top:40px;padding-bottom:65px;min-height:530px}.hero h1{font-size:51px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.hero-visual{height:360px}.hero-actions{flex-wrap:wrap;gap:18px}.hero .button{min-height:47px;padding:0 18px;font-size:12px}.tiny-note{font-size:8px;line-height:1.6}.floating-label{font-size:9px;padding:10px}.label-one{left:6px;top:10px}.label-two{right:-5px;bottom:68px}.small-spark{font-size:29px}.section{padding-block:75px}h2{font-size:39px;letter-spacing:-2px}.problem-grid{gap:25px}.problem-grid h3{font-size:18px}.problem-grid p{font-size:12px}.number{font-size:7px}.room-demo{grid-template-columns:165px 1fr}.room-sidebar{padding:20px 9px}.room-logo{font-size:10px}.room-conversation{padding:0 20px 20px}.room-member{font-size:9px}.room-member small{font-size:7px}.room-selected{font-size:8px}.approval{padding:12px 9px}.approval strong{font-size:8px}.approval p{font-size:7px}.steps{gap:20px}.steps article{padding-left:27px}.steps h3{font-size:13px}.steps p{font-size:11px}.benefits{gap:35px}.benefits h2{font-size:36px}.benefit{gap:12px}.benefit h3{font-size:13px}.benefit p{font-size:11px}.benefits-art,.benefits-art img{min-height:400px;height:400px}.use-case-grid{gap:27px 19px}.cover{height:165px}.use-case-card h3{font-size:16px}.use-case-card p{font-size:11px}.faq{grid-template-columns:1fr 1.5fr;gap:30px}summary{font-size:12px}.faq-heading h2{font-size:36px}.cta{padding:45px 35px;min-height:350px}.cta-art{transform:scale(.65);right:-35px;top:20px}.cta-content h2{font-size:35px}.cta-content .button{min-height:46px;padding:0 18px;font-size:12px}.cta .eyebrow{max-width:240px}.footer-links{gap:16px;font-size:10px}.footer-bottom{font-size:8px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{padding:0 20px;height:77px;gap:15px}.site-header .button.small{min-height:38px;font-size:10px;padding:0 12px;gap:10px}.header-actions{gap:8px}.wordmark{font-size:22px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:48px;min-height:0}.hero-copy{z-index:3}.hero h1{font-size:clamp(52px,11.2vw,68px);letter-spacing:-3.7px;margin-bottom:23px}.hero .eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:1.1px}.hero-description{font-size:14px;max-width:350px;line-height:1.8}.hero-actions{gap:25px}.hero .text-link{font-size:11px}.hero .button{min-height:49px}.tiny-note{font-size:8px;margin-top:14px}.hero-visual{height:340px;margin:25px 10px 5px}.hero-image-frame{inset:0 -10px 0 -10px;border-radius:48%}.label-one{top:14px;left:0}.label-two{bottom:52px}.spark-one{right:22px}.company-strip{padding:26px 0 28px}.strip-heading p{font-size:11px}.strip-heading span{font-size:8px}.company-logos{gap:22px 25px;justify-content:center}.company-logos>span{font-size:15px}.company-logo-item{font-size:12px}.company-logo-item img{width:19px;height:19px}.company-logos .yc{font-size:10px}.section{padding-block:65px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}h2{font-size:35px;letter-spacing:-1.9px}.section-heading>p:last-child{font-size:13px}.problem-grid{grid-template-columns:1fr;gap:35px;margin-top:36px}.problem-grid article{padding-left:80px;min-height:140px}.problem-icon{position:absolute;left:0;top:10px;font-size:41px}.problem-icon span{font-size:32px}.context{font-size:56px}.number{font-size:8px}.problem-grid h3{font-size:19px;margin:11px 0 9px}.problem-grid p{font-size:12px;margin:0;max-width:none}.solution-heading>p:last-child{font-size:13px}.room-demo{grid-template-columns:1fr;margin-top:32px;transform:none}.room-sidebar{display:none}.room-conversation{padding:0 17px 19px}.room-top{height:65px;margin-bottom:17px}.room-top strong{font-size:11px}.room-top div>span{font-size:8px}.demo-pill{font-size:7px;padding:4px 6px}.chat-message{gap:10px;margin:18px 0}.chat-message p{font-size:10px}.chat-message strong{font-size:9px}.approval{flex-wrap:wrap;gap:8px}.approval>div{flex:1}.approval button{margin-left:30px}.approval strong{font-size:9px}.approval p{font-size:8px}.steps{grid-template-columns:1fr;gap:24px;margin-top:28px}.steps article{padding-left:35px}.steps h3{font-size:15px;margin-bottom:6px}.steps p{font-size:12px}.benefits{display:flex;flex-direction:column-reverse;gap:30px}.benefits-copy{width:100%}.benefits h2{font-size:35px;margin-bottom:28px}.benefit{gap:17px;margin-bottom:24px}.benefit h3{font-size:14px}.benefit p{font-size:12px;max-width:none}.benefits-art{width:100%;border-radius:48% 48% 10px 10px}.benefits-art,.benefits-art img{height:330px;min-height:330px}.art-caption{font-size:8px}.ecosystem h2{font-size:32px}.centered p:last-of-type{font-size:12px}.disclosure{font-size:8px;padding:7px 10px}.marquee-wrap{margin-top:28px}.integration-chip{height:88px;width:99px;font-size:9px}.marquee{gap:11px}.marquee-footer{gap:17px;font-size:8px;margin-top:14px}.motion-toggle{font-size:8px}.use-case-heading{display:block;margin-bottom:28px}.use-case-heading p:last-child{font-size:12px;margin:0}.use-case-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.cover{height:160px;margin-bottom:14px;border-radius:8px}.cover .case-number{top:9px;left:9px;font-size:7px}.case-category{font-size:6px;letter-spacing:1.1px}.use-case-card h3{font-size:15px;line-height:1.35;letter-spacing:-.5px}.use-case-card p{font-size:10px;line-height:1.7}.faq{display:block}.faq-heading{position:relative;margin-bottom:25px}.faq-heading h2{font-size:35px}.faq-heading p:not(.eyebrow){font-size:12px}.faq-doodle{position:absolute;right:20px;top:20px;font-size:80px;margin:0}.faq-heading p br{display:none}summary{font-size:12px;padding-block:22px}details>p{font-size:12px}.cta{padding:37px 27px 260px;border-radius:12px;min-height:0}.cta-content h2{font-size:31px;letter-spacing:-1.6px}.cta .eyebrow{font-size:7px;max-width:none}.cta .hero-actions{gap:12px}.cta-art{top:auto;bottom:-25px;right:calc(50% - 155px);transform:scale(.7);transform-origin:center bottom}.cta-content>p:last-child{font-size:8px}.cta .button{padding-inline:16px;font-size:11px}.cta .button span{font-size:16px}footer{padding-top:40px;gap:30px;grid-template-columns:1fr}.footer-links{justify-content:start;gap:25px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:15px;line-height:1.6;padding-top:20px}.footer-bottom>span:nth-child(2){order:3;width:100%}footer .wordmark{font-size:22px}dialog{padding:35px 23px 25px}dialog h2{font-size:28px}dialog p,dialog li{font-size:12px}dialog .modal-cover{height:170px}.demo-stage{padding:15px}.demo-controls{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.marquee{transform:none}.marquee-wrap{overflow-x:auto}.marquee-wrap:before,.marquee-wrap:after{display:none}}

/* Selected Snapwork identity: original vector paths, transparent web lockup. */
.brand-wordmark{width:178px;height:36px;object-fit:contain}.room-brand-icon{width:25px;height:25px;margin-right:8px;border-radius:5px}.coral-button{background:#AEFF25;color:#111111}.hero h1 .coral{color:#111111;text-decoration:underline;text-decoration-color:#AEFF25;text-decoration-thickness:10px;text-underline-offset:6px;text-decoration-skip-ink:none}.status-dot{background:#8abb32}.platform-note{position:absolute;left:45px;bottom:-15px;font-size:10px;color:#7c7781;letter-spacing:.2px}.cta{background:#111111}.cta-art{top:29px;right:37px}.shared-room-graphic{position:absolute;left:25px;top:30px;width:290px;height:270px;border:1px solid #51514a;border-radius:20px;background:#1A1A1A;transform:rotate(7deg);box-shadow:0 12px 35px #0003}.graphic-room-title{position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:8px;font-size:10px;color:#dddccb;letter-spacing:.6px}.graphic-room-title img{width:17px;height:22px}.graphic-agent{position:absolute;width:78px;height:73px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:14px;z-index:2;font-size:25px;box-shadow:0 5px 15px #0002}.graphic-agent span{font-size:10px;font-weight:600}.graphic-muse{left:39px;top:66px;background:#dbd1f2;color:#675985}.graphic-dots{right:35px;top:71px;background:#f5e9c9;color:#797053}.graphic-claude{left:31px;bottom:29px;background:#f0b28b;color:#8d512e}.graphic-grok{right:42px;bottom:23px;background:#444442;color:#f5f2e6}.graphic-link{position:absolute;display:block;border:1px dashed #7c8863;z-index:1}.link-horizontal{width:190px;left:48px;top:161px;transform:rotate(7deg)}.link-vertical{height:130px;left:145px;top:97px;transform:rotate(8deg)}.cta-star{color:#AEFF25;left:-6px;top:36px;font-size:37px}.benefit>span{color:#749a31}
@media(max-width:800px){.brand-wordmark{width:159px;height:33px}.platform-note{left:18px;font-size:8px}.cta-art{right:-30px;top:28px}}@media(max-width:600px){.brand-wordmark{width:145px;height:30px}.hero h1 .coral{text-decoration-thickness:8px;text-underline-offset:4px}.platform-note{left:31px;bottom:-12px;font-size:9px}.cta-art{top:auto;bottom:-3px;right:calc(50% - 172px)}.shared-room-graphic{top:44px}}
/* Keep all four collaborators visible in the shared-space hero. */
.hero-image-frame{border-radius:20px}.hero-image-frame img{object-fit:contain;object-position:center}
@media(max-width:600px){.hero-visual{height:270px}.hero-image-frame{inset:0 -10px}.label-two{bottom:32px}.spark-two{bottom:11px}.platform-note{bottom:-14px}}

/* Customer trust grid: confirmed customer roster, reference-inspired dark treatment. */
.customer-trust{background:#111111;color:#f9f9f5;border:1px solid #343430;position:relative;margin-top:4px;margin-bottom:0}.customer-trust:before,.customer-trust:after{content:'';position:absolute;width:12px;height:12px;border:1px solid #454540;background:var(--cream);z-index:2}.customer-trust:before{left:-7px;top:-7px}.customer-trust:after{right:-7px;bottom:-7px}.trust-grid.company-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:stretch;justify-content:normal;color:#f9f9f5}.trust-heading-cell{grid-column:span 2;display:flex;align-items:center;padding:25px 32px;border-right:1px solid #343430;border-bottom:1px solid #343430;min-height:139px}.trust-heading-cell h2{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:-.4px;margin:0}.trust-heading-cell h2 span{display:block;color:#aaa9ad}.trust-grid .company-logo-item{min-height:139px;border-right:1px solid #343430;border-bottom:1px solid #343430;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 15px;text-align:center;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.7px;line-height:1.2;flex-wrap:wrap}.trust-grid .company-logo-item:nth-child(5),.trust-grid .company-logo-item:last-child{border-right:0}.trust-grid .company-logo-item img{width:30px;height:30px;object-fit:contain;opacity:1;filter:grayscale(1) brightness(0) invert(1);flex-shrink:0}.trust-grid .company-logo-item.wordmark-only img{width:130px;max-width:100%;height:40px}.trust-grid .company-logo-item.wordmark-only .customer-brand-name{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.trust-grid .company-logo-item:nth-child(3){font-size:15px;gap:8px}.trust-quote-strip{min-height:85px;display:flex;align-items:center;justify-content:center;gap:17px;padding:22px 35px}.trust-quote-mark{font-size:29px;color:#66666a;line-height:1;transform:translateY(5px)}.trust-quote-strip p{font-size:13px;line-height:1.6;margin:0;color:#b5b4b8}.trust-quote-status{font-size:9px;letter-spacing:.1px;color:#9d9b9e;border:1px solid #494847;border-radius:20px;padding:7px 11px;white-space:nowrap}.trust-quote-strip blockquote{font-size:13px;line-height:1.6;margin:0;color:#e2e1e3}.trust-quote-attribution{display:flex;align-items:center;gap:10px;font-size:11px;color:#aaa7ad;white-space:nowrap}
@media(max-width:1100px){.trust-grid .company-logo-item{font-size:15px;gap:8px;padding:20px 11px}.trust-grid .company-logo-item img{width:25px;height:25px}.trust-heading-cell{padding:24px}.trust-heading-cell h2{font-size:18px}.trust-grid .company-logo-item.wordmark-only img{width:110px}.trust-grid .company-logo-item:nth-child(3){font-size:12px}}
@media(max-width:800px){.trust-grid.company-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-heading-cell{min-height:120px}.trust-grid .company-logo-item{min-height:120px}.trust-grid .company-logo-item:nth-child(5){border-right:1px solid #343430}.trust-grid .company-logo-item:nth-child(3),.trust-grid .company-logo-item:nth-child(7),.trust-grid .company-logo-item:last-child{border-right:0}.trust-quote-strip{flex-wrap:wrap;gap:12px;padding:23px}.trust-quote-strip p{font-size:12px}.trust-quote-status{font-size:8px}}
@media(max-width:600px){.customer-trust{margin-top:12px}.trust-grid.company-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-heading-cell{min-height:114px;padding:23px 25px;border-right:0}.trust-heading-cell h2{font-size:21px}.trust-grid .company-logo-item{min-height:97px;font-size:16px;padding:20px 13px}.trust-grid .company-logo-item:nth-child(3){font-size:13px}.trust-grid .company-logo-item img{width:27px;height:27px}.trust-grid .company-logo-item:nth-child(2n){border-right:1px solid #343430}.trust-grid .company-logo-item:nth-child(2n+1){border-right:0}.trust-quote-strip{min-height:122px;gap:10px;justify-content:flex-start;padding:22px 25px}.trust-quote-strip p{font-size:12px;flex:1}.trust-quote-status{margin-left:28px}.trust-quote-strip blockquote{font-size:12px}.trust-quote-attribution{font-size:10px}}

/* Brand-owned line beneath the customer grid. */
.trust-quote-strip .trust-brand-line{font-size:15px;color:#e5e4e6;letter-spacing:-.2px}.trust-brand-attribution{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:-.3px;color:#aaa7ad;margin-left:5px}.trust-brand-attribution:before{content:'—';margin-right:10px;color:#646467}
@media(max-width:600px){.trust-quote-strip .trust-brand-line{font-size:13px;flex-basis:calc(100% - 37px)}.trust-brand-attribution{margin-left:28px;font-size:10px}}

/* Heading hierarchy without decorative overlines. */
.hero-copy h1{margin-top:0}.section-heading h2,.solution-heading h2,.benefits-copy h2,.faq-heading h2,.cta-content h2{margin-top:0}.dialog-close+h2{margin-top:0}

.problem-grid h3{margin-top:0}.use-case-card h3{margin-top:0}
/* Trust content shares the page's cream canvas, without a separate section fill. */
.customer-trust{background:transparent;color:var(--ink);border-color:var(--line)}
.customer-trust:before,.customer-trust:after{border-color:#c9c5b8;background:var(--cream)}
.trust-grid.company-logos{color:var(--ink)}
.trust-heading-cell,.trust-grid .company-logo-item{border-color:var(--line)}
.trust-heading-cell h2 span{color:#797580}
.trust-grid .company-logo-item img{filter:grayscale(1) brightness(0);opacity:.88}
.trust-quote-mark{color:#96918f}
.trust-quote-strip .trust-brand-line{color:var(--ink)}
.trust-brand-attribution{color:#797580}
.trust-brand-attribution:before{color:#9b958e}
@media(max-width:800px){.trust-grid .company-logo-item:nth-child(5){border-right-color:var(--line)}}
@media(max-width:600px){.trust-grid .company-logo-item:nth-child(2n){border-right-color:var(--line)}}

/* Text-only calls to action. */
.button{gap:0}.hero-actions .text-link{gap:0}.invite-button{padding-inline:12px}.room-input{min-height:44px}

/* Approved complete-scene hero: native 3:2 composition, no crop, mask, or frame. */
.hero-visual{height:auto;width:100%;min-width:0;align-self:center}
.hero-image-frame{position:relative;inset:auto;width:100%;height:auto;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.hero-image-frame img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;object-position:center;mix-blend-mode:normal;border-radius:0;mask-image:none}
.hero-visual .orbit{display:none}
@media(max-width:800px){.hero-visual{height:auto}}
@media(max-width:600px){.hero-visual{height:auto;width:calc(100% + 20px);margin:28px -10px 0}.hero-image-frame{inset:auto}.hero-image-frame img{height:auto}.hero-visual .label-one{top:0}.hero-visual .label-two{bottom:7px}}
/* Full-composition problem illustrations replace the small decorative icons. */
.problem-grid article{padding-left:0;min-width:0;min-height:0}
.problem-illustration{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;object-position:center;max-width:100%;margin:0 0 24px;border:0;border-radius:0;overflow:visible}
@media(max-width:800px){.problem-grid{gap:25px}.problem-illustration{margin-bottom:20px}}
@media(max-width:600px){.problem-grid{gap:37px}.problem-grid article{padding-left:0;min-height:0}.problem-illustration{width:100%;height:auto;margin-bottom:18px}}

/* Two centered, seamless logo tracks with opposite directions and cream edge fades. */
.integration-marquees{width:min(1040px,calc(100% - 96px));margin:44px auto 0;display:grid;grid-template-rows:repeat(2,auto);gap:16px;overflow:hidden;isolation:isolate}
.integration-marquees:before,.integration-marquees:after{display:none}
.integration-marquees .marquee-row{min-width:0;overflow:hidden;padding:4px 0;outline-offset:-3px}
.integration-marquees .marquee-track{display:flex;width:max-content;gap:0;padding:0;animation:integration-drift 71.25s linear infinite;will-change:transform}
.integration-marquees .marquee-reverse{animation-direction:reverse}
.integration-marquees .marquee-group{display:flex;flex:none;gap:15px;padding-right:15px}
.integration-marquees .marquee{animation-play-state:running}.integration-marquees:focus-within .marquee{animation-play-state:paused}
.marquee-edge-fade{position:absolute;top:0;bottom:0;width:clamp(48px,10%,110px);z-index:3;pointer-events:none}
.marquee-edge-fade.fade-left{left:0;background:linear-gradient(to right,var(--cream) 0%,rgba(248,245,236,.94) 20%,rgba(248,245,236,0) 100%)}
.marquee-edge-fade.fade-right{right:0;background:linear-gradient(to left,var(--cream) 0%,rgba(248,245,236,.94) 20%,rgba(248,245,236,0) 100%)}
.motion-toggle:disabled{cursor:default;opacity:.7}
@keyframes integration-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.integration-marquees{width:calc(100% - 64px);gap:14px}.marquee-edge-fade{width:70px}}
@media(max-width:600px){.integration-marquees{width:calc(100% - 40px);margin-top:28px;gap:12px}.integration-marquees .marquee-group{gap:11px;padding-right:11px}.integration-marquees .integration-chip{width:99px;height:88px}.marquee-edge-fade{width:48px}.integration-marquees .marquee-track{animation-duration:71.25s}}
@media(prefers-reduced-motion:reduce){.integration-marquees{overflow:visible}.integration-marquees .marquee-row{overflow-x:auto;scrollbar-width:thin}.integration-marquees .marquee-track{animation:none!important;transform:none!important;will-change:auto}.integration-marquees .marquee-repeat,.integration-marquees .marquee-edge-fade{display:none}.integration-marquees .marquee-group{padding-right:0}}

.integration-marquees:hover .marquee{animation-play-state:running}.integration-marquees:focus-within .marquee,.integration-marquees:hover:focus-within .marquee{animation-play-state:paused}

/* Waving agents peek from the CTA corner, with the action area unobstructed. */
.cta-characters{position:absolute;right:0;bottom:0;width:52%;max-width:585px;line-height:0;pointer-events:none;z-index:1}
.cta-characters img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}
.cta .cta-content{position:relative;z-index:2}
.faq-heading>p{white-space:normal}
.faq-contact{margin-top:40px}
.faq-heading .faq-contact p{margin:0 0 9px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.5}
.faq-contact a{font-size:12px;line-height:1.7;color:#797580;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.faq-contact a:hover{color:var(--ink)}
@media(min-width:801px){.faq-heading>p{white-space:nowrap;font-size:clamp(12px,1.15vw,14px)}}
@media(max-width:800px){.cta-characters{width:51%;max-width:400px}.faq-heading>p{font-size:12px}.faq-contact{margin-top:29px}}
@media(max-width:600px){.cta{padding-bottom:250px}.cta-characters{width:100%;max-width:400px;right:0;bottom:0}.faq-heading>p{white-space:normal}.faq-contact{margin-top:24px;margin-bottom:32px}.faq-heading .faq-contact p{font-size:12px}.faq-contact a{font-size:11px}}

/* The hero's lime keyword underline, scaled with each section heading. */
main h2 .section-highlight{text-decoration:underline;text-decoration-color:#AEFF25;text-decoration-thickness:.12em;text-underline-offset:.08em;text-decoration-skip-ink:none;white-space:normal}
.trust-heading-cell h2 .section-highlight{display:inline;color:inherit}