/* A physical cover, paper block and spine. The labels sit on their own surfaces. */
.book-scene{width:100%;height:245px;position:relative;perspective:900px;container-type:inline-size;isolation:isolate}.strategy-book{position:absolute;left:8%;top:9%;width:53%;height:79%;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-26deg) rotateZ(-6deg);transition:transform .8s cubic-bezier(.2,.6,.2,1)}.book-cover{position:absolute;inset:0;transform:translateZ(12px);border-radius:2px 5px 5px 2px;background:linear-gradient(105deg,#aabf90 0%,#d3dfbc 8%,#c9d9ae 85%,#aec49a);box-shadow:inset 4px 0 7px #35482822,0 15px 25px #0003;padding:13% 11%;color:#304431;display:flex;flex-direction:column}.book-cover>span{font-size:2.6cqw;font-weight:600}.book-cover h4{font-size:6.8cqw;line-height:1.04;letter-spacing:-.04em;font-weight:550;margin:16% 0 0}.book-cover small{font-size:2.25cqw;letter-spacing:.035em;line-height:1.5;margin-top:auto}.book-rule{width:22%;height:2px;background:#5d7852;margin:10% 0}.book-pages{position:absolute;inset:3px 0 3px 4px;background:#efe9d9;transform:translateZ(-7px);box-shadow:0 1px #a9ac90,0 3px #e9e4d2,0 5px #b0b19a,0 7px #eee9d9,0 10px #9aaa86}.book-pages:after{content:'';position:absolute;left:100%;width:19px;top:0;bottom:0;transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#efecda 0 1px,#b7bba2 1px 2px)}.book-spine{position:absolute;inset:0 auto 0 0;width:21px;background:#99b17b;transform-origin:left;transform:translateZ(12px) rotateY(90deg);writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-size:7px;color:#355133;letter-spacing:.1em;box-shadow:inset -5px 0 6px #354b3222}.strategy-page{position:absolute;right:2%;top:12%;width:52%;height:79%;padding:7% 5% 5% 10%;background:#ececda;box-shadow:2px 3px #bbbfa9,4px 6px #d6dac3,7px 13px 25px #0004;color:#556749;transform:rotate(7deg);transition:transform .8s}.strategy-page>span{font-size:2cqw;letter-spacing:.04em;display:block;text-align:right}.strategy-page h4{font-size:4.4cqw;font-weight:500;line-height:1.1;text-align:right;margin:12% 0 16%}.strategy-page>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid #98aa8544;padding:7% 0;font-size:2.1cqw;white-space:nowrap}.strategy-page b{font-weight:500;color:#8b9b77;font-size:1.9cqw}.package:is(:hover,:focus-within) .strategy-book{transform:translate(-5px,-7px) rotateX(10deg) rotateY(-37deg) rotateZ(-9deg)}.package:is(:hover,:focus-within) .strategy-page{transform:translate(8px,-3px) rotate(11deg)}
.team-faces .team-face img{transform:scale(1.38);transform-origin:50% 18%;object-position:50% 0}
.system-monitor{top:20px!important;background:#17221c;padding:4px 9px;border-radius:4px}.system-boundary:before{top:-5px}
.scope-art-person svg>circle,.scope-art-person svg>path,.scope-art-person svg>rect,.scope-art-person svg>text,.scope-art-data svg>path,.scope-art-data svg>rect{transition:translate .65s,stroke-dashoffset 1s,fill .65s;transform-box:fill-box;transform-origin:center}.scope-grid>div:hover .scope-art-person svg>circle,.scope-grid>div:hover .scope-art-person svg>path:nth-child(2){translate:0 -7px}.scope-grid>div:hover .scope-art-person svg>rect:first-of-type,.scope-grid>div:hover .scope-art-person svg>text:first-of-type{translate:8px -3px}.scope-grid>div:hover .scope-art-person svg>rect:last-of-type,.scope-grid>div:hover .scope-art-person svg>text:last-of-type{translate:-8px 3px}.scope-grid>div:hover .scope-art-person svg>path[stroke-dasharray]{stroke-dashoffset:-30}.scope-grid>div:hover .scope-art-data svg>rect:first-of-type{translate:9px 0}.scope-grid>div:hover .scope-art-data svg>rect:last-of-type{translate:-9px 0}.scope-grid>div:hover .scope-art-data svg>path[fill]{translate:0 -7px}.scope-grid>div:hover .scope-art-data svg>path[stroke-dasharray]{stroke-dashoffset:-45}
.pilot-spatial{min-width:0;width:100%;align-self:center}.pilot-spatial .spatial-stage{height:340px}.pilot-spatial .spatial-caption{text-align:left;padding:21px 25px;min-height:152px;border-bottom:0}.pilot-spatial .spatial-caption h3{font-size:23px;line-height:1.2}.pilot-spatial .spatial-caption p{font-size:12px;line-height:1.6}.pilot-scene-tabs{display:flex;border-top:1px solid #718c7533;border-bottom:1px solid #718c7533}.pilot-scene-tabs button{flex:1;min-height:52px;background:transparent;color:#97b19d;border:0;border-right:1px solid #718c7529;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.pilot-scene-tabs button span{font-size:9px;color:#73927b}.pilot-scene-tabs button[aria-pressed=true]{background:#314f39;color:#d9edce}.pilot-film-footer{padding:0 25px 12px;display:flex;align-items:center;gap:18px;justify-content:space-between;color:#819887;font-size:9px;line-height:1.5}.pilot-film-footer button{border:0;background:none;color:#a8c1ae;font:inherit;cursor:pointer;flex:none}.pilot-static{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:17px;color:#c7d8bc}.pilot-spatial .spatial-fallback{inset:45px 20px 20px}
@media(max-width:1100px){.book-scene{height:235px}.book-cover h4{font-size:6.5cqw}.strategy-page>div{font-size:1.95cqw;gap:5px}.pilot-spatial .spatial-stage{height:300px}}
@media(max-width:650px){.book-scene{height:245px}.pilot-spatial .spatial-stage{height:315px}.pilot-spatial .spatial-caption{min-height:158px;padding:19px}.pilot-spatial .spatial-caption h3{font-size:22px}.pilot-scene-tabs button{font-size:10px;gap:6px}.pilot-film-footer{padding:0 19px 10px}.system-monitor{font-size:6px!important;top:19px!important}.team-faces .team-face img{transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.strategy-book,.strategy-page,.scope-art svg>*{transition:none!important}.package:is(:hover,:focus-within) .strategy-book{transform:rotateX(8deg) rotateY(-26deg) rotateZ(-6deg)}.package:is(:hover,:focus-within) .strategy-page{transform:rotate(7deg)}.scope-grid>div:hover .scope-art svg>*{translate:none!important}}
.try-section{margin:70px 0 90px}.try-section>h2{max-width:700px;font-size:clamp(26px,3.4vw,41px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:15px 0}.try-intro{font-size:13px;line-height:1.7;color:#a1afa5;max-width:690px}.try-demo{margin-top:28px;border:1px solid #6c8b743b;border-radius:12px;background:#17211b;padding:30px}.try-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.try-document{padding:25px;background:#e8e9dc;color:#3c523e;border-radius:6px}.try-document>span,.try-clock>span{font-size:10px;letter-spacing:.08em}.try-document h4{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:15px 0}.try-document>strong{font-size:33px;font-weight:500}.try-document p{font-size:14px;line-height:1.7}.try-demo label{display:block;font-size:12px;color:#bccbbb;margin:0 0 17px}.try-document label{color:#3c523e;margin-top:24px}.try-demo select,.try-demo input:not([type=checkbox]),.try-demo textarea{display:block;width:100%;background:#101a14;border:1px solid #6e89794f;border-radius:5px;color:#dae5d7;padding:12px;font:inherit;margin-top:9px;line-height:1.6}.try-document select{background:#f5f6ed;color:#334c38;border-color:#98ad8d}.try-demo textarea{resize:vertical;min-height:155px}.try-demo button{min-height:44px;border:1px solid #8ba980;background:#c0d3ad;color:#223b29;border-radius:5px;font:inherit;font-size:12px;padding:10px 15px;cursor:pointer;transition:background .2s}.try-demo button:hover{background:#d0e4ba}.try-demo button:disabled{opacity:.35;cursor:default}.try-demo .try-check{display:flex;gap:8px;align-items:center;margin-top:15px}.try-result{padding:20px 0 10px;margin-top:20px;min-height:68px;border-top:1px solid #7a927b40;color:#c7dec1;font-size:14px;line-height:1.75}.try-demo .try-reset{color:#95b19c;border:0;background:transparent;padding-left:0}.try-slots{display:flex;flex-wrap:wrap;gap:9px}.try-slots [aria-pressed=true]{background:#385e43;color:#edf4e6}.try-clock{border:1px solid #8f85533d;background:#343726;padding:25px;border-radius:7px}.try-clock>output{display:block;font-size:66px;font-variant-numeric:tabular-nums;font-weight:450;color:#d8d8ad;margin:22px 0}.try-clock>div{display:flex;gap:10px}
@media(max-width:650px){.try-demo{padding:18px}.try-grid{grid-template-columns:1fr;gap:22px}.try-section{margin:50px 0 65px}.try-document{padding:20px}.try-demo select,.try-demo input:not([type=checkbox]),.try-demo textarea{font-size:16px}.try-clock>output{font-size:54px}}
.book-scene{max-width:340px;margin-inline:auto}.scope-art-data g{transition:translate .65s}.scope-grid>div:hover .scope-art-data .data-input{translate:9px 0}.scope-grid>div:hover .scope-art-data .data-output{translate:-9px 0}.scope-grid>div:hover .scope-art-data .data-shield{translate:0 -7px}.scope-grid>div:hover .scope-art-data .data-path{stroke-dashoffset:-45}
@media(prefers-reduced-motion:reduce){.scope-art-data g{transition:none}.scope-grid>div:hover .scope-art-data g{translate:none!important}}
.strategy-page h4{margin:7% 0 8%}.strategy-page>div{padding:5% 0}
.spatial-ready .spatial-stage>canvas{transition:none}