@font-face{font-family:Slat;src:url('assets/SlatDisplay-Bold.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#faf7ef;color:#192849;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f58b32;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:24px}header nav{display:flex;gap:36px;font-size:15px}header a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:6px}.logo img{display:block}.nav-cta{font-size:14px;display:flex;gap:18px}.skip{position:absolute;left:20px;top:-60px;background:#fff;padding:14px;z-index:20}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:730px;background:#315bd6;color:#faf7ef;overflow:hidden}.hero-copy{padding:70px 8.3% 35px;display:flex;flex-direction:column;align-items:flex-start}h1,h2,h3{font-family:Slat,sans-serif;font-weight:700;margin:0;letter-spacing:-.045em}h1{font-size:clamp(60px,6.2vw,96px);line-height:1.05}.hero-description{font-size:27px;line-height:1.3;margin:29px 0 15px;font-weight:750}.hero-detail{max-width:370px;font-size:17px;line-height:1.6;margin:0 0 30px}.button{min-height:56px;border-radius:100px;display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:17px 25px;font-size:16px;font-weight:750;transition:transform .2s,background .2s}.primary{background:#faf7ef;color:#192849}.primary:hover{background:#f7c99b;transform:translateY(-2px)}.hero-foot{margin-top:auto;padding-top:40px;font-size:13px}.hero-art{position:relative;min-width:0}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% 68%}.scene-caption{position:absolute;bottom:30px;left:30px;border-radius:50px;background:#faf7ef;color:#192849;padding:12px 20px;font-size:13px}.section{padding:110px 4.5%}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:58px}h2{font-size:clamp(42px,4.7vw,70px);line-height:1.07}.section-intro>p{max-width:420px;margin:0 0 4px;font-size:17px;line-height:1.65}.demo-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px}.steps{display:flex;flex-direction:column;gap:8px}.steps button{border:0;background:transparent;text-align:left;color:#192849;display:flex;align-items:center;gap:15px;padding:19px 14px;border-radius:14px;transition:background .2s}.steps button>span{border:1px solid #b9bdc7;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:13px}.steps button div{font-size:17px;font-weight:750}.steps small{display:block;font-size:13px;font-weight:600;margin-top:7px;line-height:1.4;color:#566077}.steps button[aria-pressed=true]{background:#e6eafe}.steps button[aria-pressed=true]>span{background:#315bd6;color:#fff;border-color:#315bd6}.demo-wrap{min-width:0}.demo{background:#151a24;border:8px solid #dfded8;border-radius:22px;color:#f7f5ee;box-shadow:0 24px 50px #19284914;overflow:hidden}.window-top{height:49px;background:#272c36;display:flex;gap:20px;align-items:center;padding:0 20px;font-size:12px}.window-dots{font-size:10px;letter-spacing:2px;color:#959eaf}.example{margin-left:auto;color:#bbc4d6;font-size:11px}.demo-body{display:flex;min-height:388px}.demo-sidebar{width:152px;flex-shrink:0;padding:27px 14px;background:#1d222d;display:flex;flex-direction:column;gap:16px;font-size:12px;color:#bbc4d6}.demo-sidebar>strong{margin-bottom:16px;color:#faf7ef}.demo-sidebar>span{display:flex;justify-content:space-between;padding:9px 8px}.sidebar-selected{background:#315bd6;color:white;border-radius:6px}.sidebar-bottom{margin-top:auto;font-size:10px}.task-content{padding:28px;flex:1;min-width:0}.task-content h3{font-family:inherit;letter-spacing:-.03em;font-size:24px;line-height:1.2;margin:15px 0}.task-label{font-size:11px;color:#b5c8ff}.status{font-size:11px;border-radius:20px;padding:6px 10px;background:#324973;display:inline-block;margin-bottom:16px;color:#dce7ff}.task-content p{font-size:14px;line-height:1.6;margin:10px 0}.task-content h4{font-size:12px;color:#b8c3d7;margin:16px 0 8px}.brief{padding:15px;background:#242c3b;border:1px solid #45536e;border-radius:8px}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.file{min-width:0;background:#252d3c;border:1px solid #45536e;padding:8px;border-radius:7px}.file-preview{height:62px;background:#faf7ef;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#192849;font-size:16px}.file-preview img{width:92%;height:100%;object-fit:contain}.file small{font-size:10px;display:block;margin-top:8px;overflow-wrap:anywhere}.rule{border-left:3px solid #87a7ff;background:#252d3c;padding:13px;font-size:14px;margin:12px 0}.rule small{display:block;color:#b5c8ff;margin-bottom:6px;font-size:11px}.context-list{padding:13px 15px;background:#252d3c;border-radius:8px;list-style:none;font-size:13px;line-height:1.9}.context-list li:before{content:'✓';color:#b5c8ff;margin-right:10px}.update{border-top:1px solid #45536e;padding-top:14px}.update strong{display:block;font-size:18px;line-height:1.4}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.demo-bottom p{font-size:11px;line-height:1.5;color:#566077}.next{border:0;color:#315bd6;background:transparent;padding:10px 0;font-size:13px;white-space:nowrap}.next span{margin-left:10px}.together{display:grid;grid-template-columns:1fr 1fr;background:#f4cda5}.together figure{margin:0;position:relative}.together figure>img{display:block;width:100%;height:100%;object-fit:cover}.together figcaption{position:absolute;bottom:18px;left:24px;background:#faf7ef;padding:8px 12px;border-radius:20px;font-size:11px}.together-copy{padding:90px 13%;align-self:center}.together-copy h2{font-size:clamp(40px,4.4vw,66px)}.together-copy p{font-size:17px;line-height:1.65;max-width:420px;margin-top:28px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:8px;font-size:15px}.connection{background:#192849;color:#faf7ef}.connection .section-intro p{color:#d0d8e8}.connection-line{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:48px 7% 58px;gap:50px}.connection-origin img{filter:brightness(0) invert(96%) sepia(7%) saturate(287%);width:140px}.connection-origin p{font-size:17px;line-height:1.9;color:#d0d8e8}.bridge{text-align:center}.bridge>span{font-size:14px}.bridge>div{font-size:68px;color:#89a6fc;line-height:1.5;border-bottom:1px solid #536380}.bridge small{display:block;margin-top:18px;font-size:12px;color:#b5c8ff}.agents{display:flex;flex-direction:column;gap:25px;font-size:28px;font-weight:750}.connection-note{border-top:1px solid #536380;padding-top:30px;display:flex;justify-content:space-between;gap:40px}.connection-note p{font-family:Slat;font-size:26px;line-height:1.3;margin:0}.connection-note>div{max-width:430px;font-size:14px;line-height:1.7;color:#d0d8e8}.connection-note a{display:inline-block;margin-top:14px;color:#faf7ef;text-decoration:underline;text-underline-offset:5px}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.questions details{border-bottom:1px solid #c9ccd3;padding:23px 0}.questions details:first-child{padding-top:0}.questions summary{font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;line-height:1.4}.questions summary:after{content:'+';font-size:24px}.questions details[open] summary:after{content:'−'}.questions details p{font-size:16px;line-height:1.7;max-width:590px;color:#4d5870}.questions details a{text-decoration:underline}.closing{text-align:center;padding:50px 4.5% 30px}.closing h2{font-size:clamp(45px,5.3vw,80px)}.closing .button{margin-top:30px;background:#315bd6;color:#fff}.closing>img{display:block;width:88%;height:auto;margin:90px auto 30px}footer{display:flex;justify-content:space-between;padding:25px 4.5% 35px;font-size:12px;gap:20px}.task-content>*{animation:arrive .24s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){header,main,footer{max-width:1800px;margin:auto}.hero{min-height:850px}}@media(max-width:1100px){.hero{min-height:680px}.hero-copy{padding-top:55px}h1{font-size:66px}.demo-layout{grid-template-columns:270px minmax(0,1fr);gap:20px}.demo-sidebar{display:none}.together-copy{padding:50px 9%}.section{padding:80px 4.5%}}@media(max-width:760px){header{height:80px;padding:0 6%}.logo img{width:95px}header nav{display:none}.nav-cta{font-size:12px;gap:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 6% 34px}h1{font-size:clamp(53px,10.8vw,80px)}.hero-description{font-size:23px;margin-top:23px}.hero-detail{max-width:390px;font-size:16px}.hero-foot{display:none}.hero-art{height:530px}.hero-art>img{object-position:50% 71%}.scene-caption{bottom:20px;left:6%}.section{padding:64px 6%}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:22px;font-size:16px}.demo-layout{display:block}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:20px}.steps button{padding:10px 2px;justify-content:center}.steps button div{display:none}.steps button>span{width:36px;height:36px}.demo{border-width:5px;border-radius:15px}.window-top{padding:0 12px;gap:10px;font-size:11px}.example{font-size:9px}.task-content{padding:21px 17px;min-height:405px}.task-content h3{font-size:23px}.demo-bottom{align-items:flex-start;gap:8px}.demo-bottom p{max-width:145px;margin:9px 0}.next{white-space:normal;max-width:160px;text-align:right;font-size:12px}.together{display:flex;flex-direction:column-reverse}.together-copy{padding:60px 6%}.together-copy p{font-size:16px}.together figure>img{max-height:670px;object-position:center}.connection-line{grid-template-columns:1fr 1fr;padding:25px 0 35px;gap:25px}.connection-origin{grid-column:1}.bridge{grid-column:1 / -1;grid-row:2}.bridge>div{line-height:1.1}.agents{font-size:22px;gap:30px}.connection-origin p{font-size:14px}.connection-note{display:block}.connection-note>div{margin-top:20px}.questions{display:block}.questions>div{margin-top:35px}.questions summary{font-size:17px}.closing{padding:10px 6% 10px}.closing>img{width:100%;margin:60px auto 25px}footer{padding:20px 6% 30px;flex-wrap:wrap;font-size:11px}footer>span:first-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.mobile-step{display:none}@media(max-width:760px){.mobile-step{display:block;font-size:19px;font-weight:750;margin:0 0 18px}.steps button{min-height:48px}.nav-cta{min-height:44px;align-items:center}}
/* v02: a living brand stage and scroll-driven context story. */
:root{--assembly:0;--hero-scroll:0}header{position:absolute;z-index:5;top:0;left:0;width:100%;color:#faf7ef;height:92px}header .logo img{filter:brightness(0) invert(1)}.hero{position:relative;min-height:850px;min-height:100svh;grid-template-columns:1.15fr 1fr;padding-top:92px;background:#315bd6;isolation:isolate}.hero-copy{padding:8vh 0 65px 8%;position:relative;z-index:2;justify-content:center}.hero h1{font-size:clamp(74px,7.4vw,118px);letter-spacing:-.065em;line-height:1.01}.hero-description{font-size:24px;margin-top:30px}.hero-detail{font-size:16px;max-width:355px}.hero-foot{margin-top:0;padding-top:35px}.hero-art{align-self:center;margin:30px 12% 60px 8%;height:65svh;min-height:500px;max-height:780px;transform:translateY(calc(var(--hero-scroll) * -30px)) rotate(-5deg);border-radius:48% 48% 44% 44%;background:#213f9c;box-shadow:0 0 0 1px #faf7ef30,0 35px 100px #102c6540}.hero-art>img{border-radius:inherit;object-position:51% 72%;transform:rotate(5deg) scale(.94);height:100%;width:100%}.hero-orbit{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-orbit i{position:absolute;width:75vw;height:75vw;border:1px solid #faf7ef20;border-radius:50%;left:41%;top:3%;transform:rotate(-25deg)}.hero-orbit i:nth-child(2){width:95vw;height:95vw;left:30%;top:-15%}.hero-orbit i:nth-child(3){width:120vw;height:120vw;left:17%;top:-38%}.orbit-label{position:absolute;z-index:3;border-radius:12px;padding:17px 20px;font-size:16px;font-weight:750;background:#faf7ef;color:#192849;box-shadow:0 15px 35px #19284928;display:flex;gap:30px;animation:drift 6s ease-in-out infinite;transform:rotate(5deg)}.label-brief{left:-35px;top:13%}.label-rules{right:-40px;top:44%;background:#f7c99b;animation-delay:-2s}.label-update{left:-20px;bottom:12%;animation-delay:-4s}.scene-caption{left:36%;bottom:4%;font-size:12px;transform:rotate(5deg);background:transparent}.hero h1{animation:hero-in .85s cubic-bezier(.2,.7,.2,1) both}.hero-description,.hero-detail{animation:hero-in .9s .12s both}.motion-toggle{position:fixed;bottom:20px;right:22px;z-index:10;border:1px solid #faf7ef40;border-radius:30px;padding:12px 16px;min-height:44px;background:#192849;color:#faf7ef;font-size:12px;box-shadow:0 5px 25px #19284920;display:flex;align-items:center;gap:14px}.assembly{height:220vh;position:relative;background:#f7c99b}.assembly-stage{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:50px 5%;gap:35px}.assembly-copy h2{font-size:clamp(43px,4.6vw,72px)}.assembly-copy>p{font-size:20px;max-width:340px;line-height:1.5;min-height:70px;margin-top:28px}.assembly-progress{height:4px;background:#19284925;border-radius:4px;width:210px;margin:25px 0 18px;overflow:hidden}.assembly-progress span{display:block;height:100%;width:100%;background:#192849;transform-origin:left;transform:scaleX(var(--assembly))}.assembly-hint{font-size:12px}.assembly-board{height:550px;position:relative;perspective:1000px}.context-piece{position:absolute;width:210px;height:235px;border-radius:17px;padding:23px;color:#192849;background:#faf7ef;box-shadow:0 20px 45px #19284922;z-index:3;transform-origin:50% 100%;will-change:transform}.context-piece>span,.context-destination>span{font-size:11px}.context-piece strong{display:block;font-family:Slat;font-size:27px;line-height:1.1;margin-top:22px;letter-spacing:-.03em}.context-piece p{font-size:13px;line-height:1.5;margin-top:18px}.piece-brief{left:2%;top:8%;transform:translate(calc(var(--assembly) * 75px),calc(var(--assembly) * 100px)) rotate(calc(-13deg + var(--assembly) * 13deg)) scale(calc(1 - var(--assembly) * .25))}.piece-files{left:39%;top:0%;background:#315bd6;color:#faf7ef;transform:translate(calc(var(--assembly) * -40px),calc(var(--assembly) * 143px)) rotate(calc(9deg - var(--assembly) * 9deg)) scale(calc(1 - var(--assembly) * .25))}.piece-files img{width:125px;margin-top:35px;filter:brightness(0) invert(1)}.piece-rules{right:0;top:39%;background:#192849;color:#faf7ef;transform:translate(calc(var(--assembly) * -80px),calc(var(--assembly) * -68px)) rotate(calc(14deg - var(--assembly) * 14deg)) scale(calc(1 - var(--assembly) * .25))}.context-destination{position:absolute;left:10%;bottom:2%;width:80%;background:#faf7ef;border-radius:19px;box-shadow:0 25px 50px #19284918;padding:30px;transform:translateY(calc(25px - var(--assembly) * 25px));z-index:4}.context-destination strong{font-size:25px;letter-spacing:-.04em;display:block;margin-top:12px}.context-destination>p{font-size:12px;margin-top:15px}.context-ready{background:#315bd6;color:#fff;margin:20px -15px -15px;padding:16px 15px;border-radius:10px;font-size:12px;display:flex;justify-content:space-between;opacity:var(--assembly)}.assembly-caption{position:absolute;bottom:30px;right:5%;font-size:11px}.demo-playbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:15px}.demo-playbar button{border:0;border-radius:30px;background:#315bd6;color:#fff;padding:14px 20px;min-height:46px;font-size:13px}.demo-playbar button span{margin-left:15px}.demo-playbar>span{font-size:12px;color:#566077}.demo-bottom{margin-top:8px}.connection-line{position:relative}.bridge>div{position:relative;overflow:hidden}.bridge>div:after{content:'';position:absolute;bottom:0;left:-20%;width:20%;height:3px;background:#b5c8ff;animation:transfer 3s ease-in-out infinite}.closing{overflow:hidden}.closing>img{transition:transform .5s}.closing>img:hover{transform:rotate(-3deg) scale(1.025)}body.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-paused .hero-art{transform:rotate(-5deg)}@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes hero-in{from{opacity:0;transform:translateY(35px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes transfer{0%{left:-20%}100%{left:100%}}
@media(max-width:1100px){.hero h1{font-size:clamp(66px,7.4vw,95px)}.hero-art{margin-left:5%;margin-right:14%;min-height:450px}.orbit-label{padding:13px 15px;font-size:13px;gap:16px}.assembly-stage{gap:15px}.context-piece{width:175px;height:225px;padding:18px}.context-piece strong{font-size:25px}.context-destination{left:0;width:100%}}
@media(max-width:760px){header{height:80px}.hero{display:flex;flex-direction:column;padding-top:80px;min-height:0}.hero-copy{padding:42px 6% 10px;align-self:stretch}.hero h1{font-size:clamp(56px,11.8vw,88px)}.hero-description{font-size:22px}.hero-detail{font-size:15px;max-width:340px}.hero-art{height:500px;min-height:0;width:74%;margin:55px auto 65px}.hero-art>img{object-position:50% 76%}.orbit-label{font-size:13px}.label-brief{left:-30px}.label-rules{right:-34px}.label-update{left:-25px}.hero-orbit i{width:170vw;height:170vw;left:0;top:20%}.hero-orbit i:nth-child(2){width:210vw;height:210vw;left:-20%;top:15%}.hero-orbit i:nth-child(3){width:250vw;height:250vw;left:-40%;top:10%}.assembly{height:190vh}.assembly-stage{display:flex;flex-direction:column;justify-content:center;min-height:710px;padding:35px 6%;gap:10px}.assembly-copy{align-self:stretch}.assembly-copy h2{font-size:38px}.assembly-copy>p{font-size:16px;min-height:48px;margin:18px 0 0;max-width:310px}.assembly-progress{margin:12px 0;width:150px}.assembly-hint{font-size:11px}.assembly-board{height:340px;width:100%;flex-shrink:0}.context-piece{width:133px;height:155px;border-radius:12px;padding:13px}.context-piece>span{font-size:9px}.context-piece strong{font-size:19px;margin-top:12px}.context-piece p{font-size:10px;line-height:1.4;margin-top:9px}.piece-files img{width:80px;margin-top:22px}.piece-files{left:34%}.piece-rules{top:24%}.context-destination{padding:18px;bottom:0;left:4%;width:92%}.context-destination strong{font-size:20px}.context-destination>span{font-size:10px}.context-destination>p{font-size:10px}.context-ready{font-size:10px;margin:12px -8px -8px;padding:12px 9px}.assembly-caption{bottom:16px;font-size:10px}.demo-playbar{align-items:center}.demo-playbar>span{max-width:100px;font-size:11px}.motion-toggle{bottom:12px;right:12px;padding:10px 13px;font-size:11px}.closing{padding-bottom:35px}footer{padding-bottom:85px}.piece-brief{transform:translate(calc(var(--assembly) * 45px),calc(var(--assembly) * 60px)) rotate(calc(-13deg + var(--assembly) * 13deg)) scale(calc(1 - var(--assembly) * .25))}.piece-files{transform:translate(calc(var(--assembly) * -10px),calc(var(--assembly) * 80px)) rotate(calc(9deg - var(--assembly) * 9deg)) scale(calc(1 - var(--assembly) * .25))}.piece-rules{transform:translate(calc(var(--assembly) * -38px),calc(var(--assembly) * 5px)) rotate(calc(14deg - var(--assembly) * 14deg)) scale(calc(1 - var(--assembly) * .25))}}
body.motion-paused .assembly{height:auto}body.motion-paused .assembly-stage{position:relative}body.motion-paused .assembly-hint{display:none}body.motion-paused .context-piece{will-change:auto}body.motion-paused .hero h1,body.motion-paused .hero-description,body.motion-paused .hero-detail{animation:none}
@media(prefers-reduced-motion:reduce){.assembly{height:auto}.assembly-stage{position:relative}.assembly-hint{display:none}.hero-art{transform:rotate(-5deg)}.context-piece{will-change:auto}.closing>img:hover{transform:none}}
/* Characters live between independent visual planes, not inside an image frame. */
.hero-art{perspective:1100px;transform-style:preserve-3d;background:transparent;box-shadow:none;border-radius:0;transform:translateY(calc(var(--hero-scroll) * -24px));isolation:isolate;--pointer-x:0;--pointer-y:0}.depth-portal{position:absolute;inset:4% 5% -2% 8%;border-radius:48% 48% 15px 15px;background:#2345aa;border:1px solid #92adff70;box-shadow:inset 0 0 70px #132e8830,22px 28px 0 #244bb5;transform:rotate(-8deg) translate3d(calc(var(--pointer-x) * -9px),calc(var(--pointer-y) * -7px),-60px);z-index:0}.depth-word{font-family:Slat;font-size:clamp(100px,12vw,185px);letter-spacing:-.07em;position:absolute;left:-6%;top:7%;color:#b5c8ff;z-index:1;transform:translate3d(calc(var(--pointer-x) * -14px),calc(var(--pointer-y) * -10px),0) rotate(-8deg);pointer-events:none}.hero-art>.hero-characters{position:absolute;inset:auto auto -4% -5%;height:108%;width:112%;object-fit:contain;object-position:center bottom;border-radius:0;z-index:2;transform:translate3d(calc(var(--pointer-x) * 13px),calc(var(--pointer-y) * 8px + var(--hero-scroll) * 46px),50px) rotateY(calc(var(--pointer-x) * -4deg));filter:drop-shadow(10px 18px 18px #10275c25);pointer-events:none}.orbit-label{z-index:4}.label-brief{z-index:1;left:-10%;top:3%}.label-rules{right:-7%;top:52%;transform:rotate(-7deg)}.label-update{left:-8%;bottom:4%;transform:rotate(3deg)}.scene-caption{z-index:5;bottom:-10%;left:43%;transform:none;color:#faf7ef}.story-characters{position:absolute;height:115%;width:100%;object-fit:contain;left:0;bottom:-15%;z-index:2;pointer-events:none;transform:translate3d(calc(-160px + var(--assembly) * 160px),calc(50px - var(--assembly) * 100px),0) scale(calc(.66 + var(--assembly) * .19)) rotateY(calc(-16deg + var(--assembly) * 22deg));transform-origin:center bottom;filter:drop-shadow(12px 18px 15px #19284920)}.assembly-board{isolation:isolate}.assembly-board .context-piece{z-index:1}.assembly-board .piece-rules{z-index:3}.assembly-board .context-destination{z-index:4;background:#faf7eff2}.assembly-board[data-depth="front"] .story-characters{z-index:5}.assembly-board[data-depth="front"] .context-destination{z-index:6}.assembly-board .context-piece{box-shadow:0 20px 40px #19284920}.assembly-board .piece-brief{left:0;top:0}.assembly-board .piece-files{left:52%;top:-3%}.assembly-board .piece-rules{right:-4%;top:35%}body.motion-paused .hero-art{transform:none}body.motion-paused .hero-characters{transform:none}body.motion-paused .depth-portal{transform:rotate(-8deg)}body.motion-paused .depth-word{transform:rotate(-8deg)}
@media(max-width:760px){.hero-art{width:76%;height:465px;margin:65px auto 95px}.depth-word{font-size:100px;top:5%;left:-4%}.hero-art>.hero-characters{height:110%;width:120%;left:-10%;bottom:-8%}.label-brief{left:-9%;top:-5%}.label-rules{right:-8%;top:58%}.label-update{bottom:-9%;left:-7%}.scene-caption{display:none}.story-characters{height:125%;width:110%;left:-10%;bottom:-9%;transform:translate(calc(-55px + var(--assembly) * 65px),calc(30px - var(--assembly) * 65px)) scale(calc(.65 + var(--assembly) * .14)) rotateY(calc(-16deg + var(--assembly) * 22deg))}.assembly-board .piece-files{left:50%}.assembly-board .piece-rules{right:0;top:27%}}
@media(prefers-reduced-motion:reduce){.hero-art>.hero-characters{transform:none}.depth-portal{transform:rotate(-8deg)}.depth-word{transform:rotate(-8deg)}}
.assembly-board .context-destination{background:#faf7ef}.story-characters{bottom:3%;height:125%}.assembly-board .piece-rules{right:0}body.motion-paused .assembly{height:220vh}body.motion-paused .assembly-stage{position:sticky}@media(max-width:760px){.story-characters{bottom:7%;height:132%}.assembly-board .context-destination{bottom:-2%}body.motion-paused .assembly{height:190vh}.assembly-copy h2{font-size:36px}}@media(prefers-reduced-motion:reduce){body.motion-paused .assembly{height:auto}body.motion-paused .assembly-stage{position:relative}}

/* No decorative eyebrow labels: let the actual content lead. */
.context-piece strong,.context-destination strong{margin-top:0}.piece-files img{margin-top:12px}.task-content h3{margin-top:0}
/* v03 hero: the shared task is the subject. */
header{position:relative;color:#192849;height:96px;background:#faf7ef}header .logo img{filter:none}.product-hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:730px;padding:0 5% 65px;gap:6%;background:#faf7ef;color:#192849;overflow:hidden;align-items:center;position:relative}.product-hero .hero-copy{padding:30px 0 65px;align-self:center;justify-content:flex-start}.product-hero h1{font-size:clamp(52px,4.6vw,76px);line-height:1.075;letter-spacing:-.055em;animation:none}.product-hero .hero-description{font-family:inherit;font-weight:750;letter-spacing:-.035em;font-size:25px;line-height:1.25;margin-top:30px;animation:none}.product-hero .hero-detail{font-size:17px;line-height:1.65;max-width:420px;margin:2px 0 28px;animation:none}.product-hero .primary{background:#315bd6;color:#faf7ef;border-radius:12px;padding:17px 24px}.product-hero .primary:hover{background:#2247b6}.product-hero .product-stage{height:665px;min-height:0;width:100%;margin:0;align-self:center;transform:none;perspective:1400px;isolation:isolate}.product-plane{position:absolute;inset:90px -110px 50px 15%;background:#315bd6;border-radius:160px 0 0 24px;transform:rotate(-6deg);z-index:0}.product-companions{position:absolute;right:-5%;top:-8px;height:325px;width:260px;object-fit:contain;z-index:1;transform:translate3d(calc(var(--pointer-x) * 7px),calc(var(--pointer-y) * 5px),25px);filter:drop-shadow(5px 10px 8px #1729491c);pointer-events:none}.hero-workspace{position:absolute;top:185px;left:0;width:94%;max-width:600px;z-index:2;background:#192849;color:#faf7ef;border-radius:16px;box-shadow:0 28px 55px #19284924,0 0 0 1px #ffffff80;overflow:hidden;transform:rotateY(calc(var(--pointer-x) * -1.3deg));}.hero-switcher{display:flex;padding:12px 12px 0;gap:4px;background:#223253;border-bottom:1px solid #ffffff18}.hero-switcher button{flex:1;padding:14px 6px;border:0;border-bottom:3px solid transparent;background:transparent;color:#c7d2e9;font-size:14px;font-weight:750}.hero-switcher button[aria-pressed=true]{color:#faf7ef;border-bottom-color:#f5a258}.hero-switcher button:hover{background:#ffffff09}.hero-task{padding:25px 27px 22px;min-height:280px}.hero-task h2{font-family:inherit;font-size:25px;line-height:1.2;letter-spacing:-.025em;max-width:370px}.hero-task>p{font-size:14px;line-height:1.5;color:#d7dfef;margin:10px 0 20px}.hero-materials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.hero-materials>div{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}.hero-materials img{width:64px;height:55px;object-fit:contain;background:#faf7ef;border-radius:5px;padding:5px}.hero-materials strong{font-size:12px;line-height:1.4}.hero-rule{border-top:1px solid #c3cfe333;padding-top:15px}.hero-rule strong{font-size:14px}.hero-rule p{font-size:14px;line-height:1.5;margin:7px 0 0;color:#d7dfef}.hero-action{padding:0 27px 22px}.hero-action button{width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 17px;background:#faf7ef;color:#192849;border:0;border-radius:7px;font-size:14px;font-weight:750;min-height:48px}.hero-proof{position:absolute;bottom:0;left:0;color:#192849;max-width:440px;font-size:17px;line-height:1.5;margin:0;font-weight:700}.hero-disclosure{position:absolute;bottom:24px;left:5%;margin:0;color:#566077;font-size:13px;line-height:1.5;max-width:90%}.hero-context-items{list-style:none;margin:15px 0 0;padding:0}.hero-context-items li{padding:10px 0;border-top:1px solid #ffffff20;font-size:14px;line-height:1.4;display:flex;gap:10px}.hero-context-items li:before{content:'✓';color:#b5c8ff}.hero-update-message{margin:20px 0 15px;border-left:3px solid #f5a258;padding:3px 0 3px 18px}.hero-update-message strong{font-size:22px;line-height:1.4}.hero-update-message p{font-size:14px;line-height:1.5;color:#d7dfef}.hero-task.hero-change{animation:arrive .25s ease-out}body.motion-paused .product-companions,body.motion-paused .hero-workspace{transform:none}
@media(min-width:1600px){.product-hero{min-height:800px}.product-hero h1{font-size:80px}.product-hero .product-stage{height:680px}}
@media(max-width:1100px){.product-hero{grid-template-columns:1fr 1fr;gap:4%;padding-left:4.5%;padding-right:4.5%}.product-hero h1{font-size:51px}.product-hero .hero-description{font-size:22px}.product-hero .hero-detail{font-size:16px}.hero-task{padding:22px;min-height:315px}.hero-task h2{font-size:23px}.hero-action{padding:0 22px 22px}.hero-materials>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.hero-materials{margin-bottom:15px}.hero-proof{font-size:15px;bottom:-10px}.product-hero .product-stage{height:695px}.product-companions{height:290px;width:235px;top:10px}.hero-workspace{top:180px;width:100%}.hero-switcher button{font-size:12px}}
@media(max-width:760px){header{height:80px}.product-hero{display:flex;flex-direction:column;padding:0 6% 80px;gap:0;min-height:0;align-items:stretch}.product-hero .hero-copy{padding:30px 0 0;align-self:stretch}.product-hero h1{font-size:clamp(43px,8.9vw,65px)}.product-hero .hero-description{font-size:22px;margin-top:24px}.product-hero .hero-detail{font-size:16px;max-width:440px;margin-top:0}.product-hero .product-stage{height:710px;margin:10px 0 0;width:100%;flex-shrink:0}.product-plane{top:130px;left:8%;bottom:35px;border-radius:130px 0 0 20px;right:-40px}.product-companions{top:10px;right:0;height:270px;width:220px}.hero-workspace{top:170px;width:100%;left:0}.hero-task{min-height:310px;padding:22px}.hero-task h2{font-size:23px}.hero-materials>div{display:flex;flex-direction:column;gap:8px}.hero-materials img{width:80px;height:55px}.hero-materials strong{font-size:12px}.hero-action{padding:0 22px 22px}.hero-proof{bottom:0;font-size:16px;max-width:310px}.hero-disclosure{bottom:22px;left:6%;max-width:85%;font-size:12px}.hero-switcher button{font-size:12px;padding:15px 4px}}
@media(prefers-reduced-motion:reduce){.product-companions,.hero-workspace{transform:none}}
.product-hero .product-stage>.product-companions{position:absolute;inset:auto 5% auto auto;top:-12px;height:210px;width:175px;border-radius:0;object-fit:contain;object-position:center bottom;transform:translate3d(calc(var(--pointer-x) * 5px),calc(var(--pointer-y) * 3px),15px);z-index:3}.product-hero .product-plane{top:95px}@media(max-width:760px){.product-hero .product-stage>.product-companions{top:-4px;height:185px;width:155px;right:5%}.product-hero .product-plane{top:105px}}body.motion-paused .product-hero .product-stage>.product-companions{transform:none}@media(prefers-reduced-motion:reduce){.product-hero .product-stage>.product-companions{transform:none}}
/* v04: one immersive brand environment, then a deliberate product reveal. */
body{background:#315bd6}header{position:absolute;top:0;left:0;width:100%;height:90px;padding:0 3%;background:transparent;color:#faf7ef;z-index:20}header .logo img{filter:brightness(0) invert(1);width:85px}header nav{display:none}.nav-cta{background:#faf7ef;color:#192849;border-radius:40px;padding:13px 20px;min-height:44px;font-size:13px}header .nav-cta:hover{text-decoration:none;background:#f7c99b}.immersive-hero{position:relative;display:block;background:#315bd6;color:#faf7ef;min-height:820px;height:100svh;padding:0;overflow:hidden;isolation:isolate;--drift-x:0;--drift-y:0}.immersive-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#faf7ef55 .7px,transparent .7px);background-size:27px 27px;pointer-events:none}.monument{position:absolute;left:2.5%;top:33%;width:57%;z-index:2;transform:translate3d(calc(var(--drift-x) * -8px),calc(var(--drift-y) * -6px - var(--hero-scroll) * 55px),0);pointer-events:none}.monument-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(96%) sepia(7%) saturate(287%);animation:brand-arrive 1.3s cubic-bezier(.16,1,.3,1) both}.monument-shadow{position:absolute;inset:20% 0 -10%;background:#192849;filter:blur(55px);opacity:.09;z-index:-1;transform:rotate(-7deg)}.intro-copy{position:absolute;right:4%;top:30%;width:32%;z-index:6}.intro-copy h1{font-family:Slat;font-size:clamp(34px,3.55vw,60px);line-height:1.06;letter-spacing:-.05em;margin:0;animation:none}.intro-copy p{font-size:18px;line-height:1.5;font-weight:650;max-width:350px;margin:25px 0}.intro-link{font-size:15px;display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #faf7ef80;padding:0 0 12px}.intro-link span{font-size:22px;transition:transform .25s}.intro-link:hover span{transform:translate(3px,3px)}.immersive-hero .immersive-characters{position:absolute;left:17%;top:auto;bottom:-7%;width:30%;height:56%;min-height:0;margin:0;border-radius:0;background:none;box-shadow:none;transform:none;perspective:1000px;z-index:4;isolation:auto}.immersive-hero .immersive-characters>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:0;transform:translate3d(calc(var(--drift-x) * 16px),calc(var(--drift-y) * 8px + var(--hero-scroll) * 100px),40px) rotateY(calc(var(--drift-x) * -5deg));filter:drop-shadow(15px 20px 25px #102c6530)}.scroll-cue{position:absolute;bottom:25px;left:50%;width:45px;height:45px;display:grid;place-items:center;border:1px solid #faf7ef65;border-radius:50%;z-index:8;font-size:24px;transform:translateX(-50%)}.scroll-cue:hover{background:#faf7ef;color:#315bd6}.brand-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.field-mark{position:absolute;width:var(--mark-width);height:calc(var(--mark-width) * 1.8);background:url('assets/slat-capsule.svg') center / contain no-repeat;left:var(--mark-x);top:var(--mark-y);opacity:var(--mark-opacity);transform:rotate(var(--mark-angle));animation:field-drift var(--mark-time) ease-in-out infinite alternate;animation-delay:var(--mark-delay);filter:blur(var(--mark-blur))}.workflow{background:#315bd6;color:#faf7ef;padding:135px 6% 110px;position:relative}.workflow .section-intro{display:block;text-align:center;margin:0 auto 75px;max-width:820px}.workflow h2{font-size:clamp(48px,5.7vw,88px)}.workflow .section-intro>p{max-width:610px;font-size:19px;line-height:1.6;margin:25px auto 0}.workflow .demo-layout{display:flex;flex-direction:column;gap:26px;max-width:1100px;margin:auto}.workflow .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;order:0}.workflow .steps button{color:#faf7ef;border-radius:0;padding:12px 8px 18px;align-items:flex-start;gap:10px;border-bottom:2px solid #faf7ef30}.workflow .steps button[aria-pressed=true]{background:none;border-bottom-color:#faf7ef}.workflow .steps button>span{display:none}.workflow .steps button div{font-size:16px;line-height:1.3}.workflow .steps small{display:none}.workflow .demo{border:0;border-radius:14px;box-shadow:0 40px 80px #17318345;background:#151a24}.workflow .window-top{height:52px}.workflow .demo-sidebar{width:185px;padding:30px 20px;font-size:14px}.workflow .task-content{padding:35px 42px;min-height:410px}.workflow .task-content h3{font-size:32px}.workflow .task-content p{font-size:17px}.workflow .task-content h4{font-size:14px}.workflow .file-preview{height:100px}.workflow .file small{font-size:13px}.workflow .rule{font-size:19px;padding:19px}.workflow .context-list{font-size:17px}.workflow .demo-playbar button{background:#faf7ef;color:#192849}.workflow .demo-playbar>span,.workflow .demo-bottom p,.workflow .next{color:#faf7ef}.workflow .demo-bottom p{font-size:12px}.workflow .mobile-step{color:#faf7ef}.assembly{background:#faf7ef}.assembly-stage{background:#faf7ef}.together{background:#f7c99b}.questions,.closing,footer{background:#faf7ef}.closing{padding-top:70px}.motion-toggle{background:#192849e8}body.motion-paused .monument,body.motion-paused .immersive-hero .immersive-characters>img{transform:none}body.motion-paused .monument-logo{animation:none}.brand-field .field-mark{will-change:translate}@keyframes brand-arrive{from{opacity:0;filter:brightness(0) invert(1) blur(18px);transform:scale(.94)}to{opacity:1;filter:brightness(0) invert(1) blur(0);transform:scale(1)}}@keyframes field-drift{from{translate:0 0;rotate:-8deg}to{translate:18px -38px;rotate:12deg}}
@media(min-width:1600px){.immersive-hero{min-height:950px}.intro-copy{top:32%}}@media(max-width:1100px){.immersive-hero{min-height:800px}.intro-copy{right:4%;width:34%;top:30%}.intro-copy h1{font-size:37px}.intro-copy p{font-size:16px}.monument{width:56%;top:35%}.immersive-hero .immersive-characters{left:13%;width:38%;height:55%;bottom:-5%}.workflow .demo-sidebar{display:flex}}
@media(max-width:760px){header{height:76px;padding:0 6%}.nav-cta{padding:11px 15px;font-size:11px;gap:8px}header .logo img{width:77px}.immersive-hero{height:1040px;min-height:100svh;max-height:none}.intro-copy{position:relative;top:auto;right:auto;left:0;padding:123px 6% 0;width:100%;text-align:left}.intro-copy h1{font-size:42px;line-height:1.06;max-width:360px}.intro-copy h1 br:nth-of-type(1){display:none}.intro-copy p{font-size:17px;margin:22px 0 20px;max-width:290px}.intro-link{font-size:14px}.monument{left:4%;width:92%;top:auto;bottom:265px}.immersive-hero .immersive-characters{left:23%;width:61%;height:385px;bottom:-15px}.scroll-cue{bottom:25px;left:12%;font-size:22px}.field-mark:nth-child(n+15){display:none}.workflow{padding:70px 6%}.workflow .section-intro{margin-bottom:40px}.workflow h2{font-size:43px}.workflow .section-intro>p{font-size:17px;margin-top:22px}.workflow .steps{gap:3px}.workflow .steps button{min-height:50px;padding:10px 4px;border-radius:0;align-items:center;justify-content:center}.workflow .steps button>span{display:block;border:0;font-size:15px;width:28px;height:28px}.workflow .steps button div{display:none}.workflow .steps button[aria-pressed=true]>span{background:transparent}.workflow .demo-sidebar{display:none}.workflow .task-content{padding:25px 21px;min-height:435px}.workflow .task-content h3{font-size:25px}.workflow .task-content p{font-size:15px}.workflow .task-content h4{font-size:13px}.workflow .file-preview{height:68px}.workflow .file small{font-size:10px}.workflow .rule{font-size:15px;padding:14px}.workflow .context-list{font-size:14px}.workflow .demo-playbar>span{font-size:11px}.workflow .demo-bottom p{font-size:11px}.workflow .demo-layout{gap:4px}.workflow .demo{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.monument,.immersive-hero .immersive-characters>img{transform:none}.field-mark{animation:none;will-change:auto}}
@media(min-width:761px){.immersive-hero .immersive-characters{left:16%;width:38%;height:61%;bottom:-1%}}
@media(max-width:760px){.immersive-hero{height:900px}.intro-copy h1 br:nth-of-type(1){display:initial}.monument{bottom:220px}.immersive-hero .immersive-characters{height:325px;width:61%;bottom:-10px}}
/* Two-way MCP connection, with explicit user-controlled stages. */
.agent-flow{margin:65px 0 50px}.flow-diagram{position:relative;display:grid;grid-template-columns:1.1fr .75fr 1fr;align-items:center;gap:12%;min-height:350px}.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.wire{fill:none;stroke:#65789b;stroke-width:2}.signal{stroke:#f7c99b;stroke-width:4;stroke-dasharray:10 160;stroke-linecap:round;opacity:0;animation:flow-signal 2s linear infinite}.flow-source,.flow-slat,.flow-clients{position:relative;z-index:1}.flow-source{border-left:3px solid #f7c99b;padding:8px 0 8px 23px;background:#192849}.flow-source h3{font-family:inherit;font-size:23px;letter-spacing:-.03em;line-height:1.2}.flow-source p{font-size:15px;line-height:1.6;color:#c8d4e9}.flow-source ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:13px;font-size:14px}.flow-source li:before{content:'+';margin-right:10px;color:#f7c99b}.flow-slat{border:1px solid #7e97ca;background:#2447ad;border-radius:85px;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 12px;box-shadow:0 0 0 12px #192849}.flow-slat img{width:125px;height:auto;filter:brightness(0) invert(1)}.flow-slat>p{text-align:center;font-size:16px;line-height:1.45;margin:20px 0 0}.flow-received{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:#f7c99b;color:#192849;white-space:nowrap;font-size:13px;padding:12px 15px;border-radius:30px;opacity:0}.flow-received span{margin-left:8px}.flow-clients{display:flex;flex-direction:column;gap:30px}.flow-clients button{color:#faf7ef;border:1px solid #65789b;background:#192849;border-radius:13px;min-height:110px;padding:23px;text-align:left;transition:background .25s,border-color .25s,transform .25s}.flow-clients button[aria-pressed=true]{border-color:#f7c99b;background:#263958;transform:translateX(-4px)}.flow-clients strong{font-size:23px;letter-spacing:-.04em;display:block}.client-state{font-size:13px;display:block;margin-top:12px;color:#c8d4e9}.flow-narration{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:40px 0 28px;min-height:110px}.flow-message{max-width:630px}.flow-message h3{font-family:inherit;font-size:27px;letter-spacing:-.035em;line-height:1.2}.flow-message p{font-size:16px;line-height:1.6;color:#c8d4e9;margin:14px 0 0}.flow-controls{display:flex;flex-direction:column;gap:8px;min-width:205px}.flow-controls button{border:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:13px 18px;font-size:14px;border-radius:30px;background:#faf7ef;color:#192849}.flow-controls #flow-next{background:transparent;color:#faf7ef}.flow-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:45px}.flow-timeline button{border:0;border-top:3px solid #526581;background:transparent;color:#c8d4e9;padding:16px 0 10px;text-align:left;font-size:14px;min-height:48px}.flow-timeline button[aria-pressed=true]{border-color:#f7c99b;color:#faf7ef}.agent-flow[data-phase="0"] .signal-input{opacity:1}.agent-flow[data-phase="1"][data-agent="claude"] .signal-claude,.agent-flow[data-phase="1"][data-agent="codex"] .signal-codex{opacity:1;animation-direction:reverse}.agent-flow[data-phase="2"][data-agent="claude"] .signal-claude,.agent-flow[data-phase="2"][data-agent="codex"] .signal-codex{opacity:1}.agent-flow[data-phase="3"][data-agent="claude"] .signal-claude,.agent-flow[data-phase="3"][data-agent="codex"] .signal-codex{opacity:1;animation-direction:reverse}.agent-flow[data-phase="3"] .flow-received{opacity:1}.agent-flow.flow-stopped .signal{animation-play-state:paused}.agent-flow[data-phase="2"] .flow-clients button[aria-pressed=true]{background:#315bd6}@keyframes flow-signal{from{stroke-dashoffset:170}to{stroke-dashoffset:0}}@media(max-width:1100px){.flow-diagram{gap:8%;grid-template-columns:1.1fr .8fr 1fr}.flow-clients button{padding:18px}.flow-clients strong{font-size:21px}.flow-slat img{width:100px}.flow-source{padding-left:16px}.flow-source h3{font-size:21px}}@media(max-width:760px){.agent-flow{margin-top:40px}.flow-diagram{grid-template-columns:1fr;gap:65px;min-height:0}.flow-source{margin:0 auto;width:90%;padding-left:20px}.flow-source h3{font-size:23px}.flow-source p{font-size:14px}.flow-source ul{font-size:13px;gap:10px;margin-top:14px}.flow-slat{min-height:155px;width:185px;justify-self:center;border-radius:65px;padding:20px}.flow-slat img{width:110px}.flow-slat>p{font-size:14px;margin-top:12px}.flow-clients{flex-direction:row;gap:15px}.flow-clients button{flex:1;min-width:0;min-height:110px;padding:16px 12px;text-align:center}.flow-clients button[aria-pressed=true]{transform:translateY(-4px)}.flow-clients strong{font-size:20px}.client-state{font-size:12px}.flow-narration{display:block;margin-top:45px}.flow-message h3{font-size:25px}.flow-message p{font-size:15px}.flow-controls{flex-direction:row;margin-top:25px;min-width:0;gap:8px;flex-wrap:wrap}.flow-controls button{font-size:13px}.flow-timeline{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:28px;margin-bottom:30px}.flow-timeline button{font-size:13px}.flow-received{font-size:12px;bottom:-18px}.signal{stroke-width:3}}
/* v06: the connection becomes an immersive stage, not a flowchart. */
.connection{background:#315bd6;position:relative;overflow:hidden;padding:110px 4%}.connection:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#faf7ef40 .7px,transparent .7px);background-size:28px 28px;opacity:.3}.connection .section-intro{position:relative;display:block;text-align:center;max-width:850px;margin:0 auto}.connection .section-intro h2{font-size:clamp(64px,8vw,124px);letter-spacing:-.06em;line-height:1}.connection .section-intro p{margin:25px auto 0;font-size:20px;max-width:600px}.agent-flow{position:relative;margin:60px 0 0}.flow-diagram{grid-template-columns:1fr 1.3fr 1fr;gap:6%;min-height:530px;max-width:1400px;margin:auto;isolation:isolate}.flow-source{background:#faf7ef;color:#192849;border:0;padding:26px;border-radius:12px;transform:rotate(-7deg);box-shadow:0 20px 50px #19284924;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s;align-self:center;z-index:3}.flow-source h3{font-family:Slat;font-size:30px;line-height:1.1}.flow-source p{color:#192849;font-size:15px}.flow-source ul{font-size:13px;gap:12px;margin-top:25px}.flow-source li:before{color:#315bd6}.flow-slat{background:transparent;border:0;box-shadow:none;border-radius:0;min-height:390px;padding:0;isolation:isolate;z-index:2}.flow-slat:before,.flow-slat:after{content:'';position:absolute;width:108%;aspect-ratio:1;border:1px solid #faf7ef50;border-radius:50%;z-index:-1;transform:rotateX(58deg) rotate(-25deg)}.flow-slat:after{width:135%;transform:rotateX(58deg) rotate(45deg);border-color:#faf7ef28}.flow-slat img{width:95%;max-width:360px;filter:brightness(0) invert(1);transition:transform .7s}.flow-slat>p{font-family:Slat;font-size:24px;margin-top:22px;line-height:1.2}.flow-clients{gap:60px}.flow-clients button{border:0;background:transparent;border-radius:0;padding:18px 0;text-align:left;min-height:100px;opacity:.55;transform:none;position:relative;transition:opacity .3s,transform .5s}.flow-clients button:before{content:'';position:absolute;left:-28px;top:30px;width:12px;height:12px;background:#faf7ef;border-radius:50%;transform:scale(.5);transition:transform .5s}.flow-clients button[aria-pressed=true]{border:0;background:transparent;transform:translateX(6px);opacity:1}.flow-clients button[aria-pressed=true]:before{transform:scale(1);box-shadow:0 0 0 8px #faf7ef20}.flow-clients strong{font-family:Slat;font-size:clamp(30px,3.3vw,48px);letter-spacing:-.055em;line-height:1.05}.flow-clients .client-state{color:#faf7ef;font-size:15px}.wire{stroke:#faf7ef30;stroke-width:1.5}.signal{stroke:#f7c99b;stroke-width:7;stroke-dasharray:22 110;filter:drop-shadow(0 0 5px #f7c99b90)}.agent-flow[data-phase="2"] .flow-clients button[aria-pressed=true]{background:transparent;transform:translateX(6px) scale(1.05)}.agent-flow[data-phase="0"] .flow-source{transform:rotate(-3deg) translateX(10px)}.agent-flow[data-phase="1"] .flow-slat img{transform:scale(1.06)}.agent-flow[data-phase="2"] .flow-source{transform:rotate(0deg) translateX(35px) scale(.94)}.agent-flow[data-phase="3"] .flow-source{transform:rotate(-7deg);opacity:.7}.flow-received{bottom:-8px;background:#f7c99b;color:#192849;border-radius:8px;padding:15px 20px;font-size:16px;box-shadow:0 15px 30px #19284925;transform:translateX(-50%) rotate(-3deg);z-index:5}.flow-narration{max-width:1150px;margin:55px auto 35px;min-height:145px;position:relative}.flow-message{max-width:720px}.flow-message h3{font-family:Slat;font-size:clamp(29px,3.4vw,47px);line-height:1.08}.flow-message p{color:#faf7ef;font-size:17px;max-width:690px}.flow-controls #flow-play{border-radius:40px;min-height:54px;padding:17px 24px;font-size:15px}.flow-timeline{max-width:1150px;margin:0 auto 60px;gap:20px}.flow-timeline button{border-top-color:#faf7ef35;color:#dce6ff;font-size:16px;padding-top:20px}.flow-timeline button[aria-pressed=true]{border-top-color:#f7c99b}.connection .connection-note{position:relative;max-width:1150px;margin:0 auto;border-top-color:#faf7ef30}.connection .connection-note>div{color:#e0e8fc}.flow-courier{position:absolute;z-index:6;left:46%;top:45%;pointer-events:none;background:#faf7ef;color:#192849;padding:16px 22px;border-radius:8px;box-shadow:0 20px 35px #19284925;font-size:17px;line-height:1.2;font-weight:750;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) rotate(-5deg)}.agent-flow[data-phase="1"] .flow-courier{opacity:1;background:#192849;color:#faf7ef;animation:request-travel 3.2s cubic-bezier(.3,0,.3,1) both}.agent-flow[data-phase="2"] .flow-courier{opacity:1;animation:context-travel 3.2s cubic-bezier(.3,0,.3,1) both}.agent-flow[data-phase="3"] .flow-courier{opacity:1;background:#f7c99b;animation:update-travel 3.2s cubic-bezier(.3,0,.3,1) both}.flow-stopped .flow-courier{animation-play-state:paused!important}.flow-figure{position:absolute;bottom:-10px;left:38%;height:215px;width:175px;object-fit:contain;z-index:4;pointer-events:none;transform:translateY(15px);transition:transform .9s}.agent-flow[data-phase="2"] .flow-figure{transform:translate(22px,-5px) rotate(3deg)}@keyframes request-travel{0%{translate:220px -40px;opacity:0}15%{opacity:1}85%,100%{translate:0 0;opacity:1}}@keyframes context-travel{0%{translate:0 0;opacity:0}12%{opacity:1}85%,100%{translate:220px -40px;opacity:1}}@keyframes update-travel{0%{translate:220px -40px;opacity:0}12%{opacity:1}85%,100%{translate:0 80px;opacity:1}}
@media(max-width:1100px){.flow-diagram{gap:5%;grid-template-columns:1fr 1.2fr 1fr}.flow-source{padding:20px}.flow-source h3{font-size:25px}.flow-clients strong{font-size:31px}.flow-slat>p{font-size:21px}.flow-clients button:before{left:-18px;width:9px;height:9px}.flow-figure{height:185px;width:150px;bottom:0}.flow-courier{font-size:14px;padding:14px 17px}}
@media(max-width:760px){.connection{padding:75px 6%}.connection .section-intro h2{font-size:64px}.connection .section-intro p{font-size:17px;max-width:300px}.agent-flow{margin-top:45px}.flow-diagram{display:grid;grid-template-columns:1fr;gap:55px;min-height:900px}.flow-source{width:86%;padding:23px;transform:rotate(-5deg);margin:0 auto}.flow-source h3{font-size:27px}.flow-source ul{font-size:13px;margin-top:18px}.flow-slat{min-height:280px;width:75%;justify-self:center}.flow-slat img{width:100%;max-width:240px}.flow-slat:before{width:100%}.flow-slat:after{width:125%}.flow-slat>p{font-size:21px}.flow-clients{flex-direction:row;gap:25px;width:100%;justify-content:space-between}.flow-clients button{min-width:0;min-height:130px;text-align:center;padding:20px 0;opacity:.55}.flow-clients strong{font-size:27px}.flow-clients button:before{left:calc(50% - 5px);top:0}.flow-clients button[aria-pressed=true]{transform:none}.agent-flow[data-phase="2"] .flow-clients button[aria-pressed=true]{transform:scale(1.03)}.client-state{font-size:12px!important}.flow-narration{display:block;margin-top:30px}.flow-message h3{font-size:32px}.flow-message p{font-size:16px}.flow-controls{margin-top:25px}.flow-controls #flow-play{font-size:14px}.flow-timeline{grid-template-columns:1fr 1fr;margin-bottom:35px;gap:15px}.flow-timeline button{font-size:14px}.flow-courier{left:50%;top:55%;font-size:13px;padding:13px 15px}.flow-figure{left:auto;right:-5px;bottom:170px;height:155px;width:125px}.flow-received{font-size:13px;padding:13px 16px;bottom:-25px}.agent-flow[data-phase="2"] .flow-source{transform:rotate(0) translateY(15px) scale(.96)}@keyframes request-travel{0%{translate:0 180px;opacity:0}15%{opacity:1}85%,100%{translate:0 0;opacity:1}}@keyframes context-travel{0%{translate:0 0;opacity:0}12%{opacity:1}85%,100%{translate:0 180px;opacity:1}}@keyframes update-travel{0%{translate:0 180px;opacity:0}12%{opacity:1}85%,100%{translate:0 65px;opacity:1}}}
@media(prefers-reduced-motion:reduce){.flow-courier{animation:none!important;translate:0 0!important}.flow-source,.flow-figure,.flow-slat img{transition:none!important}}body.motion-paused .flow-courier{animation:none!important;translate:0 0!important}
@keyframes request-travel{0%{translate:var(--travel-x) var(--travel-y);opacity:0}15%{opacity:1}85%,100%{translate:0 0;opacity:1}}@keyframes context-travel{0%{translate:0 0;opacity:0}12%{opacity:1}85%,100%{translate:var(--travel-x) var(--travel-y);opacity:1}}@keyframes update-travel{0%{translate:var(--travel-x) var(--travel-y);opacity:0}12%{opacity:1}85%,100%{translate:0 80px;opacity:1}}
/* v07: actual character and logo choreography between stages. */
.flow-diagram{min-height:620px;perspective:1400px}.flow-slat{transition:transform 1.5s cubic-bezier(.22,.8,.2,1);transform:translate(-35px,-95px) scale(.78);transform-origin:center;z-index:2}.flow-figure{position:absolute;left:7%;right:auto;bottom:0;width:230px;height:345px;object-fit:contain;object-position:center bottom;transform:translate(0,0) scale(.9);transform-origin:center bottom;transition:left 1.8s cubic-bezier(.22,.8,.2,1),bottom 1.8s cubic-bezier(.22,.8,.2,1),transform 1.8s cubic-bezier(.22,.8,.2,1);z-index:4;filter:drop-shadow(12px 18px 20px #19284925)}.flow-source{align-self:start;margin-top:15px}.flow-clients{align-self:start;padding-top:75px;gap:95px}.flow-slat>p{font-size:21px}.flow-slat:before,.flow-slat:after{opacity:.4}.agent-flow[data-phase="0"] .flow-figure{left:11%;bottom:0;transform:scale(.94) rotateY(-9deg)}.agent-flow[data-phase="1"] .flow-figure{left:31%;bottom:10px;transform:scale(1.03) rotateY(0)}.agent-flow[data-phase="2"] .flow-figure{left:60%;bottom:5px;transform:scale(1.1) rotateY(-10deg);z-index:5}.agent-flow[data-phase="3"] .flow-figure{left:38%;bottom:-10px;transform:scale(1.05) rotateY(8deg)}.agent-flow[data-phase="0"] .flow-slat{transform:translate(-35px,-95px) scale(.78)}.agent-flow[data-phase="1"] .flow-slat{transform:translate(0,-30px) scale(1.05)}.agent-flow[data-phase="2"] .flow-slat{transform:translate(55px,-110px) scale(.76)}.agent-flow[data-phase="3"] .flow-slat{transform:translate(-65px,-70px) scale(.92)}.agent-flow[data-agent="codex"][data-phase="2"] .flow-figure{bottom:-20px;transform:scale(1.03) rotateY(-10deg)}.agent-flow[data-phase="2"] .flow-source{transform:rotate(0) translate(35px,15px) scale(.94)}.flow-courier{z-index:7}.flow-received{bottom:0}.flow-narration{margin-top:35px}
@media(max-width:1100px){.flow-figure{width:185px;height:290px}.flow-diagram{min-height:600px}.flow-slat>p{font-size:19px}.agent-flow[data-phase="2"] .flow-figure{left:57%}.flow-source{padding:18px}.flow-clients strong{font-size:29px}}
@media(max-width:760px){.flow-diagram{min-height:950px;gap:55px}.flow-source{margin-top:0;width:86%}.flow-slat{transform:translate(0,-10px) scale(.8);width:65%;min-height:230px}.flow-clients{padding-top:20px;gap:22px;align-self:center}.flow-clients strong{font-size:26px}.flow-figure{width:135px;height:230px;left:0;bottom:325px;transform:scale(.8)}.agent-flow[data-phase="0"] .flow-figure{left:0;bottom:345px;transform:scale(.85) rotateY(-8deg)}.agent-flow[data-phase="1"] .flow-figure{left:7%;bottom:250px;transform:scale(1) rotateY(0)}.agent-flow[data-phase="2"] .flow-figure{left:2%;bottom:145px;transform:scale(.9) rotateY(-10deg)}.agent-flow[data-agent="codex"][data-phase="2"] .flow-figure{left:58%;bottom:140px;transform:scale(.9) rotateY(-10deg)}.agent-flow[data-phase="3"] .flow-figure{left:55%;bottom:325px;transform:scale(.93) rotateY(8deg)}.agent-flow[data-phase="0"] .flow-slat{transform:translate(20px,-30px) scale(.8)}.agent-flow[data-phase="1"] .flow-slat{transform:translate(0,-10px) scale(1)}.agent-flow[data-phase="2"] .flow-slat{transform:translate(-30px,35px) scale(.8)}.agent-flow[data-agent="codex"][data-phase="2"] .flow-slat{transform:translate(30px,35px) scale(.8)}.agent-flow[data-phase="3"] .flow-slat{transform:translate(-25px,-35px) scale(.9)}.agent-flow[data-phase="2"] .flow-source{transform:rotate(0) translateY(10px) scale(.95)}}
body.motion-paused .flow-slat,body.motion-paused .flow-figure{transition:none!important}@media(prefers-reduced-motion:reduce){.flow-slat,.flow-figure{transition:none!important}}
/* Launch waitlist: genuine local registration, clear consent. */
.immersive-hero .intro-copy{top:18%;width:35%;right:3%}.intro-copy h1{font-size:clamp(34px,3.2vw,54px)}.intro-copy>p{font-size:17px;margin:20px 0}.waitlist-form{margin:28px 0 20px;scroll-margin-top:35px}.waitlist-form h2{font-family:inherit;font-size:22px;letter-spacing:-.035em;line-height:1.2}.waitlist-form>p{font-size:15px;line-height:1.5;margin:9px 0 18px}.waitlist-form>label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.waitlist-entry{display:flex;background:#faf7ef;border-radius:9px;padding:5px;gap:4px}.waitlist-entry input{width:100%;min-width:0;border:0;background:transparent;color:#192849;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;padding:12px;outline-offset:2px;border-radius:5px}.waitlist-entry input::placeholder{color:#66718a}.waitlist-entry button{border:0;border-radius:6px;background:#192849;color:#faf7ef;font-size:13px;white-space:nowrap;padding:13px 15px}.waitlist-entry button:disabled{opacity:.65;cursor:wait}.waitlist-form .waitlist-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;margin-top:15px;cursor:pointer}.waitlist-consent input{width:17px;height:17px;flex-shrink:0;margin:1px 0;accent-color:#faf7ef}.waitlist-form #waitlist-result{font-size:14px;margin:12px 0 0;line-height:1.5}.waitlist-form #waitlist-result:empty{display:none}.waitlist-form[data-state=success] .waitlist-entry{outline:2px solid #f7c99b;outline-offset:3px}.waitlist-entry input:focus-visible{outline:2px solid #315bd6}.waitlist-form[data-state=error] #waitlist-result{color:#ffe1c2}
@media(max-width:1100px){.immersive-hero .intro-copy{width:37%;right:3%;top:17%}.intro-copy h1{font-size:35px}.waitlist-entry{flex-direction:column}.waitlist-entry input{min-height:44px}.waitlist-entry button{min-height:44px}.monument{width:53%}}
@media(max-width:760px){.immersive-hero .intro-copy{position:relative;top:auto;right:auto;width:100%;padding-top:110px}.intro-copy h1{font-size:39px}.waitlist-form{max-width:440px;margin-top:26px}.waitlist-entry{flex-direction:column}.immersive-hero{height:1190px}.monument{width:92%;bottom:235px}.immersive-hero .immersive-characters{height:325px;bottom:-10px}.intro-link{margin-top:3px}.waitlist-consent span{font-size:13px}}