:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#34373c;background:#fafafa;font-synthesis:none;--metal:linear-gradient(145deg,#fff,#eceef1);--line:#dde0e4}*{box-sizing:border-box}body{margin:0}html{scroll-padding-top:100px}a{color:inherit;text-decoration:none}button,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #82978d;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{height:80px;display:flex;align-items:center;gap:48px;padding:0 36px;border-bottom:1px solid #e5e7e9;background:#fafafaf5;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:8px;font-size:26px;letter-spacing:-1px;font-weight:550;color:#696e74}.brand img{width:34px;height:34px}.header nav{font-size:14px;color:#747a82}.header-actions{margin-left:auto;display:flex;align-items:center;gap:26px}.quiet{font-size:14px;color:#737980;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #c6cbd2;background:linear-gradient(#fff,#e9ecf0);border-radius:11px;padding:15px 21px;font-size:14px;font-weight:550;box-shadow:inset 0 1px white,0 3px 6px #434f6010;white-space:nowrap}.button:hover{border-color:#aeb6c0;background:linear-gradient(#fff,#e0e5eb)}.platform-icon{width:18px;height:18px;flex:none}.compact{padding:10px 15px;font-size:12px;gap:9px}.compact .platform-icon{width:14px;height:14px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:35px;min-height:670px}.hero-copy{min-width:0;padding:60px 0;text-align:left}h1{font-size:clamp(42px,4.6vw,62px);line-height:1.08;font-weight:550;letter-spacing:-2.8px;margin:0 0 28px}h1 span,h2 span{color:#9299a2}.intro{max-width:455px;font-size:17px;line-height:1.75;color:#747b84;margin:0 0 30px}.actions{display:flex;align-items:flex-start;gap:25px;flex-wrap:wrap}.actions>.quiet{margin-top:17px}.download-stack{display:flex;flex-direction:column;gap:9px;width:255px;max-width:100%}.download-stack .button{justify-content:flex-start}.windows-download{padding:12px 16px;background:#f0f2f4;border-color:#e0e3e7;box-shadow:none;color:#a0a7b0;font-size:11px;cursor:not-allowed}.windows-download:hover{background:#f0f2f4;border-color:#e0e3e7}.windows-download .platform-icon{width:15px;height:15px}.windows-download small{font-size:8px;margin-left:auto;font-weight:400}.hero-art{min-width:0;overflow:clip}.product{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:65px;align-items:center;padding:90px 0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#9299a2;margin:0 0 25px}.product-copy h2{font-size:clamp(34px,3.5vw,47px);line-height:1.12;font-weight:500;letter-spacing:-1.8px;margin:0 0 25px}.product-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#808791;margin:0 0 18px}.collaboration-demo{min-width:0;background:linear-gradient(145deg,#f8f9fa,#e9ecf0);padding:18px;border:1px solid #dce1e6;border-radius:19px;box-shadow:inset 0 1px white}.demo-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.demo-project{font-size:13px;font-weight:550}.people{display:flex;gap:5px;margin-left:auto}.people img{width:30px;height:30px;border-radius:50%;padding:2px;border:1px solid #83a590;background:#fff}.people img:nth-child(2){border-color:#a88fba}.people img:nth-child(3){border-color:#8aa2be}.motion-toggle{width:27px;height:27px;flex:none;border:1px solid #d7dce2;background:#f9fafb;border-radius:7px;cursor:pointer;font-size:11px;color:#858d97}.terminal-stage{position:relative;min-width:0}.claude-terminal{border:1px solid #cfd3d8;border-radius:10px;overflow:hidden;background:#faf9f6;box-shadow:0 8px 18px #3443560d}.window-bar{height:33px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#fafafa,#e9eaec);border-bottom:1px solid #dddee0;color:#8c9096;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#dca39e}.traffic i:nth-child(2){background:#ddc28e}.traffic i:nth-child(3){background:#9cbaa2}.demo-body{padding:22px 17px 17px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5f5d56}.claude-welcome{display:flex;gap:13px;align-items:center;margin-bottom:25px}.claude-mascot{width:40px;height:40px;object-fit:contain}.claude-welcome strong{font-size:15px;color:#34342e}.claude-welcome small{display:block;font-size:10px;color:#989489}.native-prompt{background:#eeece5;padding:8px 9px;margin-bottom:19px;border-radius:3px;font-size:11px}.native-response{font-size:11px;margin-bottom:18px;line-height:1.8}.native-response>span{margin-right:5px}.tool-line{font-size:11px}.tool-line span{color:#989489}.native-diff{background:#f0eee8;border-radius:3px;margin:7px 0 20px;padding:7px 0;font-size:10px;line-height:1.85;overflow:auto;white-space:pre}.native-diff>div{padding:0 9px}.diff-context{color:#969084}.diff-add{background:#e4ecdc;color:#56744a}.terminal-working{font-size:11px;color:#b47d56;margin-bottom:18px}.terminal-time{color:#a29c91;font-size:9px}.native-composer{border-block:1px solid #d6d1c5;min-height:37px;display:flex;align-items:center;gap:8px;font-size:11px;overflow:hidden}.typed-code{display:inline-block;overflow:hidden;white-space:nowrap;width:27ch;animation:typing 12s steps(27,end) infinite;max-width:calc(100% - 30px)}.native-composer i{width:5px;height:13px;flex:none;background:#a29b8c;animation:blink 1s steps(2) infinite}.terminal-hints{font-size:8px;color:#9b968a;margin-top:8px}.terminal-hints span{color:#b4afa4;margin-left:7px}.demo-cursor{position:absolute;z-index:3;pointer-events:none;color:#8c759e;display:flex;align-items:flex-start}.demo-cursor svg{width:18px;height:23px;flex:none}.demo-cursor>span{font:9px -apple-system,sans-serif;padding:4px 7px;color:white;background:#8c759e;border-radius:4px;margin-top:17px;margin-left:-4px}.cursor-maya{left:65%;top:79%;animation:maya 12s ease-in-out infinite}.cursor-alex{left:77%;top:43%;color:#769583;animation:alex 12s ease-in-out infinite}.cursor-alex>span{background:#769583}.collaboration-details{display:grid;gap:10px;margin-top:13px}.comment-card{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#ffffffc9;border:1px solid #dce1e5;border-radius:10px;min-height:65px}.comment-card img,.role-card>img{width:28px;height:28px;border-radius:50%;flex:none}.comment-card strong{font-size:11px;font-weight:550}.comment-card strong small{font-size:9px;color:#9ba3ab;margin-left:7px;font-weight:400}.comment-card p{font-size:12px;color:#808991;line-height:1.5;margin:4px 0 0}.role-card{display:flex;align-items:center;gap:10px;background:#ffffffb0;border:1px solid #dce1e5;border-radius:10px;padding:11px 12px;min-height:60px}.role-card strong{font-size:12px;font-weight:550}.role-card small{display:block;font-size:10px;color:#8f99a3;margin-top:3px}.role-card select{margin-left:auto;border:1px solid #cfd6de;padding:7px 8px;border-radius:7px;background:#f8fafb;color:#6b7785;font-size:11px;cursor:pointer;min-width:78px}.role-confirm{color:#789b87;opacity:0;width:12px;font-size:12px}.is-editor .role-confirm{opacity:1}.is-editor .role-card{border-color:#b6cabc}.demo-disclaimer{font-size:9px;text-align:center;color:#9ba3ac;margin:12px 0 0}.paused *{animation-play-state:paused!important}.vision{border-top:1px solid var(--line);position:relative;overflow:hidden;padding:75px 7% 85px}.vision-mark{position:absolute;right:-30px;top:30px;width:340px;opacity:.045;transform:rotate(-15deg)}.vision-mark img{width:100%}blockquote{position:relative;font-size:clamp(34px,4vw,57px);line-height:1.15;letter-spacing:-2px;font-weight:450;margin:0}blockquote span{color:#969da6}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes typing{0%,12%{width:0}48%,100%{width:27ch}}@keyframes blink{50%{opacity:0}}@keyframes maya{0%,100%{transform:translate(0,0)}45%,70%{transform:translate(-45px,13px)}}@keyframes alex{0%,100%{transform:translate(0,0)}40%,75%{transform:translate(-25px,42px)}}
.hero-art{position:relative;height:620px;isolation:isolate}.aura{position:absolute;inset:20% 0 0;background:radial-gradient(ellipse,#d2d7df66,transparent 68%);filter:blur(20px)}.art-grid{position:absolute;width:95%;height:70%;left:5%;top:28%;background-image:linear-gradient(#adb5c014 1px,transparent 1px),linear-gradient(90deg,#adb5c014 1px,transparent 1px);background-size:40px 40px;transform:rotateX(58deg) rotateZ(-35deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.isometric{position:absolute;width:360px;height:360px;left:18%;top:30%;transform:rotateX(48deg) rotateZ(-35deg);transform-style:preserve-3d;animation:levitate 8s ease-in-out infinite}.slab{position:absolute;inset:0;border-radius:76px;background:var(--metal);border:1px solid #c7cbd1;box-shadow:inset 0 2px 1px white,1px 1px 0 #bec2c8}.slab-bottom{transform:translateZ(-26px);background:#cdd1d7;box-shadow:-18px 26px 38px #484f6325}.slab-mid{transform:translateZ(-12px);background:repeating-linear-gradient(90deg,#dadde2 0 2px,#e5e7eb 2px 4px)}.slab-top{transform:translateZ(1px);background:linear-gradient(135deg,#fff,#f1f2f5 36%,#d6dbe2);box-shadow:inset 0 0 0 7px #ffffff55,inset 0 2px 2px white}.slab-logo{width:205px;height:205px;object-fit:contain;position:absolute;left:76px;top:77px;mix-blend-mode:multiply;opacity:.68}.etched{position:absolute;bottom:33px;left:57px;font-size:8px;letter-spacing:3px;color:#90959d}.etched span{display:block;font-size:5px;letter-spacing:1.8px;margin-top:6px}.agent-tile{width:89px;height:89px;border:1px solid #c9cdd4;border-radius:23px;position:absolute;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#e5e8ed);box-shadow:inset 0 2px 1px #fff, -6px 9px 0 #c4c9d0,-11px 16px 13px #424b6120;transform:translateZ(35px);animation:tile-float 6s ease-in-out infinite}.agent-tile img{width:49px;height:49px;object-fit:contain}.tile-claude{top:23px;left:27px}.tile-codex{top:21px;right:24px;animation-delay:-2s}.tile-deepseek{right:27px;bottom:25px;animation-delay:-4s}.signal{position:absolute;border:1px solid #9bafb750;border-radius:50%;width:70px;height:70px;left:147px;top:147px;animation:signal 4s ease-out infinite}.signal-two{animation-delay:2s}.floating-card{position:absolute;top:56px;right:1%;width:310px;border:1px solid #d7dbe1;background:linear-gradient(135deg,#fffffffa,#f3f4f7f2);border-radius:18px;padding:18px;box-shadow:inset 0 1px white,0 14px 35px #535e7212,0 2px 5px #535e7208;animation:card-float 7s ease-in-out infinite;z-index:3}.card-top{display:flex;align-items:center;gap:9px;margin-bottom:18px}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dddfe3;border-radius:10px;background:var(--metal)}.mini-icon img{width:23px;height:23px}.card-top strong{font-size:12px;font-weight:600}.card-top small{display:block;font-size:9px;color:#91969e;margin-top:3px}.live-label{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#6c8d7c}.live-label i{width:5px;height:5px;background:#73a28a;border-radius:50%}.activity{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b9097;margin:11px 0}.activity b{color:#626871;font-weight:550}.avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:8px;border:2px solid white;background:#e0e5e9;color:#667583}.avatar-b{background:#e6e2da;color:#8d8270}.working{display:flex;align-items:center;gap:7px;font-size:10px;color:#888d97;border-top:1px solid #e4e6ea;padding-top:12px;margin-top:14px}.spinner{width:10px;height:10px;display:inline-block;border:1.5px solid #c9cdd3;border-top-color:#777f8b;border-radius:50%;animation:spin 1.2s linear infinite;flex:none}.dots{margin-left:auto}.connection-pill{position:absolute;bottom:34px;left:30%;display:flex;gap:9px;align-items:center;border:1px solid #e1e4e8;background:#ffffffbc;border-radius:30px;padding:11px 16px;font-size:10px;color:#90959c;box-shadow:0 4px 15px #424b6105}@keyframes levitate{50%{transform:translateY(-7px) rotateX(48deg) rotateZ(-33deg)}}@keyframes tile-float{50%{transform:translateZ(43px)}}@keyframes signal{0%{transform:scale(.6);opacity:.4}100%{transform:scale(2.4);opacity:0}}@keyframes card-float{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero{gap:15px}.isometric{left:7%;width:320px;height:320px}.slab-logo{width:180px;height:180px;left:65px;top:65px}.floating-card{width:275px;right:0}.product{gap:35px}.demo-body{padding:19px 13px}.terminal-time{display:none}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header{padding:0 24px;gap:25px}.header nav{display:none}.hero{grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{padding:58px 0 0}.hero-copy .intro{max-width:530px}h1{font-size:54px}.hero-art{height:525px;width:min(540px,100%);margin:auto}.isometric{left:18%;top:29%}.floating-card{top:35px}.product{grid-template-columns:minmax(0,1fr);gap:40px;padding:65px 0}.collaboration-demo{max-width:630px;width:100%;margin:auto}.product-copy{max-width:630px;width:100%;margin:auto}.product-copy h2{font-size:44px}.vision{padding:60px 0}.hero-art{overflow:clip}}
@media(max-width:500px){.wrap{width:calc(100% - 36px)}.header{height:67px;padding:0 18px;gap:10px}.brand{font-size:23px;gap:5px}.brand img{width:28px;height:28px}.header-actions{gap:13px}.header-actions>.quiet{font-size:10px}.header-actions>.quiet span{display:none}.compact{font-size:10px;padding:9px 10px;gap:7px}.compact .platform-icon{width:12px;height:12px}h1{font-size:42px;letter-spacing:-2px}.hero-copy{padding-top:42px}.intro{font-size:15px;line-height:1.75}.actions{gap:18px}.download-stack{width:233px}.actions>.quiet{font-size:12px}.hero-art{height:445px}.floating-card{top:28px;width:245px;padding:13px}.card-top strong{font-size:11px}.card-top small{font-size:8px}.activity{font-size:9px}.working{font-size:9px}.isometric{width:270px;height:270px;left:calc(50% - 135px);top:34%}.slab{border-radius:55px}.slab-logo{width:155px;height:155px;left:57px;top:56px}.agent-tile{width:66px;height:66px;border-radius:18px}.agent-tile img{width:36px;height:36px}.tile-claude{top:18px;left:19px}.tile-codex{top:18px;right:19px}.tile-deepseek{bottom:19px;right:19px}.etched{font-size:6px;left:40px;bottom:25px}.etched span{font-size:4px}.signal{left:100px;top:100px}.product{padding:42px 0}.collaboration-demo{padding:11px;border-radius:14px}.demo-toolbar{gap:7px;margin:2px 0 12px}.demo-project{font-size:11px}.people img{width:25px;height:25px}.people{gap:3px}.motion-toggle{width:24px;height:24px}.demo-body{padding:17px 11px}.claude-welcome{gap:10px}.claude-welcome strong{font-size:13px}.claude-mascot{width:34px;height:34px}.native-prompt{font-size:10px}.native-response{font-size:10px}.native-diff{font-size:9px}.native-composer{font-size:10px}.terminal-hints{font-size:7px}.role-card{padding:10px 9px;gap:7px}.role-card small{font-size:9px}.role-card select{min-width:73px}.comment-card p{font-size:11px}.demo-disclaimer{font-size:8px}.product-copy h2{font-size:38px}.product-copy>p:not(.eyebrow){font-size:15px}blockquote{font-size:34px;letter-spacing:-1.6px}.vision-mark{right:-145px}.vision{padding:45px 0 55px}}
@media(max-width:360px){.header-actions>.quiet{display:none}.actions>.quiet{margin-top:0}.hero-copy h1{font-size:37px}.demo-project{font-size:10px}.role-confirm{display:none}.role-card small{max-width:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.typed-code{width:27ch}}
/* Native macOS Terminal reference, with collaboration attached to the window. */
.collaboration-demo{position:relative;padding:44px 28px 67px;background:transparent;border:0;box-shadow:none;overflow:visible}.demo-toolbar{position:absolute;z-index:5;top:87px;right:44px;margin:0;gap:8px}.demo-project{display:none}.people img{width:27px;height:27px;background:#29303a;border-width:1.5px;padding:2px}.motion-toggle{background:#363e49;border-color:#515b68;color:#bcc3cb;width:23px;height:23px}.terminal-stage{position:relative}.claude-terminal{background:radial-gradient(ellipse at 65% 5%,#2e3440,#222730 90%);border:1px solid #a8adb5;border-radius:12px;box-shadow:0 22px 45px #26334424,0 3px 8px #26334417}.window-bar{height:30px;background:linear-gradient(#fff,#eff0f2);border-bottom:1px solid #c8cbd0;color:#73777e;font-size:9px}.traffic i{width:9px;height:9px;background:#ff6159;border:1px solid #e34b45}.traffic i:nth-child(2){background:#ffbd2d;border-color:#e2a620}.traffic i:nth-child(3){background:#28c940;border-color:#23ad37}.demo-body{min-height:432px;display:flex;flex-direction:column;padding:22px 13px 10px;color:#c3c5c8;font-size:11px}.claude-welcome{gap:12px;margin-bottom:35px;padding-right:85px}.claude-mascot{width:47px;height:39px;flex:none}.claude-welcome strong{font-size:12px;color:#eceef2;white-space:nowrap}.cli-version{font-weight:400;color:#9699a1;font-size:9px}.claude-welcome small{font-size:9px;line-height:1.5;color:#a4a5ab;white-space:nowrap}.native-prompt{font-size:10px;background:none;color:#dbdce0;padding:0;margin-bottom:15px}.native-response{font-size:10px;color:#a4abb6;margin-bottom:14px}.tool-line{font-size:10px;color:#c7cbd2}.tool-line span{color:#9299a3}.native-diff{background:#252d33;margin:6px 0 15px;font-size:9px}.diff-context{color:#9099a4}.diff-add{background:#293b32;color:#a4c4a4}.terminal-working{color:#d59877;font-size:10px;margin:0 0 12px}.terminal-time{color:#9297a0}.effort-line{margin-top:auto;align-self:flex-end;color:#969ba5;font-size:9px;margin-bottom:6px;padding-top:26px}.native-composer{border-color:#75777c;color:#d4d5d8;min-height:30px;font-size:10px;gap:7px}.native-composer i{background:#b4b6bc;width:6px;height:12px}.terminal-hints{font-size:8px;color:#c5ad6a;white-space:nowrap}.terminal-hints b{font-weight:400;color:#f0c02a}.terminal-hints span{color:#9b9da4;margin-left:5px}.cursor-maya{left:66%;top:88%;animation:terminal-maya 12s ease-in-out infinite}.cursor-alex{left:-12px;top:35%;animation:terminal-alex 12s ease-in-out infinite}.demo-cursor svg{width:22px;height:27px}.demo-cursor>span{font-size:10px;padding:4px 9px}.collaboration-details{display:contents}.comment-card{position:absolute;z-index:6;left:-12px;top:47%;width:208px;padding:11px;min-height:0;border-color:#d8dee3;background:#fffffffa;box-shadow:0 8px 24px #1f2e431a;border-radius:11px;transform:rotate(-2deg)}.comment-card p{font-size:11px}.comment-card strong{font-size:11px}.comment-card img{width:26px;height:26px}.role-card{position:absolute;z-index:6;right:-15px;bottom:38px;width:235px;min-height:60px;padding:11px;gap:7px;box-shadow:0 8px 24px #1f2e431a;background:linear-gradient(#fff,#f5f7f9);transform:rotate(2deg)}.role-card>img{width:26px;height:26px}.role-card strong{font-size:11px}.role-card small{font-size:8px;max-width:102px}.role-card select{font-size:10px;min-width:69px;padding:7px 5px}.role-confirm{width:8px;font-size:10px}.demo-disclaimer{position:absolute;bottom:5px;left:28px;margin:0;font-size:9px;text-align:left}.product{gap:70px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}@keyframes terminal-maya{0%,100%{transform:translate(0,0)}45%,70%{transform:translate(32px,23px)}}@keyframes terminal-alex{0%,100%{transform:translate(0,0)}40%,75%{transform:translate(32px,44px)}}
@media(max-width:1100px) and (min-width:851px){.product{gap:35px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.collaboration-demo{padding-inline:18px}.demo-toolbar{right:31px;top:88px}.people img{width:22px;height:22px}.claude-welcome{gap:8px;padding-right:0}.claude-welcome small{font-size:8px}.claude-mascot{width:36px}.comment-card{left:-3px;width:181px}.role-card{right:-3px;width:216px}.demo-body{min-height:445px}.cli-version{display:none}.demo-toolbar{top:143px}.terminal-hints{font-size:7px}}
@media(max-width:850px){.product{grid-template-columns:minmax(0,1fr);gap:38px}.collaboration-demo{width:100%;max-width:650px;padding:32px 28px 68px}.demo-toolbar{top:75px;right:43px}.demo-body{min-height:450px}.comment-card{left:0;top:48%;width:215px}.role-card{right:0;bottom:34px;width:242px}}
@media(max-width:500px){.collaboration-demo{padding:22px 10px 80px}.demo-toolbar{top:112px;right:23px}.people img{width:23px;height:23px}.motion-toggle{width:22px;height:22px}.demo-body{min-height:455px;padding:18px 10px 9px}.claude-welcome{padding-right:0;margin-bottom:54px;gap:9px}.claude-mascot{width:40px;height:34px}.claude-welcome strong{font-size:11px}.claude-welcome small{font-size:7.5px}.cli-version{font-size:8px}.native-prompt,.native-response,.tool-line{font-size:9px}.native-diff{font-size:8px}.native-composer{font-size:9px}.terminal-hints{font-size:6.5px}.effort-line{font-size:8px}.comment-card{left:0;top:48%;width:175px;padding:9px;gap:7px}.comment-card img{width:23px;height:23px}.comment-card strong{font-size:10px}.comment-card p{font-size:9px}.role-card{right:0;bottom:37px;width:223px;padding:9px;min-height:56px}.demo-disclaimer{left:10px;bottom:10px;font-size:8px}.cursor-alex{left:-7px}.cursor-maya{left:69%}.demo-cursor>span{font-size:8px}.demo-cursor svg{width:18px;height:23px}}
.github-badge{display:inline-flex;align-items:center;gap:7px;height:31px;padding:0 9px;border:1px solid #d8dce1;border-radius:8px;background:linear-gradient(#fff,#f0f2f4);color:#707780;font-size:11px;box-shadow:inset 0 1px #fff;white-space:nowrap;flex:none}.github-badge>svg{width:14px;height:14px}.github-stars{display:flex;align-items:center;gap:5px;border-left:1px solid #dde1e6;margin-left:3px;padding-left:9px;font-size:10px;color:#8a919b}.github-stars svg{width:12px;height:12px}@media(max-width:600px){.header{flex-wrap:wrap;height:auto;min-height:67px;padding-block:12px;gap:10px}.github-badge{height:27px;font-size:10px;margin-left:auto}.header-actions{width:100%;justify-content:space-between;margin-left:0}.github-stars{font-size:10px}.header-actions .quiet{font-size:12px}.header .compact{font-size:11px}}
.customer-band{padding:25px 0 68px;text-align:center}.customer-band h2{font-size:18px;font-weight:500;letter-spacing:-.4px;color:#9399a1;margin:0 0 38px}.customer-logos{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:0 30px;color:#a0a5ac}.customer-logos>span{display:flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap}.customer-apple .platform-icon{width:30px;height:34px}.customer-doctolib{font-size:29px;font-style:italic;font-weight:550;letter-spacing:-1.3px}.customer-qonto{font-size:30px;font-weight:600;letter-spacing:-1.5px}.customer-visa{font-size:34px;font-style:italic;font-weight:850;letter-spacing:-1px}.customer-starbucks{font-size:19px;font-weight:800;letter-spacing:1.7px}.customer-fifa{font-size:34px;font-weight:900;letter-spacing:-2px}@media(max-width:850px){.customer-logos{gap:25px;padding:0;flex-wrap:wrap;justify-content:center}.customer-logos>span{flex:0 0 calc(33.333% - 20px)}.customer-band{padding:20px 0 45px}}@media(max-width:500px){.customer-band h2{font-size:16px;margin-bottom:25px}.customer-logos{gap:20px 12px}.customer-logos>span{flex-basis:calc(33.333% - 12px)}.customer-doctolib,.customer-qonto{font-size:22px}.customer-visa,.customer-fifa{font-size:28px}.customer-starbucks{font-size:12px;letter-spacing:1px}.customer-apple .platform-icon{width:25px;height:28px}}
.customer-logos img{display:block;width:108px;height:37px;object-fit:contain;filter:grayscale(1);opacity:.48}.customer-logos .customer-apple img{width:32px;height:36px}.customer-logos .customer-starbucks img{width:49px;height:49px}.customer-logos .customer-fifa img{width:82px}.customer-logos .customer-visa img{width:87px}.customer-qonto img{filter:grayscale(1) brightness(0);opacity:.38}@media(max-width:500px){.customer-logos img{width:82px;height:30px}.customer-logos .customer-apple img{width:26px;height:30px}.customer-logos .customer-starbucks img{width:39px;height:39px}.customer-logos .customer-fifa img{width:64px}.customer-logos .customer-visa img{width:68px}}
/* Three synchronized terminals, separated by scroll-driven horizontal depth. */
.product{display:flex;flex-direction:column;gap:54px;padding-top:60px}.parallax-demo{--spread:.65;position:relative;width:100%;min-width:0;padding:0;background:none;border:0;box-shadow:none}.parallax-controls{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:0 auto 25px;font-size:12px;color:#949ca5}.parallax-controls>span{display:flex;gap:9px;align-items:center}.parallax-controls .motion-toggle{background:var(--metal);border-color:#d5dae1;color:#818b95}.terminal-deck{height:470px;position:relative;perspective:1400px;isolation:isolate}.parallel-terminal{position:absolute;top:35px;left:calc(50% - 210px);width:420px;height:338px;border:1px solid #a8afb8;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#303744,#222730 90%);box-shadow:0 23px 42px #1c2a4525;transform-origin:50% 70%;transition:box-shadow .3s;will-change:transform}.terminal-0{z-index:3;transform:translateX(calc(-310px * var(--spread))) translateY(calc(22px * var(--spread))) rotateY(calc(9deg * var(--spread))) rotateZ(calc(-3deg * var(--spread)))}.terminal-1{z-index:2;transform:translateY(calc(-18px * var(--spread))) scale(.97)}.terminal-2{z-index:1;transform:translateX(calc(310px * var(--spread))) translateY(calc(24px * var(--spread))) rotateY(calc(-9deg * var(--spread))) rotateZ(calc(3deg * var(--spread)))}.parallel-title{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-radius:11px 11px 0 0;background:linear-gradient(#fff,#e7e9ed);font:9px -apple-system,sans-serif;color:#747c86}.owner-photo{width:19px;height:19px;border-radius:50%}.parallel-body{height:calc(100% - 30px);padding:20px 14px 10px;display:flex;flex-direction:column;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6d8de}.parallel-body .claude-welcome{padding:0;margin:0 0 30px;gap:10px}.parallel-body .claude-mascot{width:38px;height:32px}.parallel-body .claude-welcome strong{font-size:11px}.parallel-body .claude-welcome small{font-size:8px}.parallel-output{font-size:10px;color:#acb2bc;line-height:1.8}.parallel-output>span{color:#d8dce3}.parallel-input{margin-top:auto;border-block:1px solid #737881;min-height:33px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.parallel-input i{width:5px;height:12px;background:#abb3be;animation:blink 1s steps(2) infinite}.parallel-hints{font-size:7px;color:#e1bd46;margin-top:6px}.parallel-hints span{color:#929aa6}.parallel-users{display:flex;gap:4px;position:absolute;right:13px;top:85px}.parallel-users img{width:23px;height:23px;border-radius:50%;padding:2px;border:1px solid #92b2a0;background:#28313b}.parallel-users img:nth-child(2){border-color:#ae93c2}.parallel-users img:nth-child(3){border-color:#8aa2c1}.action-cursor{position:absolute;z-index:10;display:flex;pointer-events:none;color:#87ac96;transition:transform 1s ease-in-out}.action-cursor svg{width:20px;height:26px}.action-cursor>span{background:#87ac96;color:#fff;font:9px -apple-system,sans-serif;padding:4px 7px;border-radius:4px;margin-top:22px;margin-left:-3px;height:19px}.action-0{left:60%;bottom:35px}.action-1{right:10px;top:102px;color:#a78bb8}.action-1>span{background:#a78bb8}.action-2{right:-5px;top:223px;color:#809bbd}.action-2>span{background:#809bbd}.permission-pop{position:absolute;top:115px;right:-17px;width:146px;background:linear-gradient(140deg,#fff,#e9edf2);border:1px solid #cfd6df;border-radius:10px;padding:12px;box-shadow:0 10px 25px #17233430;z-index:7;opacity:0;transform:translateY(-5px);transition:opacity .3s,transform .3s;font-family:-apple-system,sans-serif}.permission-pop strong{font-size:11px;color:#4f5965}.permission-pop small{display:block;font-size:9px;color:#929ca8;margin:3px 0 9px}.permission-option{display:flex;justify-content:space-between;padding:6px 8px;border-radius:5px;font-size:10px;color:#8994a1}.permission-option:first-of-type{background:#dfe5eb}.selected-permission b{visibility:hidden;color:#749a84;font-weight:500}.permissions-open .permission-pop{opacity:1;transform:translateY(0)}.permissions-edit .selected-permission{background:#dce8e0;color:#567762}.permissions-edit .selected-permission b{visibility:visible}.permissions-edit .permission-option:first-of-type{background:none}.permissions-open .action-1{transform:translate(4px,73px)}.aluminium-comment{position:absolute;z-index:8;right:-28px;top:167px;width:186px;min-height:91px;padding:12px;border:1px solid #cdd5df;border-radius:11px;background:linear-gradient(135deg,#fff,#e6ebf1);box-shadow:inset 0 1px #fff,0 12px 28px #13253d25;opacity:0;transform:translateX(8px);transition:opacity .4s,transform .4s;color:#5f6c7a}.aluminium-comment>div{display:flex;align-items:center;gap:7px}.aluminium-comment img{width:23px;height:23px;border-radius:50%}.aluminium-comment strong{font-size:10px;font-weight:550}.aluminium-comment small{font-size:8px;font-weight:400;display:block;color:#909ba9;margin-top:2px}.aluminium-comment p{font-size:10px;line-height:1.5;margin:9px 0 0;min-height:30px}.comment-open .aluminium-comment{opacity:1;transform:translateX(0)}.panel-caption{position:absolute;top:calc(100% + 23px);width:100%;text-align:center;font-size:11px;color:#8d97a3;opacity:var(--spread)}.scene-caption{text-align:center;font-size:12px;color:#929ca7;margin:0}.product-copy{text-align:center;max-width:650px}.product-copy h2{font-size:43px}.product-copy h2 br{display:none}.product-copy h2 br::after{content:' '}.product-copy h2 span{display:block}.product-copy p{max-width:610px;margin-inline:auto!important}.parallax-demo.paused *{animation-play-state:paused!important}
@media(max-width:1100px){.parallel-terminal{width:350px;left:calc(50% - 175px);height:330px}.terminal-0{transform:translateX(calc(-250px * var(--spread))) translateY(calc(22px * var(--spread))) rotateZ(calc(-3deg * var(--spread)))}.terminal-2{transform:translateX(calc(250px * var(--spread))) translateY(calc(24px * var(--spread))) rotateZ(calc(3deg * var(--spread)))}.parallel-body .cli-version{display:none}.parallel-body{font-size:9px}.parallel-users{top:95px}.permission-pop{top:123px}.terminal-deck{height:460px}.aluminium-comment{right:-9px;width:165px}.product-copy h2{font-size:40px}}
@media(max-width:850px){.terminal-deck{height:430px;margin-inline:-5px}.parallel-terminal{width:300px;left:calc(50% - 150px);height:315px}.terminal-0{transform:translateX(calc(-150px * var(--spread))) translateY(calc(20px * var(--spread))) rotateZ(calc(-4deg * var(--spread)))}.terminal-2{transform:translateX(calc(150px * var(--spread))) translateY(calc(20px * var(--spread))) rotateZ(calc(4deg * var(--spread)))}.parallel-body{padding:15px 10px 8px}.parallel-body .claude-welcome small{font-size:7px}.parallel-body .claude-mascot{width:31px}.parallel-output{font-size:8px}.parallel-users{top:95px;right:10px}.parallel-users img{width:20px;height:20px}.permission-pop{width:129px;right:0}.aluminium-comment{width:144px;right:0;padding:9px}.aluminium-comment p{font-size:9px}.product{gap:30px}.panel-caption{font-size:9px}}
@media(max-width:600px){.terminal-deck{height:360px;overflow:visible;margin-inline:0}.parallel-terminal{width:238px;left:calc(50% - 119px);height:266px;top:25px;border-radius:9px}.terminal-0{transform:translateX(calc(-48px * var(--spread))) translateY(calc(24px * var(--spread))) rotateZ(calc(-5deg * var(--spread)))}.terminal-1{transform:translateY(calc(-14px * var(--spread))) scale(.97)}.terminal-2{transform:translateX(calc(48px * var(--spread))) translateY(calc(25px * var(--spread))) rotateZ(calc(5deg * var(--spread)))}.parallel-title{height:25px;font-size:8px;border-radius:8px 8px 0 0}.parallel-title .traffic i{width:5px;height:5px}.parallel-body{height:calc(100% - 25px);font-size:7px;padding:11px 8px 7px}.parallel-body .claude-welcome{gap:6px;margin-bottom:32px}.parallel-body .claude-welcome strong{font-size:9px}.parallel-body .claude-welcome small{font-size:5.8px}.parallel-body .claude-mascot{width:27px;height:25px}.parallel-output{font-size:7px}.parallel-users{top:74px;right:8px}.parallel-users img{width:17px;height:17px}.parallel-input{min-height:28px;font-size:7px;gap:4px}.parallel-hints{font-size:5px}.permission-pop{width:112px;top:96px;right:-15px;padding:8px}.permission-pop strong{font-size:9px}.permission-pop small{font-size:7px}.permission-option{font-size:8px;padding:5px}.aluminium-comment{width:126px;right:-14px;top:144px;min-height:80px;padding:8px}.aluminium-comment p{font-size:8px}.aluminium-comment img{width:19px;height:19px}.aluminium-comment strong{font-size:9px}.action-cursor svg{width:15px;height:20px}.action-cursor>span{font-size:7px;padding:3px 5px;margin-top:16px;height:15px}.action-1{top:86px;right:0}.permissions-open .action-1{transform:translate(4px,60px)}.action-2{top:195px;right:-15px}.panel-caption{display:none}.scene-caption{font-size:10px}.parallax-controls{font-size:10px;margin-bottom:15px}.product-copy h2{font-size:36px}.product{padding-top:35px}.terminal-deck:has(.permissions-open) .terminal-1{z-index:5}.terminal-deck:has(.comment-open) .terminal-2{z-index:6}}
@media(prefers-reduced-motion:reduce){.parallel-terminal,.permission-pop,.aluminium-comment,.action-cursor{transition:none;will-change:auto}}
@media(min-width:1101px){.parallel-terminal{width:380px;left:calc(50% - 190px)}.terminal-0{transform:translateX(calc(-385px * var(--spread))) translateY(calc(22px * var(--spread))) rotateY(calc(5deg * var(--spread))) rotateZ(calc(-2deg * var(--spread)))}.terminal-2{transform:translateX(calc(385px * var(--spread))) translateY(calc(24px * var(--spread))) rotateY(calc(-5deg * var(--spread))) rotateZ(calc(2deg * var(--spread)))}}
/* Parallel lateral slide: one shared tilt, never a fan. */
.parallel-terminal{transform-origin:50% 50%}
.terminal-0{transform:translateX(calc(-385px * var(--spread))) rotate(0deg)}
.terminal-1{transform:rotate(0deg)}
.terminal-2{transform:translateX(calc(385px * var(--spread))) rotate(0deg)}
@media(max-width:1100px){.terminal-0{transform:translateX(calc(-250px * var(--spread))) rotate(0deg)}.terminal-2{transform:translateX(calc(250px * var(--spread))) rotate(0deg)}}
@media(max-width:850px){.terminal-0{transform:translateX(calc(-150px * var(--spread))) rotate(0deg)}.terminal-2{transform:translateX(calc(150px * var(--spread))) rotate(0deg)}}
@media(max-width:600px){.terminal-0{transform:translateX(calc(-48px * var(--spread))) rotate(0deg)}.terminal-1{transform:rotate(0deg)}.terminal-2{transform:translateX(calc(48px * var(--spread))) rotate(0deg)}}
/* Shared 3D perspective, level horizontal edges and lateral separation. */
.terminal-deck{perspective:1800px;perspective-origin:50% 45%;transform-style:preserve-3d}
.parallel-terminal{--slide:0px;transform:translateX(calc(var(--slide) * var(--spread))) rotateY(-22deg) rotateX(4deg);transform-style:preserve-3d;box-shadow:8px 2px 0 #bac1cb,11px 4px 0 #939eac,18px 24px 38px #17273d24;backface-visibility:hidden}
.terminal-0{--slide:-385px}.terminal-1{--slide:0px}.terminal-2{--slide:385px}
@media(max-width:1100px){.terminal-0{--slide:-250px}.terminal-2{--slide:250px}}
@media(max-width:850px){.terminal-0{--slide:-150px}.terminal-2{--slide:150px}}
@media(max-width:600px){.terminal-0{--slide:-48px}.terminal-2{--slide:48px}.parallel-terminal{transform:translateX(calc(var(--slide) * var(--spread))) rotateY(-18deg) rotateX(3deg);box-shadow:5px 2px 0 #bac1cb,7px 3px 0 #939eac,12px 18px 28px #17273d24}}

.parallax-controls{position:relative;justify-content:center;max-width:none;margin-bottom:45px;min-height:60px}.parallax-controls h2{font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.12;letter-spacing:-2px;color:#34373c;text-align:center;margin:0}.parallax-controls>.motion-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}@media(max-width:600px){.parallax-controls{margin-bottom:28px;padding-inline:30px}.parallax-controls h2{font-size:32px;letter-spacing:-1.3px}}
/* Invitation -> shared app and native Terminal. */
.invite-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center;padding:70px 50px 110px;border-bottom:1px solid #e0e4e8}.story-step{display:block;font-size:10px;letter-spacing:1.5px;color:#929ba6;margin-bottom:23px}.invite-copy h2,.surfaces-heading h2{font-size:clamp(34px,3.6vw,49px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:0 0 25px}.invite-copy h2 span,.surfaces-heading h2 span{color:#959da7}.invite-copy>p{font-size:16px;line-height:1.75;color:#7c8692;max-width:405px}.invite-copy .subscription-note{font-size:14px;color:#626f7d;margin-top:25px}.subscription-note small{display:block;font-size:11px;line-height:1.7;color:#9ba3ad;margin-top:9px;max-width:350px}.invite-visual{position:relative;padding:35px 0;max-width:400px;width:100%;justify-self:center}.mail-envelope{position:absolute;z-index:2;top:8px;left:-20px;width:59px;height:59px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff,#dfe5ec);border:1px solid #cdd5df;box-shadow:0 6px 16px #32445b15,inset 0 1px #fff;transform:rotate(-8deg)}.mail-envelope svg{width:28px;stroke:#8b97a6;stroke-width:1.3}.invitation-mail{padding:26px;border:1px solid #d7dde5;border-radius:18px;background:linear-gradient(140deg,#fff,#f0f3f7);box-shadow:inset 0 1px #fff,0 20px 40px #3041580d;transform:rotate(2deg)}.mail-top{display:flex;gap:6px;align-items:center;color:#7a838e;font-size:19px;letter-spacing:-.8px}.mail-top>img{width:24px;height:24px}.mail-top>small{margin-left:auto;font-size:9px;letter-spacing:0;color:#a5aeb9}.mail-from{font-size:12px;color:#929ca8;margin:28px 0 9px}.invitation-mail h3{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0 0 12px}.mail-agent{display:flex;gap:7px;align-items:center;color:#959daa;font-size:10px}.mail-agent img{width:17px;height:17px}.mail-join{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding:12px 15px;border:1px solid #cdd5df;border-radius:9px;background:linear-gradient(#fff,#e4e9ef);font-size:12px;color:#606d7d;box-shadow:inset 0 1px white}.mail-bottom{display:flex;gap:8px;align-items:center;border-top:1px solid #e1e5eb;padding-top:18px;margin-top:23px;font-size:10px;color:#8a9a91}.mail-bottom img{width:25px;height:25px;border-radius:50%;border:1px solid #8daa97;padding:2px}.joined-check{margin-left:auto;color:#74997f}.invitation-caption{display:block;text-align:center;font-size:10px;color:#9ba4b0;margin-top:27px}.surfaces-story{padding:90px 0 85px}.surfaces-heading{text-align:center}.surfaces-heading p{font-size:16px;line-height:1.8;color:#8b95a1;margin:0}.surfaces-visual{position:relative;max-width:1080px;margin:55px auto 0;padding:0 100px 115px 0}.desktop-preview{width:100%;height:485px;border:1px solid #c7cfd9;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);background:#fafbfc;box-shadow:0 25px 60px #293b5518,inset 0 1px #fff}.preview-sidebar{position:relative;background:linear-gradient(120deg,#f2f4f7,#e9edf2);border-right:1px solid #dce2e9;padding:17px 14px}.preview-traffic{display:flex;gap:5px;margin:0 0 24px}.preview-traffic i{width:7px;height:7px;border-radius:50%;background:#c4cbd4}.preview-brand{display:flex;gap:6px;align-items:center;font-size:21px;letter-spacing:-1px;color:#7d8792}.preview-brand>img{width:25px;height:25px}.preview-new{font-size:10px;color:#7e8998;background:linear-gradient(#fff,#f0f3f6);padding:10px 9px;border-radius:7px;border:1px solid #d1d9e3;margin-top:24px}.preview-projects-label{font-size:9px;color:#96a0ad;margin:25px 6px 11px;display:flex;justify-content:space-between}.project-row{display:flex;gap:8px;align-items:center;padding:11px 8px;color:#8792a0;font-size:10px;border:1px solid transparent;border-radius:7px;margin-bottom:5px;white-space:nowrap}.project-row>img{width:19px;height:19px;object-fit:contain}.project-row>i{margin-left:auto;width:4px;height:4px;background:#91ac9f;border-radius:50%}.project-active{background:#ffffffb0;border-color:#d9e0e8;color:#667383}.preview-account{position:absolute;bottom:18px;left:16px;right:16px;display:flex;gap:8px;align-items:center;font-size:10px;color:#82909f}.preview-account>img{width:24px;height:24px;border-radius:50%}.preview-account>span:last-child{margin-left:auto;color:#9ca6b2}.preview-main{min-width:0;display:flex;flex-direction:column;padding:0 24px 20px}.preview-main-top{height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e8ebef;font-size:11px;color:#8793a1}.preview-main-top>div{display:flex;align-items:center;gap:4px}.preview-main-top img{width:23px;height:23px;border-radius:50%;border:1px solid #96b0a0;padding:2px}.preview-main-top>div>span{font-size:9px;border:1px solid #dbe1e8;border-radius:6px;padding:6px 9px;margin-left:6px;background:var(--metal)}.preview-agent-head{display:flex;align-items:center;gap:9px;margin-top:28px}.preview-agent-head img{width:31px;height:31px}.preview-agent-head strong{font-size:13px;font-weight:550;color:#626c78}.preview-agent-head small{display:block;font-size:9px;color:#a0a9b5;margin-top:4px;font-family:ui-monospace,monospace}.preview-conversation{font:11px/1.8 ui-monospace,monospace;color:#84909e;margin-top:22px}.preview-sent{background:#eff2f5;border-radius:5px;padding:8px 10px;color:#6f7b8c}.preview-answer{display:flex;gap:8px;padding:12px 0}.preview-answer>span{color:#c48a6b}.preview-answer p{margin:0}.preview-file{font-size:10px;margin:5px 0}.preview-file>span{color:#86a78f;margin-right:6px}.preview-file b{font-weight:400;color:#6f7d8e}.preview-ready{font-size:10px;margin-top:15px;color:#9fa8b4}.preview-composer{display:flex;gap:8px;font-size:11px;color:#a0a9b5;padding:12px;border-radius:8px;border:1px solid #dce2e9;background:#f3f5f8;margin-top:auto}.preview-composer>span:last-child{margin-left:auto}.companion-terminal{position:absolute;right:0;bottom:46px;width:405px;border:1px solid #99a4b2;border-radius:11px;background:#252c36;box-shadow:0 18px 40px #20304830;overflow:hidden;transform:rotate(-2deg)}.companion-bar{height:29px;background:linear-gradient(#fff,#e3e7ed);display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#85909c;font-size:9px}.companion-bar>img{width:18px;height:18px;border-radius:50%}.companion-body{padding:17px 15px 12px;font:9px/1.7 ui-monospace,monospace;color:#a9b2bf}.companion-body>strong{display:block;font-size:11px;color:#e1e6ed}.companion-body>small{font-size:8px;color:#929aa6}.companion-prompt{margin:20px 0 14px;color:#d5dce5;font-size:9px}.companion-body>p{margin:0 0 12px;font-size:9px}.companion-done{color:#9db7a5;font-size:8px}.companion-input{border-block:1px solid #657080;margin-top:18px;padding:5px 0;display:flex;align-items:center;gap:7px}.companion-input i{height:10px;width:5px;background:#aeb8c5;animation:blink 1s steps(2) infinite}.surface-sync{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#95a1ad}.supported-agents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:35px;color:#828d9b;font-size:12px}.supported-agents>span{display:flex;align-items:center;gap:8px}.supported-agents>span:first-child{font-size:10px;color:#a1a9b3}.supported-agents img{width:19px;height:19px;object-fit:contain}
@media(max-width:1000px){.invite-story{gap:55px;padding-inline:15px}.surfaces-visual{padding-right:50px}.desktop-preview{grid-template-columns:170px minmax(0,1fr)}.preview-main{padding-inline:18px}.companion-terminal{width:360px}.preview-conversation{font-size:10px}}
@media(max-width:700px){.invite-story{grid-template-columns:1fr;gap:25px;padding:35px 0 65px}.invite-copy{max-width:430px;margin:auto;width:100%}.invite-visual{max-width:345px;padding:25px 8px}.mail-envelope{left:-3px;top:0;width:48px;height:48px;border-radius:13px}.surfaces-story{padding:65px 0}.surfaces-heading h2{font-size:38px}.surfaces-heading p{font-size:14px}.surfaces-visual{padding:0 0 215px;margin-top:35px}.desktop-preview{height:400px;grid-template-columns:122px minmax(0,1fr);border-radius:10px}.preview-sidebar{padding:12px 7px}.preview-brand{font-size:16px;gap:3px}.preview-brand img{width:19px;height:19px}.preview-new{font-size:7px;padding:9px 5px}.project-row{font-size:7px;padding:9px 4px;gap:5px}.project-row img{width:14px;height:14px}.preview-projects-label{font-size:8px;margin-inline:4px}.preview-account{left:10px;right:10px;gap:5px;font-size:7px}.preview-account img{width:20px;height:20px}.preview-main{padding:0 10px 12px}.preview-main-top{font-size:8px;height:44px;gap:5px}.preview-main-top img{width:18px;height:18px}.preview-main-top>div>span{display:none}.preview-agent-head{margin-top:20px;gap:6px}.preview-agent-head img{width:25px;height:25px}.preview-agent-head strong{font-size:10px}.preview-agent-head small{font-size:7px}.preview-conversation{font-size:8px;margin-top:20px}.preview-file,.preview-ready{font-size:7px}.preview-composer{font-size:7px;padding:9px 6px}.companion-terminal{width:min(310px,90%);right:3px;bottom:43px;transform:rotate(-2deg)}.companion-body{padding:12px;font-size:8px}.companion-prompt,.companion-body>p{font-size:8px}.companion-prompt{margin-top:13px}.surface-sync{font-size:10px}.supported-agents{gap:16px;font-size:10px}.supported-agents>span:first-child{flex-basis:100%;justify-content:center}.supported-agents img{width:17px;height:17px}}

/* Crisp aluminium details and full-colour email providers. */
.email-providers{position:absolute;z-index:2;top:0;left:-18px;display:flex;gap:9px;transform:rotate(-5deg)}
.email-providers>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #cdd5df;border-radius:13px;background:linear-gradient(145deg,#fff,#e8ecf1);box-shadow:0 5px 12px #32445b14,inset 0 1px #fff}
.email-providers>span:last-child{transform:translateY(-7px) rotate(9deg)}
.email-providers img{width:31px;height:31px;object-fit:contain}
.customer-logos .customer-visa img{width:112px;height:52px}
.customer-logos .customer-fifa img{width:108px;height:52px}
.parallel-terminal{border-color:#8693a3;border-radius:8px;background:linear-gradient(135deg,#252d39,#171e28);box-shadow:4px 1px 0 #c8ced7,6px 2px 0 #8d99a9,15px 25px 35px #17273d26}
.parallel-title{border-radius:7px 7px 0 0;background:linear-gradient(#fafbfd,#dce2e9);border-bottom:1px solid #aeb8c5;color:#596777}
.parallel-output{color:#c2cbd7}.parallel-input{border-color:#5e6b7e;background:#ffffff03}.parallel-body .claude-welcome small{color:#9eaabc}
.permission-pop,.aluminium-comment{border-radius:8px;border-color:#bac5d2;background:linear-gradient(145deg,#fff,#e8edf3);box-shadow:0 1px 0 #ffffff inset,0 12px 26px #0a182b30}
.parallel-users img{box-shadow:0 2px 5px #0003}.action-cursor>span{border:1px solid #ffffff40;box-shadow:0 2px 5px #0002}
@media(max-width:700px){.email-providers{left:0;top:-4px;gap:7px}.email-providers>span{width:44px;height:44px;border-radius:11px}.email-providers img{width:26px;height:26px}}
@media(max-width:500px){.customer-logos .customer-visa img{width:87px;height:40px}.customer-logos .customer-fifa img{width:84px;height:40px}}

/* Keep the invitation and app companion terminal level. */
.invitation-mail,.companion-terminal{transform:none}

/* Translucent terminal demo: one synchronized Claude work cycle. */
.parallel-terminal{background:linear-gradient(135deg,rgba(38,46,59,.91),rgba(19,26,37,.86));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#c6cfdba6;box-shadow:3px 1px 0 #cbd2db,5px 2px 0 #98a4b2,15px 25px 38px #17273d22,inset 0 0 0 1px #ffffff08}
.parallel-body .claude-welcome{margin-bottom:20px}.parallel-output{min-height:115px;font-size:9px;line-height:1.65}.demo-sent{visibility:hidden;color:#eef1f6;background:#ffffff08;border-radius:3px;padding:4px 6px;margin-bottom:9px}.demo-tool{visibility:hidden;margin:6px 0;color:#cbd3de}.demo-tool>b{font-weight:400;color:#edf0f5}.demo-tool>span{color:#d6dce6}.demo-tool small{display:block;margin-left:12px;font-size:8px;color:#929fac}.demo-tool .demo-diff{color:#a7cfb2}.demo-answer{visibility:hidden;color:#d9e1eb;margin-top:8px}.claude-working{visibility:hidden;display:flex;align-items:center;gap:6px;color:#dc9776;font-size:9px;min-height:24px;margin:4px 0 7px}.working-glyph{font-size:16px;display:inline-block;width:16px;text-align:center}.working-meta{font-size:7px;color:#929eae}.prompt-sent .demo-sent,.agent-reading .demo-read,.agent-editing .demo-edit,.agent-working .claude-working,.agent-done .demo-answer{visibility:visible}.agent-working .parallel-input i{visibility:hidden}.agent-working .working-word{animation:working-glow 1.5s ease-in-out infinite}.agent-working .action-0{transform:translate(15px,12px)}
@keyframes working-glow{50%{color:#f0bd9e;text-shadow:0 0 12px #d9977655}}
@media(max-width:600px){.parallel-body .claude-welcome{margin-bottom:16px}.parallel-output{min-height:95px;font-size:6px}.demo-sent{padding:3px;margin-bottom:5px}.demo-tool{margin:4px 0}.demo-tool small{font-size:6px}.claude-working{font-size:7px;min-height:17px;margin:0 0 3px;gap:4px}.working-meta{font-size:5px}.working-glyph{font-size:12px;width:12px}.demo-answer{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.agent-working .working-word{animation:none}}

.download-stack{width:202px;gap:7px}.download-stack .button{min-height:41px;padding:10px 13px;gap:9px;border-radius:6px;font-size:12px;letter-spacing:-.15px;border-color:#bfc7d1;box-shadow:inset 0 1px #fff,0 2px 3px #27354a08;background:linear-gradient(#fff,#e9edf2)}.download-stack .platform-icon{width:16px;height:18px}.download-stack .windows-download{min-height:36px;font-size:11px;color:#9ba3ae;background:#f0f2f5;border-color:#dce1e7;box-shadow:inset 0 1px #ffffff90}.download-stack .windows-download .platform-icon{width:14px;height:14px}

/* High-contrast header actions. */
.github-badge{background:#17191c;color:#fff;border-color:#17191c;border-radius:6px;box-shadow:inset 0 1px #ffffff16;height:34px;padding:0 11px;font-weight:500}.github-badge>svg{width:17px;height:17px}.github-stars{color:#fff;border-left-color:#ffffff30}.header-actions .call-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 15px;background:#2563eb;border:1px solid #1d57d6;border-radius:6px;color:#fff;font-size:12px;font-weight:550;box-shadow:inset 0 1px #ffffff20,0 2px 4px #1d4ed815;transition:background .15s}.header-actions .call-link:hover{background:#1d4ed8;color:#fff}.header-actions .call-link:focus-visible{outline:2px solid #2563eb;outline-offset:3px}@media(max-width:600px){.github-badge{height:30px;padding:0 8px}.header-actions .call-link{min-height:32px;padding:6px 10px;font-size:11px}}

/* Precision stage: subtle grid, smoked glass and a shared signal. */
.terminal-deck::before{content:"";position:absolute;inset:12px -15px 38px;pointer-events:none;background:linear-gradient(#7e91ab12 1px,transparent 1px),linear-gradient(90deg,#7e91ab12 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#0009,transparent 70%);transform:perspective(850px) rotateX(58deg) scale(1.08);transform-origin:center 85%}
.terminal-deck::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:61%;height:1px;background:linear-gradient(90deg,transparent,#9ab1cc80,transparent);box-shadow:0 0 18px #92b9e72b;pointer-events:none}
.parallel-terminal{border:1px solid #bcc9d6c9;background:linear-gradient(120deg,#303b4de8,#192230e3 60%,#243144de);box-shadow:2px 1px 0 #e4e9ef,4px 2px 0 #98a6b7,10px 17px 30px #15294120,inset 0 1px #ffffff14; border-radius:9px}
.parallel-title{height:31px;background:linear-gradient(180deg,#fcfdfe,#e8edf3 70%,#d9e0e9);color:#586779;letter-spacing:.15px;border-bottom:1px solid #a6b5c5;box-shadow:inset 0 1px #fff;border-radius:8px 8px 0 0}
.parallel-title .traffic{gap:5px}.parallel-title .traffic i{box-shadow:inset 0 0 0 1px #00000014;width:7px;height:7px}
.parallel-body{background:linear-gradient(110deg,#ffffff04,transparent 40%);border-radius:0 0 8px 8px}.parallel-input{border-top-color:#8a9caf75;border-bottom-color:#8a9caf40;background:linear-gradient(90deg,#dbe9ff08,transparent);padding-inline:5px}.demo-sent{border-left:2px solid #8fa7c5;background:linear-gradient(90deg,#c2d8f010,#c2d8f003);border-radius:0;padding-left:7px}.demo-tool small{border-left:1px solid #75879b45;padding-left:7px;margin-top:2px}.demo-tool .demo-diff{background:#82b3980b;color:#a9d2b7}.working-glyph{color:#eba17c}.parallel-users img{padding:1px;border-color:#92b2a0aa;background:#293443;box-shadow:0 0 0 2px #1b263480,0 3px 6px #0002}.action-cursor>span{border-radius:4px;font-weight:500;letter-spacing:.1px;box-shadow:0 3px 9px #07132225}
.permission-pop,.aluminium-comment{background:linear-gradient(135deg,#fffffffa,#e9eff6f5);border-color:#ffffffb0;box-shadow:0 0 0 1px #aebccc80,0 8px 22px #09192d26,inset 0 1px #fff;backdrop-filter:blur(16px)}
.agent-working .parallel-input{animation:shared-signal 2.4s ease-in-out infinite}.agent-working .terminal-1 .parallel-input{animation-delay:.12s}.agent-working .terminal-2 .parallel-input{animation-delay:.24s}
@keyframes shared-signal{0%,100%{border-top-color:#8a9caf75;box-shadow:0 -1px 0 #99c0f000}50%{border-top-color:#a9c6e7b0;box-shadow:0 -2px 14px #99c0f015}}
@media(max-width:600px){.parallel-title{height:25px}.parallel-title .traffic i{width:5px;height:5px}.terminal-deck::before{inset:0 0 25px;background-size:24px 24px}.demo-sent{padding-left:4px}.demo-tool small{padding-left:4px}}
@media(prefers-reduced-motion:reduce){.agent-working .parallel-input{animation:none}}

.surface-switch{position:absolute;z-index:4;right:418px;bottom:215px;display:grid;place-items:center;width:58px;height:52px;border-radius:12px;color:#8c98a7;background:linear-gradient(145deg,#fcfdfe,#e8edf3);border:1px solid #cdd6e0;box-shadow:inset 0 1px #fff,0 5px 14px #273b5514;pointer-events:none}.surface-switch svg{width:36px;height:32px}@media(max-width:700px){.surface-switch{right:auto;left:12px;bottom:320px;width:45px;height:42px;border-radius:9px}.surface-switch svg{width:29px;height:27px}}

/* A continuous blue highlight follows the app badge edge. */
.contour-beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:translateZ(1px)}.contour-beam rect{stroke:#4d8fe8;stroke-width:1.7;opacity:.9;stroke-linecap:round;stroke-dasharray:9 91;animation:contour-travel 16s linear infinite;filter:drop-shadow(0 0 3px #649aeb66)}@keyframes contour-travel{to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.contour-beam rect{animation:none;stroke-dashoffset:-15}}

.invite-demo-form{margin-top:23px}.invite-demo-form input{width:100%;min-width:0;height:42px;border:1px solid #cbd3dd;border-radius:7px;background:#ffffffb8;padding:0 12px;font-family:inherit;font-size:12px;color:#475463;box-shadow:inset 0 1px 2px #33445b05}.invite-demo-form input::placeholder{color:#9ba5b1}.invite-demo-actions{display:flex;gap:9px;margin-top:10px}.invite-demo-actions select,.invite-demo-actions button{height:37px;border:1px solid #c7d0dc;border-radius:6px;padding:0 11px;font-size:11px;color:#5b697b;background:linear-gradient(#fff,#e6ebf2)}.invite-demo-actions select{width:100px}.invite-demo-actions button{flex:1;cursor:pointer;font-weight:550}.invite-demo-actions button:hover{border-color:#9baabd;background:#e8edf4}.invite-demo-status{min-height:19px;margin-top:13px;font-size:12px;color:#52745f}.invite-demo-note{display:block;font-size:9px;color:#9ca6b2;margin-top:3px}.invite-demo-form input:focus-visible{outline:2px solid #94a8c3;outline-offset:2px}

/* Alternate app and Terminal focus without moving the page layout. */
.surfaces-visual{isolation:isolate;perspective:1400px}
.desktop-preview{position:relative;z-index:2;transform-origin:20% 30%;animation:app-focus 14s ease-in-out infinite;will-change:transform}
.companion-terminal{z-index:3;transform-origin:100% 100%;animation:terminal-focus 14s ease-in-out infinite;will-change:transform}
.surface-switch{animation:switch-focus 14s ease-in-out infinite}
@keyframes app-focus{0%,35%,100%{transform:translate(0,0) scale(1);filter:none;z-index:4}48%,84%{transform:translate(-25px,-15px) scale(.86);filter:brightness(.97);z-index:2}}
@keyframes terminal-focus{0%,35%,100%{transform:translate(0,0) scale(1)}48%,84%{transform:translate(-22px,-15px) scale(1.85);box-shadow:0 28px 65px #17283e35}}
@keyframes switch-focus{0%,35%,100%{opacity:1}43%,88%{opacity:0}}
@media(max-width:700px){.desktop-preview{animation-name:app-focus-mobile}.companion-terminal{animation-name:terminal-focus-mobile;transform-origin:50% 100%}@keyframes app-focus-mobile{0%,35%,100%{transform:none;filter:none;z-index:4}48%,84%{transform:translateY(-12px) scale(.94);filter:brightness(.97);z-index:2}}@keyframes terminal-focus-mobile{0%,35%,100%{transform:none}48%,84%{transform:translateY(-135px) scale(1.08);box-shadow:0 24px 45px #17283e35}}}
@media(prefers-reduced-motion:reduce){.desktop-preview,.companion-terminal,.surface-switch{animation:none;will-change:auto}}

.mail-session-label{display:block;font-size:9px;letter-spacing:.6px;color:#98a3af;margin:18px 0 6px}.mail-from{margin-bottom:0}.animated-email{height:42px;border:1px solid #cbd3dd;border-radius:7px;background:#ffffffa0;padding:0 12px;display:flex;align-items:center;color:#a1aab5;font-size:12px}.email-entered .animated-email{color:#657384}.animated-email i{width:1px;height:13px;background:#8c9bb0;margin-left:2px;animation:blink 1.2s steps(2) infinite}.invitation-sent .animated-email i{visibility:hidden}.animated-role,.animated-send{height:37px;border:1px solid #d0d8e2;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 11px;font-size:11px;color:#738195;background:linear-gradient(#fff,#eaf0f5);transition:background .5s,border-color .5s}.animated-role{width:100px;justify-content:space-between}.animated-send{flex:1}.role-chosen .animated-role{border-color:#98ada1;background:#edf3ef}.invitation-sending .animated-send{background:#e1e8f0}.invitation-sent .animated-send{color:#6b8975;background:#eef3ef}.invite-demo-status{opacity:0;transform:translateY(3px);transition:opacity .6s,transform .6s;margin-bottom:0}.invitation-sent .invite-demo-status{opacity:1;transform:none}

.claude-working[hidden]{display:flex!important;visibility:hidden!important}.claude-working[hidden] *{visibility:hidden!important;animation:none!important}.parallel-input.input-idle i{visibility:hidden;animation:none}.parallax-demo:not(.agent-working) .parallel-input{animation:none}.parallax-demo:not(.agent-working) .working-word{animation:none}

/* Matching platform download buttons, sized to the longest label. */
.download-stack{width:max-content;max-width:100%;align-items:stretch}.download-stack .button,.download-stack .windows-download{width:100%;height:40px;min-height:40px;padding:0 15px;gap:10px;font-size:12px;border-radius:6px;justify-content:flex-start}.download-stack .platform-icon,.download-stack .windows-download .platform-icon{width:16px;height:18px;flex:0 0 16px}

/* A quiet full-width colour break for the invitation story. */
.invite-band{background:linear-gradient(115deg,#edf1f7,#f2f4f8 60%,#eaf0f6);border-block:1px solid #dfe5ed}.invite-band .invite-story{border-bottom:0;padding-top:85px;padding-bottom:85px}.invite-band .invitation-mail{background:linear-gradient(140deg,#ffffff,#f6f8fb);border-color:#d3dce7;box-shadow:inset 0 1px #fff,0 18px 45px #304b7010}@media(max-width:700px){.invite-band .invite-story{padding-top:50px;padding-bottom:50px}}

/* One button system across the header and hero. */
.header-actions{gap:10px}
.header .github-badge,.header-actions .call-link,.header-actions .button.compact{height:40px;min-height:40px;padding:0 15px;border-radius:6px;font-size:12px;font-weight:550;letter-spacing:-.15px;gap:10px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.header-actions .button.compact{border-color:#bfc7d1;background:linear-gradient(#fff,#e9edf2);box-shadow:inset 0 1px #fff,0 2px 3px #27354a08}
.header-actions .button.compact:hover{border-color:#a7b3c2;background:linear-gradient(#fff,#e1e7ef)}
.header-actions .compact .platform-icon{width:16px;height:18px;flex:0 0 16px}
.header .github-badge>svg{width:16px;height:16px;flex:none}
.header .github-stars{height:18px;padding-left:10px;margin-left:0;font-size:11px;gap:6px}
.header-actions .call-link{box-shadow:inset 0 1px #ffffff20,0 2px 3px #1d4ed815}
@media(max-width:600px){.header{row-gap:12px}.header .github-badge{margin-left:auto}.header-actions{gap:10px}.header-actions .button.compact{min-width:0}.header-actions .call-link,.header-actions .button.compact{font-size:12px}.header-actions>.quiet{display:inline-flex}}

/* Geometric identities and precision collaboration pointers. */
.parallax-demo .parallel-users{gap:6px}.parallax-demo .parallel-users img{padding:2px;border-width:1px;background:#202c3b;box-shadow:0 0 0 2px #18243350}.parallax-demo .owner-photo{border:1px solid #aab5c3;padding:1px;background:#263342}.parallax-demo .action-cursor svg{width:17px;height:22px;filter:drop-shadow(0 1px 1px #14223740)}.parallax-demo .action-cursor>span{height:auto;min-height:19px;border-radius:3px;padding:3px 7px;margin-top:18px;font:500 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15px;border:1px solid currentColor;box-shadow:0 2px 5px #06122425;background:#20382f;color:#bedfcb}.parallax-demo .action-0{color:#9cbfb0}.parallax-demo .action-1{color:#b7aed8}.parallax-demo .action-1>span{background:#322d45;color:#d1c8eb}.parallax-demo .action-2{color:#9bb9dc}.parallax-demo .action-2>span{background:#25364d;color:#c4d9f2}.parallax-demo .aluminium-comment img{border:1px solid #b0bbc8;padding:1px;background:#263342}@media(max-width:600px){.parallax-demo .action-cursor svg{width:13px;height:17px}.parallax-demo .action-cursor>span{font-size:7px;min-height:15px;margin-top:14px;padding:2px 5px}.parallax-demo .parallel-users{gap:4px}}

/* Technical visual language: flat surfaces, precise edges, restrained light. */
.parallax-demo .parallel-terminal{background:#17212eea;border:1px solid #8da1b875;border-radius:5px;box-shadow:1px 1px 0 #b0bdcc,3px 2px 0 #718297,0 18px 40px #16293f16;backdrop-filter:blur(12px)}
.parallax-demo .parallel-title{background:#e9eef4;border-radius:4px 4px 0 0;box-shadow:none;border-bottom:1px solid #91a1b54d;color:#63748a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.parallax-demo .parallel-body{background:none;border-radius:0 0 4px 4px}.parallax-demo .parallel-input{background:#aacbff04;border-color:#7890ae4d}.parallax-demo .demo-sent{border-left-color:#71a8ec;background:#77aaff08}
.parallax-demo .permission-pop,.parallax-demo .aluminium-comment{background:#f5f8fcf5;border:1px solid #a8b9cf;border-radius:4px;box-shadow:0 8px 20px #10243d16;backdrop-filter:blur(12px)}
.parallax-demo .permission-option{border-radius:2px}.parallax-demo .selected-permission{color:#446c9b}.parallax-demo .permissions-edit .selected-permission{background:#e3edf9;color:#375c8a}.parallax-demo .permissions-edit .selected-permission b{color:#4779b4}
.parallax-demo .action-cursor>span{border:1px solid #8ca4c355;background:#172536;color:#c8d9ed;box-shadow:none;border-radius:2px;font-size:8px;letter-spacing:.4px}.parallax-demo .action-cursor svg{filter:none}.parallax-demo .parallel-users img{box-shadow:none}.parallax-demo .owner-photo{border-color:#8fa4be80}
.invitation-mail,.email-providers>span{border-radius:6px!important;box-shadow:none!important;background:#fafcff!important}.email-providers,.email-providers>span:last-child{transform:none}.email-providers>span{border-color:#c8d3e1}.invite-band{background:#eef3f9}.invite-band .invitation-mail{border-color:#c2cfdf}.animated-email,.animated-role,.animated-send{border-radius:4px;background:#f8fafd;box-shadow:none}.animated-send{background:#e8eff8;color:#526c8d}.mail-session-label,.mail-top>small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.desktop-preview{border-radius:6px;border-color:#bfcbda;box-shadow:0 14px 35px #233c5810}.preview-sidebar{background:#edf2f8}.preview-new,.preview-main-top>div>span{background:#f8fafd;border-radius:4px;box-shadow:none}.project-row{border-radius:4px}.companion-terminal{border-radius:5px;background:#192331;border-color:#8295ad;box-shadow:0 12px 30px #17283e20}.companion-bar{background:#e9eef4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preview-composer{border-radius:4px;background:#f3f6fa}

/* Neutral macOS graphite and softly brushed silver. */
.parallax-demo .parallel-terminal{background:linear-gradient(145deg,#2e3035ed,#25272de8);border-color:#a9adb4;box-shadow:1px 1px 0 #e0e1e4,3px 2px 0 #969ba3,0 18px 40px #20242c18}.parallax-demo .parallel-title,.companion-bar{background:linear-gradient(#f5f5f6,#e3e4e7);color:#707279;border-bottom-color:#b9bcc2}.parallax-demo .parallel-body{background:none}.companion-terminal{background:#292b30;border-color:#a8adb5}.parallax-demo .parallel-users img,.parallax-demo .owner-photo,.parallax-demo .aluminium-comment img{object-fit:cover;filter:saturate(.65);padding:1px;background:#e4e5e8}.parallax-demo .owner-photo{border-color:#b6bac0}.preview-sidebar{background:#eeeff1}.desktop-preview{border-color:#c9ccd1}.parallax-demo .parallel-input{border-color:#858a9560}

/* Invitation uses the same machined aluminium finish as the hero badge. */
.invite-band .invitation-mail{position:relative;border-radius:20px!important;border:1px solid #d2d6dd;background:linear-gradient(135deg,#fff 0%,#f6f7f9 38%,#e8ebf0 100%)!important;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff,0 3px 0 #d6dae1,0 5px 0 #c5cbd4,0 18px 35px #45546914!important;padding:28px;transform:none}
.email-providers{gap:12px;left:-15px;top:-5px;z-index:3}.email-providers>span{width:57px;height:57px;border-radius:15px!important;background:linear-gradient(140deg,#fff,#eceef3)!important;border:1px solid #d1d6df;box-shadow:inset 0 1px #fff,0 3px 0 #d1d6df,0 5px 0 #bdc5d0,0 9px 16px #3a4c6712!important}.email-providers>span:last-child{transform:translateY(-8px)}.email-providers img{width:31px;height:31px}.invite-band .animated-email{background:#fafbfd;border-color:#d0d6df;border-radius:8px;box-shadow:inset 0 1px 3px #53627a08}.invite-band .animated-role,.invite-band .animated-send{border-radius:7px;background:linear-gradient(#fff,#e6eaf0);border-color:#c8d0dc;box-shadow:inset 0 1px #fff,0 1px 2px #263b5810}.invite-band .role-chosen .animated-role{background:linear-gradient(#f7faf8,#e9f0ec);border-color:#aec0b5}.invite-band .invitation-sent .animated-send{background:linear-gradient(#f9fbfa,#e7efe9);color:#6b8975}@media(max-width:700px){.invite-band .invitation-mail{padding:25px;border-radius:16px!important}.email-providers{left:0;top:-7px;gap:9px}.email-providers>span{width:47px;height:47px;border-radius:12px!important}.email-providers img{width:27px;height:27px}}

/* Fixed aluminium windows with a quiet two-way cycle. */
.surfaces-visual{padding-inline:25px 100px;max-width:1080px}
.surfaces-visual .desktop-preview{animation:none;transform:none;filter:none;will-change:auto;z-index:2;border-radius:17px;border:1px solid #ced3db;background:linear-gradient(140deg,#fff,#f4f6f9);box-shadow:inset 0 1px #fff,0 3px 0 #d8dde4,0 5px 0 #c4cbd5,0 20px 38px #3b4e6912}
.surfaces-visual .preview-sidebar{background:linear-gradient(125deg,#f4f5f7,#e6e9ee);border-right-color:#d4d9e1}.surfaces-visual .preview-main{background:linear-gradient(145deg,#fdfefe,#f5f7fa)}.surfaces-visual .preview-composer{border-radius:8px;background:linear-gradient(#fff,#f0f3f7);box-shadow:inset 0 1px #fff}.surfaces-visual .preview-new,.surfaces-visual .preview-main-top>div>span{border-radius:6px;background:linear-gradient(#fff,#e9edf2)}
.surfaces-visual .companion-terminal{animation:none;transform:none;filter:none;will-change:auto;z-index:3;width:405px;border-radius:12px;border:1px solid #bcc3cd;background:linear-gradient(135deg,#303239,#25272e);box-shadow:0 3px 0 #c9ced6,0 5px 0 #aeb7c4,0 20px 38px #25364e24}.surfaces-visual .companion-bar{background:linear-gradient(#fafbfd,#dfe4eb);height:31px;border-bottom:1px solid #afb8c5}
.surface-cycle{position:absolute;z-index:1;width:100px;height:210px;color:#a6b2c2;pointer-events:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cycle-forward{right:-60px;top:140px}.cycle-back{left:-75px;top:180px;transform:rotate(180deg)}
@media(max-width:1200px){.surface-cycle{width:65px;height:165px}.cycle-forward{right:-27px}.cycle-back{left:-30px}}
@media(max-width:700px){.surfaces-visual{padding:0 12px 215px}.surfaces-visual .desktop-preview{border-radius:11px}.surfaces-visual .companion-terminal{width:min(310px,88%);right:12px;bottom:43px;border-radius:9px}.surface-cycle{width:40px;height:120px;stroke-width:3}.cycle-forward{right:-8px;top:275px}.cycle-back{left:-9px;top:325px}}

.hiring-banner{height:30px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:12px;font-weight:500;letter-spacing:.15px}

.hiring-banner{width:100%;border:0;padding:0;cursor:pointer;font-family:inherit;transition:background .18s}.hiring-banner:hover{background:#1d4ed8;text-decoration:underline;text-underline-offset:3px}.hiring-banner:focus-visible{outline:2px solid #fff;outline-offset:-4px}

/* Shared terminals: the same silver aluminium rim as the hero badge. */
.parallax-demo .parallel-terminal{border:1px solid #cbd1da;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff12,1px 1px 0 #f7f9fc,3px 3px 0 #d7dce4,5px 5px 0 #bcc4d0,7px 6px 0 #a6b1c0,0 20px 36px #3347601c}
.parallax-demo .parallel-title{border-radius:11px 11px 0 0;background:linear-gradient(165deg,#fff 0%,#f0f2f6 40%,#dce2ea 100%);border-bottom:1px solid #b9c2cf;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffb0;color:#6c7582}
.parallax-demo .parallel-body{border-radius:0 0 11px 11px;box-shadow:inset 1px 0 #ffffff0b,inset -1px 0 #ffffff0b,inset 0 -1px #ffffff10}
@media(max-width:600px){.parallax-demo .parallel-terminal{border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff12,1px 1px 0 #f7f9fc,2px 2px 0 #d7dce4,4px 4px 0 #b5bfcd,0 14px 25px #3347601c}.parallax-demo .parallel-title{border-radius:8px 8px 0 0}.parallax-demo .parallel-body{border-radius:0 0 8px 8px}}

/* Aluminium collaboration panels and role titles revealed by the spread. */
.parallax-demo .permission-pop,.parallax-demo .aluminium-comment{border:1px solid #c7ced9;border-radius:11px;background:linear-gradient(140deg,#fff,#f2f4f7 55%,#e7ebf1);box-shadow:inset 0 1px #fff,0 2px 0 #d1d7e0,0 4px 0 #bfc8d4,0 12px 25px #15283f20;color:#5a6472;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.parallax-demo .permission-pop strong,.parallax-demo .aluminium-comment strong{font-size:11px;font-weight:600;letter-spacing:-.2px;color:#4d5765}.parallax-demo .permission-pop small,.parallax-demo .aluminium-comment small{font-size:9px;color:#929ba7;letter-spacing:0}.parallax-demo .permission-option{border-radius:5px;font-size:10px;padding:6px 8px}.parallax-demo .permissions-edit .selected-permission{background:linear-gradient(#eaf0f7,#dce5ef);color:#536b88;box-shadow:inset 0 1px #ffffffa0}.parallax-demo .aluminium-comment p{font-size:11px;line-height:1.55;color:#687382;letter-spacing:-.1px}
.parallax-demo .action-cursor>span{background:linear-gradient(#fcfdfe,#e4e9f0);color:#59697d;border:1px solid #c3cedc;border-radius:5px;font:500 9px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.1px;padding:4px 8px;white-space:nowrap;box-shadow:inset 0 1px #fff,0 2px 0 #bec8d5,0 4px 9px #13253b18}.parallax-demo .parallel-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;letter-spacing:0}
.terminal-role-title{position:absolute;top:calc(100% + 28px);left:0;right:0;text-align:center;font:500 32px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px;color:#a5acb6;opacity:clamp(0,calc((var(--spread) - .72) * 3.58),1);transform:translateY(calc((1 - var(--spread)) * 12px));pointer-events:none;text-shadow:0 1px #fff}
@media(max-width:850px){.terminal-role-title{font-size:26px;top:calc(100% + 22px)}}
@media(max-width:600px){.terminal-role-title{font-size:19px;top:calc(100% + 17px);letter-spacing:-.5px}.terminal-0 .terminal-role-title{text-align:left;padding-left:4px}.terminal-2 .terminal-role-title{text-align:right;padding-right:4px}.parallax-demo .action-cursor>span{font-size:7px;padding:3px 5px}.parallax-demo .permission-pop strong,.parallax-demo .aluminium-comment strong{font-size:9px}.parallax-demo .permission-pop small,.parallax-demo .aluminium-comment small{font-size:7px}.parallax-demo .permission-option,.parallax-demo .aluminium-comment p{font-size:8px}}

/* Role labels stay level and stationary; scroll changes opacity only. */
.terminal-role-labels{position:absolute;inset:408px 0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;pointer-events:none;opacity:clamp(0,calc((var(--spread) - .72) * 3.58),1);font:500 32px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px;color:#a5acb6;text-align:center;transform:none}
@media(min-width:1101px){.terminal-role-labels{width:1155px;left:calc(50% - 577.5px)}}
@media(max-width:1100px){.terminal-role-labels{top:400px;width:750px;left:calc(50% - 375px)}}
@media(max-width:850px){.terminal-role-labels{top:385px;width:540px;left:calc(50% - 270px);font-size:26px}}
@media(max-width:600px){.terminal-role-labels{top:318px;left:0;width:100%;font-size:19px;letter-spacing:-.5px}}

.hiring-banner{gap:7px}.hiring-banner svg{width:13px;height:13px;flex:none}

.human-story{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;padding:15px 0 95px}.human-copy{min-height:480px;padding:38px 45px 36px;border:1px solid #dce4ed;border-radius:17px;background:linear-gradient(130deg,#eff5fb,#e8eff7);display:flex;flex-direction:column;box-shadow:inset 0 1px #fff}.story-preview{font-size:10px;color:#7d8d9f;letter-spacing:.2px}.human-quote-mark{font:75px/1 Georgia,serif;color:#8fa8c8;height:66px;margin-top:20px}.human-quote{font:500 clamp(29px,3.3vw,46px)/1.18 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.6px;color:#37424f;margin:0;max-width:530px}.human-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;padding-top:42px}.human-persona{font-size:13px;font-weight:550;color:#586879}.human-description{display:block;font-size:11px;color:#8794a3;margin-top:7px}.human-controls{display:flex;gap:7px}.human-controls button{width:37px;height:37px;border:1px solid #bdcbdc;border-radius:50%;background:#ffffff35;color:#627892;font-size:25px;cursor:pointer;line-height:1}.human-controls button:hover{background:#fff;border-color:#96abc5}.human-photo{margin:0;position:relative;min-width:0;overflow:hidden;border-radius:17px;background:#d9e3ee}.human-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 38%}.human-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 12px;background:linear-gradient(transparent,#17243085);color:#fff;font-size:9px}.human-photo figcaption a{text-decoration:underline;text-underline-offset:2px}@media(max-width:700px){.human-story{grid-template-columns:1fr;gap:12px;padding-bottom:55px}.human-copy{min-height:345px;padding:26px}.human-quote{font-size:34px;letter-spacing:-1px}.human-photo{height:330px}.human-photo>img{object-position:center 35%}.human-footer{padding-top:32px}.human-persona{font-size:12px}}

.enterprise-story{padding:80px 0 75px;border-bottom:1px solid #e0e5eb}.enterprise-heading{max-width:750px}.enterprise-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#6d849e;margin-bottom:23px}.enterprise-eyebrow i{width:5px;height:5px;background:#7ea6d8;border-radius:50%}.enterprise-heading h2{font-size:clamp(34px,3.5vw,47px);line-height:1.13;font-weight:500;letter-spacing:-1.8px;margin:0 0 20px}.enterprise-heading>p{font-size:15px;line-height:1.8;color:#818c99;max-width:610px;margin:0}.enterprise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;border:1px solid #d7dee7;border-radius:13px;overflow:hidden;background:linear-gradient(130deg,#fafbfd,#edf1f6);box-shadow:inset 0 1px #fff}.enterprise-grid article{position:relative;padding:29px 28px 28px;border-right:1px solid #dce3ec}.enterprise-grid article:last-child{border-right:0}.enterprise-grid article>svg{width:25px;height:25px;stroke:#8599b2;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:20px}.enterprise-number{position:absolute;right:27px;top:31px;font:10px ui-monospace,monospace;color:#acb7c5}.enterprise-grid h3{font-size:17px;letter-spacing:-.4px;font-weight:550;color:#505e6f;margin:0 0 12px}.enterprise-grid p{font-size:12px;line-height:1.8;color:#8692a1;margin:0 0 21px;max-width:290px}.enterprise-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.enterprise-grid li{position:relative;padding-left:13px;font-size:11px;line-height:1.7;color:#69798c}.enterprise-grid li::before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#9caec4}.enterprise-contact{display:inline-flex;gap:9px;align-items:center;font-size:11px;color:#587aab;margin-top:20px}.enterprise-contact:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.enterprise-story{padding:50px 0}.enterprise-grid{grid-template-columns:1fr;margin-top:28px}.enterprise-grid article{border-right:0;border-bottom:1px solid #dce3ec;padding:25px}.enterprise-grid article:last-child{border-bottom:0}.enterprise-grid p{max-width:none}.enterprise-grid h3{font-size:18px}.enterprise-grid p,.enterprise-grid li{font-size:13px}}

.human-quote{margin-top:43px}.human-description{max-width:420px;font-size:13px;line-height:1.75}.human-footer{align-items:center}.human-controls{flex-shrink:0}.story-preview{letter-spacing:1px;font-size:10px}.human-photo>img{object-position:center 35%}@media(max-width:700px){.human-quote{margin-top:28px}.human-footer{gap:15px}.human-description{font-size:12px}}

.webinar-popup{position:fixed;z-index:35;right:24px;bottom:24px;width:274px;overflow:hidden;border:1px solid #bfd3ef;border-top:3px solid #2563eb;border-radius:13px;background:#fff;box-shadow:0 12px 35px #263f641c,0 2px 6px #263f640b;animation:webinar-appear .45s ease-out both;animation-delay:1.5s}.webinar-close{position:absolute;z-index:2;top:9px;right:10px;width:25px;height:25px;border:0;border-radius:5px;background:#ffffff70;color:#889bb4;font-size:20px;cursor:pointer}.webinar-close:hover{background:#e8f0fc;color:#2563eb}.webinar-art{height:135px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(155deg,#fff,#edf5ff);border-bottom:1px solid #c8dcf5}.webinar-art>img{width:23px;height:23px;opacity:.65}.webinar-art>span{font-size:21px;font-weight:550;letter-spacing:-.7px;line-height:1.08;text-align:center;color:#3e4b5e}.webinar-art strong{color:#3677d6;font-weight:550}.webinar-lines{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c4ddff,#2563eb 45%,#9bc3fc)}.webinar-info{padding:18px}.webinar-tag{display:flex;align-items:center;gap:6px;color:#397cd7;font-size:9px;letter-spacing:.7px;font-weight:550}.webinar-tag i{width:5px;height:5px;background:#3d89ee;border-radius:50%}.webinar-info h2{font-size:15px;line-height:1.35;font-weight:550;letter-spacing:-.3px;color:#425168;margin:10px 0 8px}.webinar-info p{font-size:11px;line-height:1.65;color:#8593a6;margin:0 0 12px}.webinar-date{display:block;color:#94a1b3;font-size:10px}.webinar-info>a{display:inline-flex;gap:8px;font-size:12px;font-weight:500;color:#2563eb;margin-top:13px}.webinar-info>a:hover{text-decoration:underline;text-underline-offset:3px}.webinar-popup[hidden]{display:none}@keyframes webinar-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.webinar-popup{width:245px;right:12px;bottom:12px}.webinar-art{height:105px}.webinar-art>span{font-size:19px}.webinar-info{padding:15px}.webinar-info p{display:none}}

/* A lighter human interlude between the product demonstrations. */
.human-story{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);max-width:1040px;gap:14px;padding:0 0 65px}.human-copy{min-height:320px;padding:30px 34px;border-color:#e5e9ef;border-radius:12px;background:#f3f5f8;box-shadow:none}.human-quote{font-size:clamp(27px,2.6vw,35px);line-height:1.2;letter-spacing:-1px;margin-top:24px;max-width:440px}.story-preview{font-size:9px;letter-spacing:.65px;color:#98a3af}.human-footer{padding-top:26px;gap:16px}.human-persona{display:none}.human-description{margin-top:0;font-size:12px;line-height:1.7;max-width:330px;color:#8994a1}.human-controls button{width:30px;height:30px;font-size:20px;border-color:#d3dae4;background:transparent}.human-photo{border-radius:12px}.human-photo>img{object-position:center 30%;filter:saturate(.75)}.human-photo figcaption{font-size:8px;opacity:.8;padding:25px 12px 9px}@media(max-width:700px){.human-story{grid-template-columns:minmax(0,1fr) 110px;gap:9px;padding-bottom:45px}.human-copy{min-height:265px;padding:20px}.human-quote{font-size:25px;letter-spacing:-.6px;margin-top:20px}.human-photo{height:auto}.human-footer{flex-wrap:wrap;padding-top:20px;gap:12px}.human-description{font-size:11px}.human-photo figcaption{font-size:7px;padding:20px 7px 8px}.story-preview{font-size:8px;line-height:1.5}}@media(max-width:380px){.human-story{grid-template-columns:minmax(0,1fr) 90px}.human-copy{padding:16px}.human-quote{font-size:23px}}

.site-footer{background:radial-gradient(ellipse at 80% 0,#23549a55,transparent 58%),linear-gradient(115deg,#142440,#193b70);color:#e2eafa;border-top:1px solid #365b8e}.footer-inner{position:relative;padding-top:45px;padding-bottom:23px;display:grid;grid-template-columns:1fr auto;column-gap:30px}.footer-brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:500;letter-spacing:-1.2px}.footer-brand img{width:33px;height:33px;filter:brightness(0) invert(1);opacity:.85}.footer-inner>p{grid-column:1;margin:12px 0 35px;color:#9cafcd;font-size:13px}.footer-inner>nav{grid-column:2;grid-row:1 / 3;display:flex;align-items:flex-start;padding-top:12px;gap:28px;font-size:12px;color:#c1d0e6}.footer-inner>nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-placeholder{color:#839cbd}.footer-placeholder small{font-size:8px;letter-spacing:.4px;margin-left:5px;border:1px solid #6d8db344;padding:2px 4px;border-radius:3px}.footer-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;border-top:1px solid #9bb8dd25;padding-top:20px;font-size:10px;color:#839ebf}@media(max-width:700px){.footer-inner{grid-template-columns:1fr;padding-top:33px}.footer-inner>nav{grid-column:1;grid-row:auto;padding-top:0;gap:22px;flex-wrap:wrap;margin-bottom:30px}.footer-inner>p{margin-bottom:26px}.footer-bottom{gap:15px;font-size:9px}.footer-brand{font-size:26px}}

.site-footer{background:#2563eb;border-top-color:#2563eb;color:#fff}.footer-inner>p,.footer-inner>nav{color:#e0eaff}.footer-bottom,.footer-placeholder{color:#c1d5ff}.footer-bottom{border-top-color:#ffffff30}.footer-placeholder small{border-color:#ffffff40}

/* Final rhythm and hierarchy: consistent, restrained and readable. */
:root{--brand-blue:#2563eb;--section-space:64px;--section-title:clamp(32px,3.4vw,46px);--muted-copy:#7c8693}
.parallax-controls h2,.invite-copy h2,.surfaces-heading h2,.enterprise-heading h2{font-size:var(--section-title);line-height:1.15;letter-spacing:-1.6px;font-weight:500}
.intro,.invite-copy>p,.surfaces-heading p,.enterprise-heading>p{font-size:15px;line-height:1.75;color:var(--muted-copy)}
.hero{min-height:620px}.intro{max-width:425px}.customer-band{padding-bottom:48px}.customer-band h2{font-size:15px;margin-bottom:30px}.product{padding-top:56px;padding-bottom:35px}.parallax-controls{margin-bottom:28px}.human-story{padding-bottom:56px}.invite-band .invite-story{padding-top:64px;padding-bottom:64px}.enterprise-story{padding-top:64px;padding-bottom:56px}.surfaces-story{padding-top:64px;padding-bottom:40px}.surfaces-visual{margin-top:38px;padding-bottom:85px}
.invite-band .invitation-mail{box-shadow:inset 0 1px #fff,0 2px 0 #d5dbe3,0 12px 26px #4554690d!important}.email-providers>span{box-shadow:inset 0 1px #fff,0 2px 0 #c9d1dc,0 7px 12px #3a4c670a!important}.enterprise-grid{box-shadow:none;background:#f5f7fa;border-color:#e0e5ec}.enterprise-grid article{padding:26px}.enterprise-grid article>svg{margin-bottom:16px}.enterprise-grid p{font-size:13px;line-height:1.7}.enterprise-grid li{font-size:12px}.enterprise-number{display:none}
.surfaces-visual .desktop-preview{box-shadow:inset 0 1px #fff,0 2px 0 #d8dde4,0 12px 28px #3b4e690d}.surfaces-visual .companion-terminal{box-shadow:0 2px 0 #c9ced6,0 12px 25px #25364e18}.surface-cycle{opacity:.65}.footer-inner{padding-top:34px;padding-bottom:20px}.footer-inner>p{margin-bottom:26px}.webinar-popup{width:252px;box-shadow:0 8px 25px #263f6414}.webinar-art{height:110px}.webinar-info{padding:15px}.webinar-info p{display:none}.webinar-info h2{font-size:14px}.webinar-art>span{font-size:20px}
@media(max-width:700px){.hero{min-height:0}.parallax-controls h2,.invite-copy h2,.surfaces-heading h2,.enterprise-heading h2{font-size:32px;letter-spacing:-1px}.invite-band .invite-story,.enterprise-story{padding-top:46px;padding-bottom:46px}.surfaces-story{padding-top:46px;padding-bottom:25px}.surfaces-visual{padding-bottom:215px}.human-story{padding-bottom:44px}.customer-band{padding-bottom:30px}.webinar-popup{width:230px}.footer-inner{padding-top:30px}}

/* Machined silver frame, matching the hero's layered aluminium edge. */
.parallax-demo .parallel-terminal{border:1px solid #f8fafc;box-shadow:0 0 0 1px #b8c1cc,2px 1px 0 #fff,4px 3px 0 #e5e9ef,6px 5px 0 #c9d0db,8px 7px 0 #e4e8ee,10px 8px 0 #aeb9c8,0 22px 36px #3347601c}
.parallax-demo .parallel-terminal::before{content:"";position:absolute;inset:-4px;z-index:1;pointer-events:none;border-radius:15px;padding:4px;background:linear-gradient(125deg,#fff 0%,#e7ecf2 18%,#b9c4d2 39%,#fdfefe 54%,#d9e0e9 75%,#a9b6c7 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.parallax-demo .parallel-title{background:linear-gradient(160deg,#fff 0%,#f4f6f9 25%,#dce3ec 65%,#eef2f7 100%);box-shadow:inset 0 1px #fff,inset 0 -1px #b4c0cf55;border-bottom-color:#bcc6d3}
@media(max-width:600px){.parallax-demo .parallel-terminal::before{inset:-3px;padding:3px;border-radius:12px}.parallax-demo .parallel-terminal{box-shadow:0 0 0 1px #b8c1cc,2px 1px 0 #fff,4px 3px 0 #dce2eb,6px 5px 0 #aeb9c8,0 15px 25px #33476018}}

/* Finer aluminium highlights: satin bevel, no bright outline. */
.parallax-demo .parallel-terminal{border-color:#d6dce4;box-shadow:0 0 0 1px #b9c2cd70,1px 1px 0 #eef1f5,3px 3px 0 #d2d9e2,5px 4px 0 #b3bfcd,0 18px 32px #33476013}
.parallax-demo .parallel-terminal::before{inset:-2px;padding:2px;border-radius:13px;background:linear-gradient(125deg,#f2f5f8 0%,#e1e7ee 22%,#bec9d6 43%,#edf1f6 57%,#d3dce6 78%,#b3c0d0 100%);opacity:.8}
.parallax-demo .parallel-title{background:linear-gradient(165deg,#f6f8fa 0%,#edf1f5 38%,#dce3eb 78%,#e6ecf2 100%);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #b4c0cf25;border-bottom-color:#bec8d3}
@media(max-width:600px){.parallax-demo .parallel-terminal{box-shadow:0 0 0 1px #b9c2cd60,1px 1px 0 #edf1f5,3px 3px 0 #bbc6d4,0 12px 22px #33476012}.parallax-demo .parallel-terminal::before{inset:-1.5px;padding:1.5px;border-radius:10.5px}}

/* More breathing room between sections, without enlarging their content. */
.customer-band{padding-top:38px;padding-bottom:72px}
.product{padding-top:80px;padding-bottom:72px}
.human-story{padding-top:18px;padding-bottom:90px}
.invite-band .invite-story{padding-top:88px;padding-bottom:88px}
.enterprise-story{padding-top:88px;padding-bottom:88px}
.surfaces-story{padding-top:88px;padding-bottom:72px}
@media(max-width:700px){.customer-band{padding-top:25px;padding-bottom:44px}.product{padding-top:52px;padding-bottom:45px}.human-story{padding-top:8px;padding-bottom:56px}.invite-band .invite-story,.enterprise-story{padding-top:58px;padding-bottom:58px}.surfaces-story{padding-top:58px;padding-bottom:45px}}

/* Remove decorative microcopy and let the useful content lead. */
.enterprise-grid ul{margin-top:20px}.footer-inner>nav{grid-row:1;align-items:center;padding-top:0}.footer-bottom{margin-top:28px}.mail-session-label{margin-top:24px}.human-photo figcaption{opacity:.7}@media(max-width:700px){.footer-inner>nav{grid-row:auto;margin-top:23px;margin-bottom:0}.footer-bottom{margin-top:25px}}

/* Version stays inside each platform download button. */
.download-stack .download-version{margin-left:auto;padding-left:8px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#7e8793;letter-spacing:0;white-space:nowrap}.download-stack .windows-download .download-version{color:inherit;opacity:.8}

/* Three airy aluminium shelves for the agent ecosystem. */
.hero-art{height:780px}.hero-level{width:320px;height:320px;left:calc(50% - 160px)}
.hero-level-main{top:9%;z-index:3}.hero-level-middle{top:35%;z-index:2}.hero-level-low{top:61%;z-index:1}
.hero-level .slab-logo{width:180px;height:180px;left:69px;top:69px}
.hero-level .agent-tile{width:76px;height:76px;border-radius:20px}.hero-level .agent-tile img{width:43px;height:43px}
.hero-level .slab{border-radius:65px}.hero-level .slab-bottom{box-shadow:-12px 22px 30px #484f6318}
.shelf-tile-0{left:28px;bottom:27px}.shelf-tile-1{right:28px;bottom:27px;animation-delay:-2s}.shelf-tile-2{right:28px;top:27px;animation-delay:-4s}
@media(max-width:1100px) and (min-width:851px){.hero-level{width:280px;height:280px;left:calc(50% - 140px)}.hero-level .agent-tile{width:67px;height:67px}.hero-level .slab-logo{width:155px;height:155px;left:62px;top:62px}}
@media(max-width:850px){.hero-art{height:740px}.hero-level-main{top:7%}.hero-level-middle{top:34%}.hero-level-low{top:61%}}
@media(max-width:500px){.hero-art{height:650px}.hero-level{width:260px;height:260px;left:calc(50% - 130px)}.hero-level .slab{border-radius:53px}.hero-level .agent-tile{width:62px;height:62px;border-radius:16px}.hero-level .agent-tile img{width:35px;height:35px}.hero-level .slab-logo{width:148px;height:148px;left:55px;top:55px}.shelf-tile-0{left:22px;bottom:22px}.shelf-tile-1{right:22px;bottom:22px}.shelf-tile-2{right:22px;top:22px}}

.hero-art{height:930px}.hero-level-main{top:4%}.hero-level-middle{top:34%}.hero-level-low{top:64%}
@media(max-width:850px){.hero-art{height:910px}}
@media(max-width:500px){.hero-art{height:760px}.hero-level-main{top:3%}.hero-level-middle{top:34%}.hero-level-low{top:65%}}

/* Compact overlapping stack; lower logos sit along the exposed front edge. */
.hero-art{height:650px}.hero-level-main{top:12%}.hero-level-middle{top:34%}.hero-level-low{top:56%}
.hero-level-middle .shelf-tile-0{left:25px;top:auto;bottom:24px}.hero-level-middle .shelf-tile-1{left:122px;right:auto;top:auto;bottom:24px}.hero-level-middle .shelf-tile-2{left:auto;right:25px;top:auto;bottom:24px}
@media(max-width:1100px) and (min-width:851px){.hero-level-middle .shelf-tile-1{left:106px}.hero-level-middle .shelf-tile-0{left:19px}.hero-level-middle .shelf-tile-2{right:19px}}
@media(max-width:850px){.hero-art{height:630px}}
@media(max-width:500px){.hero-art{height:540px}.hero-level-main{top:10%}.hero-level-middle{top:33%}.hero-level-low{top:56%}.hero-level-middle .shelf-tile-0{left:18px;bottom:22px}.hero-level-middle .shelf-tile-1{left:99px;bottom:22px}.hero-level-middle .shelf-tile-2{right:18px;bottom:22px}}

.hero-art{overflow:visible}

/* Shared terminal frames use the hero badge's layered satin aluminium. */
.parallax-demo .parallel-terminal{border:3px solid #d2d7df;border-radius:15px;background:linear-gradient(135deg,#fff,#f1f2f5 36%,#d6dbe2);box-shadow:inset 0 1px 1px #fff,0 0 0 1px #bfc5cd,2px 2px 0 #e7e9ed,4px 4px 0 #cdd2da,6px 6px 0 #e5e7eb,8px 8px 0 #b5bec9,0 18px 32px #48516320}
.parallax-demo .parallel-terminal::before{inset:-3px;padding:3px;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#eef0f3 26%,#c2c9d2 48%,#f8f9fb 72%,#aeb9c6 100%);opacity:.72}
.parallax-demo .parallel-title{border-radius:11px 11px 0 0;background:linear-gradient(135deg,#fff,#f1f2f5 36%,#d6dbe2);border-bottom:1px solid #bac1ca;box-shadow:inset 0 1px 1px #fff,inset 0 0 0 3px #ffffff38}
.parallax-demo .parallel-body{border-radius:0 0 10px 10px}
@media(max-width:600px){.parallax-demo .parallel-terminal{border-width:2px;border-radius:11px;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #bfc5cd,2px 2px 0 #e7e9ed,4px 4px 0 #cdd2da,6px 6px 0 #b5bec9,0 12px 22px #4851631a}.parallax-demo .parallel-terminal::before{inset:-2px;padding:2px;border-radius:11px}.parallax-demo .parallel-title{border-radius:8px 8px 0 0}}

.parallax-demo .parallel-body{background:linear-gradient(145deg,#2e3035ed,#25272de8)}

/* Dark graphite header wordmark and symbol. */
.header .brand{color:#41454b}.header .brand img{filter:brightness(.48)}

/* Lift the hero stack slightly and bring its three shelves closer. */
.hero-level-main{top:10%}.hero-level-middle{top:30%}.hero-level-low{top:50%}
@media(max-width:500px){.hero-level-main{top:8%}.hero-level-middle{top:29%}.hero-level-low{top:50%}}

/* A slightly tighter overlap between the three hero shelves. */
.hero-level-main{top:10%}.hero-level-middle{top:28%}.hero-level-low{top:46%}
@media(max-width:500px){.hero-level-main{top:8%}.hero-level-middle{top:27%}.hero-level-low{top:46%}}

/* A compact aluminium booking form, shared by demo and enterprise calls. */
#demo-booking{width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d4dae2;border-radius:18px;padding:32px;background:linear-gradient(135deg,#fff,#f1f2f5 65%,#e8ecf1);box-shadow:inset 0 1px #fff,0 24px 70px #26334826;color:#34373c}
#demo-booking::backdrop{background:#28344435;backdrop-filter:blur(6px)}
#demo-booking h2{font-size:27px;letter-spacing:-.8px;margin:0 28px 8px 0;font-weight:550}
#demo-booking>p{font-size:14px;color:#777f8a;margin:0 0 25px}
.demo-booking-close{position:absolute;right:18px;top:15px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#7b8590;font-size:24px;cursor:pointer}.demo-booking-close:hover{background:#dce2ea}
#demo-booking label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;margin-bottom:17px;min-width:0}#demo-booking label>span{font-size:11px;color:#9299a3;font-weight:400}
#demo-booking input,#demo-booking select,#demo-booking textarea{width:100%;min-height:41px;border:1px solid #cbd2dc;border-radius:7px;background:#ffffffc9;padding:10px 12px;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#34373c;box-shadow:inset 0 1px 2px #26334805}#demo-booking textarea{resize:vertical;min-height:90px}#demo-booking input:focus,#demo-booking select:focus,#demo-booking textarea:focus{outline:2px solid #2563eb50;outline-offset:1px;border-color:#80a6df}
.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-booking-actions{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:8px}.demo-booking-note{font-size:11px;color:#828b97;line-height:1.5;max-width:245px}.demo-booking-actions .button{background:#2563eb;color:white;border-color:#2563eb;border-radius:6px;height:40px;padding:0 16px;font-size:12px;cursor:pointer;box-shadow:inset 0 1px #ffffff26,0 2px 4px #2563eb1a}
@media(max-width:500px){.hero-art{overflow-x:clip;overflow-y:visible}#demo-booking{padding:25px 20px}.demo-form-row{grid-template-columns:1fr;gap:0}.demo-booking-actions{align-items:stretch;flex-direction:column;gap:12px}.demo-booking-actions .button{width:100%}}

@media(max-width:500px){.hero-art .art-grid{display:none}}

@media(max-width:500px){html,body{overflow-x:clip}}

/* Booking calendar: the same aluminium dialog, with room for real availability. */
#demo-booking [hidden]{display:none!important}
#demo-booking.is-calendar{width:min(1080px,calc(100% - 32px));padding:28px 24px 20px}
#demo-booking.is-calendar>p{margin-bottom:15px}
.demo-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.demo-calendar-back,.demo-calendar-fallback{font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#66717e;text-decoration:none}
.demo-calendar-back{border:1px solid #d0d6df;border-radius:7px;background:#ffffffa8;padding:9px 12px;cursor:pointer;box-shadow:inset 0 1px #fff}
.demo-calendar-back:hover{background:#fff;color:#34373c}
.demo-calendar-fallback:hover{color:#2563eb}
#my-cal-inline-book-a-call{width:100%;height:min(580px,calc(100dvh - 205px));min-height:350px;overflow:auto;border:1px solid #dde2e9;border-radius:12px;background:#fff;color-scheme:light}
@media(max-width:600px){#demo-booking.is-calendar{padding:24px 14px 14px}#my-cal-inline-book-a-call{height:600px}.demo-calendar-toolbar{gap:10px}}
/* Static satin aluminium: no travelling reflection on the hero shelves. */
.hero-art .slab-top{animation:none}
.hero-art .slab-top:before,.hero-art .slab-top:after{content:none;animation:none}
.hero-art .slab-top>.agent-tile,.hero-art .slab-logo,.hero-art .etched{z-index:1}

/* Light is seated in the button's edge, with a continuous fading wake. */
.download-beam{position:relative;isolation:isolate;transition:background .2s,border-color .2s,box-shadow .2s}
.download-beam:hover{box-shadow:inset 0 1px #fff,0 3px 10px #314e7820}
.download-neon{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;border-radius:inherit}
.download-neon rect{fill:none;stroke:#468ff0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dashoffset:0;animation:neon-outline 20s linear infinite;animation-delay:var(--trail-delay,0s)}
.download-neon .neon-tail{stroke-width:1.1;stroke-dasharray:.58 99.42;opacity:var(--trail-opacity)}
.download-neon .neon-head{stroke:#77b7ff;stroke-width:1.35;stroke-dasharray:.8 99.2;opacity:.9;filter:drop-shadow(0 0 2px #428ff060)}
@keyframes neon-outline{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.download-neon rect{animation:none}.download-neon .neon-tail{display:none}.download-neon .neon-head{stroke-dasharray:12 88;stroke-dashoffset:-65;opacity:.5}}

/* Shared session: precision-cut satin frames, matching the hero's aluminium. */
.parallax-demo .parallel-terminal{
  border:1px solid #ccd2da;border-radius:10px;
  background:linear-gradient(135deg,#fff 0%,#f1f2f5 36%,#d6dbe2 100%);
  box-shadow:inset 0 1px #fff,1px 1px 0 #edf0f4,2px 2px 0 #bfc7d1,0 14px 28px #33415512;
}
.parallax-demo .parallel-terminal::before{
  inset:-1px;padding:1px;border-radius:10px;opacity:.75;
  background:linear-gradient(135deg,#fff 0%,#eef0f3 26%,#c2c9d2 48%,#f8f9fb 72%,#aeb9c6 100%);
}
.parallax-demo .parallel-title{
  height:28px;padding:0 10px;border-radius:9px 9px 0 0;
  background:linear-gradient(135deg,#fff 0%,#f1f2f5 36%,#d6dbe2 100%);
  border-bottom:1px solid #bfc6cf;box-shadow:inset 0 1px #ffffffb0;
  color:#717a85;font-size:9px;font-weight:450;letter-spacing:.05px;
}
.parallax-demo .parallel-title .traffic{gap:5px}
.parallax-demo .parallel-title .traffic i{width:6px;height:6px;opacity:.8;box-shadow:inset 0 0 0 .5px #00000012}
.parallax-demo .owner-photo{width:16px;height:16px;padding:0;border:0;box-shadow:0 0 0 1px #ffffff90;filter:saturate(.65)}
.parallax-demo .parallel-body{
  height:calc(100% - 28px);border-radius:0 0 9px 9px;
  background:linear-gradient(135deg,#30343c 0%,#282c33 65%,#2c3038 100%);
  box-shadow:inset 0 1px #ffffff05;color:#cdd2da;
}
.parallax-demo .parallel-output{color:#b4bcc7}
.parallax-demo .demo-sent{border:0;padding-left:0;background:none;color:#e0e4ea}
.parallax-demo .demo-tool small{border:0;background:none;color:#8895a6}
.parallax-demo .demo-tool .demo-diff{color:#9bbda9;background:none}
.parallax-demo .parallel-input{border-color:#a5b2c02e;background:none;padding-inline:0}
.parallax-demo .parallel-input i{width:4px;background:#b8c0cd}
.parallax-demo .parallel-users{gap:5px}
.parallax-demo .parallel-users img{width:19px;height:19px;padding:0;border:1px solid #c4cdd350;background:none;box-shadow:0 0 0 1px #20252a30;filter:saturate(.55)}
.parallax-demo .action-cursor svg{width:15px;height:19px;filter:drop-shadow(0 1px 1px #17263b26)}
.parallax-demo .action-cursor>span{
  margin-top:15px;min-height:0;height:auto;padding:3px 6px;border-radius:4px;
  border:1px solid #d4dce5;background:linear-gradient(135deg,#fffffff2,#e9edf3eb);
  color:#5c6d83;font:450 8px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;box-shadow:inset 0 1px #fff,0 2px 6px #17263b0a;
}
.parallax-demo .terminal-deck::before{opacity:.25}
.parallax-demo .terminal-deck::after{opacity:.3;box-shadow:none}
.parallax-demo .terminal-role-labels{font-weight:400;color:#b0b7c1;letter-spacing:-.8px;font-size:28px}
@media(max-width:600px){
  .parallax-demo .parallel-title{height:25px;font-size:8px}
  .parallax-demo .parallel-body{height:calc(100% - 25px)}
  .parallax-demo .parallel-terminal{border-radius:8px;box-shadow:inset 0 1px #fff,1px 1px 0 #c3cbd5,0 10px 20px #33415512}
  .parallax-demo .parallel-terminal::before{border-radius:8px}
  .parallax-demo .parallel-title{border-radius:7px 7px 0 0}
  .parallax-demo .parallel-body{border-radius:0 0 7px 7px}
  .parallax-demo .parallel-users img{width:16px;height:16px}
  .parallax-demo .action-cursor>span{font-size:7px;padding:2px 5px}
  .parallax-demo .terminal-role-labels{font-size:19px}
}

/* Connected teammates have distinct, vivid presence rings; offline is neutral. */
.parallax-demo .parallel-users{gap:6px}
.parallax-demo .parallel-users img{width:21px;height:21px;padding:1px;border:1.5px solid #34d399;background:#282c33;box-shadow:0 0 0 1px #34d39922;filter:none;opacity:1}
.parallax-demo .parallel-users img:nth-child(2){border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa22}
.parallax-demo .parallel-users img:nth-child(3){border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa22}
.parallax-demo .parallel-users img.participant-offline{border-color:#7b8491;background:#282c33;filter:grayscale(1);opacity:.48;box-shadow:none}
@media(max-width:600px){.parallax-demo .parallel-users{gap:4px}.parallax-demo .parallel-users img{width:17px;height:17px;padding:.5px}}


/* One headline for the demonstration; a quiet closing line carries its benefit. */
.parallax-demo .parallax-controls h2{font-size:var(--section-title);line-height:1.15;letter-spacing:-1.6px;font-weight:500;color:#34373c}
.product{padding-bottom:26px}
.team-multiplier{padding:0 0 92px;text-align:center}
.team-multiplier p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .5em;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:450;line-height:1.4;letter-spacing:-.7px;color:#8b939e}
.team-multiplier p>span:last-child{color:#626e7e}
.team-multiplier .multiplier-divider{color:#b9c1cc;font-weight:400}
.team-multiplier.is-visible p>span{animation:multiplier-arrive 1.2s ease both}
.team-multiplier.is-visible p>span:nth-child(2){animation-delay:.12s}
.team-multiplier.is-visible p>span:nth-child(3){animation-delay:.24s}
@keyframes multiplier-arrive{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){
  .parallax-demo .parallax-controls h2{font-size:32px;letter-spacing:-1px}
  .product{padding-bottom:20px}
  .team-multiplier{padding-bottom:64px}
  .team-multiplier p{font-size:21px;letter-spacing:-.5px;gap:0 .35em}
}
@media(prefers-reduced-motion:reduce){.team-multiplier.is-visible p>span{animation:none}}

/* A continuous story: invite, set access, choose the interface. */
.invite-band .invite-story{border-bottom:0;padding-top:80px;padding-bottom:72px}
.enterprise-story{border-bottom:0;padding:64px 50px 72px}
.surfaces-story{padding-top:64px}
.invite-copy h2,.enterprise-heading h2,.surfaces-heading h2{margin-bottom:22px;font-weight:500;line-height:1.15;letter-spacing:-1.6px}
.enterprise-heading>p,.surfaces-heading>p{margin:0;font-size:15px;line-height:1.75;color:#828c99}
.enterprise-heading>p{max-width:480px}
.surfaces-heading>p{max-width:460px;margin-inline:auto}
.story-connector{height:48px;width:1px;margin:0 auto;position:relative;background:linear-gradient(transparent,#bdcee550 35%,#bdcee550 65%,transparent);pointer-events:none}
.story-connector>span{position:absolute;top:21px;left:-2px;width:5px;height:5px;border-radius:50%;background:#8baadb;box-shadow:0 0 0 4px #8baadb0b;opacity:.65}
.story-connector.is-visible>span{animation:story-connection 2s cubic-bezier(.2,.65,.3,1) both}
@keyframes story-connection{0%{opacity:0;transform:translateY(-13px)}45%{opacity:.85}100%{opacity:.65;transform:none}}
.enterprise-grid{border-radius:12px;background:linear-gradient(135deg,#fbfcfd,#f1f3f7);border-color:#e0e5eb}
.enterprise-grid article{border-right-color:#e0e5eb}
.email-providers>span,.invitation-mail,.desktop-preview{transition:box-shadow .3s ease,border-color .3s ease}
@media(max-width:700px){
  .invite-band .invite-story{padding-top:58px;padding-bottom:48px}
  .enterprise-story{padding:44px 0 48px}
  .surfaces-story{padding-top:44px}
  .invite-copy h2,.enterprise-heading h2,.surfaces-heading h2{letter-spacing:-1px}
  .enterprise-heading>p,.surfaces-heading>p{font-size:14px}
  .story-connector{height:36px}
  .story-connector>span{top:15px}
}
@media(prefers-reduced-motion:reduce){.story-connector.is-visible>span{animation:none}}

/* The same three presence colours carry through into access and security. */
.enterprise-grid article:nth-child(1){--pillar-ink:#248363;--pillar-ring:#34d399}
.enterprise-grid article:nth-child(2){--pillar-ink:#8060ad;--pillar-ring:#a78bfa}
.enterprise-grid article:nth-child(3){--pillar-ink:#3c78b8;--pillar-ring:#60a5fa}
.enterprise-grid article>svg{stroke:var(--pillar-ring);stroke-width:1.5}
.enterprise-grid article>h3{color:var(--pillar-ink)}
.enterprise-grid article li::before{background:var(--pillar-ring);opacity:.8}

/* Comfortable, consistent reading sizes across the three enterprise pillars. */
.enterprise-grid article{padding:28px 28px 30px}
.enterprise-grid article>svg{width:27px;height:27px;margin-bottom:18px}
.enterprise-grid h3{font-size:18px;line-height:1.35;font-weight:550;letter-spacing:-.3px;margin-bottom:16px}
.enterprise-grid p,.enterprise-grid li,.enterprise-contact{font-size:14px;line-height:1.7}
.enterprise-grid p{color:#7b8797;margin-bottom:20px;max-width:290px}
.enterprise-grid ul{gap:12px;margin-top:20px}
.enterprise-grid li{padding-left:14px;color:#69788a}
.enterprise-grid li::before{top:10px;width:3px;height:3px}
.enterprise-contact{margin-top:22px;gap:8px}
.enterprise-heading>p{font-size:16px;line-height:1.7;max-width:520px}
@media(max-width:700px){.enterprise-grid article{padding:26px}.enterprise-grid h3{font-size:18px}.enterprise-grid p,.enterprise-grid li,.enterprise-contact{font-size:14px}.enterprise-heading>p{font-size:15px}}

/* Satin aluminium icon badges, shared with the mail and agent tiles. */
.enterprise-icon-badge{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:13px;border:1px solid #d1d7df;background:linear-gradient(135deg,#fff 0%,#f1f2f5 38%,#dce1e8 100%);box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffa0,0 2px 0 #cbd2dc,0 5px 10px #35465d0a}
.enterprise-icon-badge>svg{display:block;width:25px;height:25px;margin:0;stroke:var(--pillar-ink);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

/* An open, editorial pause between the two product illustrations. */
.enterprise-story{padding:64px 50px 68px}
.enterprise-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:none}
.enterprise-heading h2{margin:0;font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-1.3px}
.enterprise-heading>p{font-size:16px;line-height:1.7;max-width:320px;color:#818995}
.enterprise-grid{gap:34px;margin-top:40px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.enterprise-grid article{padding:24px 0 0;border:0;border-top:1px solid #dfe3e8;display:flex;flex-direction:column;align-items:flex-start}
.enterprise-grid article:last-child{border-bottom:0}
.enterprise-pillar-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}
.enterprise-icon-badge{flex:none;width:34px;height:34px;margin:0;border-radius:9px;border-color:#dce0e6;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:inset 0 1px #fff,0 1px 2px #35465d08}
.enterprise-icon-badge>svg{width:19px;height:19px;stroke-width:1.5}
.enterprise-grid h3{margin:0;font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:550;color:#424a55}
.enterprise-grid p{margin:0 0 18px;font-size:15px;line-height:1.75;max-width:none;color:#747e8b}
.enterprise-note,.enterprise-contact{margin-top:auto;font-size:13px;line-height:1.65;color:#9299a3}
.enterprise-contact{color:#3c78b8;gap:8px}
@media(max-width:900px){.enterprise-story{padding-inline:24px}.enterprise-grid{gap:24px}.enterprise-grid h3{font-size:16px}}
@media(max-width:700px){.enterprise-story{padding:44px 0 48px}.enterprise-heading{display:block}.enterprise-heading h2{font-size:32px;margin-bottom:18px}.enterprise-heading>p{font-size:15px;max-width:none}.enterprise-heading>p br{display:none}.enterprise-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.enterprise-grid article{padding:21px 0 0;border-bottom:0}.enterprise-pillar-heading{margin-bottom:12px}.enterprise-grid h3{font-size:17px}.enterprise-grid p{margin-bottom:12px;font-size:15px}.enterprise-note,.enterprise-contact{font-size:13px}}
.header-actions .signin-link{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:550;letter-spacing:-.15px;color:#3b4048;white-space:nowrap;transition:background .15s,color .15s}
.header-actions .signin-link:hover{background:#eceff3;color:#17191c}
.header-actions .signin-link:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:500px){.header-actions .signin-link{height:32px;padding:0 6px;font-size:11px}}