:root{--ink:#171b1b;--paper:#f4f3ec;--dark:#131719;--muted:#8d9798;--amber:#f2a24a;--blue:#85b2c3;--line:#ffffff17;--sans:"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}.artboard{position:relative;max-width:1800px;margin:auto;min-height:900px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.6;font-weight:550}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.context-label{font-size:12px;letter-spacing:.5px;opacity:.6}.section-foot{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.6;margin-top:22px;color:#7a8075}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 21px;font-size:13px;font-weight:600;border-radius:7px;min-height:50px}.button.amber{background:var(--amber);color:#22241f;box-shadow:0 3px 0 #bd6d2022}.button.dark{background:#182a2c;color:#fafbf6}.button span{font-size:20px;font-weight:400}.text-cta{font-size:12px;display:inline-flex;align-items:center;gap:14px}.hero{background:radial-gradient(ellipse at 77% 51%,#24323377 0%,transparent 52%),#131719;min-height:900px}.hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ffffff14}.product-nav{height:78px;position:relative;z-index:10;margin:24px 44px 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff1a;border-radius:15px;background:#191e20eF;gap:24px;box-shadow:0 12px 30px #0002}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand img{width:150px;filter:brightness(0) invert(1)}.brand>span{color:#f7b16d;border-left:1px solid #ffffff35;padding-left:16px;font-size:19px;font-weight:500}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;color:#c9cdca}.nav-links>*,.nav-dropdown>button{white-space:nowrap}.nav-links a:hover,.nav-dropdown>button:hover{color:#fff}.nav-dropdown>button{border:0;color:inherit;background:transparent;padding:10px 0;font-size:13px}.nav-dropdown>button span{margin-left:9px;color:#869092}.nav-actions{display:flex;align-items:center;gap:20px;font-size:12px}.language{position:relative}.language>button{background:none;border:0;color:#adb7b8;font-size:12px;padding:10px 0}.nav-cta{border:1px solid #5d655f;border-radius:6px;padding:11px 16px;font-size:12px;display:flex;gap:20px;align-items:center;color:#edeee7}.mobile-menu-button{display:none;background:none;color:#fff;border:0;font-size:20px}.product-menu{position:absolute;top:86px;left:24%;width:630px;display:grid;grid-template-columns:1.2fr 1fr;background:#f3f3ed;color:#222c29;padding:28px;border-radius:12px;box-shadow:0 28px 70px #0008;gap:26px}.product-menu small{font:12px Consolas,monospace;letter-spacing:1.4px;color:#778174}.product-menu a{display:block;margin:22px 0 4px}.product-menu b{display:block;font-size:15px;font-weight:550}.product-menu a span{display:block;font-size:12px;margin-top:7px;color:#788072}.product-menu a:hover{color:#b46622}.menu-second{border-left:1px solid #d5dace;padding-left:22px}.menu-second p{font-size:12px;line-height:1.8;color:#888e83;margin-top:35px}#language-menu{position:absolute;right:0;top:40px;width:160px;padding:14px;background:#f0f0e9;color:#1f2b26;border-radius:8px;box-shadow:0 12px 30px #0005}#language-menu span{display:block;font-size:12px;line-height:2.1}#language-menu span+span{color:#84897e}.hero-copy{position:relative;z-index:3;margin:136px 0 0 6.1%;width:46%}.amber-dot{width:5px;height:5px;display:inline-block;background:var(--amber);border-radius:50%;margin-right:9px;vertical-align:2px}.hero-copy .eyebrow{color:#b3c1bc;font-size:12px;letter-spacing:1.8px}.slash{margin:0 12px;color:#5a6461}.hero h1{font-size:clamp(52px,5.8vw,89px);font-weight:520;line-height:1.19;letter-spacing:-4px;margin:32px 0 27px;white-space:nowrap}.hero h1>span{color:#f3b97e}.hero .lead{font-size:15px;line-height:1.95;color:#aab6b2;margin:0}.hero-cta{display:flex;align-items:center;gap:26px;margin-top:36px}.hero .text-cta{color:#c6cdc7}.state-note{font-size:12px;line-height:1.7;color:#81908b;margin:22px 0 0}.hero-object{position:absolute;right:3.2%;top:242px;width:48.5%;height:540px;isolation:isolate}.object-orbit{position:absolute;border:1px solid #c9aa8723;border-radius:50%;z-index:-1;width:750px;height:280px;top:180px;left:-70px;transform:rotate(-38deg)}.orbit-b{transform:rotate(-38deg) translateY(48px);opacity:.4}.workspace-window{background:#f4f5ee;color:#29332e;border:1px solid #fcfff348;border-radius:13px;box-shadow:0 36px 80px #0006;position:absolute;top:28px;left:3%;width:97%;transform:perspective(1600px) rotateY(-9deg) rotateX(5deg) rotateZ(1deg);transform-origin:center}.window-bar{height:42px;border-bottom:1px solid #daddd3;display:flex;align-items:center;padding:0 16px;gap:13px;color:#839082;font-size:12px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:#bcc5b8;border-radius:50%}.planned{margin-left:auto;font-size:12px;padding:3px 6px;border:1px solid #cbd3c4;border-radius:4px;white-space:nowrap}.workspace-body{display:flex;min-height:414px}.workspace-sidebar{width:135px;background:#e9ede4;padding:22px 15px 14px;border-radius:0 0 0 12px;border-right:1px solid #dce2d5;flex-shrink:0}.workspace-sidebar>b{font-size:13px;font-weight:650}.side-label{display:block;font:12px Consolas,monospace;letter-spacing:1px;margin:24px 0 15px;color:#8e9786}.workspace-step{display:flex;gap:8px;align-items:center;padding:9px 5px;margin:4px -5px;font-size:12px;color:#707e6c}.workspace-step i{font-size:12px;font-style:normal;color:#929d8b}.workspace-step small{display:block;font-size:12px;line-height:1.9;color:#9aA590}.workspace-step.selected{background:#d4ddcc;border-radius:5px;color:#26382d}.sidebar-foot{font-size:12px;line-height:1.7;color:#8e9d89;margin-top:24px}.workspace-content{padding:23px 27px;flex:1;min-width:0}.workspace-topline{display:flex;justify-content:space-between;font-size:12px;color:#8d9788}.workspace-content h2{font-size:21px;letter-spacing:-.8px;font-weight:600;margin:15px 0 8px}.workspace-intro{font-size:12px;color:#8e9788;margin:0}.report-metric{margin-top:21px}.report-metric>span{display:block;font-size:12px;color:#7d8978}.report-metric strong{font-size:39px;line-height:1.2;letter-spacing:-2px;display:block;font-weight:550;color:#263c30}.report-metric strong span{font-size:12px;letter-spacing:0;margin-left:6px;font-weight:400}.report-metric>small{font-size:12px;color:#98a18f}.report-chart{margin-top:21px}.chart-caption{display:flex;justify-content:space-between;font-size:12px;color:#7b8974}.chart-caption small{font-size:12px}.bars{height:102px;border-bottom:1px solid #d1d8c9;background:repeating-linear-gradient(to top,transparent 0px,transparent 31px,#b6c2ab22 32px);display:flex;gap:17%;align-items:stretch;padding:0 7%;margin-top:12px;margin-bottom:29px}.bars>div{position:relative;width:18%;display:flex;align-items:flex-end}.bars i{display:block;width:100%;height:var(--h);background:#bdcbb5;border-radius:3px 3px 0 0}.bars .highlight i{background:#74948d}.bars span{position:absolute;white-space:nowrap;bottom:-20px;left:50%;transform:translateX(-50%);font-size:12px;color:#7d8a77}.review-check{display:flex;align-items:center;gap:8px;padding-top:11px;border-top:1px solid #dce2d5}.check-dot{color:#5b826a;background:#dbe8d5;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px}.review-check b{font-size:12px;font-weight:550;display:block}.review-check small{font-size:12px;color:#8d9984;display:block;margin-top:3px}.source-sheet{position:absolute;top:-67px;left:7%;width:174px;height:143px;padding:13px 15px;background:#e3dac9;color:#514b3e;box-shadow:0 14px 24px #0004;transform:rotate(-8deg);border-radius:6px;z-index:-1}.sheet-mark{font:12px Consolas,monospace;padding:4px 6px;border:1px solid #8e8b772e;float:right}.source-sheet>span{font-size:12px;display:block;padding-top:4px}.source-sheet b{font-size:13px;display:block;margin-top:7px}.sheet-lines{margin-top:16px}.sheet-lines i{display:block;height:1px;background:#98978150;margin-top:7px;width:90%}.sheet-lines i:nth-child(2){width:66%}.source-sheet small{font-size:12px;display:block;margin-top:9px;color:#8a8976}.deliverable-sheet{position:absolute;right:10px;bottom:-5px;z-index:3;background:#dce7e5;box-shadow:0 17px 42px #0005;color:#283c38;padding:19px 23px;display:flex;align-items:center;gap:15px;transform:rotate(-4deg);border-radius:7px;min-width:280px}.file-type{font-size:20px;background:#edf0e7;border-radius:5px;padding:7px 12px;color:#728e79}.deliverable-sheet b{font-size:14px;display:block}.deliverable-sheet small{font-size:12px;display:block;color:#6f877a;margin-top:6px}.artifact-arrow{margin-left:16px;font-size:25px}.hero-bottom{position:absolute;bottom:37px;left:6.1%;right:6.1%;border-top:1px solid #ffffff1a;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px;color:#7f8d87}.hero-bottom i{font-style:normal;font-size:20px;margin-left:25px;color:#d7ddd6}.task-story{background:var(--paper);color:var(--ink);padding:43px 5.2% 30px;min-height:960px}.task-story .section-top{margin-bottom:28px;color:#6e796b}.story-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:33px}.story-title h2{font-size:60px;line-height:1.2;letter-spacing:-2px;font-weight:520;margin:0}.story-title h2 span{color:#657a70}.story-title>div{max-width:350px;padding-bottom:5px}.story-title p{font-size:13px;line-height:1.9;color:#7e8375;margin:0 0 22px}.project-sign{font-size:21px;font-weight:800;letter-spacing:-1px}.project-sign small{font:12px Consolas,monospace;letter-spacing:1.5px;margin-left:12px;color:#8b937f}.story-stage{height:492px;position:relative;background:#e5e7de;overflow:hidden;border-radius:3px}.story-pane{height:100%;position:relative}.output-main{position:absolute;left:3%;top:61px;width:39%;height:357px;transform:rotate(-4deg);z-index:3;border:7px solid #f7f7f1;box-shadow:0 20px 35px #24302125}.output-main>img{width:100%;height:100%;object-fit:cover;object-position:71%}.output-main>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#18291cd9);padding:40px 23px 22px;color:#fff}.output-main small{display:block;font:12px Consolas,monospace;letter-spacing:1.8px;color:#dfe4d7}.output-main b{display:block;font-size:16px;font-weight:450;margin-top:9px}.output-web{position:absolute;left:34%;width:63%;top:38px;background:#21372d;transform:rotate(2deg);box-shadow:0 24px 36px #26311c25;border:1px solid #ffffff63;border-radius:7px;overflow:hidden}.browser-mini{height:34px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#fcfbf4;color:#7a836e}.browser-mini>i{width:4px;height:4px;border-radius:50%;background:#ccd1c2}.browser-mini span{margin-left:15px;font-size:12px}.browser-mini button{margin-left:auto;background:none;border:0;font-size:18px;color:#627054}.output-web>img{width:100%;aspect-ratio:16/9;object-fit:cover}.output-link{font-size:12px;color:#e9efde;background:#1f3228;border:0;width:100%;padding:12px 18px;display:flex;justify-content:space-between}.output-mobile{position:absolute;right:2.8%;bottom:30px;z-index:4;background:#eeeee3;width:158px;padding:20px 10px 10px;border:5px solid #212725;border-radius:22px;box-shadow:0 15px 32px #18231240;transform:rotate(-7deg);color:#2b3b2d}.phone-notch{position:absolute;top:4px;left:50%;transform:translateX(-50%);height:6px;width:42px;border-radius:10px;background:#2e3831}.mobile-logo{display:block;font-size:14px;font-weight:800;margin:5px 4px 10px}.output-mobile>img{height:94px;width:100%;object-fit:cover;object-position:70%}.output-mobile h4{font-size:16px;line-height:1.4;letter-spacing:-.5px;margin:12px 3px 8px;font-weight:500}.output-mobile>small{font-size:12px;color:#8b9480;margin-left:3px}.output-mobile button{border:0;width:100%;padding:8px 4px;font-size:12px;background:#2e4534;color:#f3f4e9;margin-top:10px;border-radius:4px}.output-caption{position:absolute;bottom:14px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#7c8a75}.story-controls{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;gap:26px}.story-controls button{background:none;border:0;border-top:2px solid #d4d8cc;padding:14px 0;text-align:left;display:grid;grid-template-columns:26px 1fr;gap:6px;color:#9aa28e}.story-controls button>span{grid-row:span 2;font:12px Consolas,monospace;padding-top:4px}.story-controls button b{font-size:14px;font-weight:500}.story-controls button small{font-size:12px;font-weight:400}.story-controls button.active{border-color:#263d2d;color:#2f4835}.story-controls button:hover{color:#3b583e}.story-pane[data-pane=brief]{display:grid;grid-template-columns:45% 55%;padding:30px;gap:35px}.brief-paper{background:#fbfaf3;padding:26px 31px;box-shadow:0 14px 24px #37462215;transform:rotate(-2deg);z-index:1}.brief-paper>span,.check-paper>span{font:12px Consolas,monospace;letter-spacing:1.5px;color:#8d9a7f}.brief-paper h3{font-size:30px;line-height:1.35;font-weight:500;letter-spacing:-1px;margin:22px 0}.brief-paper dl{margin:0}.brief-paper dl>div{display:grid;grid-template-columns:65px 1fr;gap:14px;border-top:1px solid #e4e7dc;padding:12px 0}.brief-paper dt{font-size:12px;color:#99a18e}.brief-paper dd{font-size:12px;color:#5b6953;margin:0}.brief-paper>p{font-size:12px;color:#9ba38d}.story-pane[data-pane=brief]>img{width:calc(100% - 35px);height:390px;object-fit:cover;object-position:70%;align-self:center;border:7px solid #f8f7ef;transform:rotate(3deg)}.stage-caption{position:absolute;left:30px;bottom:13px;color:#8b967f;font-size:12px}.story-pane[data-pane=roles]{padding:42px 40px;display:grid;grid-template-columns:32% 1fr;gap:40px;background:#e3e8e2}.role-origin>span{font:12px Consolas,monospace;letter-spacing:1.5px;color:#82967d}.role-origin h3{font-size:31px;letter-spacing:-1px;line-height:1.4;font-weight:500;margin:30px 0}.role-origin p{font-size:12px;line-height:1.9;color:#85917d}.role-map{display:grid;grid-template-columns:1fr 1fr;gap:18px}.role-map article{border:1px solid #cbd5c3;background:#eff2e9;padding:24px}.role-map article>span{font:12px Consolas,monospace;letter-spacing:1px;color:#8d9b83}.role-map h4{font-size:21px;font-weight:500;margin:13px 0}.role-map p{font-size:12px;color:#859178}.role-map b{font-size:12px;font-weight:400;color:#668062}.role-map .role-human{background:#d0ddd3;border-color:#bccdba}.story-pane[data-pane=check]{display:grid;grid-template-columns:63% 37%;padding:40px;gap:32px}.check-visual{position:relative;align-self:center;transform:rotate(-3deg);box-shadow:0 24px 30px #2e3e2525}.check-visual img{width:100%;border:7px solid #fbfaf3}.markup-tag{position:absolute;background:#f2b975;color:#47391e;font-size:12px;padding:9px 12px;box-shadow:0 4px 10px #0002}.tag-one{left:2%;top:5%;transform:rotate(-3deg)}.tag-two{right:3%;bottom:12%;transform:rotate(4deg)}.check-paper{align-self:center;margin-right:28px}.check-paper h3{font-size:35px;letter-spacing:-1px;font-weight:500;line-height:1.3;margin:25px 0}.check-paper>div{display:flex;gap:12px;align-items:center;border-top:1px solid #c8d0be;padding:12px 0}.check-paper b{font:12px Consolas,monospace;color:#99a589}.check-paper p{font-size:12px;margin:0;color:#5c6e51}.check-paper>small{display:block;font-size:12px;line-height:1.8;color:#899779}.works{padding:45px 5.2%;background:#1b2022}.works .section-top{color:#96aaa7}.works-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.works-title h2{font-size:54px;line-height:1.25;letter-spacing:-1.5px;font-weight:500;margin:0}.works-title p{font-size:13px;line-height:1.9;color:#9aaaa7}.works-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:40px}.architecture-image{height:427px;position:relative;overflow:hidden}.architecture-image img{width:100%;height:100%;object-fit:cover}.architecture-image>span{position:absolute;top:15px;left:18px;font-size:12px;background:#142727aa;padding:7px 10px;color:#e8eee8;border:1px solid #eeeeee33}.architecture-image>button{position:absolute;bottom:18px;right:18px;padding:10px 14px;background:#f3eee2;color:#303d35;border:0;border-radius:4px;font-size:12px}.work-description{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.work-description small{font:12px var(--sans);color:#899b96;letter-spacing:.6px}.work-description h3{font-size:21px;font-weight:500;margin:12px 0 0}.work-description>b{font-size:24px;font-weight:400}.tiny-note{font-size:12px;color:#758883;line-height:1.7;margin-top:14px}.film-poster{height:427px;border:0;padding:0;width:100%;position:relative;overflow:hidden;background:#101818}.film-poster img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.82)}.film-play{position:absolute;top:45%;left:45%;width:45px;height:45px;border:1px solid #fff8;background:#fff2;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px}.film-label{position:absolute;bottom:16px;left:18px;font:12px Consolas,monospace;color:#e6eeed;letter-spacing:1px}.pack{background:#e8e9e1;color:#23342b;padding:45px 5.2%}.pack .section-top{color:#778270}.pack-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;margin-top:65px}.pack h2{font-size:54px;font-weight:500;letter-spacing:-2px;line-height:1.3;margin:0}.pack-heading h3{font-size:23px;font-weight:500;margin:13px 0}.pack-no{font:12px Consolas,monospace;color:#8c987f;letter-spacing:2px}.pack-heading>div>p:last-child{font-size:13px;line-height:1.9;color:#758269}.pack-workflow{display:grid;grid-template-columns:repeat(5,1fr);margin:75px 0 50px;border-top:1px solid #bec9b4;gap:28px}.pack-workflow>div{padding-top:25px;position:relative}.pack-workflow>div:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#6d907e}.pack-workflow>div>span{font:12px Consolas,monospace;color:#8a9b7b}.pack-workflow h4{font-size:19px;font-weight:500;margin:15px 0 10px}.pack-workflow p{font-size:12px;color:#89977c}.pack-workflow small{display:inline-block;font-size:12px;color:#78936d;border:1px solid #bccdaf;padding:4px 7px;border-radius:4px;margin-top:8px}.pack-proof{border-top:1px solid #c9d3bc;padding-top:35px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:30px;align-items:center}.pack-proof>div{display:flex;gap:20px;align-items:center}.file-symbol{background:#d2ddc9;color:#769260;font:17px Consolas,monospace;width:65px;height:85px;display:grid;place-items:center;border-radius:5px;transform:rotate(-7deg)}.file-symbol.blue{background:#cbdcd5;color:#66968f;transform:rotate(6deg)}.pack-proof p{font-size:12px;color:#8b9880;line-height:1.9}.pack-proof b{display:block;font-size:30px;font-weight:500;color:#344934}.pack-proof b small{font-size:12px;color:#8c9c7e}.pack-proof .proof-note{display:block;border-left:1px solid #c4d0b8;padding-left:30px}.proof-note b{font-size:17px}.proof-note a{font-size:12px;border-bottom:1px solid #a5b494;padding-bottom:4px}.start{background:#dce5e6;color:#25373c;padding:45px 5.2%}.start .section-top{color:#809198}.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:58px}.start h2{font-size:54px;font-weight:500;line-height:1.3;letter-spacing:-2px;margin:0}.service-papers{position:relative;height:430px;margin-top:36px}.service-paper{position:absolute;background:#f5f6ef;box-shadow:0 25px 35px #4a667127;color:#587175;border:1px solid #fff8;padding:30px}.paper-back{right:5%;top:10px;width:60%;height:298px;transform:rotate(10deg);background:#c3d4d5}.paper-back>span{font-size:12px}.paper-back>b{display:block;font-size:18px;font-weight:500;line-height:1.5;margin-top:24px}.paper-rules{height:87px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 21px,#889e9d44 22px);margin-top:23px}.paper-front{left:5%;top:70px;width:67%;height:308px;transform:rotate(-5deg)}.paper-front>span{font:12px Consolas,monospace;letter-spacing:1.5px;color:#8ba0a0}.paper-front h3{font-size:28px;font-weight:500;line-height:1.25;margin:20px 0}.task-check{font-size:12px;color:#8a9c9b;display:flex;justify-content:space-between;border-top:1px solid #d2ded8;padding:10px 0}.task-check i{font-style:normal;color:#6c9e8c}.paper-front>small{font-size:12px;color:#99a8a4}.service-orbit{position:absolute;right:10px;bottom:24px;width:91px;height:91px;border:1px solid #809799;color:#698e92;border-radius:50%;display:grid;place-items:center;font-size:40px}.start-intro{font-size:16px;line-height:1.9;color:#6c858b;margin:8px 0 34px}.start-options article{display:flex;gap:24px;border-top:1px solid #b7cbd0;padding:26px 0}.start-options article>span{font:12px Consolas,monospace;color:#92a4a6;padding-top:6px}.start-options h3{font-size:23px;font-weight:500;margin:0 0 12px;letter-spacing:-.5px}.start-options article p{font-size:12px;line-height:1.8;color:#819699;margin:0}.start-options>.button{margin-top:28px}.ecosystem{padding:45px 5.2%;background:#211f1b;color:#eeeadd}.ecosystem .section-top{color:#a49a83}.ecosystem-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:65px 0 57px}.ecosystem h2{font-size:53px;font-weight:500;line-height:1.3;letter-spacing:-2px;margin:0}.ecosystem h2 span{color:#cfb485}.ecosystem-heading>p{font-size:13px;line-height:1.9;color:#a89e88;margin:0 0 6px}.ecosystem-path{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1.35fr;align-items:center;gap:20px;padding-top:32px;border-top:1px solid #b4a07439}.ecosystem-path small{font:12px Consolas,monospace;letter-spacing:1.5px;color:#8e836a}.ecosystem-path h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:17px 0 10px}.ecosystem-path p{font-size:12px;color:#a79b83}.ecosystem-path>span{color:#ad8757;font-size:23px}.ecosystem-note{font-size:12px;color:#897d65;margin-top:28px;line-height:1.8}.contact-finale{display:flex;justify-content:space-between;align-items:flex-end;margin-top:70px;padding:30px 0;border-top:1px solid #b4a07439}.contact-finale h3{font-size:30px;font-weight:450;line-height:1.4;margin:0;color:#cabc9f}.contact-finale>div>span{font-size:12px;color:#9a8d72;display:block;margin-bottom:16px}.contact-finale a{font-size:25px;letter-spacing:1px;font-weight:350}.contact-finale a b{font-size:28px;font-weight:400;margin-left:20px;color:#ddb686}.ecosystem footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b4a07424;padding-top:30px;margin-top:25px}.ecosystem footer img{width:120px;filter:brightness(0) invert(1);opacity:.7}.ecosystem footer span{font:12px Consolas,monospace;letter-spacing:1.2px;color:#8b7f68}dialog{padding:0;border:1px solid #ffffff2a;border-radius:12px;width:min(1180px,93vw);height:min(850px,92vh);background:#eef0e8;color:#1d342a;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#0a1119c4;backdrop-filter:blur(8px)}.dialog-bar{padding:14px 22px;border-bottom:1px solid #d0d9c7;display:flex;align-items:center;justify-content:space-between;height:80px}.dialog-bar small{font:12px Consolas,monospace;letter-spacing:1.4px;color:#8b9a7e}.dialog-bar h2{font-size:17px;font-weight:500;margin:5px 0 0}.dialog-bar button{padding:10px 13px;border:1px solid #bccbb0;background:transparent;border-radius:5px;font-size:12px;color:#3a5131}#artifact-body{height:calc(100% - 80px);background:#172322;display:flex;justify-content:center;align-items:center}#artifact-body iframe{border:0;width:100%;height:100%;background:#edf1e3}#artifact-body video{height:100%;max-width:100%;display:block}#artifact-body .miniapp-preview{max-width:420px;background:#fff}
@media(min-width:1500px){.hero-copy{margin-top:145px}.hero-object{top:255px;right:4%;width:48%;max-width:780px}.workspace-body{min-height:450px}.workspace-content{padding:28px 34px}.workspace-content h2{font-size:25px}.bars{height:122px}.hero{min-height:950px}.task-story{min-height:1030px}.story-stage{height:550px}.output-main{height:400px}.output-web{top:50px}.output-mobile{width:175px}.output-caption{bottom:18px}.hero-bottom{bottom:38px}}
@media(max-width:1200px){.product-nav{margin:20px 28px 0;padding:0 18px;height:70px;gap:20px}.brand img{width:122px}.brand>span{font-size:16px}.nav-links{gap:22px;font-size:12px}.nav-dropdown>button{font-size:12px}.nav-actions{gap:16px}.nav-cta{padding:10px 12px;font-size:12px;gap:14px}.hero-copy{margin-top:132px;width:46%}.hero h1{font-size:64px;letter-spacing:-3px}.hero .lead{font-size:13px}.hero-cta{gap:19px;flex-wrap:wrap}.hero .button{font-size:12px;padding:15px 17px}.hero .text-cta{font-size:12px}.hero-object{width:49%;top:260px;right:3%;height:495px}.workspace-sidebar{width:112px;padding:20px 12px}.workspace-content{padding:19px 19px}.workspace-content h2{font-size:18px}.workspace-topline{font-size:12px}.window-bar{gap:8px;padding:0 12px;font-size:12px}.workspace-body{min-height:401px}.deliverable-sheet{bottom:-8px;padding:15px 18px;min-width:254px}.source-sheet{top:-74px;width:152px}.hero-bottom{bottom:44px}.story-title h2{font-size:52px}.story-title>div{max-width:310px}.story-stage{height:470px}.output-main{top:60px;height:335px}.output-web{top:47px}.output-mobile{width:147px;bottom:29px}.output-main b{font-size:14px}.story-title p{font-size:12px}.task-story{padding-top:39px;min-height:935px}.section-top{margin-bottom:36px}.task-story .section-top{margin-bottom:26px}.section-foot{font-size:12px}.story-pane[data-pane=roles]{gap:25px;padding:35px 30px;grid-template-columns:32% 1fr}.role-map article{padding:20px}.role-origin h3{font-size:28px}.brief-paper{padding:23px 26px}.brief-paper h3{font-size:27px}.brief-paper dd{font-size:12px}.story-pane[data-pane=check]{padding:32px;gap:26px}.check-paper h3{font-size:30px}.check-paper p{font-size:12px}.works-title h2,.pack h2,.start h2,.ecosystem h2{font-size:47px}.architecture-image,.film-poster{height:370px}.pack-heading{gap:55px}.pack-workflow{margin-top:65px;gap:20px}.pack-workflow h4{font-size:17px}.pack-proof{gap:20px}.file-symbol{width:51px;height:74px}.pack-proof>div{gap:13px}.pack-proof .proof-note{padding-left:20px}.proof-note b{font-size:15px}.start-layout{gap:8%}.start-options h3{font-size:20px}.ecosystem-path{gap:14px}.ecosystem-path h3{font-size:21px}}
@media(max-width:1000px) and (min-width:701px){.nav-links{gap:16px}.brand{gap:10px}.brand>span{padding-left:10px}.brand img{width:104px}.nav-cta{display:none}.hero-copy{margin-left:5%;width:48%;margin-top:130px}.hero h1{font-size:55px}.hero .lead{font-size:12px}.hero-object{width:47%;right:3%;top:250px}.workspace-sidebar{display:none}.workspace-content{padding:24px}.workspace-content h2{font-size:20px}.workspace-window{top:30px}.hero-cta{flex-direction:column;align-items:flex-start;gap:22px}.hero-object{height:480px}.source-sheet{left:0}.deliverable-sheet{right:0;bottom:-18px}.story-title h2{font-size:46px}.story-title p{font-size:12px}.story-title>div{max-width:250px}.output-main{width:39%;height:330px;left:2%}.output-web{width:68%;left:28%;top:71px}.output-mobile{width:139px;bottom:37px}.output-main b{font-size:12px}.output-main>div{padding:25px 13px 16px}.works-title h2,.pack h2,.start h2,.ecosystem h2{font-size:42px}.works-layout{gap:26px}.architecture-image,.film-poster{height:340px}.pack-heading{gap:30px}.pack-proof{grid-template-columns:.8fr .8fr 1.5fr}.pack-workflow p{font-size:12px}.pack-workflow h4{font-size:15px}.file-symbol{display:none}.start-layout{gap:5%}.start-options h3{font-size:18px}.start-intro{font-size:14px}.paper-front{width:78%;left:0}.paper-back{right:0}.service-orbit{display:none}.ecosystem-path{gap:10px;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1.4fr}.ecosystem-path h3{font-size:18px}.contact-finale a{font-size:22px}}
@media(max-width:700px){.artboard{min-height:0}.product-nav{height:63px;margin:14px 16px 0;padding:0 16px;border-radius:12px;gap:10px}.brand img{width:119px}.brand>span{font-size:16px;padding-left:12px}.brand{gap:12px}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:18px;background:#222a2b;border:1px solid #536060;border-radius:10px;box-shadow:0 15px 30px #0005;flex-wrap:wrap;gap:20px;font-size:13px}.nav-links.open{display:flex}.nav-dropdown>button{font-size:13px}.product-menu{top:52px;left:5px;width:calc(100% - 10px);padding:20px;grid-template-columns:1fr;gap:20px}.menu-second{border-left:0;border-top:1px solid #cbd3c0;padding:18px 0 0}.menu-second p{margin-top:17px}.nav-cta{display:none}.language>button{font-size:12px}.mobile-menu-button{display:block}.nav-actions{gap:16px}.hero{min-height:985px}.hero-copy{margin:53px 25px 0;width:auto}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.1px}.hero .slash{margin:0 7px}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.2;margin:25px 0 22px}.hero .lead{font-size:12px;line-height:1.9;max-width:340px}.hero-cta{margin-top:24px;gap:18px}.hero .button{font-size:12px;padding:13px 17px;min-height:45px}.hero .text-cta{font-size:12px;gap:8px}.state-note{font-size:12px;color:#8f9c95;margin-top:17px}.hero-object{position:relative;top:auto;right:auto;margin:64px 24px 0;width:calc(100% - 48px);height:450px}.workspace-window{width:100%;left:0;top:0;transform:none;border-radius:10px}.workspace-sidebar{display:none}.workspace-body{min-height:359px}.workspace-content{padding:20px 23px}.workspace-content h2{font-size:20px;margin-top:15px}.workspace-intro{font-size:12px}.workspace-topline{font-size:12px}.report-metric{margin-top:17px}.report-metric strong{font-size:36px}.report-metric>small{font-size:12px}.report-chart{margin-top:18px}.bars{height:84px;margin-bottom:26px;gap:15%}.bars span{font-size:12px}.review-check{padding-top:9px}.review-check b{font-size:12px}.review-check small{font-size:12px}.window-bar{height:36px;font-size:12px;padding:0 12px}.planned{font-size:12px}.source-sheet{top:-40px;left:20px;height:83px;width:142px;padding:10px 12px;transform:rotate(-5deg);z-index:-1}.source-sheet b{font-size:12px;margin-top:6px}.source-sheet>span{font-size:12px;padding:0}.source-sheet .sheet-lines,.source-sheet>small{display:none}.sheet-mark{font-size:12px;padding:2px 4px}.deliverable-sheet{bottom:9px;right:9px;min-width:226px;padding:12px 15px;gap:10px;border-radius:6px;transform:rotate(-3deg)}.deliverable-sheet b{font-size:12px}.deliverable-sheet small{font-size:12px}.file-type{font-size:15px;padding:6px 10px}.artifact-arrow{font-size:20px;margin-left:8px}.object-orbit{width:450px;height:170px;left:-50px;top:150px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:4px 25px 0;padding:18px 0 26px;gap:10px;font-size:12px;letter-spacing:.2px}.hero-bottom>span:last-child{font-size:12px;max-width:116px;line-height:1.9;letter-spacing:1px;text-align:right}.hero-bottom i{margin-left:5px;font-size:13px}.section-top{gap:20px;margin-bottom:29px}.eyebrow{font-size:12px;letter-spacing:1.5px}.context-label{font-size:12px;text-align:right;max-width:125px;line-height:1.6}.task-story{padding:30px 24px 25px;min-height:1160px}.task-story .section-top{margin-bottom:25px}.story-title{display:block;margin-bottom:25px}.story-title h2{font-size:39px;letter-spacing:-1.5px}.story-title>div{max-width:none;padding:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px}.story-title p{font-size:12px;line-height:1.8;margin:0;max-width:185px}.project-sign{font-size:17px;flex-shrink:0}.project-sign small{font-size:12px;letter-spacing:.5px;display:block;margin:5px 0 0;max-width:94px}.story-stage{height:642px;overflow:hidden}.output-main{top:22px;left:7%;width:85%;height:268px;transform:rotate(-3deg);border-width:5px;z-index:2}.output-main>img{object-fit:cover;object-position:66%}.output-main>div{padding:40px 17px 17px}.output-main b{font-size:13px}.output-main small{font-size:12px}.output-web{left:4%;width:88%;top:313px;transform:rotate(2deg);z-index:3}.browser-mini{height:29px;padding:0 9px}.browser-mini span{font-size:12px;margin-left:7px}.output-link{padding:11px 12px;font-size:12px}.output-mobile{right:4%;bottom:33px;width:97px;border-width:3px;border-radius:14px;padding:13px 6px 7px;transform:rotate(-7deg)}.phone-notch{width:25px;height:4px;top:3px}.mobile-logo{font-size:12px;margin:4px 2px 6px}.output-mobile>img{height:55px}.output-mobile h4{font-size:12px;margin:8px 1px 4px}.output-mobile>small{font-size:12px;display:block}.output-mobile button{font-size:12px;padding:5px 2px;margin-top:6px}.output-caption{font-size:12px;left:15px;right:15px;bottom:13px;letter-spacing:.2px;gap:25px}.story-controls{gap:12px;grid-template-columns:1fr 1fr;margin-top:22px}.story-controls button{padding:12px 0;grid-template-columns:24px 1fr}.story-controls button b{font-size:12px}.story-controls button small{font-size:12px}.story-controls button>span{font-size:12px}.section-foot{font-size:12px;display:block;line-height:1.85;margin-top:18px}.section-foot span{display:block}.section-foot span+span{margin-top:8px}.story-pane[data-pane=brief]{display:block;padding:18px}.brief-paper{padding:20px;width:96%;height:351px}.brief-paper h3{font-size:24px;margin:17px 0}.brief-paper>span{font-size:12px}.brief-paper dl>div{grid-template-columns:47px 1fr;gap:10px;padding:10px 0}.brief-paper dd{font-size:12px}.brief-paper dt{font-size:12px}.story-pane[data-pane=brief]>img{height:217px;width:94%;margin:19px auto 0;border-width:5px}.stage-caption{font-size:12px;left:18px;bottom:12px}.story-pane[data-pane=roles]{display:block;padding:27px 20px}.role-origin>span{font-size:12px}.role-origin h3{font-size:26px;margin:15px 0}.role-origin p{font-size:12px;line-height:1.8;margin-bottom:24px}.role-map{gap:12px}.role-map article{padding:16px 13px;min-height:151px}.role-map article>span{font-size:12px}.role-map h4{font-size:17px;margin:17px 0 10px}.role-map p{font-size:12px;line-height:1.7}.role-map b{font-size:12px}.story-pane[data-pane=check]{display:flex;flex-direction:column;gap:20px;padding:25px 21px}.check-visual{width:100%;margin-top:20px}.check-visual img{border-width:5px}.markup-tag{font-size:12px;padding:6px 8px}.check-paper{width:100%;margin:8px 0 0}.check-paper h3{font-size:28px;margin:15px 0}.check-paper h3 br{display:none}.check-paper p{font-size:12px}.check-paper>div{padding:13px 0}.works{padding:31px 24px;min-height:1000px}.works-title{display:block}.works-title h2{font-size:36px}.works-title p{font-size:12px;line-height:1.9;margin-top:20px}.works-layout{display:block}.architecture-image{height:270px}.work-description h3{font-size:18px}.work-description small{font-size:12px}.work-description{padding-top:16px}.tiny-note{font-size:12px}.film{margin-top:35px;display:grid;grid-template-columns:45% 1fr;gap:22px}.film-poster{height:253px}.film .work-description{display:block;align-self:end;padding-bottom:20px}.film .work-description h3{font-size:19px}.film .work-description b{display:block;margin-top:20px}.film-label{font-size:12px;left:8px;bottom:10px}.film-play{width:36px;height:36px;font-size:12px;top:45%;left:37%}.pack{padding:31px 24px;min-height:1050px}.pack-heading{display:block;margin-top:43px}.pack h2{font-size:37px}.pack-heading>div{margin-top:28px}.pack-heading h3{font-size:20px}.pack-heading>div>p:last-child{font-size:12px}.pack-workflow{margin:35px 0;display:block;border:0}.pack-workflow>div{padding:13px 0 13px 25px;border-left:1px solid #bccdb2;display:grid;grid-template-columns:28px 1fr 60px;gap:8px;align-items:center}.pack-workflow>div:before{left:-4px;top:25px}.pack-workflow h4{font-size:15px;margin:0}.pack-workflow>div>span{font-size:12px}.pack-workflow p{font-size:12px;grid-column:2;margin:0}.pack-workflow small{margin:0;font-size:12px;grid-column:3;grid-row:1/3;justify-self:end}.pack-proof{grid-template-columns:1fr 1fr;padding-top:20px;gap:20px}.pack-proof .proof-note{grid-column:span 2;border-left:0;border-top:1px solid #c8d4bb;padding:22px 0 0}.file-symbol{width:43px;height:60px;font-size:13px}.pack-proof b{font-size:26px}.proof-note b{font-size:16px}.start{padding:31px 24px;min-height:1270px}.start-layout{display:block;margin-top:40px}.start h2{font-size:38px}.service-papers{height:368px;margin-top:25px}.paper-front{left:3%;width:67%;height:291px;padding:23px;top:58px}.paper-back{height:265px;width:61%;right:3%;padding:23px}.paper-front h3{font-size:25px}.paper-back>b{font-size:17px}.service-orbit{width:60px;height:60px;font-size:27px;bottom:1px}.start-intro{font-size:14px;margin:24px 0 24px}.start-options article{padding:23px 0;gap:16px}.start-options h3{font-size:18px}.start-options article p{font-size:12px}.start-options>.button{margin-top:21px;width:100%;font-size:12px}.ecosystem{padding:31px 24px;min-height:1250px}.ecosystem-heading{display:block;margin:44px 0 32px}.ecosystem h2{font-size:36px}.ecosystem-heading>p{font-size:12px;line-height:1.9;margin:23px 0 0}.ecosystem-path{grid-template-columns:1fr;gap:0;padding-top:25px}.ecosystem-path>div{padding:10px 0 20px 34px;border-left:1px solid #7d704b;position:relative}.ecosystem-path>div:before{content:"";width:7px;height:7px;background:#c3a15f;position:absolute;left:-4px;top:14px;border-radius:50%}.ecosystem-path>span{display:none}.ecosystem-path small{font-size:12px}.ecosystem-path h3{font-size:23px;margin:10px 0}.ecosystem-path p{font-size:12px;margin:0}.ecosystem-note{font-size:12px;line-height:1.85;margin-top:21px}.contact-finale{display:block;margin-top:30px;padding:30px 0}.contact-finale h3{font-size:26px}.contact-finale>div{margin-top:29px}.contact-finale a{font-size:24px}.ecosystem footer{flex-wrap:wrap;gap:20px;margin-top:5px;padding-top:25px}.ecosystem footer img{width:98px}.ecosystem footer span{font-size:12px}.ecosystem footer>span:last-child{width:100%}.dialog-bar{height:75px;padding:10px 15px}.dialog-bar h2{font-size:14px}.dialog-bar small{font-size:12px}.dialog-bar button{font-size:12px;padding:9px}#artifact-body{height:calc(100% - 75px)}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-copy{margin-left:20px;margin-right:20px}.hero .lead{font-size:12px}.hero .text-cta{font-size:12px}.hero-cta{gap:13px}.hero-object{margin-left:19px;margin-right:19px;width:calc(100% - 38px)}.hero .button{font-size:12px;padding:12px 15px}.brand img{width:104px}.nav-actions{gap:10px}.story-title h2{font-size:34px}.story-title>div{display:block}.project-sign{display:block;margin-top:16px}.project-sign small{display:inline-block;margin-left:10px;max-width:none}.task-story{min-height:1220px}.task-story,.works,.pack,.start,.ecosystem{padding-left:20px;padding-right:20px}}
/* Small explanatory copy stays readable across the pale artboards. */
.story-title p,.section-foot,.brief-paper dt,.brief-paper>p,.role-origin p,.role-map p,.check-paper>small,.pack-heading>div>p:last-child,.pack-workflow p,.pack-proof p,.start-options article p,.start-intro{color:#606e62}
.story-controls button{color:#65735f}.context-label{opacity:.85}.tiny-note{color:#a2b3ad}.ecosystem-note{color:#b7ae97}.state-note{color:#a3afa8}
body:has(dialog[open]){overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}