/* People stay in the footage; their AI teammates are crisp, animated interface elements. */
.hero-with-video{padding:0 0 38px;background:var(--paper)}
.hero-scene{position:relative;isolation:isolate;overflow:hidden;background:#102132;padding:44px 0 46px}
.hero-media,.hero-shade{position:absolute;inset:0;pointer-events:none;z-index:-1}
.hero-media{left:29%}
.hero-poster,.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% 43%}
.hero-background-video{opacity:0;transition:opacity .5s ease}.hero-background-video.is-ready{opacity:1}
.hero-shade{background:linear-gradient(90deg,#102132 0%,#102132 25%,rgba(16,33,50,.9) 34%,rgba(16,33,50,.28) 49%,rgba(16,33,50,.04) 68%),linear-gradient(0deg,rgba(10,22,36,.66),transparent 45%)}
.hero-scene .hero-grid{width:calc(100% - 96px);max-width:1360px;grid-template-columns:.78fr 1.22fr;gap:44px;min-height:600px;align-items:center}
.hero-scene .hero-copy{position:relative;z-index:2;max-width:510px}
.hero-scene .hero-copy .eyebrow{color:#e4eaf6;max-width:420px}
.hero-scene h1{color:#fff;font-size:clamp(54px,4.75vw,72px);text-shadow:0 2px 20px #07111e20}
.hero-scene h1>span{color:#b9c9ff}
.hero-scene .hero-description{color:#e2e8f2;max-width:405px;font-size:17px;line-height:1.75}
.hero-scene .hero-actions{gap:24px}.hero-scene .primary-button{box-shadow:0 5px 24px #07111e25}
.hero-scene .video-link{color:#fff}.hero-scene .video-link>span{border-color:#ffffff80;color:#fff;background:#ffffff0c}.hero-scene .video-link:hover{color:#c8d4ff}
.hero-scene :is(a,button):focus-visible{outline-color:#ffb18d}.hero-with-video .step-strip{margin-top:30px}
.hero-collaboration{position:relative;height:600px;min-width:0;pointer-events:none;isolation:isolate}
.collab-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.65;filter:drop-shadow(0 1px 3px #17263d30)}
.collab-line{stroke-width:1.1;stroke-dasharray:3 7;stroke-linecap:round;animation:collab-flow 12s linear infinite;animation-play-state:paused}
.collab-line-orange{stroke:#f1c8ae}.collab-line-blue{stroke:#c3d6ff;animation-direction:reverse}.collab-line-green{stroke:#a8dbcc}
.collab-bot{--bot:#bd643b;--soft:#faeee4;position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 17px 14px 13px;border:1px solid #ffffffa6;border-radius:19px;background:linear-gradient(125deg,#fffdf8f5,var(--soft));box-shadow:0 12px 45px #08192c20,0 0 0 5px #ffffff0c;min-width:211px;color:#3d463f;animation:collab-float 7s ease-in-out infinite;animation-play-state:paused}
.collab-nova{left:1%;top:43%;transform:rotate(-3deg);--tilt:-3deg}
.collab-orbit{right:0;top:6%;--bot:#456fae;--soft:#e8eefc;--tilt:3deg;animation-delay:-2.1s;transform:rotate(3deg)}
.collab-atlas{right:-1%;top:53%;--bot:#347c70;--soft:#e3f0e9;--tilt:2deg;animation-delay:-4.5s;transform:rotate(2deg)}
.collab-bot-head{position:relative;display:block;width:47px;height:46px;border-radius:16px;background:var(--bot);flex:none;box-shadow:inset 0 3px 0 #ffffff27,0 0 0 6px color-mix(in srgb,var(--bot) 10%,transparent)}
.collab-bot-head>i{position:absolute;width:6px;height:10px;border-radius:4px;background:var(--bot);top:-7px;left:20px}
.collab-bot-head>b{position:absolute;width:6px;height:13px;border-radius:4px;top:16px;left:12px;background:#fffaf0;transform-origin:center;animation:collab-blink 6.4s infinite;animation-play-state:paused}.collab-bot-head>b+b{left:29px}.collab-orbit .collab-bot-head>b{animation-delay:-2.7s}.collab-atlas .collab-bot-head>b{animation-delay:-4.1s}
.collab-bot-copy{min-width:0}.collab-bot-copy>strong{display:block;font-size:15px;letter-spacing:-.3px;font-weight:600;line-height:1.3}.collab-bot-copy>strong>small{font-size:9px;font-weight:400;color:var(--bot);letter-spacing:0;margin-left:3px}.collab-role{display:block;font-size:9px;color:#8a928a;margin:3px 0 6px;white-space:nowrap}
.collab-state{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.3;color:var(--bot);white-space:nowrap;min-width:114px}.collab-state>i{width:4px;height:4px;flex:none;background:var(--bot);border-radius:50%;opacity:.6}.collab-dots{display:inline-flex;gap:2px;margin-left:1px;align-items:center}.collab-dots>b{width:2px;height:2px;border-radius:50%;background:var(--bot);animation:collab-dot 1.8s infinite;animation-play-state:paused}.collab-dots>b:nth-child(2){animation-delay:.2s}.collab-dots>b:nth-child(3){animation-delay:.4s}
.collab-signal{position:absolute;right:-9px;top:-12px;width:25px;height:25px;display:grid;place-items:center;border-radius:9px 9px 9px 2px;background:#fffdf6;border:1px solid color-mix(in srgb,var(--bot) 32%,#fff);color:var(--bot);font-size:14px;box-shadow:0 4px 10px #15273d14}
.collab-bot.is-awaiting .collab-signal{color:#b58634;background:#fff5d9;border-color:#e6c990}.collab-bot.is-awaiting .collab-dots{opacity:0}.collab-bot.is-updating .collab-state{animation:collab-status-in .5s ease both}
.collab-build{position:absolute;left:15%;bottom:3%;width:328px;max-width:95%;padding:18px 18px 0;background:#fffffff0;border:1px solid #ffffffdd;border-radius:13px;box-shadow:0 18px 50px #0a1b3040;backdrop-filter:blur(16px);z-index:3;color:#32424e;transform:rotate(-1deg)}
.collab-build-top{display:flex;align-items:center;gap:9px}.collab-build-top>div{flex:1}.collab-build-icon{width:31px;height:33px;background:#edf0ff;border:1px solid #e5e9fd;border-radius:8px;display:grid;place-items:center;color:#7284db}.collab-build-icon svg{width:19px;height:19px}.collab-build-kicker{display:block;color:#909caf;font-size:7px;font-weight:600;letter-spacing:.9px;margin-bottom:4px}.collab-build-top strong{display:block;font-size:12px;letter-spacing:-.2px;font-weight:600;white-space:nowrap}.collab-draft{border:1px solid #e3e8f0;border-radius:5px;padding:4px 5px;font-size:7px;color:#8a98ae;white-space:nowrap}.collab-build.is-complete .collab-draft{color:#41816d;background:#edf7f1;border-color:#d9eadd}
.collab-checklist{display:grid;gap:11px;margin:19px 0 17px;padding-left:2px}.collab-checklist>span{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.4;color:#99a1ad;transition:color .35s}.collab-checklist>span>i{width:14px;height:14px;border:1px solid #d8dfe8;border-radius:4px;display:grid;place-items:center;transition:background .35s,border-color .35s;flex:none}.collab-checklist svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.collab-checklist svg path{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .5s ease .1s}.collab-checklist .is-done{color:#637588}.collab-checklist .is-done>i{background:#719d91;border-color:#719d91}.collab-checklist .is-done svg path{stroke-dashoffset:0}.collab-checklist .is-current{color:#6578be}.collab-checklist .is-current>i{background:#edf1ff;border-color:#9faee7;box-shadow:0 0 0 3px #617ff509}
.collab-people{display:flex;align-items:center;gap:9px;border-top:1px solid #e7ebef;padding:12px 0 13px;min-height:50px}.collab-avatars{display:flex;align-items:center;padding-left:0;flex:none}.collab-avatars>i{display:block;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background-image:url('assets/team-portraits.png');background-size:400% 200%;background-repeat:no-repeat;margin-right:-7px}.collab-person-hannah{background-position:66.666667% 0}.collab-person-maya{background-position:0 0}.collab-person-peter{background-position:33.333333% 0}.collab-avatars>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef0fd;color:#8390bd;border:2px solid #fff;font-size:7px;font-weight:500;margin-left:0}.collab-people>[data-collab-message]{font-size:8px;color:#8491a4;line-height:1.5;flex:1}.collab-presence{width:5px;height:5px;background:#80ab9c;border-radius:50%;box-shadow:0 0 0 3px #80ab9c12;flex:none}
.collab-cursor{position:absolute;left:53%;bottom:10%;z-index:4;color:#9b7abd;transform:rotate(-8deg);animation:collab-cursor 10s ease-in-out infinite;animation-play-state:paused}.collab-cursor svg{width:20px;height:25px;filter:drop-shadow(0 1px 2px #354a6020)}.collab-cursor>span{font-size:8px;padding:4px 7px;border-radius:4px;background:#a78ac6;color:#fff;display:block;margin-left:12px;margin-top:-4px}
.hero-collaboration.is-active :is(.collab-line,.collab-bot,.collab-bot-head>b,.collab-dots>b,.collab-cursor){animation-play-state:running}
@keyframes collab-float{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-7px) rotate(calc(var(--tilt,0deg) + 1deg))}}
@keyframes collab-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.16)}}
@keyframes collab-dot{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@keyframes collab-flow{to{stroke-dashoffset:-100}}
@keyframes collab-status-in{from{opacity:.15;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes collab-cursor{0%,100%{transform:translate(0,0) rotate(-8deg)}45%,65%{transform:translate(-32px,-23px) rotate(0deg)}}
@media(min-width:1600px){.hero-scene{padding:60px 0}.hero-scene .hero-grid{min-height:630px}.hero-scene h1{font-size:76px}.hero-collaboration{height:630px}.collab-nova{left:0;top:42%}.collab-build{bottom:4%}}
@media(max-width:1200px) and (min-width:801px){.hero-scene .hero-grid{width:calc(100% - 64px);gap:24px;grid-template-columns:.85fr 1.15fr;min-height:570px}.hero-scene h1{font-size:57px}.hero-scene .hero-description{font-size:16px;max-width:330px}.hero-scene .hero-actions{gap:16px;flex-wrap:wrap}.hero-collaboration{height:570px}.collab-bot{min-width:180px;gap:10px;padding:12px 13px}.collab-bot-head{width:37px;height:37px;border-radius:12px}.collab-bot-head>i{left:16px;width:5px;height:8px;top:-5px}.collab-bot-head>b{width:5px;height:10px;left:9px;top:13px}.collab-bot-head>b+b{left:23px}.collab-bot-copy>strong{font-size:13px}.collab-bot-copy>strong>small{font-size:8px}.collab-role{font-size:8px}.collab-state{font-size:10px;min-width:97px}.collab-nova{left:-3%;top:43%}.collab-orbit{right:-1%;top:5%}.collab-atlas{right:-1%;top:60%}.collab-build{left:1%;width:288px;bottom:0;padding:15px 15px 0}.collab-checklist{gap:9px;margin:15px 0}.collab-draft{display:none}.collab-cursor{left:50%;bottom:5%}.hero-media{left:32%}}
@media(max-width:800px){.hero-scene{padding:48px 0 28px}.hero-scene .hero-grid{width:calc(100% - 48px);grid-template-columns:1fr;min-height:0;gap:25px}.hero-scene .hero-copy{max-width:560px}.hero-scene h1{font-size:60px;max-width:550px}.hero-scene h1>span{display:block}.hero-scene .hero-description{font-size:16px;max-width:430px}.hero-scene .hero-actions{gap:24px}.hero-media{left:0;top:auto;bottom:0;height:585px}.hero-poster,.hero-background-video{object-position:50% 50%}.hero-shade{background:linear-gradient(180deg,#102132 0%,#102132 29%,rgba(16,33,50,.4) 51%,rgba(16,33,50,.02) 75%,rgba(10,22,36,.7) 100%)}.hero-collaboration{height:470px;max-width:680px;width:100%;justify-self:center}.collab-nova{left:0;top:40%}.collab-orbit{right:1%;top:1%}.collab-atlas{right:0;top:47%}.collab-build{left:14%;bottom:0;width:328px}.collab-cursor{bottom:7%;left:57%}.collab-connections{opacity:.4}.hero-with-video .step-strip{margin-top:24px}}
@media(max-width:520px){.hero-with-video{padding-bottom:24px}.hero-scene{padding:43px 0 22px}.hero-scene .hero-grid{width:calc(100% - 40px);gap:26px}.hero-scene h1{font-size:49px;line-height:1.08;letter-spacing:-.055em}.hero-scene .hero-copy .eyebrow{max-width:290px;font-size:9px;margin-bottom:20px}.hero-scene .hero-description{font-size:15px;line-height:1.75;max-width:330px;margin-top:22px}.hero-scene .hero-actions{gap:16px;flex-wrap:wrap;margin-top:26px}.hero-scene .hero-actions>.primary-button{font-size:12px;padding:15px 18px}.hero-scene .video-link{font-size:11px}.hero-media{height:440px;bottom:102px}.hero-shade{background:linear-gradient(180deg,#102132 0%,#102132 44%,rgba(16,33,50,.1) 62%,rgba(16,33,50,.08) 83%,#102132 100%)}.hero-collaboration{height:477px}.collab-bot{min-width:153px;padding:10px 11px;gap:9px;border-radius:14px;box-shadow:0 8px 28px #08192c25,0 0 0 3px #ffffff0a}.collab-bot-head{width:31px;height:31px;border-radius:11px;box-shadow:inset 0 2px 0 #ffffff27,0 0 0 4px color-mix(in srgb,var(--bot) 10%,transparent)}.collab-bot-head>i{width:4px;height:6px;top:-4px;left:14px}.collab-bot-head>b{width:4px;height:9px;top:11px;left:8px}.collab-bot-head>b+b{left:20px}.collab-bot-copy>strong{font-size:11px;letter-spacing:-.1px}.collab-bot-copy>strong>small{font-size:7px;margin-left:2px}.collab-role{font-size:7px;margin:3px 0 5px}.collab-state{font-size:9px;min-width:91px;gap:4px}.collab-state>i{width:3px;height:3px}.collab-dots{gap:2px}.collab-dots>b{width:1.5px;height:1.5px}.collab-signal{width:21px;height:21px;font-size:12px;right:-6px;top:-10px;border-radius:7px 7px 7px 2px}.collab-nova{left:-2px;top:30%}.collab-orbit{right:3px;top:0}.collab-atlas{right:2px;top:48%}.collab-build{width:284px;max-width:95%;left:4px;bottom:0;padding:15px 15px 0}.collab-checklist{gap:10px;margin:17px 0 14px}.collab-build-top strong{font-size:11px}.collab-build-kicker{font-size:6px}.collab-people{gap:7px}.collab-draft{font-size:6px}.collab-cursor{left:68%;bottom:9%}.collab-connections{display:none}}
@media(prefers-reduced-motion:reduce){.hero-background-video,.hero-collaboration *{transition:none!important;animation:none!important}.hero-background-video:not(.is-ready){display:none}.collab-dots{display:none}.collab-cursor{display:none}}